/* Investment Guide — split verbatim from the Stephan-ratified Review 15 frontier. * Tokens and shared chrome are supplied by their existing theme stylesheets. */ body.sbf-investment-guide *,body.sbf-investment-guide *::before,body.sbf-investment-guide *::after{box-sizing:border-box} body.sbf-investment-guide{scroll-behavior:smooth;scroll-padding-top:48px} body.sbf-investment-guide{margin:0;overflow-x:hidden;background:var(--sbf-deep);color:var(--sbf-ink);font-family:var(--sbf-font-body);font-size:var(--sbf-size-body);line-height:var(--sbf-leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} body.sbf-investment-guide img{max-width:100%;display:block;border:0} body.sbf-investment-guide h1,body.sbf-investment-guide h2{font-family:var(--sbf-font-display);font-weight:400;font-optical-sizing:auto;margin:0} body.sbf-investment-guide h1{font-size:var(--sbf-size-display);line-height:var(--sbf-leading-display);letter-spacing:var(--sbf-tracking-display)} body.sbf-investment-guide h2{font-size:var(--sbf-size-h2);line-height:var(--sbf-leading-h2);letter-spacing:var(--sbf-tracking-h2)} /* Collection names hold the ratified 21px from 590px up, but must not follow --sbf-size-lead down WordPress's fluid curve: at 390px lead computes to 14.7px against 14.1px body, and at 320px to 14.08px against 14px — the heading and its own description become the same size and the price list loses its hierarchy on a phone. Floor of 18px keeps the step visible. Ratified by Stephan 2026-08-04; recorded in approved-deviations.json as snapped_step collection-name-mobile-floor. */ body.sbf-investment-guide h3{font-family:var(--sbf-font-display);font-size:clamp(18px,calc(1.1vw + 14.5px),21px);font-weight:400;line-height:1.2;margin:0} body.sbf-investment-guide p{margin:0 0 1.15em} body.sbf-investment-guide p:last-child{margin-bottom:0} body.sbf-investment-guide a{color:inherit} body.sbf-investment-guide em,body.sbf-investment-guide i{font-style:italic} body.sbf-investment-guide .wrap{width:100%;max-width:var(--sbf-shell);margin:0 auto;padding-inline:var(--sbf-gutter)} body.sbf-investment-guide .section{padding-block:clamp(64px,8vw,104px)} body.sbf-investment-guide .chapter-top{border-top:1px solid var(--sbf-rule)} body.sbf-investment-guide .micro-label{font-family:var(--sbf-font-body);font-size:var(--sbf-size-micro);font-weight:700;letter-spacing:var(--sbf-tracking-micro);text-transform:uppercase;color:var(--sbf-soft);margin:0 0 16px} body.sbf-investment-guide .eyebrow{display:inline-flex;align-items:center;gap:.7em;margin:0 0 20px;font-family:var(--sbf-font-body);font-size:var(--sbf-size-meta);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sbf-quiet)} body.sbf-investment-guide .eyebrow::before{content:"";width:26px;height:1px;background:var(--sbf-ember)} body.sbf-investment-guide .btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sbf-font-body);font-size:var(--sbf-size-small);font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:17px 32px;min-height:48px;border:0;border-radius:0;cursor:pointer;text-decoration:none;line-height:1;transition:background-color .22s ease,color .22s ease,transform .22s ease} body.sbf-investment-guide .btn-ember{background:var(--sbf-ember);color:var(--sbf-deep)} body.sbf-investment-guide .btn-ember:hover{background:var(--sbf-ember-deep);transform:translateY(-1px)} body.sbf-investment-guide .btn-quiet{background:transparent;color:var(--sbf-ink);border:1px solid var(--sbf-rule-strong)} body.sbf-investment-guide .btn-quiet:hover{border-color:var(--sbf-ember);color:var(--sbf-ember)} body.sbf-investment-guide .btn:focus-visible,body.sbf-investment-guide a:focus-visible,body.sbf-investment-guide button:focus-visible,body.sbf-investment-guide summary:focus-visible{outline:2px solid var(--sbf-ember);outline-offset:3px} body.sbf-investment-guide .link-quiet{display:inline-block;color:var(--sbf-soft);font-size:var(--sbf-size-micro);font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--sbf-rule-strong);padding-bottom:7px;transition:color .2s ease,border-color .2s ease} body.sbf-investment-guide .link-quiet:hover{color:var(--sbf-ink);border-color:var(--sbf-ember)} body.sbf-investment-guide .ph-inline{display:inline-block;border:1px dashed var(--sbf-ember);padding:2px 8px;color:var(--sbf-ember);font-size:var(--sbf-size-micro);font-weight:700;letter-spacing:var(--sbf-tracking-micro);text-transform:uppercase} body.sbf-investment-guide .proof{background:var(--sbf-elev)} body.sbf-investment-guide .proof-lead{max-width:62ch;color:var(--sbf-quiet);font-size:var(--sbf-size-lead);font-weight:300;line-height:1.55;margin:0 0 clamp(38px,4.4vw,56px)} body.sbf-investment-guide .recognition-lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:stretch; border-top:1px solid var(--sbf-rule-strong);border-bottom:1px solid var(--sbf-rule-strong)} body.sbf-investment-guide .emmy-receipt{display:grid;grid-template-columns:clamp(190px,18vw,240px) 1fr;gap:clamp(26px,4vw,54px);align-items:center; padding:clamp(34px,4vw,54px) clamp(24px,4vw,56px) clamp(36px,4.5vw,60px) 0;border-right:1px solid var(--sbf-rule)} body.sbf-investment-guide .emmy-mark-art{display:flex;align-items:center;justify-content:center;min-height:180px;gap:0} body.sbf-investment-guide .emmy-statue{display:block;flex:0 0 auto;height:clamp(105px,9vw,138px);aspect-ratio:140/218;background:var(--sbf-ink);-webkit-mask:url('../images/pst-emmy-statue.png') center/contain no-repeat;mask:url('../images/pst-emmy-statue.png') center/contain no-repeat} body.sbf-investment-guide .emmy-statue+.emmy-statue{margin-left:-18px} body.sbf-investment-guide .receipt-kicker{display:block;margin-bottom:12px;color:var(--sbf-ember);font-family:var(--sbf-font-body);font-size:var(--sbf-size-micro);font-weight:700;letter-spacing:var(--sbf-tracking-micro);text-transform:uppercase} body.sbf-investment-guide .emmy-copy h3{font-family:var(--sbf-font-display);font-size:var(--sbf-size-h3);font-weight:400;line-height:1.1;letter-spacing:var(--sbf-tracking-h3);margin-bottom:14px} body.sbf-investment-guide .receipt-primary{color:var(--sbf-ink);font-size:var(--sbf-size-body);font-weight:600;line-height:1.45;margin-bottom:8px} body.sbf-investment-guide .receipt-note{color:var(--sbf-quiet);font-size:var(--sbf-size-small);line-height:1.55;font-weight:300} body.sbf-investment-guide .pbs-receipt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; padding:clamp(34px,4vw,54px) 0 clamp(36px,4.5vw,60px) clamp(24px,4vw,56px)} body.sbf-investment-guide .pbs-mark-tile{display:grid;place-items:center;width:min(100%,245px);margin:0 auto 24px;padding:0;background:transparent;color:var(--sbf-ink)} body.sbf-investment-guide .pbs-logo{display:block;width:100%;max-width:190px;height:auto;margin:0;overflow:visible} body.sbf-investment-guide .pbs-logo-primary{fill:currentColor} body.sbf-investment-guide .pbs-logo-negative{fill:var(--sbf-elev)} body.sbf-investment-guide .pbs-receipt .receipt-note{max-width:25ch} body.sbf-investment-guide .proof-laurels{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sbf-rule);border-bottom:1px solid var(--sbf-rule-strong)} body.sbf-investment-guide .laurel{margin:0;padding:clamp(28px,3.4vw,46px) clamp(16px,2.4vw,34px);display:flex;align-items:center;justify-content:center;color:var(--sbf-quiet);border-right:1px solid var(--sbf-rule)} body.sbf-investment-guide .laurel:last-child{border-right:0} body.sbf-investment-guide .laurel svg{display:block;width:min(100%,270px);height:auto;overflow:visible} body.sbf-investment-guide .laurel:nth-child(3) svg{width:min(112%,315px);max-width:none} body.sbf-investment-guide .laurel:nth-child(3) .festival-name{font-size:9.4px;letter-spacing:.055em} body.sbf-investment-guide .laurel .branch{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;opacity:.72} body.sbf-investment-guide .laurel .leaf{fill:currentColor;opacity:.72} body.sbf-investment-guide .laurel .festival-name{fill:var(--sbf-ink);font-family:var(--sbf-font-body);font-size:var(--sbf-size-micro);font-weight:700;letter-spacing:.08em;text-anchor:middle} body.sbf-investment-guide .laurel .festival-status{fill:var(--sbf-ember);font-family:var(--sbf-font-body);font-size:8.5px;font-weight:700;letter-spacing:var(--sbf-tracking-micro);text-anchor:middle} body.sbf-investment-guide .band{padding-block:0;scroll-margin-top:0} body.sbf-investment-guide .band-plate{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000} body.sbf-investment-guide .band-plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .28s ease} body.sbf-investment-guide .band-plate img[hidden],body.sbf-investment-guide .band-plate .plate-play[hidden]{display:none} body.sbf-investment-guide .band-plate iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:4} body.sbf-investment-guide .band-plate::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(11,10,9,.62) 0%,rgba(11,10,9,0) 52%)} body.sbf-investment-guide .band-plate.is-playing::after{display:none} body.sbf-investment-guide .plate-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:clamp(68px,6vw,92px);height:clamp(68px,6vw,92px);border-radius:50%;border:1px solid rgba(242,236,224,.9);background:rgba(11,10,9,.2);color:var(--sbf-ink);cursor:pointer;display:grid;place-items:center;transition:background .25s ease,transform .25s ease} body.sbf-investment-guide .plate-play::before{content:"";display:block;margin-left:7%;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid currentColor} body.sbf-investment-guide .plate-play:hover{background:var(--sbf-ember-deep);transform:translate(-50%,-50%) scale(1.04)} body.sbf-investment-guide .plate-cap{position:absolute;left:109px;bottom:clamp(20px,2.4vw,30px);z-index:3;margin:0;color:var(--sbf-quiet); font-size:var(--sbf-size-small);line-height:1.4;text-shadow:0 1px 10px rgba(11,10,9,.9)} body.sbf-investment-guide .plate-cap .cap-k{color:var(--sbf-ink);font-family:var(--sbf-font-display);font-size:var(--sbf-size-lead)} body.sbf-investment-guide .band-plate.is-playing .plate-cap{display:none} body.sbf-investment-guide .band-head{padding-block:clamp(48px,5.5vw,76px) clamp(40px,4.6vw,60px)} body.sbf-investment-guide .band-head h2{max-width:15ch} body.sbf-investment-guide .band-line{margin:26px 0 0;max-width:44ch;color:var(--sbf-quiet);font-size:var(--sbf-size-lead);font-weight:300;line-height:1.5} body.sbf-investment-guide .band-proof{margin:24px 0 0;display:inline-flex;align-items:baseline;gap:12px;color:var(--sbf-soft);font-size:var(--sbf-size-meta);line-height:1.5} body.sbf-investment-guide .band-proof::before{content:"";width:22px;height:1px;background:var(--sbf-ember);transform:translateY(-4px);flex:0 0 auto} body.sbf-investment-guide .clist{border-top:1px solid var(--sbf-rule-strong)} body.sbf-investment-guide .crow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.05fr) minmax(0,1fr) minmax(0,.9fr); gap:clamp(20px,2.8vw,44px);align-items:start;padding:clamp(24px,2.8vw,34px) 0;border-bottom:1px solid var(--sbf-rule);transition:background-color .2s ease} body.sbf-investment-guide .crow:hover{background:var(--sbf-shade)} body.sbf-investment-guide .crow h3{margin-bottom:8px} body.sbf-investment-guide .c-tag{margin:0 0 14px;color:var(--sbf-quiet);font-size:var(--sbf-size-small);line-height:1.5} body.sbf-investment-guide .c-detail{list-style:none;margin:0;padding:0;display:grid;gap:7px} body.sbf-investment-guide .c-detail li{position:relative;padding-left:18px;color:var(--sbf-soft);font-size:var(--sbf-size-meta);line-height:1.5} body.sbf-investment-guide .c-detail li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:1px;background:var(--sbf-ember)} body.sbf-investment-guide .rail{display:flex;flex-direction:column;gap:9px;max-width:220px} body.sbf-investment-guide .rail-track{position:relative;height:4px;width:100%;background:var(--sbf-shade);display:flex;gap:5px} body.sbf-investment-guide .rail-fill{height:100%;background:var(--sbf-ember)} body.sbf-investment-guide .rail-track.is-days .rail-fill{flex:1 1 0} body.sbf-investment-guide .rail-track.is-tick .rail-fill{width:16%} body.sbf-investment-guide .rail-label{color:var(--sbf-quiet);font-size:var(--sbf-size-meta);letter-spacing:.04em} body.sbf-investment-guide .rail-label b{color:var(--sbf-ink);font-weight:600} body.sbf-investment-guide .rail-note{margin:10px 0 0;max-width:30ch;color:var(--sbf-soft);font-size:var(--sbf-size-micro);line-height:1.55} body.sbf-investment-guide .rail-note b{color:var(--sbf-ember);font-weight:700;letter-spacing:var(--sbf-tracking-micro);text-transform:uppercase;display:block;margin-bottom:5px} body.sbf-investment-guide .c-films ul{list-style:none;margin:0;padding:0;display:grid;gap:6px} body.sbf-investment-guide .c-films li{color:var(--sbf-ink);font-size:var(--sbf-size-small);font-weight:300;line-height:1.4} body.sbf-investment-guide .c-buy{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px} body.sbf-investment-guide .c-buy .amt{font-family:var(--sbf-font-display);font-size:var(--sbf-size-h3);line-height:1;letter-spacing:var(--sbf-tracking-h3);color:var(--sbf-ink)} body.sbf-investment-guide .c-buy .photo{color:var(--sbf-soft);font-size:var(--sbf-size-micro);line-height:1.45;max-width:22ch} body.sbf-investment-guide .c-buy .enq{margin-top:4px} body.sbf-investment-guide .siblings{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--sbf-rule)} body.sbf-investment-guide .sibling{padding:clamp(24px,2.8vw,34px) clamp(20px,2.4vw,32px) clamp(28px,3vw,38px);border-right:1px solid var(--sbf-rule);border-top:1px solid var(--sbf-rule-strong);display:flex;flex-direction:column;gap:14px} body.sbf-investment-guide .sibling:first-child{padding-left:0} body.sbf-investment-guide .sibling:last-child{border-right:0;padding-right:0} body.sbf-investment-guide .sibling .what{flex:1 1 auto;color:var(--sbf-quiet);font-size:var(--sbf-size-small);line-height:1.6} body.sbf-investment-guide .sibling .films{list-style:none;margin:0;padding:0;display:grid;gap:5px} body.sbf-investment-guide .sibling .films li{color:var(--sbf-ink);font-size:var(--sbf-size-meta);font-weight:300;line-height:1.4} body.sbf-investment-guide .sibling .amt{font-family:var(--sbf-font-display);font-size:var(--sbf-size-h3);line-height:1;letter-spacing:var(--sbf-tracking-h3);color:var(--sbf-ink)} body.sbf-investment-guide .sibling .photo{color:var(--sbf-soft);font-size:var(--sbf-size-micro);line-height:1.45} body.sbf-investment-guide .survives{margin:0;color:var(--sbf-ink);font-size:var(--sbf-size-small);font-weight:300;line-height:1.6;max-width:42ch} body.sbf-investment-guide .band-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding:clamp(26px,3vw,38px) 0 clamp(52px,6vw,84px)} body.sbf-investment-guide .travel{margin:0;display:grid;gap:0} body.sbf-investment-guide .travel .t-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--sbf-rule)} body.sbf-investment-guide .travel .t-row:last-child{border-bottom:0} body.sbf-investment-guide .travel dt{color:var(--sbf-quiet);font-size:var(--sbf-size-meta)} body.sbf-investment-guide .travel dd{margin:0;color:var(--sbf-ink);font-size:var(--sbf-size-meta);font-weight:600} body.sbf-investment-guide .travel .t-note{color:var(--sbf-soft);font-weight:400} body.sbf-investment-guide .goodtoknow{margin:0;border-top:1px solid var(--sbf-rule)} body.sbf-investment-guide .goodtoknow div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--sbf-rule)} body.sbf-investment-guide .goodtoknow dt{color:var(--sbf-soft);font-size:var(--sbf-size-micro);font-weight:700;letter-spacing:var(--sbf-tracking-micro);text-transform:uppercase} body.sbf-investment-guide .goodtoknow dd{margin:0;color:var(--sbf-quiet);font-size:var(--sbf-size-small);line-height:1.65} @media (max-width:640px){ body.sbf-investment-guide .goodtoknow div{grid-template-columns:1fr;gap:6px} } body.sbf-investment-guide .next-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,104px);align-items:start} body.sbf-investment-guide .next-grid h2{max-width:12ch} body.sbf-investment-guide .next-lead{max-width:52ch;color:var(--sbf-quiet);font-size:var(--sbf-size-lead);font-weight:300;line-height:1.6;margin-bottom:clamp(28px,3.2vw,42px)} body.sbf-investment-guide .next-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--sbf-rule-strong)} body.sbf-investment-guide .next-steps li{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--sbf-rule);color:var(--sbf-ink);font-weight:300;line-height:1.6} body.sbf-investment-guide .next-steps .sn{font-family:var(--sbf-font-display);font-size:var(--sbf-size-lead);color:var(--sbf-ember);line-height:1} body.sbf-investment-guide .next-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:clamp(30px,3.6vw,46px)} @media (max-width:1100px){ body.sbf-investment-guide .crow{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px 32px} body.sbf-investment-guide .crow .c-films{grid-column:1;grid-row:2} body.sbf-investment-guide .crow .c-buy{grid-column:2;grid-row:2;align-items:flex-start;text-align:left} } @media (max-width:900px){ body.sbf-investment-guide .next-grid,body.sbf-investment-guide .band-foot{grid-template-columns:1fr;gap:28px} body.sbf-investment-guide .band-head h2,body.sbf-investment-guide .next-grid h2{max-width:16ch} body.sbf-investment-guide .band-plate{aspect-ratio:16/10} body.sbf-investment-guide .plate-cap{left:var(--sbf-gutter)} body.sbf-investment-guide .siblings{grid-template-columns:1fr} body.sbf-investment-guide .sibling{border-right:0;border-top:0;border-bottom:1px solid var(--sbf-rule);padding-left:0;padding-right:0} body.sbf-investment-guide .sibling:first-child{border-top:1px solid var(--sbf-rule-strong)} body.sbf-investment-guide .sibling:last-child{border-bottom:0} body.sbf-investment-guide .recognition-lead{grid-template-columns:1fr} body.sbf-investment-guide .emmy-receipt{border-right:0;border-bottom:1px solid var(--sbf-rule);padding-right:0} body.sbf-investment-guide .pbs-receipt{padding-left:0} body.sbf-investment-guide .proof-laurels{grid-template-columns:1fr} body.sbf-investment-guide .laurel{border-right:0;border-bottom:1px solid var(--sbf-rule)} body.sbf-investment-guide .laurel:last-child{border-bottom:0} } @media (max-width:700px){ body.sbf-investment-guide .emmy-receipt{grid-template-columns:1fr;text-align:left} body.sbf-investment-guide .emmy-mark-art{min-height:0;margin-bottom:24px} body.sbf-investment-guide .emmy-statue{height:110px} } /* RESTORED: the build dropped this @media opener, so every rule below it — the whole collection-row stacking — applied at ALL widths and broke the desktop 4-column layout. The closing brace was still present, orphaned. */ @media (max-width:640px){ body.sbf-investment-guide .crow{grid-template-columns:minmax(0,1fr) auto;gap:6px 18px} body.sbf-investment-guide .crow .c-name{grid-column:1;grid-row:1} body.sbf-investment-guide .crow .c-buy{grid-column:2;grid-row:1;align-items:flex-end;text-align:right} body.sbf-investment-guide .crow .c-cover{grid-column:1 / -1;grid-row:2;padding-top:12px} body.sbf-investment-guide .crow .c-films{grid-column:1 / -1;grid-row:3;padding-top:4px} body.sbf-investment-guide .rail{max-width:none} body.sbf-investment-guide .c-buy .photo{display:none} body.sbf-investment-guide .faq-item summary{font-size:var(--sbf-size-body)} body.sbf-investment-guide .next-steps li{grid-template-columns:38px 1fr;gap:14px} } @media (max-width:360px){ body.sbf-investment-guide .emmy-receipt{grid-template-columns:1fr;gap:22px;text-align:center} body.sbf-investment-guide .emmy-mark-art{min-height:0} body.sbf-investment-guide .receipt-note,body.sbf-investment-guide .pbs-receipt .receipt-note{max-width:none} body.sbf-investment-guide .c-buy .amt,body.sbf-investment-guide .sibling .amt{font-size:var(--sbf-size-lead)} body.sbf-investment-guide .proof-emmy img{height:60px} } @media (prefers-reduced-motion:reduce){ body.sbf-investment-guide{scroll-behavior:auto} body.sbf-investment-guide *,body.sbf-investment-guide *::before,body.sbf-investment-guide *::after{transition:none!important;animation:none!important} } /* Hero — transposed from the ratified team page (team-review15.css) so the two surfaces share one grammar: image + the same two-layer veil, an eyebrow/h1 copy block, and a section index beside it. The rgba(7,6,5,*) values are the team page's own and are recorded in approved-deviations.json. */ body.sbf-investment-guide .hero{position:relative;min-height:100svh;isolation:isolate;overflow:hidden} body.sbf-investment-guide .hero-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:62% 50%} body.sbf-investment-guide .hero:after{content:"";position:absolute;inset:0;z-index:-1; background:linear-gradient(90deg,rgba(7,6,5,.88) 0%,rgba(7,6,5,.58) 42%,rgba(7,6,5,.10) 64%,rgba(7,6,5,.66) 100%), linear-gradient(180deg,rgba(7,6,5,.4),transparent 34%,rgba(7,6,5,.48))} body.sbf-investment-guide .hero-inner{width:auto;max-width:none;min-height:100svh;height:auto;margin:0; padding:clamp(150px,18vh,190px) var(--sbf-gutter) clamp(40px,7vh,74px); display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:clamp(50px,8vw,90px);align-items:end} body.sbf-investment-guide .hero-copy{max-width:820px} body.sbf-investment-guide .hero .eyebrow{margin:0 0 24px;color:var(--sbf-quiet)} body.sbf-investment-guide .hero h1{max-width:12ch} body.sbf-investment-guide .guide-hero-index{align-self:end;border-top:1px solid var(--sbf-rule-strong)} body.sbf-investment-guide .guide-index-link{width:100%;display:grid;grid-template-columns:34px 1fr;gap:14px; align-items:start;padding:17px 0;border-bottom:1px solid var(--sbf-rule);color:var(--sbf-ink); text-align:left;text-decoration:none;opacity:1;transition:opacity .2s ease,color .2s ease} body.sbf-investment-guide .guide-index-link:hover, body.sbf-investment-guide .guide-index-link:focus-visible{opacity:1} body.sbf-investment-guide .guide-index-number{color:var(--sbf-ember);font-family:var(--sbf-font-display);font-style:italic} body.sbf-investment-guide .guide-index-copy{display:grid;gap:3px} body.sbf-investment-guide .guide-index-copy strong{line-height:1.35;font-weight:600;font-size:var(--sbf-size-meta)} body.sbf-investment-guide .guide-index-copy small{color:var(--sbf-soft);line-height:1.4;letter-spacing:.11em; text-transform:uppercase;font-size:var(--sbf-size-micro)} @media(max-width:900px){ body.sbf-investment-guide .hero-inner{grid-template-columns:1fr;align-content:end;gap:34px} } /* Divi is still the PARENT theme — sbf-2026/style.css declares "Template: Divi" — so Divi's stylesheets load on every page and colour headings. Every other family neutralises this with an inheritance baseline (team 8 rules, review45 14, contact 7); this family had NONE, so headings rendered #b9ac90 instead of #f2ece0. Scoped to main so the chrome footer's own label colours are untouched. */ body.sbf-investment-guide main h1, body.sbf-investment-guide main h2, body.sbf-investment-guide main h3, body.sbf-investment-guide main h4{color:var(--sbf-ink)!important} /* Divi injects an inline