/* Team-supplied Sol yellow and logos. Noto Sans Condensed is a temporary
   display fallback while the exact Knockout webfont is pending. */
:root{--sol:#ffb600;--wine:#29251d;--deep:#17150f;--paper:#fffdf8;--blush:#fff0c9;--ink:#29251d;--muted:#625d52;--line:#d8d1c3;--sans:'Noto Sans',Arial,sans-serif;--serif:'Noto Sans',Arial,sans-serif}
::selection{background:var(--sol);color:var(--ink)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#805700}
.masthead{background:var(--sol);border-bottom-color:#29251d;padding-block:18px;gap:24px}
.masthead .brand{flex-direction:row;align-items:center;gap:15px;white-space:nowrap;flex-shrink:0}
.masthead .brand img{width:205px;height:auto}
.masthead .brand .co-brand{font-family:var(--sans);font-size:1.12rem;font-weight:700;letter-spacing:-.03em;margin:0;white-space:nowrap}
.masthead .edition{color:var(--ink);border-color:#9c7000;padding-left:20px}
.masthead nav{font-size:.875rem;gap:24px}
.masthead .private-note{border-color:#9c7000}
.readout{padding-top:32px}
.sol-opening{background:var(--sol);padding:40px 48px;align-items:center;gap:40px;border-radius:2px 88px 2px 2px;min-height:290px}
.sol-opening h1{display:flex;align-items:center;gap:34px;margin:0;min-width:0}
.sol-opening h1 img{display:block;width:clamp(220px,23vw,335px);height:auto}
.sol-opening h1 .co-brand{font-family:var(--sans);font-size:clamp(1.5rem,3vw,2.7rem);font-weight:600;letter-spacing:-.05em;white-space:nowrap}
.sol-opening>p{font-family:var(--sans);font-stretch:extra-condensed;font-weight:600;font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.05;text-transform:uppercase;letter-spacing:-.025em}
.overview-intro{max-width:820px;margin:26px 0 22px;font-size:1.1rem}
.edition-line{border-color:var(--line);font-size:.8125rem;padding-top:15px}
.guide-intro{max-width:920px;padding-top:28px}
.guide-intro h2,.guide-stop>header h2{font-family:var(--sans);font-stretch:extra-condensed;font-weight:600;text-transform:uppercase;letter-spacing:-.015em;line-height:1.05}
.guide-intro h2{font-size:clamp(2.4rem,4vw,3.8rem);max-width:850px}
.guide-intro>p:not(.eyebrow){max-width:790px}
.guide-route{margin-top:6px;gap:0;border:1px solid var(--ink)}
.guide-route a{border:0;padding:22px 24px;font-size:1rem;font-weight:600}
.guide-route a+a{border-left:1px solid var(--ink)}
.guide-route b{display:grid;place-items:center;background:var(--sol);width:36px;height:36px;border-radius:50%;flex-shrink:0;font-size:.875rem}
.guide-route a:hover{background:var(--blush)}
.guide-stop{padding-top:40px;padding-bottom:56px;border-top:2px solid var(--ink)}
.guide-stop>header{max-width:1060px;margin-bottom:32px}
.guide-stop>header h2{font-size:clamp(2.6rem,5vw,4.6rem);max-width:1020px;margin:18px 0 24px}
.guide-stop>header>p:last-child{max-width:825px;line-height:1.65}
.guide-stop .eyebrow{font-size:.8125rem;letter-spacing:.06em}
.guide-feature{gap:48px;grid-template-columns:1.1fr 1fr}
.guide-image img{height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:2px 68px 2px 2px}
#guide-feeling .guide-image img{aspect-ratio:1.16;object-position:center 58%}
#guide-choice .guide-image img{aspect-ratio:2072/1151;border-radius:2px}
.guide-image figcaption{font-size:.8125rem;margin-top:10px;line-height:1.45}
.guide-quote blockquote{font-family:var(--sans);font-size:clamp(1.55rem,2.35vw,2.2rem);font-weight:500;letter-spacing:-.035em;line-height:1.35}
.guide-quote .meta{font-size:.875rem;line-height:1.6}
.guide-quote .meta a{display:inline-block;margin-top:10px;font-weight:600}
.guide-collection>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.guide-collection img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:0}
.guide-collection img:first-child{border-radius:60px 0 0 0}
.guide-collection img:last-child{border-radius:0 0 60px 0}
.guide-quote-pair{margin:36px 0;gap:36px}
.guide-quote-pair blockquote{font-size:clamp(1.5rem,2.2vw,2.1rem)}
.guide-meaning{background:var(--blush);border:0;border-top:5px solid var(--sol);padding:26px 30px;margin-top:32px}
.guide-meaning>p:last-child{font-size:1.05rem;line-height:1.65}
.guide-actions{margin-top:26px}
.guide-button{background:var(--sol);border-color:var(--ink);font-size:.9375rem;padding:15px 20px;min-height:52px}
.guide-button:hover{background:#ffd268}
.guide-next{font-size:.9375rem}
.guide-demand-row strong{font-size:2.2rem;font-weight:600}
.guide-meter{background:#eee6d5;height:10px}
.guide-meter i{height:10px;background:var(--sol);border-right:2px solid #7b5900}
.guide-demand-row small{font-size:.875rem}
.guide-editorial .tag{background:var(--blush);color:var(--ink)}
.guide-creator .placement{background:var(--blush)}
@media(max-width:1050px){.masthead{flex-wrap:wrap;gap:14px 20px;padding-inline:32px}.masthead nav{margin-left:auto}.masthead .private-note{display:none}.sol-opening{padding:32px}.sol-opening h1{gap:20px}.sol-opening h1 img{width:240px}.sol-opening>p{font-size:2.5rem}.guide-route a{padding:18px 16px;gap:10px}}
@media(max-width:700px){.masthead{padding:14px 20px;gap:12px}.masthead .brand img{width:160px}.masthead .brand .co-brand{font-size:1rem}.masthead .edition{border:0;padding:0;margin-left:auto;font-size:.75rem}.masthead nav{flex-basis:100%;margin-left:0;justify-content:space-between;font-size:.875rem;gap:14px}.readout{padding-top:20px}.sol-opening{min-height:0;padding:30px 24px;gap:26px;border-radius:2px 54px 2px 2px;align-items:flex-start;flex-direction:column}.sol-opening h1{width:100%;gap:18px}.sol-opening h1 img{width:58%;max-width:250px}.sol-opening h1 .co-brand{font-size:1.5rem}.sol-opening>p{font-size:2.4rem;line-height:1}.sol-opening>p br{display:block}.overview-intro{font-size:1rem;margin-top:22px}.edition-line{font-size:.75rem}.guide-intro{padding-top:20px}.guide-route{grid-template-columns:1fr;margin-bottom:30px}.guide-route a+a{border-left:0;border-top:1px solid var(--ink)}.guide-route a{padding:14px 18px}.guide-stop{padding:30px 0 36px}.guide-stop>header h2{font-size:2.8rem;margin-bottom:18px}.guide-stop>header>p:last-child{font-size:1rem}.guide-feature{grid-template-columns:1fr;gap:26px}.guide-image img{height:auto}.guide-collection>div{grid-template-columns:repeat(2,1fr);gap:6px}.guide-collection img{aspect-ratio:1.05}.guide-quote-pair{gap:24px}.guide-meaning{padding:22px}.guide-meaning>p:last-child{font-size:1rem}.guide-button{font-size:.875rem}.guide-next{font-size:.875rem}.guide-choice-proof{gap:28px}}
@media(max-width:380px){.masthead .edition{margin-left:0}.sol-opening{padding:26px 20px}.sol-opening h1 .co-brand{font-size:1.3rem}}
@media print{.masthead{position:static}.sol-opening{print-color-adjust:exact}.guide-stop{break-before:page}}
/* Clear the inherited narrow subtitle column on smaller screens. */
.sol-opening>p{max-width:none}
/* Brand and collection share the opening, so imagery appears immediately. */
.sol-opening{display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:auto auto;column-gap:36px;row-gap:24px;padding:34px;overflow:hidden}
.sol-opening h1{grid-column:1;grid-row:1;gap:22px}
.sol-opening h1 img{width:clamp(150px,16vw,230px)}
.sol-opening h1 .co-brand{font-size:clamp(1.5rem,2.1vw,2rem)}
.sol-opening>p{grid-column:1;grid-row:2;font-size:clamp(1.9rem,3vw,2.9rem);margin:0;max-width:none}
.sol-opening-image{grid-column:2;grid-row:1/3;width:100%;height:100%;max-height:320px;min-height:265px;object-fit:cover;border-radius:2px 56px 2px 2px}
@media(max-width:900px){.sol-opening{column-gap:24px;padding:28px}.sol-opening h1{gap:14px}.sol-opening h1 img{width:58%}.sol-opening h1 .co-brand{font-size:1.5rem}.sol-opening>p{font-size:2.1rem}.sol-opening-image{min-height:250px}}
@media(max-width:700px){.sol-opening{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:26px 24px;gap:24px}.sol-opening h1{grid-row:1;gap:24px}.sol-opening h1 img{width:55%;max-width:210px}.sol-opening>p{grid-row:2;font-size:2.35rem}.sol-opening-image{grid-column:1;grid-row:3;height:auto;min-height:0;max-height:none;aspect-ratio:2072/1151;border-radius:0}}
/* Co-branded lockups: Amoret Sans is the established partner wordmark face. */
.masthead .brand{gap:14px;align-items:center}
.masthead .brand>img{width:240px;height:auto;display:block}
.masthead .brand .co-brand,.sol-opening h1 .co-brand{display:inline-flex;align-items:center;gap:14px;flex:none;line-height:1;margin:0;letter-spacing:0}
.masthead .brand .co-brand span,.sol-opening h1 .co-brand span{margin:0;text-align:left;letter-spacing:0}
.masthead .brand .seen-wordmark,.sol-opening h1 .seen-wordmark{font-family:Amoret,Arial,sans-serif;font-weight:400;font-stretch:normal;line-height:1;letter-spacing:0;font-synthesis:none}
.masthead .brand .seen-wordmark{font-size:2.55rem}
.masthead .brand .brand-cross,.sol-opening h1 .brand-cross{font-family:'Noto Sans',Arial,sans-serif;font-weight:400;font-stretch:normal;line-height:1;font-size:1.2rem}
.sol-opening h1{gap:20px}
.sol-opening h1>img{width:clamp(160px,15.5vw,220px);flex:none}
.sol-opening h1 .seen-wordmark{font-size:clamp(3.2rem,5.2vw,4.8rem)}
.sol-opening h1 .co-brand{gap:20px}
.sol-opening h1 .brand-cross{font-size:1.65rem}
@media(max-width:1100px) and (min-width:701px){.sol-opening h1{gap:12px}.sol-opening h1>img{width:48%}.sol-opening h1 .co-brand{gap:10px}.sol-opening h1 .seen-wordmark{font-size:clamp(2.3rem,4.5vw,3.8rem)}.sol-opening h1 .brand-cross{font-size:1.2rem}}
@media(max-width:700px){.masthead .brand{gap:10px}.masthead .brand>img{width:170px}.masthead .brand .co-brand{gap:10px}.masthead .brand .seen-wordmark{font-size:2rem}.masthead .brand .brand-cross{font-size:1rem}.sol-opening h1{gap:12px}.sol-opening h1>img{width:49%;max-width:210px}.sol-opening h1 .co-brand{gap:12px}.sol-opening h1 .seen-wordmark{font-size:clamp(2.4rem,10.5vw,4rem)}.sol-opening h1 .brand-cross{font-size:1.2rem}}
@media(max-width:360px){.masthead .brand>img{width:155px}.sol-opening h1{gap:8px}.sol-opening h1 .co-brand{gap:8px}.sol-opening h1 .seen-wordmark{font-size:2.1rem}.sol-opening h1 .brand-cross{font-size:1rem}}
.sol-opening h1 .seen-wordmark{font-size:clamp(3rem,4.6vw,4.2rem)}
@media(max-width:1100px) and (min-width:701px){.sol-opening h1 .seen-wordmark{font-size:clamp(2rem,3.9vw,3.5rem)}}
@media(max-width:700px){.sol-opening h1>img{width:45%}.sol-opening h1 .seen-wordmark{font-size:clamp(2rem,8.5vw,3.6rem)}}
@media(max-width:360px){.sol-opening h1 .seen-wordmark{font-size:1.7rem}}
/* Bring inherited source actions and interactive states into the Sol palette. */
.source-action,.source-key .jump-button{background:var(--sol);border-color:var(--ink);color:var(--ink)!important;box-shadow:none}
.source-action:hover,.source-key .jump-button:hover{background:#ffd268;border-color:var(--ink);filter:none;color:var(--ink)!important}
.source-action:focus-visible{outline-color:var(--ink)}
.source-disclosure>summary,.fallback-table>summary{border-color:var(--line)}
.source-disclosure>summary:hover,.fallback-table>summary:hover{background:var(--blush);border-color:var(--ink)}
.chapter a.download-action:hover,.download-shelf a.download-action:hover{box-shadow:0 2px 0 var(--line)}
/* Match the content container while keeping the yellow header full bleed. */
.masthead{padding-inline:max(48px,calc((100% - 1320px)/2))}
@media(max-width:1100px){.masthead{padding-inline:28px}}
@media(max-width:740px){.masthead{padding-inline:20px}}
@media(min-width:741px){.overview-second-sentence{display:block}}
/* Complete partner name in both co-branded logo lockups. */
.masthead .brand>img,.sol-opening h1>img{filter:brightness(0) invert(1)}
.masthead .brand .co-brand,.sol-opening h1 .co-brand{color:#fff}
.masthead .brand .seen-logo,.sol-opening h1 .seen-logo{display:inline-flex;flex-direction:column;align-items:center;gap:4px;line-height:1}
.masthead .brand .seen-logo .seen-group,.sol-opening h1 .seen-logo .seen-group{font-family:'Noto Sans',Arial,sans-serif;font-stretch:normal;font-weight:500;line-height:1;letter-spacing:.2em;text-transform:uppercase;text-align:center;margin-left:.2em}
.masthead .brand .seen-logo .seen-group{font-size:.65rem}
.sol-opening h1 .seen-logo .seen-group{font-size:clamp(.75rem,1.05vw,.95rem)}
@media(max-width:700px){.masthead .brand .seen-logo .seen-group{font-size:.6rem}.sol-opening h1 .seen-logo .seen-group{font-size:.7rem}}

/* Public collection and discovery photographs retain their own proportions. */
#guide-choice .guide-image img{aspect-ratio:1;object-fit:contain}
#guide-year>.guide-image img{width:100%;max-height:440px;object-fit:cover}
@media(max-width:700px){.sol-opening-image{aspect-ratio:3/2}}