/* TS: 2026-10-02 10:25 EDT */
:root{--ink:#11233f;--blue:#155eef;--blue2:#0b4fd6;--muted:#5f6d80;--line:#dfe7f1;--paper:#fff;--warm:#f8f5ef;--sand:#e9dcc5;--green:#157a57}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fcfbf8;line-height:1.65}a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.guide-top{background:#fff;border-bottom:1px solid var(--line)}.guide-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.guide-brand{font-weight:900;font-size:25px;color:var(--ink);text-decoration:none;letter-spacing:-.04em}.guide-brand em{font-style:normal;color:var(--blue)}.guide-nav-links{display:flex;gap:18px;align-items:center;font-size:14px;font-weight:750}.guide-nav-links a{text-decoration:none;color:#344054}.guide-nav-links .cta{background:var(--blue);color:#fff;padding:11px 15px;border-radius:9px}.guide-hero{padding:64px 0 44px;background:linear-gradient(120deg,#f8f5ef,#fff 60%,#edf4fd)}.breadcrumbs{font-size:13px;color:#667085;margin-bottom:16px}.breadcrumbs a{color:#475467}.eyebrow{display:inline-block;color:#765b30;background:#f3ebdc;border:1px solid #e5d6bd;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}h1{font-size:clamp(38px,6vw,66px);line-height:1.02;letter-spacing:-.05em;margin:18px 0;max-width:960px}.lead{font-size:20px;color:#4f5e72;max-width:880px;margin:0}.meta{margin-top:18px;color:#7a8798;font-size:13px}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:48px;padding:52px 0 72px}.guide-copy h2{font-size:29px;line-height:1.2;letter-spacing:-.025em;margin:38px 0 12px}.guide-copy h2:first-child{margin-top:0}.guide-copy p{font-size:17px;color:#334155}.checklist{background:#fff;border:1px solid var(--line);border-top:4px solid #c4a46c;border-radius:14px;padding:24px;margin-top:38px}.checklist h2{margin:0 0 13px;font-size:24px}.checklist ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.checklist li:before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}.side-card{position:sticky;top:24px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 12px 35px rgba(17,35,63,.07)}.side-card h2{font-size:23px;line-height:1.2;margin:0 0 10px}.side-card p{color:var(--muted);font-size:14px}.guide-cta{display:block;background:var(--blue);color:#fff;text-decoration:none;text-align:center;padding:13px 14px;border-radius:9px;font-weight:850;margin:18px 0 10px}.guide-cta:hover{background:var(--blue2)}.side-links{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.side-links a{display:block;margin:8px 0;font-size:14px}.source{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.education-note{background:#f7f3ea;border:1px solid #e6dbc8;border-radius:12px;padding:18px;margin-top:30px;color:#5c5140;font-size:14px}.guide-footer{background:#0b1728;color:#d7e2f1;padding:38px 0}.guide-footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.guide-footer a{color:#d7e2f1}.guides-index{padding:54px 0 76px}.guide-group{margin:38px 0}.guide-group h2{font-size:30px;margin:0 0 16px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{display:block;background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;text-decoration:none;color:var(--ink)}.guide-card:hover{border-color:#8db3ff;box-shadow:0 10px 25px rgba(21,94,239,.08)}.guide-card strong{display:block;font-size:18px;line-height:1.25}.guide-card span{display:block;color:var(--muted);font-size:14px;margin-top:7px}@media(max-width:850px){.guide-nav-links a:not(.cta){display:none}.guide-layout{grid-template-columns:1fr}.side-card{position:static}.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wrap{width:min(100% - 24px,1120px)}.guide-hero{padding:42px 0 32px}h1{font-size:40px}.lead{font-size:18px}.guide-layout{padding-top:36px}.checklist ul,.guide-grid{grid-template-columns:1fr}}
.topic-picker{padding:44px 0 24px;background:#fff;border-bottom:1px solid var(--line)}
.topic-intro{text-align:center;max-width:820px;margin:0 auto 28px}.topic-intro h2{font-size:36px;letter-spacing:-.035em;margin:10px 0}.topic-intro p{font-size:17px;color:var(--muted);margin:0}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 8px 24px rgba(17,35,63,.05)}
.topic-card:hover{border-color:#8db3ff;box-shadow:0 12px 30px rgba(21,94,239,.09)}.topic-card img{display:block;width:100%;height:160px;object-fit:cover;background:#eef3f8}.topic-card div{padding:16px}.topic-card strong{display:block;font-size:20px}.topic-card span{display:block;color:var(--muted);font-size:14px;margin-top:5px}
.guide-group{scroll-margin-top:88px}
@media(max-width:850px){.topic-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.topic-grid{grid-template-columns:1fr}.topic-card img{height:190px}.topic-intro h2{font-size:30px}}

/* TS: 2026-10-03 08:59 EDT - Window buyer guide */
.window-jump{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.window-jump .wrap{display:flex;gap:15px;align-items:center;overflow:auto;padding-top:12px;padding-bottom:12px;white-space:nowrap;font-size:13px}.window-jump a{text-decoration:none;font-weight:750}.visual-lesson{padding:70px 0;border-bottom:1px solid var(--line);scroll-margin-top:60px;background:#fff}.visual-lesson.alt{background:#f4f8fd}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.lesson-no{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#e9f1ff;color:var(--blue);font-weight:900}.visual-lesson h2,.worksheet-section h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:14px 0}.visual-lesson p{font-size:17px;color:#42526a}.ask-box{background:#fff;border:2px solid #b9cff8;border-left:6px solid var(--blue);border-radius:12px;padding:18px 20px;margin:24px 0;font-size:17px}.alt .ask-box{background:#fff}.ask-box span,.fine{font-size:14px!important;color:#65758b!important}.window-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:center}.mini-window,.big-window{background:#d9ecfb;border:12px solid #fff;outline:4px solid #3d536c;box-shadow:0 12px 25px rgba(17,35,63,.15);aspect-ratio:3/4;position:relative}.mini-window:before,.big-window:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:3px solid #3d536c}.mini-window:after,.big-window:after{content:"";position:absolute;top:50%;left:0;right:0;border-top:3px solid #3d536c}.mini-window span{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:#fff;border-radius:50%;width:34px;height:34px;line-height:34px;font-weight:900;z-index:2}.window-trio p{grid-column:1/-1;font-size:14px}.weather-window,.sun-visual,.leak-window{min-height:390px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.weather-window .big-window,.sun-visual .big-window,.leak-window .big-window{width:210px}.wind-lines{position:absolute;left:0;width:44%}.wind-lines i{display:block;border-top:7px solid #45a8ee;border-radius:50%;margin:25px 0;position:relative}.wind-lines i:after{content:"▶";position:absolute;right:-7px;top:-17px;color:#238ad4;font-style:normal}.rain{position:absolute;right:3%;top:20%;font-size:35px;line-height:1.1;color:#65b8ef;transform:rotate(-12deg)}.season-visual{display:grid;grid-template-columns:1fr 1fr;gap:15px}.season{min-height:320px;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.winter{background:#eaf4ff}.summer{background:#fff1d8}.season b{font-size:26px}.heat-arrows{font-size:30px;margin:25px 0}.glass-line{height:120px;border-left:12px double #79a7c7}.sun{position:absolute;left:8%;top:10%;font-size:90px}.solar-rays{position:absolute;left:16%;top:35%;font-size:40px;color:#e6a400;letter-spacing:8px}.glass-cutaway{display:flex;align-items:stretch;justify-content:center;min-height:340px;transform:perspective(900px) rotateY(-10deg)}.pane{width:105px;background:rgba(156,218,245,.45);border:4px solid #6d9eb8;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900}.pane small{font-weight:600}.gap{width:80px;background:#edf8ff;border-top:4px solid #bed8e8;border-bottom:4px solid #bed8e8;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:11px}.spacer-visual{height:360px;position:relative;background:#eaf4fb;border-radius:20px}.edge-pane{position:absolute;left:28%;top:35px;width:20px;height:260px;background:#bfe7f7;border:3px solid #669ab1}.edge-pane.second{left:62%}.spacer-block{position:absolute;left:31%;right:35%;bottom:62px;height:42px;background:#4d6270;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.edge-label{position:absolute;bottom:18px;width:100%;text-align:center;font-weight:800}.leak{position:absolute;font-size:35px;color:#278ed3;font-weight:900}.l1{left:12%;top:28%}.l2{right:12%;top:48%;transform:rotate(180deg)}.l3{left:16%;bottom:20%}.leak-window p{position:absolute;bottom:0;right:0;text-align:right;font-size:14px}.nfrc-card{max-width:380px;margin:auto;background:#fff;border:8px solid #111;padding:20px;box-shadow:0 18px 35px rgba(17,35,63,.18)}.nfrc-head{font-size:52px;font-weight:950;letter-spacing:-.07em;color:#164f8f;border-bottom:6px solid #164f8f;margin-bottom:12px}.rating-row{display:flex;justify-content:space-between;border-top:2px solid #111;padding:13px 0;font-size:19px}.nfrc-card small{display:block;margin-top:12px}.nfrc-button{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;padding:14px 18px;border-radius:10px;font-weight:850;margin:6px 0 12px}.fog-visual{display:grid;grid-template-columns:1fr 1fr;gap:16px}.healthy,.failed{height:280px;border:12px solid #fff;outline:4px solid #43566d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#dff4ff}.failed{background:linear-gradient(135deg,#d9e3e8,#fff,#c9d4da);filter:saturate(.7)}.worksheet-section{padding:72px 0;background:#f8f5ef;scroll-margin-top:60px}.print-actions{margin:22px 0}.print-actions button{border:0;background:var(--blue);color:#fff;border-radius:9px;padding:14px 20px;font-weight:850;font-size:16px;cursor:pointer}.compare-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}.compare-table{width:100%;border-collapse:collapse;min-width:760px}.compare-table th,.compare-table td{border:1px solid #d9e1eb;padding:13px;text-align:left;height:47px}.compare-table thead th{background:#11233f;color:#fff}.compare-table tbody th{width:32%;background:#f4f7fb}.worksheet-note{text-align:center;font-size:18px;margin:24px 0}.guide-source-strip{padding:26px 0;background:#eaf1fa;font-size:14px}.guide-source-strip a{margin:0 5px}@media(max-width:760px){.lesson-grid{grid-template-columns:1fr;gap:32px}.visual-lesson{padding:48px 0}.lesson-grid>div:first-child:has(.lesson-no){order:1}.season-visual{grid-template-columns:1fr}.window-jump strong{display:none}}@media print{.guide-top,.guide-hero,.window-jump,.visual-lesson,.guide-source-strip,.guide-footer,.print-actions,.worksheet-section>.wrap>.eyebrow,.worksheet-section>.wrap>h2,.worksheet-section>.wrap>p{display:none!important}.worksheet-section{padding:0;background:#fff}.compare-table-wrap{border:0}.compare-table{min-width:0;font-size:11px}.compare-table th,.compare-table td{padding:6px;height:30px}.worksheet-note{font-size:12px}}

/* TS: 2026-10-03 09:47 EDT - Window visual comparison upgrade */
.metric-ladder{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:20px 0}.metric-ladder div{min-height:72px;background:#e9f2ff;border:2px solid #b9cff8;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.metric-ladder b{font-size:21px;color:#123d78}.metric-ladder span{font-size:10px;color:#53677f}.pressure-ladder div:nth-child(2){background:#deedff}.pressure-ladder div:nth-child(3){background:#d2e7ff}.pressure-ladder div:nth-child(4){background:#c5e0ff}.pressure-ladder div:nth-child(5){background:#b8d9ff}.pressure-ladder div:nth-child(6){background:#a9d0ff}.u-ladder{grid-template-columns:repeat(5,1fr)}.u-ladder .best-end{background:#dff5e7;border-color:#8ac8a0}.lower-note{text-align:center;font-weight:900;color:#17643a;margin:-8px 0 20px}.pane-compare,.gas-compare,.edge-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.pane-compare>div,.gas-compare>div,.edge-compare>div{background:#fff;border:2px solid #cbd9e8;border-radius:14px;padding:16px;text-align:center}.pane-compare strong,.gas-compare b,.edge-compare b{display:block;font-size:18px;color:#163b69}.pane-compare span,.gas-compare span,.edge-compare span{display:block;font-size:12px;color:#60738a;margin-top:5px}.pane-icon{display:block;height:90px;margin:14px auto 0;width:80px;background:linear-gradient(90deg,#bde6f7 0 8%,transparent 8% 92%,#bde6f7 92%);border:2px solid #6d9eb8}.pane-icon.triple{background:linear-gradient(90deg,#bde6f7 0 7%,transparent 7% 47%,#bde6f7 47% 54%,transparent 54% 93%,#bde6f7 93%)}.edge-compare .warm{background:#eaf7ee;border-color:#9bc9aa}.leak-scale{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.leak-scale div{padding:20px;border-radius:12px;text-align:center;font-weight:900}.leak-scale span{display:block;font-size:28px;margin-top:7px}.leaky{background:#fff0e8;color:#9a3e12}.tight{background:#e8f6ed;color:#17643a}.verify-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:20px 0}.verify-flow div{background:#eef5ff;border:2px solid #b9cff8;border-radius:12px;padding:14px 8px;text-align:center;min-height:92px}.verify-flow b{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#155eef;color:#fff;align-items:center;justify-content:center}.verify-flow span{display:block;font-size:11px;font-weight:850;margin-top:7px}.verify-flow i{font-style:normal;font-size:22px;color:#155eef}.seal-callout{background:#edf7ff;border:2px solid #a9d3ef;border-radius:14px;padding:18px;text-align:center;margin:15px 0}.seal-callout b{display:block;font-size:22px;color:#164f8f}.seal-callout span{display:block;font-size:13px;color:#53677f;margin-top:5px}@media(max-width:700px){.metric-ladder{grid-template-columns:repeat(3,1fr)}.u-ladder{grid-template-columns:repeat(5,1fr)}.pane-compare,.gas-compare,.edge-compare,.leak-scale{grid-template-columns:1fr}.verify-flow{grid-template-columns:1fr}.verify-flow i{transform:rotate(90deg);text-align:center}}

/* TS: 2026-10-03 10:33 EDT - QuoteGeni visual roofing buyer guide */
.roof-hero{background:linear-gradient(125deg,#f7f1e6,#fff 55%,#e6f0fb)}.roof-jump{position:sticky;top:0;z-index:8;background:#fff;border-bottom:1px solid var(--line)}.roof-jump .wrap{display:flex;gap:16px;align-items:center;overflow:auto;white-space:nowrap;padding-top:12px;padding-bottom:12px;font-size:13px}.roof-jump a{text-decoration:none;font-weight:800}.roof-lesson{padding:72px 0;background:#fff;border-bottom:1px solid var(--line);scroll-margin-top:55px}.roof-lesson.alt{background:#f3f7fb}.roof-lesson h2{font-size:clamp(34px,5vw,55px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 20px;max-width:900px}.roof-intro{max-width:900px;font-size:18px;color:#42526a}.roof-two{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.pitch-stage{max-width:1000px;margin:35px auto 20px;background:linear-gradient(#ddecf7 0 72%,#e8dfcc 72%);border:1px solid #cbd9e8;border-radius:20px;padding:25px 35px 18px;overflow:hidden}.pitch-overlay{height:390px;position:relative}.pitch{position:absolute;left:50%;bottom:0;width:80%;height:100%;transform:translateX(-50%);pointer-events:none}.pitch:before,.pitch:after{content:"";position:absolute;bottom:0;width:50%;height:6px;background:#15385f;transform-origin:bottom}.pitch:before{right:50%;transform:rotate(var(--ang))}.pitch:after{left:50%;transform:rotate(calc(var(--ang) * -1))}.pitch span{position:absolute;left:50%;transform:translateX(-50%);bottom:var(--label);background:#fff;border:2px solid #15385f;border-radius:999px;padding:3px 8px;font-weight:950;font-size:12px}.p2{--ang:9.46deg;--label:52px}.p3{--ang:14.04deg;--label:78px}.p4{--ang:18.43deg;--label:104px}.p5{--ang:22.62deg;--label:130px}.p6{--ang:26.57deg;--label:156px}.p8{--ang:33.69deg;--label:208px}.p10{--ang:39.81deg;--label:260px}.p12{--ang:45deg;--label:312px}.p3:before,.p3:after{background:#5c7894}.p5:before,.p5:after{background:#5c7894}.p8:before,.p8:after{background:#2d6d9f}.p12:before,.p12:after{background:#0b4fd6}.pitch-base{text-align:center;border-top:7px solid #8b6f4b;padding-top:9px}.pitch-base b,.pitch-base span{display:block}.pitch-base span{font-size:13px;color:#5f6d80}.pitch-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.pitch-cards div{background:#fff;border:2px solid #cbd9e8;border-radius:14px;padding:17px}.pitch-cards b{display:block;font-size:22px;color:#15385f}.pitch-cards span{font-size:13px;color:#5f6d80}
.big-equation{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#11233f;color:#fff;border-radius:18px;padding:24px;margin:22px 0}.big-equation b{font-size:24px}.big-equation span{font-size:30px}.big-equation strong{font-size:42px;color:#8fc4ff}.square-roof{text-align:center}.sq-grid{display:grid;grid-template-columns:repeat(5,1fr);transform:skewY(-8deg);border:7px solid #15385f;box-shadow:0 18px 30px rgba(17,35,63,.15);margin:25px auto 35px;max-width:520px}.sq-grid i{aspect-ratio:1;border:2px solid #fff;background:#9db7ca}.sq-grid i.hot{background:#f2c56b;outline:5px solid #c78613;z-index:2}.square-roof b,.square-roof span{display:block}.square-roof span{font-size:13px;color:#5f6d80}
.roof-stack{max-width:850px;margin:30px auto}.layer{padding:18px 24px;border:2px solid #fff;box-shadow:0 7px 14px rgba(17,35,63,.1);transform:perspective(900px) rotateX(4deg);margin:-2px 0}.layer b,.layer span{display:block}.layer span{font-size:13px}.layer.l1{background:#3f5062;color:#fff}.layer.l2{background:#677f91;color:#fff}.layer.l3{background:#b9c8d3}.layer.l4{background:#d9b35d}.layer.l5{background:#b78a58}.layer.l6{background:#e9f4fb}
.ice-diagram{height:390px;max-width:900px;margin:25px auto;position:relative;overflow:hidden;background:linear-gradient(#cce9ff 0 55%,#f4f7f8 55%);border-radius:20px}.ice-roof{position:absolute;left:12%;right:12%;bottom:90px;height:12px;background:#34495e;transform:skewY(-18deg)}.snow{position:absolute;left:24%;top:35px;font-size:40px}.heat-up{position:absolute;left:47%;top:140px;font-size:36px;color:#d45b28;text-align:center}.heat-up small{display:block;font-size:11px}.melt{position:absolute;right:20%;top:205px;color:#147bb8;font-weight:900}.dam{position:absolute;right:9%;bottom:77px;background:#c5ebff;border:5px solid #79c7ed;padding:12px;font-weight:950}.backup{position:absolute;right:18%;bottom:132px;color:#116c9f;font-weight:900}.shield{position:absolute;left:52%;bottom:53px;background:#f0bd39;padding:7px 11px;font-size:12px;font-weight:950;transform:rotate(-10deg)}.process-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center}.process-strip div{background:#fff;border:1px solid #ccd8e5;border-radius:10px;padding:12px;text-align:center;font-size:12px}.process-strip b{display:block;color:var(--blue);font-size:20px}.process-strip i{font-style:normal;color:var(--blue)}
.vent-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.vent-good,.vent-bad{background:#fff;border:3px solid #9bc9aa;border-radius:18px;padding:20px}.vent-bad{border-color:#e4a5a0}.vent-good h3{color:#17643a}.vent-bad h3{color:#9a3129}.attic{height:330px;position:relative;clip-path:polygon(50% 0,100% 65%,100% 100%,0 100%,0 65%);background:#eaf5fb;border-bottom:10px solid #795a3b}.ridge{position:absolute;top:18%;left:50%;transform:translateX(-50%);font-weight:950}.soffit,.block{position:absolute;bottom:28%;font-size:12px;font-weight:950}.left{left:3%}.right{right:3%}.air{position:absolute;font-style:normal;font-size:70px;color:#2b9ed1;top:40%}.a1{left:25%}.a2{right:25%}.insulation{position:absolute;bottom:0;left:15%;right:15%;height:48px;background:#f2cf77;text-align:center;padding-top:13px;font-weight:900}.insulation.high{left:0;right:0;height:100px}.stagnant{position:absolute;left:20%;right:20%;top:45%;text-align:center;color:#a14238;font-weight:950}.vent-types{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vent-types div{background:#edf5fb;border-radius:12px;padding:16px}.vent-types b,.vent-types span{display:block}.vent-types span{font-size:13px;color:#5f6d80}
.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.material-grid>div{background:#fff;border:1px solid #ccd8e5;border-radius:15px;padding:18px}.material-grid b,.material-grid span{display:block}.material-grid span{font-size:13px;color:#5f6d80}.material-icon{height:110px;margin-bottom:14px;border-radius:8px;background:#586a79}.tabs{background:repeating-linear-gradient(90deg,#526372 0 31%,#7b8994 31% 33%)}.arch{background:linear-gradient(135deg,#5d6c78 25%,#788895 25% 50%,#53636f 50% 75%,#84929d 75%)}.seam{background:repeating-linear-gradient(90deg,#607d8b 0 22%,#263f4a 22% 24%)}.exposed{background:radial-gradient(circle at 20% 20%,#ddd 0 3px,transparent 4px),repeating-linear-gradient(90deg,#6f8996 0 23%,#536d79 23% 25%);background-size:45px 45px,auto}.rubber{background:#222;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:950}.roll{background:linear-gradient(165deg,#444 0 55%,#777 56% 70%,#333 71%)}.low-slope-alert{background:#fff3d8;border:3px solid #e6b84f;border-radius:15px;padding:20px}.low-slope-alert b,.low-slope-alert span{display:block}.low-slope-alert b{font-size:24px;color:#805d0b}
.warranty-question{background:#11233f;color:#fff;border-radius:16px;padding:22px;margin-top:25px}.warranty-question small,.warranty-question strong{display:block}.warranty-question small{margin:5px 0 16px;color:#b8c5d5}.warranty-question b{color:#8fc4ff}.warranty-question strong{font-size:22px}.warranty-wheel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative}.warranty-wheel div{min-height:115px;border-radius:50%;background:#e8f1fc;border:2px solid #9abce5;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px}.warranty-wheel span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:135px;height:135px;border-radius:50%;background:#155eef;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:950;box-shadow:0 0 0 8px #fff}
@media(max-width:760px){.roof-two,.vent-compare{grid-template-columns:1fr}.pitch-cards,.material-grid,.vent-types{grid-template-columns:1fr}.pitch-stage{padding-left:8px;padding-right:8px}.pitch-overlay{height:310px}.process-strip{grid-template-columns:1fr}.process-strip i{transform:rotate(90deg);text-align:center}.warranty-wheel{max-width:480px;margin:auto}}
@media print{.roof-jump,.roof-hero,.roof-lesson,.guide-source-strip,.guide-footer,.print-actions,.worksheet-section>.wrap>.eyebrow,.worksheet-section>.wrap>h2,.worksheet-section>.wrap>p{display:none!important}}