:root{color-scheme:light;--ink:var(--color-primary,#202627);--muted:#53605f;--paper:var(--color-surface,#faf9f7);--line:var(--color-border,#d8dedb);--accent:var(--color-accent,#175b50)}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.55 var(--font-body,system-ui),sans-serif}
a{color:var(--accent);text-underline-offset:.18em}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{width:min(100% - 2rem,66rem);margin-inline:auto}
.skip-link{position:absolute;z-index:3;padding:.5rem 1rem;background:white;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.site-header,.site-footer{background:white;border-block:1px solid var(--line)}
.navigation,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:.8rem}
.wordmark{font-weight:750;color:var(--ink)}
.nav-list,.submenu-list{list-style:none;padding:0;margin:0}
.nav-list{display:flex;gap:.8rem;flex-wrap:wrap}
.nav-item{display:flex;align-items:center;gap:.25rem;position:relative}
.submenu>summary{display:grid;place-items:center;min-width:2rem;min-height:2rem;cursor:pointer;list-style:none}
.submenu>summary::-webkit-details-marker{display:none}
.submenu-list{position:absolute;z-index:2;inset-inline-end:0;min-width:15rem;max-width:19rem;background:white;border:1px solid var(--line);border-radius:6px;padding:.5rem}
.submenu-list>li{padding:.45rem}
.menu-description{margin:.1rem 0 0;font-size:.875rem;color:var(--muted)}
.section{padding-block:3rem;max-width:55rem;overflow-wrap:anywhere}
.section.satrap-section-visibility-managed{padding-block-start:4rem}
h1{font-family:var(--font-heading,system-ui),sans-serif;font-size:2rem;line-height:1.15;margin:0 0 1rem}
.lead,.prose{max-width:66ch}
.primary-link{display:inline-block;padding:.55rem .85rem;border-radius:5px;background:var(--accent);color:white}
.footer-inner a+a{margin-inline-start:.75rem}
.post-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}
.post-card{background:white;border:1px solid var(--line);border-radius:6px;padding:1rem}
.post-card img,.section img{max-width:100%;height:auto}
.pagination{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
@media(max-width:42rem){
 .navigation{align-items:flex-start;flex-direction:column}
 .nav-list{display:grid;width:100%;gap:.35rem}
 .nav-item{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .submenu{display:contents}
 .submenu>summary{grid-column:2;grid-row:1}
 .submenu-list{position:static;grid-column:1 / -1;min-width:0;max-width:none}
 .section{padding-block:2rem}
 h1{font-size:1.65rem}
}