:root {
  --plum-900:#172e22; --plum-800:#254b36; --muted:#405447;
  --cream-100:#fffef9; --paper-200:#f1f4ed; --line:#a7b4a7;
}
body { background:#f6f8f2; color:#172e22; }
.page-shell .cottage-topbar { background:#122b1e; color:#fff; }
.cottage-topbar .nav-pill { font:600 16px/1.5 var(--font-body); color:#fff; padding:9px 0; }
.cottage-topbar .cottage-nav { gap:clamp(12px,1.2vw,20px); }
.cottage-wordmark { font-size:clamp(30px,2.5vw,40px); }
.cottage-brand-mark { width:65px; height:72px; }
.cottage-brand .brand-subtitle, .cottage-signed-in { color:#e4eddf; }
.cottage-topbar .nav-pill:hover,.cottage-topbar .nav-pill.active { color:#ffe5a8; }
.cottage-home-page.clarity-home-page .cottage-topbar { position:relative; inset:auto; margin:0; background:#122b1e; }
.clarity-welcome { display:grid; grid-template-columns:46% 54%; min-height:395px; background:#173624; color:#fff; }
.clarity-welcome-copy { padding:44px 5.5vw 42px 6.1vw; }
.clarity-eyebrow { margin:0 0 10px; color:#405447; font:700 12px/1.5 var(--font-body); text-transform:uppercase; letter-spacing:1.5px; }
.clarity-welcome .clarity-eyebrow { color:#f1dca7; }
.clarity-welcome h1 { max-width:none; margin:0; color:#fff; font:600 clamp(46px,4.6vw,72px)/.98 var(--font-display); letter-spacing:-1.4px; }
.clarity-welcome-copy > p:not(.clarity-eyebrow) { max-width:390px; margin:22px 0 0; color:#fff; font:500 17px/1.65 var(--font-body); }
.clarity-cottage-art { display:block; width:100%; height:100%; min-height:395px; max-height:440px; object-fit:cover; object-position:82% center; }
.clarity-sky-link { display:inline-flex; align-items:center; gap:20px; min-height:48px; margin-top:22px; padding:12px 22px; border:1px solid #f2d99c; border-radius:6px; background:#f4dda6; color:#182e20; font:700 16px/1.4 var(--font-body); text-decoration:none; }
.clarity-sky-link img { filter:brightness(0); }
.clarity-sky-link:hover { background:#fff0cb; }
.clarity-daily-sky { max-width:1240px; margin:0 auto; padding:42px 5vw 64px; color:#172e22; scroll-margin-top:24px; }
.clarity-sky-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.clarity-sky-heading h2 { max-width:none; margin:0; color:#172e22; font:600 46px/1.15 var(--font-display); }
.clarity-chart-link { display:inline-flex; align-items:center; gap:10px; color:#244f34; font:700 14px/1.5 var(--font-body); text-decoration:underline; text-underline-offset:4px; }
.clarity-chart-link img { filter:brightness(.35); }
.clarity-sky-time { margin:14px 0 25px; color:#405447; font:500 14px/1.7 var(--font-body); }
.clarity-position-grid { display:grid; grid-template-columns:1fr 1fr; column-gap:52px; border-top:2px solid #9aaa9b; }
.clarity-position-row { display:grid; grid-template-columns:minmax(90px,1fr) minmax(120px,1fr); align-items:center; gap:20px; min-height:82px; padding:16px 3px; border-bottom:1px solid #bfc9bc; color:#172e22; }
.clarity-position-row h3 { margin:0; color:#172e22; font:600 20px/1.4 var(--font-body); }
.clarity-position-row > div { display:flex; flex-direction:column; gap:4px; }
.clarity-position-row strong { color:#173b25; font:700 17px/1.4 var(--font-body); }
.clarity-position-row span { color:#405447; font:500 14px/1.5 var(--font-body); }
.clarity-load-status { padding:25px 0; color:#172e22; font:500 16px/1.6 var(--font-body); }
.clarity-room-heading { max-width:1050px; margin:34px auto 0; }
.clarity-room-heading h1 { max-width:none; margin:0; color:var(--plum-900); font:600 clamp(40px,4vw,58px)/1.12 var(--font-display); }
.clarity-notes-page .content-stack { max-width:1180px !important; }
.clarity-notes-page .content-section { margin-top:20px; padding:30px; background:#fffef9; color:#172e22; border:1px solid #b8c4b5; border-radius:8px; box-shadow:none; }
.clarity-notes-page .content-section :is(h2,p,span,label) { color:#172e22; }
.clarity-notes-page .mailing-signup-card { background:none; border:0; box-shadow:none; }
.clarity-notes-page .daily-message-copy { color:#172e22; font-size:19px; line-height:1.8; max-width:65ch; }
.clarity-notes-page .small-note { color:#405447; }
.clarity-notes-page .mailing-signup-card h2 { max-width:30ch; line-height:1.2; }
.clarity-notes-page .clarity-note h2 { max-width:none; line-height:1.2; }
.chart-utility-copy h1 { max-width:none; line-height:1.15; }
.page-shell .hero-text,.page-shell .house-topics,.page-shell .chart-detail-card > p,.page-shell .chart-meaning-card > p { color:var(--muted); }
.page-shell .primary-action { background:#e5c378; color:#172e22; border-color:#9f7837; font-weight:700; }
.page-shell .secondary-action { background:#fffef9; color:#1c422a; border-color:#6a826b; }
.page-shell .filter-pill-active { background:#244f34; color:#fff; }
.clarity-home-page a:focus-visible,.clarity-notes-page a:focus-visible { outline:3px solid #a77721; outline-offset:4px; }
.clarity-welcome a:focus-visible { outline-color:#fff; }
html[data-theme=dark] { --plum-900:#f5f8ef; --plum-800:#e2edda; --muted:#d4dfce; }
html[data-theme=dark] body { background:#122319; color:#f5f8ef; }
html[data-theme=dark] .clarity-daily-sky { background:#122319; }
html[data-theme=dark] .clarity-daily-sky :is(h2,h3,strong) { color:#fff; }
html[data-theme=dark] .clarity-daily-sky :is(p,span) { color:#d4dfce; }
html[data-theme=dark] .clarity-daily-sky .clarity-chart-link { color:#e8ce8d; }
html[data-theme=dark] .clarity-position-row { border-color:#667c66; }
html[data-theme=dark] .clarity-notes-page .clarity-room-heading { color:#fff; }
@media(max-width:1200px) {
  .cottage-menu-toggle { display:flex; align-items:center; gap:8px; padding:9px 12px; min-height:44px; border:1px solid #c5cda8; border-radius:5px; background:#122b1e; color:#fff; font:600 14px/1.4 var(--font-body); }
  .cottage-topbar .cottage-nav { display:none; }
  .cottage-topbar .cottage-nav.is-open { display:flex; flex-direction:column; align-items:stretch; position:absolute; z-index:30; left:0; right:0; top:calc(100% - 2px); padding:20px 5vw; gap:0; border:1px solid #799077; border-radius:0 0 7px 7px; background:#122b1e; box-shadow:0 12px 20px #0003; }
  .cottage-topbar .cottage-nav.is-open .nav-pill { padding:12px 0; }
}
@media(max-width:1050px) {
  .cottage-topbar .cottage-nav.is-open { background:#122b1e; }
  .clarity-welcome { grid-template-columns:48% 52%; }
  .clarity-welcome-copy { padding-left:5vw; padding-right:4vw; }
  .clarity-welcome h1 { font-size:56px; }
}
@media(max-width:650px) {
  .cottage-wordmark { font-size:27px; }
  .cottage-brand-mark { width:48px; height:56px; }
  .clarity-welcome { display:flex; flex-direction:column-reverse; }
  .clarity-cottage-art { min-height:0; height:230px; max-height:none; object-position:82% 52%; }
  .clarity-welcome-copy { padding:30px 7vw 35px; }
  .clarity-welcome h1 { font-size:52px; }
  .clarity-welcome-copy > p:not(.clarity-eyebrow) { font-size:17px; line-height:1.6; margin-top:17px; }
  .clarity-daily-sky { padding:32px 6vw 45px; }
  .clarity-sky-heading { align-items:flex-start; flex-direction:column; gap:14px; }
  .clarity-sky-heading h2 { font-size:40px; }
  .clarity-position-grid { grid-template-columns:1fr; }
  .clarity-position-row { min-height:77px; }
  .clarity-position-row h3 { font-size:19px; }
  .clarity-notes-page .content-section { padding:22px; }
}
@media(max-width:380px) { .cottage-wordmark { font-size:23px; } .cottage-brand-mark { width:40px; height:52px; } .clarity-welcome h1 { font-size:45px; } .clarity-position-row { gap:12px; } }
