:root{--paper:#f7f5ee;--ink:#203c37;--muted:#5a6860;--line:#d6dbd0;--accent:#9b4e2e;--sidebar:#193c38}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--accent)}a:focus-visible{outline:3px solid #c97950;outline-offset:5px}.skip{position:absolute;top:-100px;left:1rem;padding:1rem;background:var(--paper);z-index:10}.skip:focus{top:1rem}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:38px 24px;display:flex;flex-direction:column;background:var(--sidebar);color:#f7f5ee}.brand{font-family:Georgia,serif;font-size:1.65rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 8px}.brand a{text-decoration:none}.brand a:hover{color:#e6b495}.brand-subtitle{font-size:.72rem;color:#b8c9be;margin:0 0 46px}.nav-label,.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:700}.nav-label{color:#b8c9be;margin:0 0 12px}.nav-list{list-style:none;padding:0;margin:0}.nav-list li{margin-bottom:8px}.nav-item{display:flex;flex-direction:column;gap:3px;padding:13px 15px;border-radius:5px;text-decoration:none;font-size:.93rem}.nav-item.active{background:#f7f5ee;color:var(--ink);font-weight:650}.nav-item.active:hover{background:#e9eddf}.nav-item.disabled{color:#bac7bc;cursor:default}.status{font-size:.64rem;letter-spacing:.02em;font-weight:400;color:#a6b8ab}.active .status{color:var(--muted)}.sidebar-footer{margin-top:auto;padding-top:30px;font-size:.7rem;color:#b8c9be}
main{padding:48px clamp(24px,5vw,80px) 42px;max-width:1320px;width:100%;margin:auto}.eyebrow{color:var(--accent);margin:0 0 14px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,5vw,5.1rem);line-height:1.08;font-weight:400;letter-spacing:-.045em;margin:0 0 22px}.intro{max-width:680px;color:var(--muted);font-size:1.06rem;margin:0 0 28px}.hero-image{margin:32px 0 46px}.hero-image img{display:block;width:100%;height:auto;border-radius:3px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:18px}h2{font-weight:600;letter-spacing:-.03em;font-size:1.7rem;margin:0}.section-heading>a{font-size:.8rem}.article-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.article-list li{border-bottom:1px solid var(--line)}.article-link{display:block;padding:25px 0;text-decoration:none}.article-link:hover h3{color:var(--accent)}.article-meta{font-size:.72rem;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.article-link h3{font-family:Georgia,serif;font-size:clamp(1.3rem,2.2vw,1.85rem);line-height:1.3;font-weight:400;margin:0 0 8px}.article-link p{font-size:.9rem;color:var(--muted);max-width:680px;margin:0}.read-more{display:inline-block;margin-top:10px;font-size:.76rem;color:var(--accent)}.page-footer{margin-top:46px;color:var(--muted);font-size:.74rem}.breadcrumb{font-size:.8rem;margin:0 0 30px;color:var(--muted)}
@media(max-width:760px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:28px 16px}.brand{font-size:1.35rem}.nav-item{padding:10px}.brand-subtitle{margin-bottom:30px}main{padding:32px 24px}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:8px}}
@media(max-width:540px){.shell{display:block}.sidebar{position:static;height:auto;padding:24px}.brand-subtitle{margin-bottom:22px}.nav-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.nav-list li{margin:0}.sidebar-footer{display:none}.nav-item{height:100%;padding:10px 12px}.hero-image{margin:24px 0 32px}main{padding:32px 24px}}
@media print{.shell{display:block}.sidebar,.skip{display:none}main{padding:0;max-width:none}body{background:white}.hero-image{max-width:65%}.article-link{break-inside:avoid}}

/* Shared motto and the well-being link. */
.site-motto{text-decoration:none}.site-motto:hover{text-decoration:underline}.brand-subtitle .site-motto{color:inherit;display:inline-block;line-height:1.6}.sidebar-footer>a{display:inline-block;text-decoration:none;line-height:1.7}.sidebar-footer>a:hover{color:#e6b495}.footer-link-hint{display:block;margin-top:6px;font-size:.65rem;text-decoration:underline;text-underline-offset:.2em}
@media(max-width:540px){.sidebar-footer{display:block;padding-top:18px;margin-bottom:0}.sidebar-footer .footer-link-hint{margin-top:3px}}

/* Browser translation guidance in the shared sidebar. */
.sidebar{overflow-y:auto}
.translation-help{margin-top:22px;padding-top:16px;border-top:1px solid #50716b;font-size:.74rem;color:#d2dfd5;flex-shrink:0}
.translation-help summary{cursor:pointer;font-weight:600;color:#f7f5ee}
.translation-help summary:focus-visible{outline:3px solid #c97950;outline-offset:5px}
.translation-help p{margin:12px 0 0;line-height:1.65}
.translation-help strong{color:#f7f5ee}

/* A smaller homepage illustration, scaled without cropping. */
.hero-image.home-hero{width:100%;max-width:600px}
.hero-image.home-hero img{width:100%;height:auto}
/* Preserve navigation space when the sidebar needs to scroll. */
.sidebar>nav,.sidebar>.brand,.sidebar>.brand-subtitle,.sidebar-footer{flex-shrink:0}
