/* Water-heater field guide. All behavior remains in the native resource. */
body.mmos-wh-journal {--whr-ink:#143e36;--whr-green:#143e36;--whr-cream:#f4ecd9;--whr-paper:#fcf8ed;--whr-orange:#b94f23;--whr-orange-2:#d36730;--whr-gold:#f0c780;--whr-muted:#48615a}
body.mmos-wh-journal .whr{width:calc(100% - 24px);max-width:1840px;margin:0 auto;padding:30px clamp(14px,2.4vw,42px) 44px;overflow:clip;background:#f0e7d4;background-image:radial-gradient(#a6957030 .7px,transparent .8px);background-size:7px 7px;font-family:Arial,sans-serif}
body.mmos-wh-journal .whr>:is(header,section,aside,footer){position:relative;min-width:0;margin:0 0 32px;padding:38px clamp(24px,4.2vw,68px) 44px;border:2px solid #173c32;border-radius:0;box-shadow:7px 8px #173c3238;scroll-margin-top:calc(var(--mmos-env-badge-height,80px) + 18px)}
body.mmos-wh-journal .whr>:last-child{margin-bottom:0}
body.mmos-wh-journal .whr h1,body.mmos-wh-journal .whr h2{font-family:var(--mmos-font-display,Oswald,Impact,sans-serif);font-weight:800;line-height:1.08;letter-spacing:-.018em;text-transform:uppercase;text-wrap:balance;-webkit-text-stroke:0;text-shadow:none}
body.mmos-wh-journal .whr h2{font-size:clamp(2rem,3.6vw,3.8rem)}
body.mmos-wh-journal .whr h2 em{display:inline-block;margin-top:9px;font:italic 500 .8em/1.12 Georgia,serif;letter-spacing:-.035em;text-transform:none}
body.mmos-wh-journal .whr .whr__eyebrow{font:700 11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#a84720;margin-bottom:15px}
body.mmos-wh-journal .whr .whr__section-head{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:35px;align-items:end;margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid #6c81735c}
body.mmos-wh-journal .whr .whr__section-head>p{font:17px/1.65 Arial,sans-serif;margin:0;max-width:530px}
body.mmos-wh-journal .whr :is(.whr__button,.whr__hero-action){border-radius:0;min-height:48px;box-shadow:4px 5px #062b2352;font-size:17px;text-decoration:none}
body.mmos-wh-journal .whr :is(a,button,summary):focus-visible{outline:3px solid #ebae54;outline-offset:4px}
/* The cover is a real installation print, with the same illustrated landscape vocabulary. */
body.mmos-wh-journal .whr .whr__intro{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:30px 50px;min-height:0;align-items:center;color:#fff1d9;background:linear-gradient(90deg,#123c38f7 6%,#123c38e6 44%,#123c3838),url('/wp-content/uploads/2025/05/46a02cfb-8ecd-478a-9a84-49ffbbef9a73.png.webp') center 56%/cover no-repeat,#143e36;background-blend-mode:normal}
.whj-folio{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #eed3a666;font:700 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.07em}
body.mmos-wh-journal .whr__intro h1{font-size:clamp(3.5rem,5.7vw,6.7rem);line-height:1.02;max-width:none;margin:0;color:#fff1d9;text-wrap:initial}
body.mmos-wh-journal .whr .whr__intro-copy{padding:8px 0;justify-content:flex-start}
body.mmos-wh-journal .whr .whr__intro .whr__eyebrow{color:#efc57e;margin:0 0 18px}
.whj-banner{display:inline-block;margin:23px 0 24px;padding:10px 16px 13px;color:#fff4df;background:#b94f23;box-shadow:5px 6px #082c2a8c;font:700 clamp(1.3rem,2.2vw,2.5rem)/1.12 var(--mmos-font-display,Oswald,sans-serif);text-transform:uppercase;transform:rotate(-.6deg)}
body.mmos-wh-journal .whr .whr__lede{margin-bottom:22px;font:clamp(1rem,1.35vw,1.25rem)/1.65 Arial,sans-serif;color:#eee6d4;max-width:590px}
body.mmos-wh-journal .whr .whr__hero-facts{width:100%;gap:15px;border-top:1px solid #dcc09055;padding:18px 0 0;margin:0 0 22px}
body.mmos-wh-journal .whr .whr__hero-facts li{font-size:12px;line-height:1.55;color:#e4e4d4}
body.mmos-wh-journal .whr .whr__hero-facts b{font:700 10px/1.4 ui-monospace,Consolas,monospace;color:#f0c780;letter-spacing:.065em;margin-bottom:4px}
body.mmos-wh-journal .whr .whr__hero-actions{width:100%;gap:9px;margin:0 0 16px;grid-template-columns:1fr 1fr}
body.mmos-wh-journal .whr .whr__hero-action{padding:14px 17px;background:#103c35d9;border:1px solid #f2dec27d;color:#fff1d9;font-size:17px;min-width:0}
body.mmos-wh-journal .whr .whr__hero-action--book{background:#bc4e20;border-color:#f1c28f}
body.mmos-wh-journal .whr .whr__hero-action:last-child{box-shadow:none;border:0;background:none;min-height:34px;padding:3px 0;font:700 13px/1.5 ui-monospace,Consolas,monospace;color:#efca87;grid-column:1/-1;justify-content:flex-start}
body.mmos-wh-journal .whr .whr__reviewed{margin:0;max-width:520px;font-size:11px;line-height:1.6;color:#ccd8c9}
body.mmos-wh-journal .whr .whr__hero-side{width:100%;min-width:0;align-self:center;gap:0;padding:0 5px 0 0}
body.mmos-wh-journal .whr .whr__hero-side .whr__photo{width:100%;height:auto;aspect-ratio:4/5;margin:0;padding:9px 9px 0;border:0;background:#f4ecd9;box-shadow:9px 11px #072b2677;transform:rotate(1.2deg);overflow:visible}
body.mmos-wh-journal .whr .whr__photo img{height:calc(100% - 42px);object-fit:cover;object-position:center;filter:none}
body.mmos-wh-journal .whr .whr__photo::after{content:none}
body.mmos-wh-journal .whr .whr__photo figcaption{position:static;height:42px;padding:14px 5px 10px;color:#143e36;background:none;font:700 10px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.045em}
.whj-photo-note{position:relative;align-self:flex-end;max-width:92%;margin:-5px -12px 0 0;padding:17px 24px;background:#bb5125;border:1px solid #f3cc8a;color:#fff2da;box-shadow:5px 6px #082c2a8c;transform:rotate(-2deg)}
.whj-photo-note span{display:block;font:700 9px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.06em;margin-bottom:6px}
.whj-photo-note strong{font:italic 500 clamp(1.25rem,1.8vw,2rem)/1.2 Georgia,serif}
.whj-chapters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 25px;margin-top:8px;padding-top:22px;border-top:1px solid #eed3a666}
.whj-chapters a{display:inline-flex;align-items:center;gap:15px;min-height:40px;color:#efead6;font:700 11px/1.4 ui-monospace,Consolas,monospace;text-decoration:none}
.whj-chapters a:first-child{color:#efc57e}
.whj-chapters a:hover{text-decoration:underline;text-underline-offset:5px}
/* Native symptom picker: room to read, and its quote inputs stay in one place. */
body.mmos-wh-journal .whr>.whr__hero-console{width:100%;color:#143e36;background:#f4ecd9;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 30px}
body.mmos-wh-journal .whr__hero-console>.whr__eyebrow,body.mmos-wh-journal .whr__hero-console>h2{grid-column:1}
.whj-console-intro{grid-column:2;grid-row:1/3;align-self:end;font-size:17px;line-height:1.65;max-width:420px;justify-self:end;margin:0 0 20px}
body.mmos-wh-journal .whr .whr__quick-start{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
body.mmos-wh-journal .whr .whr__quick-start details{padding:18px 20px;border:1px solid #56736566;border-top:4px solid #1b5653;background:#fcf8ec;box-shadow:3px 4px #143e3617}
body.mmos-wh-journal .whr .whr__quick-start .whr__quick-code{grid-column:auto}
body.mmos-wh-journal .whr .whr__quick-start summary{min-height:64px;padding-right:21px;gap:6px}
body.mmos-wh-journal .whr .whr__quick-start summary b{font-size:20px}
body.mmos-wh-journal .whr .whr__quick-start summary em{font:14px/1.4 Arial,sans-serif}
body.mmos-wh-journal .whr .whr__quick-start details>div p{font:15px/1.6 Arial,sans-serif}
body.mmos-wh-journal .whr .whr__quick-start details[open]{border-color:#bb5125;background:#fffaf0;box-shadow:inset 0 0 0 1px #bb5125}
body.mmos-wh-journal .whr .whr__hero-quote{grid-column:1/-1;margin-top:25px;padding-top:22px;border-top:1px solid #7b8b725e}
body.mmos-wh-journal .whr .whr__hero-quote form{grid-template-columns:minmax(0,1.2fr) minmax(120px,.65fr) minmax(0,1fr);align-items:end;gap:16px}
body.mmos-wh-journal .whr .whr__hero-quote .whr__button{grid-column:auto;height:52px;margin:0}
body.mmos-wh-journal .whr .whr__hero-quote :is(select,input){height:52px;font-size:16px}
/* Real photos and the native, automatically populated project cards. */
body.mmos-wh-journal .whr>.whr__past-work{background:linear-gradient(90deg,#0d4145e8,#143e36a8),url('/wp-content/uploads/2025/05/46a02cfb-8ecd-478a-9a84-49ffbbef9a73.png.webp') center 62%/cover no-repeat,#143e36}
body.mmos-wh-journal .whr>.whr__field-notes,body.mmos-wh-journal .whr>.whr__decoder,body.mmos-wh-journal .whr>.whr__codes{background:linear-gradient(105deg,#0d3e43e8,#164447b5),url('/wp-content/uploads/2025/06/Plumber-night-backround.png.webp') center/cover no-repeat,#143e36}
body.mmos-wh-journal .whr :is(.whr__past-work,.whr__field-notes,.whr__decoder,.whr__codes)>.whr__section-head :is(h2,p),body.mmos-wh-journal .whr .whr__field-notes>header :is(h2,p){color:#f5ecd7}
body.mmos-wh-journal .whr :is(.whr__past-work,.whr__field-notes,.whr__decoder,.whr__codes) .whr__eyebrow,body.mmos-wh-journal .whr :is(.whr__past-work,.whr__field-notes,.whr__decoder,.whr__codes) h2 em{color:#f0c780}
body.mmos-wh-journal .whr .whr__past-work-grid{gap:25px}
body.mmos-wh-journal .whr .whr__project-card{padding:8px;background:#f4ecd9;box-shadow:5px 7px #082c2a88;transform:rotate(-.45deg)}
body.mmos-wh-journal .whr .whr__project-card:nth-child(3n+2){transform:rotate(.55deg)}
body.mmos-wh-journal .whr .whr__project-card figure{aspect-ratio:4/3}
body.mmos-wh-journal .whr .whr__project-card>div{padding:17px 12px 12px;gap:10px}
body.mmos-wh-journal .whr .whr__project-card h3{font-size:22px;line-height:1.2}
body.mmos-wh-journal .whr .whr__project-card>div>strong{border-top:1px solid #8d9a855e;margin-top:10px;padding-top:13px;font:700 15px/1.3 var(--mmos-font-display,Oswald,sans-serif)}
body.mmos-wh-journal .whr .whr__project-card:hover{translate:0 -4px;box-shadow:5px 11px #082c2a88}
body.mmos-wh-journal .whr .whr__field-notes>header{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:35px;align-items:end;padding-bottom:26px;border-bottom:1px solid #edd7ac55}
body.mmos-wh-journal .whr .whr__field-grid{gap:23px}
body.mmos-wh-journal .whr .whr__field-grid figure{min-height:0;margin:0;padding:7px;background:#f4ecd9;box-shadow:5px 7px #082c2a88;border:0}
body.mmos-wh-journal .whr .whr__field-grid figure:nth-child(2){transform:none}
body.mmos-wh-journal .whr .whr__field-grid img{height:auto;aspect-ratio:1;object-fit:cover}
body.mmos-wh-journal .whr .whr__field-grid figcaption{position:static;background:none;padding:18px 14px;color:#143e36}
body.mmos-wh-journal .whr .whr__field-grid figcaption :is(strong,span,p){color:#143e36}
/* Useful tools stay legible as part of the poster sequence. */
body.mmos-wh-journal .whr>:is(.whr__fast-tools,#whr-symptoms,#whr-utah,#whr-sizing,.whr__glossary,.whr__faq){background:#f4ecd9}
body.mmos-wh-journal .whr>.whr__cutaway{background:#143e3c}
body.mmos-wh-journal .whr>.whr__cutaway .whr__eyebrow{color:#f0c780}
body.mmos-wh-journal .whr .whr__zoom-controls{top:auto;bottom:12px;right:12px;transform:none;display:flex;gap:5px}
@media(max-width:560px){body.mmos-wh-journal .whr .whr__cutaway-stage{min-height:420px}}
body.mmos-wh-journal .whr .whr__tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.mmos-wh-journal .whr .whr__tool-grid a{min-height:190px;background:#174843;color:#fff2db;border:1px solid #456962;border-top:4px solid #d18f4e;box-shadow:4px 5px #143e362c}
body.mmos-wh-journal .whr .whr__tool-grid a:nth-child(even){background:#1d5259}
body.mmos-wh-journal .whr .whr__tool-grid :is(span,em){color:#f1c888}
body.mmos-wh-journal .whr .whr__tool-grid a:last-child{grid-column:auto}
body.mmos-wh-journal .whr .whr__tool-grid strong{font-size:25px;line-height:1.17}
body.mmos-wh-journal .whr .whr__symptom-card{background:#fff9ed;box-shadow:4px 5px #143e3624;border-top:5px solid #1b5551;padding:28px;min-height:0}
body.mmos-wh-journal .whr .whr__symptom-card:nth-child(even){background:#e6e9d9}
body.mmos-wh-journal .whr .whr__symptom-card h3{max-width:none;font-size:29px}
body.mmos-wh-journal .whr .whr__decoder{gap:28px}
body.mmos-wh-journal .whr .whr__codes-photo{border:7px solid #f4ecd9;box-shadow:5px 7px #082c2a88}
body.mmos-wh-journal .whr .whr__codes-photo figcaption{background:#143e36;padding:30px}
body.mmos-wh-journal .whr .whr__codes-photo figcaption strong{font-size:clamp(1.8rem,2.8vw,3rem)}
body.mmos-wh-journal .whr .whr__quote-start{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;background:#b64d22;color:#fff2de}
body.mmos-wh-journal .whr .whr__quote-start .whr__eyebrow{color:#ffdb9e}
body.mmos-wh-journal .whr .whr__quote-start-panel{background:#f4ecd9;border:1px solid #f3d9a1;box-shadow:6px 7px #713b2580}
body.mmos-wh-journal .whr .whr__quote-start-panel .whr__button{background:#143e36;color:#fff2da}
body.mmos-wh-journal .whr .whr__decisions{background:#1c4f4c}
body.mmos-wh-journal .whr .whr__decisions>.whr__section-head :is(h2,p){color:#f4ecd9}
body.mmos-wh-journal .whr .whr__decisions>.whr__section-head .whr__eyebrow{color:#f0c780}
body.mmos-wh-journal .whr .whr__final{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:35px;color:#fff2df;background:linear-gradient(90deg,#103c38f5,#174b41c9),url('/wp-content/uploads/2025/05/46a02cfb-8ecd-478a-9a84-49ffbbef9a73.png.webp') center 70%/cover no-repeat,#143e36}
body.mmos-wh-journal .whr .whr__final h2{color:#fff2df}
body.mmos-wh-journal .whr .whr__final .whr__eyebrow{color:#f0c780}
body.mmos-wh-journal .whr .whr__final>div>p:last-child{color:#eee7d3}
body.mmos-wh-journal .whr .whr__final .whr__button--orange{background:#b94f23;color:#fff2df}
@media(min-width:561px){body.mmos-wh-journal .whr .whr__project-card--extra{display:none}body.mmos-wh-journal .whr .whr__past-work--all .whr__project-card--extra{display:flex}body.mmos-wh-journal .whr .whr__more-jobs{display:inline-flex;align-items:center;min-height:46px;margin:22px 20px 0 0;padding:12px 17px;background:#f4ecd9;color:#143e36;border:1px solid #f2d398;border-radius:0;font:700 15px/1.3 var(--mmos-font-display,Oswald,sans-serif)}}
@media(max-width:1050px){body.mmos-wh-journal .whr .whr__intro{gap:27px}body.mmos-wh-journal .whr__intro h1{font-size:clamp(3.3rem,5.6vw,5rem)}body.mmos-wh-journal .whr .whr__quick-start{grid-template-columns:repeat(2,minmax(0,1fr))}body.mmos-wh-journal .whr .whr__project-card h3{font-size:19px}body.mmos-wh-journal .whr .whr__hero-side .whr__photo{aspect-ratio:3/4}}
@media(max-width:820px){body.mmos-wh-journal .whr{padding:22px 14px 30px}body.mmos-wh-journal .whr>:is(header,section,aside,footer){padding:28px 25px 34px;margin-bottom:25px;box-shadow:4px 5px #173c3238}body.mmos-wh-journal .whr .whr__intro{grid-template-columns:1fr;gap:25px}body.mmos-wh-journal .whr__intro h1{font-size:clamp(3.3rem,8.8vw,5.5rem)}body.mmos-wh-journal .whr .whr__hero-side{width:min(100%,440px);justify-self:center}body.mmos-wh-journal .whr .whr__hero-side .whr__photo{aspect-ratio:1;height:auto}body.mmos-wh-journal .whr .whr__intro-copy{padding:0}.whj-photo-note{margin-top:-6px}.whj-folio{font-size:9px;gap:20px}.whj-folio span:last-child{text-align:right}.whj-chapters{gap:6px 20px;margin-top:0;padding-top:18px}body.mmos-wh-journal .whr .whr__section-head,body.mmos-wh-journal .whr .whr__field-notes>header{grid-template-columns:1fr;gap:17px}body.mmos-wh-journal .whr .whr__quote-start,body.mmos-wh-journal .whr .whr__final{grid-template-columns:1fr}body.mmos-wh-journal .whr .whr__hero-quote form{grid-template-columns:minmax(0,1fr) minmax(100px,.65fr)}body.mmos-wh-journal .whr .whr__hero-quote .whr__button{grid-column:1/-1}body.mmos-wh-journal .whr .whr__tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.mmos-wh-journal .whr .whr__past-work-grid{gap:16px}body.mmos-wh-journal .whr .whr__project-card{transform:none}body.mmos-wh-journal .whr .whr__project-card:nth-child(3n+2){transform:none}body.mmos-wh-journal .whr .whr__field-grid{grid-template-columns:1fr}body.mmos-wh-journal .whr .whr__field-grid figure{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}body.mmos-wh-journal .whr .whr__field-grid img{height:100%;min-height:180px}body.mmos-wh-journal .whr .whr__field-grid figcaption{align-self:center}body.mmos-wh-journal .whr .whr__hero-console{grid-template-columns:1fr}.whj-console-intro{grid-column:1;grid-row:auto;justify-self:start;margin-bottom:23px}body.mmos-wh-journal .whr .whr__hero-console h2{margin-bottom:12px}}
@media(max-width:560px){body.mmos-wh-journal .whr{width:calc(100% - 12px);padding:20px 9px 28px}body.mmos-wh-journal .whr>:is(header,section,aside,footer){padding:25px 19px 30px}body.mmos-wh-journal .whr h2{font-size:clamp(1.9rem,8vw,2.8rem)}body.mmos-wh-journal .whr .whr__intro{background-position:62% 70%}.whj-folio{font-size:8px;letter-spacing:.035em;gap:14px;padding-bottom:15px}body.mmos-wh-journal .whr__intro h1{font-size:clamp(2.65rem,10.8vw,3.7rem)}.whj-banner{font-size:clamp(1.2rem,5vw,1.6rem);margin:18px 0 21px;padding:10px 12px}.whj-photo-note{padding:13px 17px;margin-right:-4px}.whj-photo-note strong{font-size:22px}body.mmos-wh-journal .whr .whr__hero-facts{grid-template-columns:1fr;gap:8px;padding-top:15px}body.mmos-wh-journal .whr .whr__hero-facts li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;font-size:12px}body.mmos-wh-journal .whr .whr__hero-facts b{padding-top:3px}body.mmos-wh-journal .whr .whr__hero-action{font-size:16px;padding:12px 8px}body.mmos-wh-journal .whr .whr__quick-start{grid-template-columns:1fr}body.mmos-wh-journal .whr .whr__quick-start details{padding:13px 15px}body.mmos-wh-journal .whr .whr__quick-start summary{min-height:58px}body.mmos-wh-journal .whr .whr__quick-start summary b{font-size:20px}body.mmos-wh-journal .whr .whr__hero-quote form{grid-template-columns:1fr}body.mmos-wh-journal .whr .whr__hero-quote .whr__button{grid-column:auto}body.mmos-wh-journal .whr .whr__past-work-grid{grid-template-columns:1fr;gap:22px}body.mmos-wh-journal .whr .whr__project-card h3{font-size:23px}body.mmos-wh-journal .whr .whr__tool-grid{grid-template-columns:1fr}body.mmos-wh-journal .whr .whr__tool-grid a{min-height:0}body.mmos-wh-journal .whr .whr__field-grid figure{display:block}body.mmos-wh-journal .whr .whr__field-grid img{height:auto;aspect-ratio:4/3}body.mmos-wh-journal .whr .whr__symptom-card{padding:23px 19px}body.mmos-wh-journal .whr .whr__codes-photo figcaption{padding:25px 19px}body.mmos-wh-journal .whr .whr__quote-start-panel{padding:16px;min-width:0}body.mmos-wh-journal .whr .whr__quote-start-panel form{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.mmos-wh-journal .whr .whr__project-card{transition:none}}