.theme-pacific,.theme-option.pacific{--canvas:#f1f6fd;--surface:#fff;--ink:#14243c;--muted:#53647c;--accent:#075bd8;--tint:#e1edff;--line:#d5dfed;--hero:#092e69;--heroText:#fff;--heroMuted:#cedef8;--pop:#8fc5ff}
.theme-terracotta,.theme-option.terracotta{--canvas:#f8f3ec;--surface:#fffdf9;--ink:#34251f;--muted:#736157;--accent:#a64425;--tint:#f4e1d4;--line:#e0d4c6;--hero:#653226;--heroText:#fff9ef;--heroMuted:#edd3c4;--pop:#ffbd8e}
.theme-sierra,.theme-option.sierra{--canvas:#f1f5ef;--surface:#fcfdf9;--ink:#1c362c;--muted:#566b60;--accent:#176744;--tint:#dbece0;--line:#d2ded3;--hero:#153f32;--heroText:#f5fff6;--heroMuted:#c6e1d2;--pop:#a4e5b1}
.theme-midnight,.theme-option.midnight{--canvas:#0c1423;--surface:#142035;--ink:#edf4ff;--muted:#adbed6;--accent:#8bbcff;--tint:#213653;--line:#2b3b54;--hero:#17325a;--heroText:#f5f8ff;--heroMuted:#bfd3ef;--pop:#a3c9ff}
.color-study{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}.color-study p,.color-study small,.color-study .meta,.color-study .date{color:var(--muted)}.color-study a:hover{color:var(--accent)}.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle;display:inline-block}.link-chevron{width:14px;height:14px;margin-left:5px}.color-study .top{background:var(--surface);border-color:var(--line);height:76px}.color-study .brand{gap:0;font-size:23px;letter-spacing:-1px}.brand-dot{color:var(--accent)}.color-study .edition{border-color:var(--line);color:var(--muted)}.color-study .iconbutton{background:transparent;border-color:var(--line);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%}.color-study .menu-trigger{display:none}.color-study .search-trigger::before{content:none}.color-study .langs{color:var(--ink)}.color-study .langs option{background:var(--surface)}.color-study :focus-visible{outline-color:var(--accent)}.color-study .button{background:var(--accent);color:var(--surface);border-radius:24px;padding:12px 19px}.theme-midnight .button{color:#0c1423}.color-study .text-link,.color-study .section-head>a,.color-study .eyebrow,.color-study .right .number{color:var(--accent)}.theme-review{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 24px;border-bottom:1px solid var(--line);font-size:11px;background:var(--surface)}.theme-review>span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.theme-review nav{display:flex;gap:5px}.theme-review nav a{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:20px;border:1px solid transparent}.theme-review nav a[aria-current]{background:var(--tint);border-color:var(--line);font-weight:700}.swatch{display:block;width:10px;height:10px;border-radius:50%;border:1px solid #ffffff60}.swatch.pacific{background:#1468eb}.swatch.terracotta{background:#ae4d30}.swatch.sierra{background:#24805a}.swatch.midnight{background:#172641}.compare-all{display:flex;gap:7px;align-items:center}.compare-all .ui-icon{width:13px;height:13px}
.market-pulse{max-width:1440px;margin:0 auto;padding:22px 24px 0}.pulse-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.pulse-heading>div:first-child{display:flex;align-items:center;gap:16px}.pulse-title{font-size:13px;font-weight:750;letter-spacing:-.01em}.snapshot-time{font-size:11px;color:var(--muted)}.pulse-controls{display:flex;gap:7px}.pulse-controls button{border:1px solid var(--line);background:var(--surface);color:var(--ink);width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.pulse-controls .ui-icon{width:15px;height:15px}.pulse-controls button:disabled{opacity:.3;cursor:default}.pulse-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border:1px solid var(--line);border-radius:14px;background:var(--surface);scrollbar-width:none}.pulse-track::-webkit-scrollbar{display:none}.pulse-tile{flex:1 0 232px;min-width:0;padding:15px 20px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px}.pulse-tile:last-child{border-right:0}.pulse-tile:hover{background:var(--tint);color:var(--ink)!important}.pulse-label{font-size:10px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.pulse-pair{display:flex;gap:24px}.pulse-pair>span{display:flex;flex-direction:column}.pulse-pair small{font-size:10px}.pulse-pair strong{font-size:24px;font-weight:650;letter-spacing:-.05em;line-height:1.2;font-variant-numeric:tabular-nums}.pulse-pair em{font-size:14px;font-style:normal;margin-left:1px}.pulse-headline{font-size:17px;line-height:1.35;letter-spacing:-.025em;font-weight:650}.pulse-note{font-size:10px;display:flex;align-items:center;gap:8px;color:var(--accent);margin-top:auto}.pulse-note .ui-icon{width:12px;height:12px}.pulse-disclosure{font-size:10px;color:var(--muted);padding-top:8px}.pulse-disclosure button{font-size:inherit;color:var(--accent);background:none;border:0;text-decoration:underline;padding:4px}.color-study .layout{padding-top:26px}.color-study .rail h2,.color-study .rail .note{color:var(--muted)}.color-study .rail nav a{padding:10px 8px;gap:11px}.color-study .rail nav .ui-icon{width:18px;height:18px;color:var(--muted)}.color-study .rail nav a.active{background:var(--tint);color:var(--accent)}.color-study .rail nav a.active .ui-icon{color:var(--accent)}.color-study .rail hr,.color-study .rail .county{border-color:var(--line)}.color-study .rail .county{background:var(--surface);border-radius:14px;padding:16px}.color-study .page-intro{margin:0 0 24px}.color-study .page-intro h1{font-size:36px;letter-spacing:-.045em;line-height:1.12}.color-study .page-intro h1 span{color:var(--accent)}.hero-break{display:none}.color-study .page-intro .date{display:none}.color-study .page-intro .eyebrow{font-size:10px;margin-bottom:10px}.color-study .feature{background:var(--hero);border:0;border-radius:20px;color:var(--heroText)}.color-study .feature h2{font-size:33px;font-weight:600;letter-spacing:-.045em}.color-study .feature p{color:var(--heroMuted)}.color-study .feature .eyebrow{color:var(--pop);font-size:9px;letter-spacing:.1em}.color-study .feature .lead-action{color:var(--heroText);display:inline-flex;align-items:center;gap:8px}.color-study .feature .lead-action:hover{text-decoration:underline}.color-study .feature-foot,.color-study .section,.color-study .list-story,.color-study .topic-grid a,.color-study .right section,.color-study .right .line,.color-study .right .course-link,.color-study .footer,.color-study .mini-grid .story{border-color:var(--line)}.color-study .feature-foot{color:var(--muted)}.color-study .story img{border-radius:12px}.color-study .utility{background:var(--surface);border-color:var(--line);border-radius:15px}.color-study .utility a{border-color:var(--line)}.color-study .utility span{color:var(--muted)}.color-study .promo{background:var(--tint);border-radius:18px;padding:28px}.color-study .right .brief{background:var(--hero);border-radius:18px;color:var(--heroText)}.color-study .brief p{color:var(--heroMuted)}.color-study .brief .eyebrow{color:var(--pop)}.color-study .brief .button{background:var(--heroText);color:var(--hero)}.color-study .right .source-note{background:var(--tint);border-radius:14px}.color-study .draft-bar{background:var(--tint);color:var(--muted)}.color-study .mobile-nav{background:var(--surface);border-color:var(--line)}.color-study .mobile-nav a{background:var(--tint)}.color-study dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}.color-study dialog nav a,.color-study .notice{background:var(--tint)}.color-study dialog input{background:var(--canvas);color:var(--ink);border-color:var(--line)}.rate-context{padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.rate-context h3{font-size:20px;margin-bottom:10px}.rate-context p{font-size:13px;margin:12px 0}.color-study #rate-details>a{color:var(--accent);font-size:13px;text-decoration:underline}
.theme-gallery{background:#f5f5f7;color:#1d1d1f;-webkit-font-smoothing:antialiased}.theme-gallery header{max-width:1250px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:32px 30px}.gallery-brand{font-size:22px;letter-spacing:-1px;font-weight:700}.theme-gallery header>span{font-size:10px;letter-spacing:.14em;color:#62626a}.theme-gallery main{max-width:1250px;margin:40px auto 80px;padding:0 30px}.theme-gallery main>.eyebrow{color:#606068;font-size:10px}.theme-gallery h1{font-size:64px;letter-spacing:-.055em;line-height:1.04;font-weight:650}.theme-gallery main>p{max-width:610px;margin:22px 0 40px;font-size:17px;color:#62626a}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:30px}.theme-option{display:block;background:white;border-radius:24px;overflow:hidden;border:1px solid #e7e7eb;transition:transform .2s,box-shadow .2s}.theme-option:hover{transform:translateY(-4px);box-shadow:0 14px 35px #16223a12;color:inherit}.theme-preview{background:var(--canvas);padding:26px 28px 0;height:280px;overflow:hidden;color:var(--ink);border-bottom:1px solid var(--line)}.mini-masthead{font-size:16px;font-weight:750;letter-spacing:-.7px;padding-bottom:15px;border-bottom:1px solid var(--line)}.mini-pulse{display:flex;gap:8px;padding:14px 0}.mini-pulse i{height:22px;background:var(--tint);border-radius:5px;flex:1}.mini-layout{display:grid;grid-template-columns:50px 1fr 65px;gap:16px}.mini-rail{display:grid;align-content:start;gap:12px;padding-top:12px}.mini-rail i{height:5px;background:var(--line);border-radius:3px}.mini-story>span{font-size:7px;color:var(--accent);letter-spacing:.08em}.mini-story>strong{display:block;font-size:25px;line-height:1.08;letter-spacing:-1px;margin:6px 0 15px}.mini-story img{height:120px;border-radius:10px}.mini-aside{height:115px;background:var(--hero);border-radius:9px;margin-top:10px}.theme-option-copy{padding:26px 30px 30px;position:relative}.theme-option-copy>span{position:absolute;right:30px;top:28px;font-size:12px;color:#73737c}.theme-option-copy h2{font-size:28px}.theme-option-copy p{font-size:14px;margin:12px 0 22px;max-width:330px}.theme-option-copy b{font-size:12px;color:var(--accent);display:flex;align-items:center;gap:9px}.theme-option.midnight .theme-option-copy b{color:#235db0}.theme-option-copy .ui-icon{width:14px;height:14px}.theme-gallery .gallery-note{font-size:12px;margin-top:30px}
.pulse-tile{flex-basis:248px}.color-study .plain-links a{background:var(--surface);border-color:var(--line);color:var(--ink)}
@media(max-width:1190px){.color-study .feature h2{font-size:31px}.color-study .page-intro h1{font-size:33px}.hero-break{display:block}}
@media(max-width:980px){.color-study .menu-trigger{display:inline-flex}.color-study .feature{grid-template-columns:1fr}.color-study .feature img{grid-row:1;height:230px;min-height:0}.color-study .feature-copy{padding:25px}.theme-review{gap:10px}.theme-review>span{display:none}}
@media(max-width:760px){.color-study .top{height:65px}.color-study .brand{font-size:20px}.theme-review{padding:7px 10px;justify-content:flex-start;overflow-x:auto}.theme-review nav{gap:0}.theme-review nav a{padding:7px 9px;white-space:nowrap;font-size:10px}.compare-all{display:none}.market-pulse{padding:14px 18px 0}.pulse-heading>div:first-child{display:block}.snapshot-time{display:block;font-size:9px;margin-top:3px}.pulse-tile{flex-basis:215px;padding:12px 16px;gap:5px}.pulse-pair strong{font-size:23px}.pulse-disclosure{line-height:1.4;font-size:9px}.color-study .layout{padding-top:24px}.color-study .page-intro h1{font-size:34px}.color-study .page-intro p{font-size:12px}.color-study .feature{border-radius:18px}.color-study .feature h2{font-size:32px}.color-study .feature img{height:210px}.color-study .feature-copy{padding:25px}.theme-gallery header{padding:24px 20px}.theme-gallery header>span{font-size:8px}.theme-gallery main{margin:30px auto;padding:0 20px}.theme-gallery h1{font-size:42px}.theme-gallery main>p{font-size:15px}.theme-options{grid-template-columns:1fr;gap:22px}.theme-preview{height:255px;padding:22px}.mini-layout{grid-template-columns:35px 1fr 50px;gap:12px}.mini-story>strong{font-size:24px}.theme-option-copy{padding:24px}.theme-option-copy p{max-width:270px}}
@media(max-width:360px){.theme-review nav a{padding:7px 6px}.color-study .brand{font-size:18px}.color-study .page-intro h1{font-size:30px}.color-study .feature h2{font-size:29px}.theme-gallery h1{font-size:36px}.mini-layout{grid-template-columns:24px 1fr 32px;gap:10px}.mini-story>strong{font-size:21px}}
