/* Hestia: one look for every page. Warm paper, ink green, ember accent, Georgia for reading, system sans for UI. */
:root{--paper:#f6f3ed;--panel:#eeefe5;--surface:#fdfbf7;--tint:#f1efe8;--ink:#303b35;--ink2:#59645b;--muted:#6b756d;--accent:#526b5b;--accentBg:#e9ede4;--line:#dcdbd0;--shadow:none;--clay:#805e54;--green:#526b5b;--white:#fdfbf7;--soft:#59645b}
body{background:#f6f3ed}

/* Header */
.hx-head{max-width:1200px;margin:0 auto;padding:22px 32px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #d9dcd2;background:transparent;flex-wrap:nowrap;justify-content:flex-start}
.hx-brand,.hx-head .hx-brand,.hx-foot .hx-brand{font:32px/1.1 Georgia,serif;color:#303b35;text-decoration:none;letter-spacing:.5px;white-space:nowrap}
.hx-brand span{display:block;font:13px/1.4 system-ui,-apple-system,sans-serif;color:#59645b;margin-top:4px;letter-spacing:0}
.hx-head nav{display:flex;gap:4px;margin:0 0 0 auto;padding:0;border:0;overflow:visible;align-items:center;flex-wrap:nowrap}
.hx-head nav a,.hx-head .hx-account a{font:15px/1.4 system-ui,-apple-system,sans-serif;color:#303b35;text-decoration:none;padding:9px 12px;border-radius:7px;white-space:nowrap}
.hx-head nav a:hover,.hx-head .hx-account a:hover{background:#e9ede4;color:#303b35}
.hx-head nav a[aria-current="page"]{background:#e9ede4;color:#2f4638;box-shadow:inset 0 -2px 0 #526b5b}
.hx-account{display:flex;align-items:center;gap:2px;padding-left:12px;border-left:1px solid #d9dcd2}
.hx-account button{border:0;background:none;font:14px/1.4 system-ui,sans-serif;color:#59645b;text-decoration:underline;padding:8px;min-height:0;cursor:pointer;margin:0}
.hx-head a:focus-visible,.hx-account button:focus-visible{outline:3px solid #805e54;outline-offset:2px}
.hx-note{max-width:1200px;margin:0 auto;padding:8px 32px;font:13px/1.5 system-ui,sans-serif;color:#59645b;text-align:left}

/* Footer */
.hx-foot{max-width:1200px;margin:56px auto 0;padding:36px 32px 44px;border-top:1px solid #d9dcd2;display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:28px;font:15px/1.6 system-ui,-apple-system,sans-serif;color:#59645b;background:transparent}
.hx-foot .hx-head .hx-brand{font-size:28px}
.hx-foot p{margin:12px 0 0;font:inherit;color:#59645b;max-width:340px}
.hx-foot h2,.publicShell .hx-foot h2{font:600 13px/1.4 system-ui,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#303b35;margin:0 0 10px}
.hx-foot nav{display:block;margin:0;border:0;padding:0;overflow:visible}
.hx-foot nav a,.publicShell .hx-foot nav a{display:block;color:#59645b;text-decoration:none;margin:6px 0}
.hx-foot nav a:hover{color:#303b35;text-decoration:underline}
.hx-legal{grid-column:1/-1;border-top:1px solid #e4e2d8;padding-top:18px;font-size:13px!important;max-width:none!important}
.hx-legal a{color:#59645b}

/* Public pages: same type and components as the homepage */
.publicShell{font:18px/1.65 Georgia,serif;color:#303b35;background:#f6f3ed}
.publicShell a{color:#526b5b;text-underline-offset:4px}
.publicShell .publicHero{max-width:1200px;padding:56px 32px 28px}
.publicShell .publicHero h1{font-family:Georgia,serif;font-size:clamp(38px,4.5vw,58px);line-height:1.15;letter-spacing:-1px;font-weight:400}
.publicShell .publicHero p.lead,.publicShell .lead{font-size:21px;line-height:1.6;color:#59645b}
.publicShell .publicSection{max-width:1200px;padding:22px 32px}
.publicShell h1,.publicShell h2,.publicShell h3,.h2,.h3{font-family:Georgia,serif;font-weight:400;color:#303b35}
.publicShell .h2{font-size:30px}.publicShell .h3{font-size:23px}
.eyebrow{font:14px/1.6 system-ui,-apple-system,sans-serif;text-transform:none;letter-spacing:0;color:#805e54;font-weight:400}
.card{background:#fdfbf7;border:1px solid #e0e0d6;border-radius:12px;box-shadow:none}
.btn{font:15px/1.5 system-ui,-apple-system,sans-serif;text-transform:none;letter-spacing:0;border-radius:7px;padding:12px 19px;min-height:46px;background:#526b5b;color:#fff;border:1px solid #526b5b}
.btn:hover{background:#405849;color:#fff}
.btn.secondary{background:transparent;color:#526b5b;border:1px solid #526b5b}
.publicShell a.btn,.publicShell a.btn:hover{color:#fff}.publicShell a.btn.secondary{color:#526b5b}.publicShell a.btn.ghost{color:#303b35}
.btn.ghost{background:#fdfbf7;border:1px solid #dcdbd0;color:#303b35}
.pill{font:13px/1.4 system-ui,-apple-system,sans-serif;text-transform:none;letter-spacing:0;border-radius:6px;background:#edf0e8;color:#2f4638}
.notice{border-radius:10px;background:#f1ece4;border:1px solid #e4dccf;color:#59645b;font:15px/1.6 system-ui,-apple-system,sans-serif}
.publicShell .muted{color:#59645b}.publicShell .small{font:14px/1.6 system-ui,-apple-system,sans-serif}
.publicShell ul{padding-left:22px}
.relatedCard{background:#fdfbf7;border-color:#e0e0d6;color:#303b35}.relatedCard:hover{border-color:#526b5b}
.relatedCard strong{font:600 17px/1.4 system-ui,sans-serif}
.publicShell input,.publicShell select,.publicShell textarea{background:#fdfbf7;border:1px solid #c9cec3;border-radius:6px;color:#303b35}

@media(max-width:900px){
 .hx-head{flex-wrap:wrap;gap:12px 16px;padding:16px 20px}
 .hx-head .hx-brand{font-size:28px}
 .hx-account{margin-left:auto;border:0;padding:0}
 .hx-head nav{order:3;width:100%;margin:0 -10px;flex-wrap:wrap;gap:2px 0;padding:0}
 .hx-head nav a{padding:8px 10px;font-size:15px}
 .hx-note{padding:8px 20px}
 .hx-foot{grid-template-columns:1fr 1fr;padding:30px 20px 36px}
 .hx-foot>div:first-child{grid-column:1/-1}
 .publicShell .publicHero,.publicShell .publicSection{padding-left:20px;padding-right:20px}
}
@media print{.hx-head nav,.hx-account,.hx-foot nav{display:none}}

/* The hearth: Hestia's small companion */
.hx-brand{display:inline-grid;grid-template-columns:auto auto;column-gap:10px;align-items:center}
.hx-brand .hx-mark{grid-row:1 / span 2;width:30px;height:32px;display:block}
.hx-brand span{grid-column:2}
.hx-foot .hx-brand .hx-mark{width:26px;height:28px}
.empty::before{content:"";display:block;width:44px;height:46px;margin:0 auto 10px;background:url(/hearth-rest.svg) center/contain no-repeat;opacity:.9}
.empty:has(.hx-loader)::before{display:none}
.empty{text-align:center}
.hx-loader{display:block;width:44px;height:46px;margin:0 auto 10px}
@media(max-width:900px){.hx-brand .hx-mark{width:26px;height:28px}}

/* Accessibility: readable sizes, visible focus, speech-friendly helpers */
.hx-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hx-skip{position:absolute;left:16px;top:-80px;z-index:50;background:#303b35;color:#fff!important;padding:12px 18px;border-radius:7px;font:16px/1.4 system-ui,sans-serif;text-decoration:none}
.hx-skip:focus{top:12px;outline:3px solid #805e54;outline-offset:2px}
main:focus{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #805e54!important;outline-offset:3px}
/* nothing smaller than 15px; small print that people read is 16px */
.hx-brand span{font-size:15px}
.hx-foot{font-size:16px}
.hx-foot h2,.publicShell .hx-foot h2{font:600 15px/1.4 system-ui,sans-serif;letter-spacing:0;text-transform:none}
.hx-legal,.hx-legal a{font-size:15px!important}
.hx-note{font-size:15px}
.eyebrow,.kicker{font-size:15px!important;letter-spacing:0!important;text-transform:none!important}
.pill,.tag{font-size:15px!important;text-transform:none!important;letter-spacing:0!important}
.small,.publicShell .small,.fine,.source,.breadcrumb,.breadcrumb a,.relatedCard span,.mono{font-size:16px!important;letter-spacing:0!important;text-transform:none!important}
.field label,label.small,.library-aside label,.pathSelectLabel{font-size:15px!important;text-transform:none!important;letter-spacing:0!important;color:#303b35}
.keep-question,.read{font-size:16px!important}
.publicShell strong{font-size:inherit}
@media(forced-colors:active){.hx-head nav a[aria-current="page"]{border:2px solid CanvasText}.btn,.button{border:1px solid ButtonText}}
.workflowSteps span,.workflowSteps strong,.pathSteps span,[class*="Steps"] span{font-size:16px!important}