*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#eee9df;color:#272a28;font:1rem/1.68 Georgia,serif}
.frame{width:min(100% - 2rem,68rem);margin:auto}.masthead{background:#293936;color:#faf5e8;border-bottom:4px solid #987042}
.masthead .frame{padding:2.5rem 0 2rem}.brand{font-size:clamp(1.9rem,6vw,3.1rem);color:inherit;text-decoration:none;letter-spacing:.01em}
.masthead p{margin:.1rem 0;color:#eee4cd}.nav{border-bottom:1px solid #d7cebb;background:#f7f3ea}.nav .frame{display:flex;gap:1rem;flex-wrap:wrap;padding:.65rem 0}
a{color:#275047;text-underline-offset:.18em}a:focus-visible{outline:3px solid #9a662a;outline-offset:.2rem}
main.frame{padding:2.15rem 0 3rem;min-height:54vh}h1,h2{font-weight:normal;line-height:1.2;margin:0 0 .7rem}h1{font-size:clamp(1.9rem,4.6vw,3.1rem);overflow-wrap:anywhere}h2{font-size:clamp(1.35rem,3vw,1.85rem)}
.lead,article{max-width:72ch}.eyebrow{font:700 .85rem/1.45 system-ui,sans-serif;color:#76522c;letter-spacing:.035em}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;margin-top:1.75rem}
.card{background:#fffaf0;border:1px solid #d7cebb;padding:1.15rem 1.25rem}.card p:last-child{margin-bottom:0}article>h2{margin-top:1.65rem}
footer{border-top:1px solid #d7cebb;padding:1rem 0;color:#4b534d}@media(max-width:35rem){.masthead .frame{padding:1.5rem 0}main.frame{padding:1.45rem 0 2rem}}
:root{--wall:#e8eef3;--panel:#f9fcff;--band:#23435e;--line:#c2d1dc;--ink:#203745;--link:#184e79}
body{background:var(--wall);color:var(--ink);font-family:Georgia,serif}
.frame{width:min(100% - 2rem,60rem)}
.masthead{background:var(--band);border-bottom-color:#7ba1bb}
.masthead .frame{padding:1.8rem 0 1.45rem}.masthead p{color:#e2ecf2}
.nav{background:#edf5fa;border-bottom-color:var(--line)}a{color:var(--link)}
.archive-columns{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:1.6rem;align-items:start;margin-top:1.5rem}
.archive-nav{background:#dfeaf3;border:1px solid var(--line);padding:.9rem 1rem}
.archive-nav h2{font-size:1.23rem}.archive-nav ul{padding-left:1rem;margin:.6rem 0 0}
.archive-nav li{line-height:1.42;margin-bottom:.55rem}
.cards{display:block;margin:0;border-top:1px solid var(--line)}
.card{background:var(--panel);border:solid var(--line);border-width:0 1px 1px}
.card h2{font-size:1.42rem}.card p{max-width:67ch}.eyebrow{color:#365e76}
article{background:var(--panel);padding:clamp(1rem,4vw,1.8rem);border:1px solid var(--line)}
footer{border-color:var(--line)}
@media(max-width:42rem){.archive-columns{grid-template-columns:1fr;gap:1rem}.archive-nav{order:2}}