.topic-menu{position:relative;z-index:12;background:var(--paper);border-bottom:1px solid var(--line);padding:0 4.5%;color:var(--green)}body:not(.subpage)>.topic-menu{position:absolute;right:4.5%;top:103px;background:#f5f5eef2;border:0;padding:0 14px;max-width:320px}body:not(.subpage) .hero-topline{padding-right:200px}.topic-menu details{margin:0}.topic-menu summary{cursor:pointer;font-size:13px;font-weight:600;padding:12px 0;list-style:none;display:flex;gap:20px;align-items:center;width:fit-content}.topic-menu summary::-webkit-details-marker{display:none}.topic-menu summary span{font-size:18px}.topic-menu details[open] summary span{transform:rotate(45deg)}.topic-menu nav{display:flex!important;flex-wrap:wrap;gap:12px 24px;padding:5px 0 20px;font-size:14px}.topic-menu nav a:hover{text-decoration:underline}.topic-menu details[open] nav{animation:step-arrive .25s ease-out}.insulation-lab{background:var(--green);color:var(--paper)}.insulation-lab h2 em{color:var(--yellow)}.insulation-lab .section-head>p{color:#c6d6bb}.insulation-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:center}.insulation-diagram svg{width:100%;display:block;overflow:visible}.insulation-diagram svg g{transition:opacity .3s,filter .3s;will-change:transform;opacity:.65}.insulation-diagram svg g.active{opacity:1;filter:drop-shadow(0 9px 8px #0004)}.insulation-diagram label{display:flex;gap:20px;align-items:center;font-size:13px;color:#d4e2c9}.insulation-diagram input{accent-color:var(--yellow);flex:1;min-width:80px}.insulation-diagram>p{font-size:11px;color:#a9be9b;margin:12px 0}.layer-picks{display:grid;margin-bottom:30px}.layer-picks button{display:flex;gap:20px;padding:17px 18px;border:0;border-top:1px solid #ffffff30;background:none;color:#d5e2cc;font-size:16px;text-align:left}.layer-picks button span{font-size:12px;opacity:.75}.layer-picks button.active{background:var(--yellow);color:var(--green)}.insulation-detail h3{font-size:27px}.insulation-detail p{color:#c6d6bb;font-size:16px;min-height:108px}.insulation-detail .button{font-size:13px;gap:20px}.extension-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:5%;align-items:center}.extension-photo{position:relative;overflow:hidden;background:var(--green)}.extension-photo img{width:100%;height:auto;display:block}.extension-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid white;border-radius:50%;background:var(--green);color:white;font-size:13px;box-shadow:0 0 0 7px #fff3;animation:hotspot-ring 3s infinite}.extension-point.active{background:var(--yellow);color:var(--green);border-color:var(--yellow)}.extension-detail h3{font-size:28px}.extension-detail .button{font-size:13px;gap:14px}.extension-detail p{min-height:145px}.extension-detail{min-width:0}.garage-choices{display:grid;gap:10px}.garage-choices button{display:flex;align-items:center;gap:18px;text-align:left;padding:17px;border:1px solid #a3b591;background:transparent;color:var(--green);font-size:13px}.garage-choices button span{font-size:15px}.garage-choices button.active{background:var(--green);color:var(--yellow)}.garage-result{margin-top:28px;border-top:1px solid #a3b591;padding-top:23px}.garage-result>span{font-size:11px;letter-spacing:1px;color:#5a7447}.garage-result h3{font-size:26px;margin-top:15px}.garage-result p{font-size:16px}.garage-result ul{padding-left:20px;font-size:14px;line-height:1.9}.garage-tool .button{font-size:13px;gap:15px;margin-top:10px}.motion-paused .insulation-diagram svg g{transition:none}@media(max-width:760px){.topic-menu{padding:0 6%}.topic-menu nav{display:grid!important;grid-template-columns:1fr 1fr;font-size:13px;gap:12px}body:not(.subpage)>.topic-menu{top:84px;right:6%;max-width:88%;padding:0 10px}body:not(.subpage)>.topic-menu summary{font-size:11px;padding:7px 0}body:not(.subpage) .hero-topline{padding-right:125px;font-size:8px}.insulation-grid,.extension-grid{grid-template-columns:1fr;gap:30px}.insulation-diagram svg{max-height:390px}.insulation-detail p{min-height:0}.insulation-diagram label{font-size:12px}.extension-detail p{min-height:0}.extension-point{width:36px;height:36px;font-size:11px}.extension-detail .detail-number{margin:10px 0}.garage-choices button{padding:14px}.garage-choices button span{font-size:14px}.garage-result h3{font-size:24px}.insulation-detail h3{font-size:24px}}