:root{--forest:#1f4d3a;--forest2:#2d6a50;--cream:#f5f0e6;--card:#fffdf8;--ink:#22261f;--mut:#676b5f;--gold:#b08a3e}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.72 Palatino,"Palatino Linotype","Book Antiqua",Georgia,serif}
a{color:var(--forest2)}
.bw{max-width:1100px;margin:0 auto;padding:0 1.3rem}
.band{background:var(--forest);color:var(--cream)}
.band .bw:first-child{padding-top:1.4rem;padding-bottom:1rem;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.mast{color:var(--cream);text-decoration:none;font-size:2.1rem;font-variant:small-caps;letter-spacing:.04em}
.mast .the{font-style:italic;font-variant:normal;color:var(--gold);font-size:.8em}
.motto{margin:0;font-style:italic;color:#cfe0d6;font-size:.95rem}
.nav{border-top:1px solid rgba(245,240,230,.25)}
.nav .bw{display:flex;flex-wrap:wrap;gap:.2rem 1.6rem;padding-top:.5rem;padding-bottom:.55rem}
.nav a{color:var(--cream);text-decoration:none;font-variant:small-caps;letter-spacing:.08em;font-size:1rem}
.nav a.on,.nav a:hover{color:var(--gold)}
main{max-width:1100px;margin:0 auto;padding:0 1.3rem}
.intro{padding:3.2rem 0 2rem;max-width:780px}
.eyebrow{font-variant:small-caps;letter-spacing:.12em;color:var(--gold);margin:0}
.intro h1{font-size:2.8rem;line-height:1.12;font-weight:400;margin:.3rem 0 1rem;color:var(--forest)}
.stand{font-size:1.15rem;color:#40463b}
.sh{font-variant:small-caps;letter-spacing:.1em;font-weight:400;font-size:1.15rem;color:var(--forest);border-bottom:1px solid var(--gold);padding-bottom:.2rem}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0 2rem}
.tiles a{display:flex;align-items:center;gap:1rem;background:var(--card);border:1px solid #e1d8c6;padding:1rem 1.2rem;text-decoration:none;color:var(--ink)}
.tiles a:hover{border-color:var(--forest)}
.tiles b{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--forest);color:var(--cream);font-weight:400;letter-spacing:.05em;flex:none}
.tiles span{font-size:1.15rem}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:1rem 0 3rem}
.three ul{padding-left:1.1rem}
.col{max-width:720px;margin:0 auto;padding:2.6rem 0 3rem}
.col h1{font-size:2.5rem;line-height:1.15;font-weight:400;color:var(--forest);margin:0 0 .4rem}
.col h2{font-size:1.4rem;font-weight:400;color:var(--forest);margin:2rem 0 .3rem}
.col h1+.byl+.stand:first-letter,.col h1+.stand:first-letter{float:left;font-size:3.6rem;line-height:.9;padding:.25rem .5rem 0 0;color:var(--forest)}
.byl{font-size:.85rem;color:var(--mut);font-style:italic;margin:0 0 1rem}
.facts{float:right;width:250px;margin:.4rem 0 1rem 1.5rem;background:var(--card);border-top:4px solid var(--forest);padding:.8rem 1rem;font-size:.88rem;line-height:1.5}
.facts h3{margin:0 0 .5rem;font-variant:small-caps;letter-spacing:.08em;font-weight:400;color:var(--forest)}
.facts dt{color:var(--mut);font-style:italic}
.facts dd{margin:0 0 .6rem}
.series{clear:both;margin-top:3rem;border-top:1px solid var(--gold);padding-top:1rem}
.series h3{font-variant:small-caps;letter-spacing:.1em;font-weight:400;color:var(--forest);margin:0 0 .5rem}
.series ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.series li a{display:block;padding:.3rem .8rem;border:1px solid #d7ccb6;text-decoration:none;font-size:.95rem}
.series li.cur a{background:var(--forest);color:var(--cream);border-color:var(--forest)}
.toc{font-size:1.2rem}
.mf{display:grid;gap:.8rem;max-width:520px}
.mf label{display:grid;gap:.2rem;font-variant:small-caps;letter-spacing:.06em}
.mf input,.mf textarea{font:inherit;padding:.5rem;border:1px solid #cbbfa7;background:var(--card)}
.mf button{justify-self:start;background:var(--forest);color:var(--cream);border:0;padding:.6rem 1.3rem;font:inherit;cursor:pointer}
.small{font-size:.85rem;color:var(--mut)}
.fo{background:#173a2c;color:#cfe0d6;padding:2rem 0;margin-top:2rem;font-size:.92rem}
.fg{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:center}
.mast.sm{font-size:1.4rem;margin:0}
.fl{display:flex;gap:1.2rem;flex-wrap:wrap}
.fl a{color:var(--cream)}
@media (max-width:860px){.tiles,.three{grid-template-columns:1fr}.facts{float:none;width:auto;margin:1rem 0}}
@media (max-width:560px){body{font-size:17px}.mast{font-size:1.7rem}.intro h1,.col h1{font-size:1.9rem}.nav .bw{gap:.2rem 1rem}}
.ferr{display:block;color:#b3261e;font-size:.85rem;margin:-.4rem 0 .2rem}.ferr:empty{display:none}[aria-invalid=true]{outline:2px solid #b3261e}