.wht{--tl-green:#153e35;--tl-paper:#f4ecd9;--tl-orange:#b54f23;color:var(--tl-green);background:var(--tl-paper);font:17px/1.65 Arial,sans-serif}
.wht *{box-sizing:border-box}.wht [hidden]{display:none!important}.wht p{margin:0 0 16px}.wht a{color:inherit;text-decoration:underline;text-underline-offset:4px;font-weight:700}.wht a:hover{color:#aa4118}
.wht-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:end;margin-bottom:28px}.wht-heading>p{max-width:540px}
.wht button:focus{background:#f4ecd9!important;color:#153e35!important}.wht button[aria-pressed=true]:focus{background:#b54f23!important;color:#fff4df!important}.wht .wht-tools [data-tl-expand]:focus,.wht .wht-pin:focus{background:#153e35!important;color:#fff1d5!important}
.wht .wht-kicker,.wh-route-map .wht-kicker{font:700 12px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.085em;text-transform:uppercase;color:#a7461f;margin:0 0 12px}
.wht h2,.wht h3{color:var(--tl-green);font-family:var(--mmos-font-display,Oswald,sans-serif);text-transform:uppercase;line-height:1.15;margin:0 0 17px}.wht h2{font-size:clamp(2rem,3.7vw,3.9rem)}.wht h2 em{display:inline-block;font:italic 400 .8em/1.3 Georgia,serif;text-transform:none;margin-top:10px}.wht h3{font-size:clamp(1.55rem,2vw,2.3rem)}
.wht-explorer{border:2px solid var(--tl-green);box-shadow:6px 7px #153e3530;background:#eee4cd}.wht-controls,.wht-tools,.wht-parts{display:flex;flex-wrap:wrap;gap:9px;padding:18px 22px}.wht-controls{background:var(--tl-green)}.wht button{min-height:44px;border:1px solid #7b8974;border-radius:0;padding:10px 15px;font:700 14px/1.4 Arial,sans-serif;color:var(--tl-green);background:var(--tl-paper);cursor:pointer;box-shadow:3px 4px #153e3529}.wht button:hover{border-color:#b54f23;background:#fff8e8}.wht button[aria-pressed=true]{color:#fff4df;background:#b54f23;border-color:#e7bc70}.wht :is(button,a,summary,[tabindex]):focus-visible,.wh-route-map a:focus-visible{outline:3px solid #c25722;outline-offset:4px}.wht-controls button{flex:1}.wht-tools{border-bottom:1px solid #859278;padding:12px 18px}.wht-tools [data-tl-expand]{margin-left:auto;background:var(--tl-green);color:#fff1d5}.wht-stage{position:relative;min-height:540px;height:clamp(540px,54vw,720px);overflow:hidden;background:#e9dfc7}.wht-stage canvas{display:block;width:100%;height:100%;cursor:grab}.wht-stage canvas:active{cursor:grabbing}.wht-model-status{position:absolute;inset:35% 10% auto;text-align:center;background:#f4ecd9;padding:25px;border:1px solid #8b907a}.wht-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 25px;padding:14px 20px!important;border-top:1px solid #8b907a;font-size:13px;margin:0!important}.wht-legend span{display:inline-flex;align-items:center;gap:8px}.wht-legend i{width:18px;height:5px;background:#253e39}.wht-legend .wht-cold{background:#287f9c}.wht-legend .wht-warm{background:#d99932}.wht-legend .wht-hot{background:#bc502b}.wht-state-copy{padding:25px 30px;color:#fff1d5;background:var(--tl-green)}.wht-state-copy strong{font-size:20px;display:block;margin-bottom:9px}.wht-state-copy p{max-width:950px;margin:0;color:inherit}.wht-parts{padding-bottom:0}.wht-parts button{flex:1 1 170px}.wht-details{padding:28px 30px 10px;min-height:180px}.wht-details article>p:last-child{max-width:850px}.wht-model-note{font-size:13px;line-height:1.65;padding:10px 30px 24px;margin:0!important;color:#4a6056}.wht-lessons{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:35px}.wht-lessons article{padding:28px;border-top:5px solid #b54f23;background:#e6e7d5;box-shadow:4px 5px #153e3528}.wht-other{border-block:1px solid #809078;padding:20px 0;margin:32px 0}.wht-other summary{cursor:pointer;font-weight:700;font-size:19px}.wht-other p{padding-top:20px;max-width:1000px}.wht-next{display:grid;grid-template-columns:1fr 1fr;gap:30px}.wht-next strong{font-size:21px}.wht-next p{margin-top:10px}
.wht-expanded{width:95vw;max-width:1500px;max-height:92vh;margin:auto;padding:0;border:0;overflow:auto;overscroll-behavior:contain}.wht-expanded::backdrop{background:#071e1cdd}.wht-expanded .wht-stage{height:64vh;min-height:400px}.wht-expanded .wht-explorer{box-shadow:none}
.wht-pins{position:absolute;inset:0;pointer-events:none}.wht .wht-pin{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);border:2px solid #fff1d5!important;background:#184b42;color:#fff1d5;min-height:34px;width:34px;padding:0;height:34px;border-radius:50%;font:700 11px/30px ui-monospace,Consolas,monospace;box-shadow:1px 2px 5px #0005}.wht .wht-pin[aria-pressed=true]{background:#bc5425;outline:3px solid #bc54254d}.wht .wht-dimension{position:absolute;bottom:0;left:0;margin:0;padding:10px 16px;background:#ede8d5d9;pointer-events:none;font:11px/1.4 ui-monospace,Consolas,monospace}.wht-selected-chip{position:absolute;right:20px;top:18px;padding:10px 15px;background:#173e35;color:#fff1d5;border-left:4px solid #c36a34;font:700 13px/1.4 Arial;pointer-events:none}.wht .wht-stage{height:clamp(630px,60vw,840px)}.wht .wht-controls button{flex-basis:125px}.wht .wht-reasoning{border-left:3px solid #b95527;padding-left:18px;color:#38574b}.wht-expanded .wht-tools{position:sticky;top:0;z-index:5;background:#eee4cd}.wht-expanded .wht-stage{height:70vh;min-height:550px}
body.page-id-5419 .elementor-5419 .elementor-element:is(.elementor-element-whguideback,.elementor-element-whguidenext,.elementor-element-whguidesources){display:block!important;width:100%;max-width:100%}
body.mmos-wh-journal .whr>.wh-route-map{background:#e7e9d8;padding-block:30px}.wh-route-map{color:#153e35;font:16px/1.6 Arial,sans-serif}.wh-route-map>p{margin:0 0 18px}.wh-route-map nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wh-route-map nav>a{display:flex;flex-direction:column;gap:8px;padding:22px;background:#153e35;color:#fff1d5;border-top:4px solid #d7a254;box-shadow:4px 5px #153e3530;text-decoration:none}.wh-route-map strong{font:700 24px/1.2 var(--mmos-font-display,Oswald,sans-serif);text-transform:uppercase}.wh-route-map span{font-size:15px;line-height:1.5}.wh-route-map em{font:700 13px/1.4 ui-monospace,Consolas,monospace;color:#ffce89;margin-top:auto;padding-top:9px}.wh-route-map a:hover{background:#21574c}.wh-guide-back{margin:24px auto;padding:20px 26px;max-width:1400px;background:#153e35;color:#fff0d2;border:2px solid #d9ad69;box-shadow:5px 6px #163e3544;font:16px/1.6 Arial,sans-serif;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}.wh-guide-back a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:5px}.wh-guide-back span{color:#f0c582}.wh-install-next{padding:28px;max-width:1400px;margin:25px auto;background:#f4ecd9;border:2px solid #153e35;box-shadow:5px 6px #153e3538}.wh-install-next h2{font:700 32px/1.15 var(--mmos-font-display,Oswald,sans-serif);color:#153e35;margin:0 0 18px}.wh-install-next nav{display:flex;flex-wrap:wrap;gap:14px 28px}.wh-install-next a{color:#153e35;font:700 17px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
@media(max-width:820px){.wht-heading,.wht-lessons,.wht-next{grid-template-columns:1fr}.wht-heading{gap:8px}.wht-stage{height:570px}.wh-route-map nav{grid-template-columns:1fr}.wht-lessons{gap:22px}.wht .wht-parts button{flex-basis:140px}.wht-tools [data-tl-expand]{margin-left:0}.wh-guide-back{margin-inline:14px}}
@media(max-width:560px){.wht{font-size:16px}.wht-stage{height:520px;min-height:520px}.wht-controls,.wht-tools,.wht-parts{padding:12px;gap:8px}.wht-controls button{flex-basis:100%;font-size:15px}.wht-tools button{padding:8px 10px}.wht-tools [data-tl-expand]{flex-basis:100%}.wht-details,.wht-state-copy{padding:22px 18px}.wht-details{min-height:230px}.wht .wht-model-note{padding:10px 18px 20px}.wht-lessons article{padding:23px 18px}.wht-legend{justify-content:flex-start;gap:9px 15px}.wht-expanded{width:98vw}.wht-expanded .wht-stage{min-height:470px;height:60vh}.wht-next{gap:25px}.wh-install-next{margin-inline:14px}}
@media(max-width:560px){.wht .wht-controls button{flex-basis:calc(50% - 8px);font-size:13px}.wht .wht-pin{width:40px;height:40px;min-height:40px;line-height:36px}.wht .wht-pin:before{content:"";position:absolute;inset:-4px}.wht .wht-stage{height:630px}.wht-expanded .wht-stage{height:630px}.wht-selected-chip{right:10px;top:12px;padding:8px 11px}.wht-expanded .wht-tools{position:static}}
