:root{
  --bg:#d9d1bb; --paper:#ece4cc; --ink:#2b2219; --ink-soft:#6b5a45; --soft:#6b5a45; --rule:#b9ad8f; --land:#e8dfc4;
  box-sizing:border-box;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#15130f;--paper:#221e18;--ink:#e8dec6;--ink-soft:#b3a386;--soft:#b3a386;--rule:#4a4234;--land:#2a251d;}}
:root[data-theme="dark"]{--bg:#15130f;--paper:#221e18;--ink:#e8dec6;--ink-soft:#b3a386;--soft:#b3a386;--rule:#4a4234;--land:#2a251d;}
*{box-sizing:border-box}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 4rem)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"IM Fell English",Georgia,"Times New Roman",serif;line-height:1.6;
  padding-bottom:env(safe-area-inset-bottom,0px)}
a{color:inherit;text-decoration-color:var(--rule);text-underline-offset:.18em}
a:hover{text-decoration-color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* header and menu */
.gh{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--rule);padding-top:env(safe-area-inset-top,0px)}
.gh-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:1.2rem;padding:.55rem 1rem}
.brand{font-family:"IM Fell English SC",Georgia,serif;font-size:1.45rem;letter-spacing:.1em;text-decoration:none}
.nav{list-style:none;margin:0;padding:0;display:flex;gap:.2rem;flex-wrap:wrap}
.nav>li{position:relative}
.nav summary,.nav .top{display:block;cursor:pointer;list-style:none;padding:.35rem .6rem;font-size:1rem;text-decoration:none;border-radius:2px}
.nav summary::-webkit-details-marker{display:none}
.nav summary::after{content:" ▾";font-size:.75em;color:var(--ink-soft)}
.nav summary:hover,.nav .top:hover,.nav details[open]>summary{background:var(--land)}
.nav details ul{list-style:none;margin:0;padding:.35rem 0;position:absolute;left:0;top:100%;min-width:210px;background:var(--paper);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--rule)}
.nav details li a{display:block;padding:.35rem .9rem;text-decoration:none}
.nav details li a:hover{background:var(--land)}
.burger{display:none;margin-left:auto}
.burger>summary{list-style:none;cursor:pointer;padding:.35rem .7rem;border:1px solid var(--rule)}
.burger>summary::-webkit-details-marker{display:none}
@media (max-width:860px){
  .wide{display:none}.burger{display:block}
  .burger nav{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:.5rem 1rem 1rem;max-height:75vh;overflow:auto}
  .burger .nav{flex-direction:column}
  .burger .nav details ul{position:static;box-shadow:none;border:0;border-left:1px solid var(--rule);margin-left:.6rem}
}

/* page */
.gm{max-width:880px;margin:0 auto;padding:1.4rem 1rem 3rem}
.crumbs{font-size:.92rem;color:var(--ink-soft);margin-bottom:.8rem}
h1,h2,h3{font-family:"IM Fell English SC",Georgia,serif;font-weight:400;letter-spacing:.05em;line-height:1.2}
h1{font-size:2.3rem;margin:.2rem 0 .6rem}
h1.title{font-size:3.2rem;margin-bottom:0}
h2{font-size:1.5rem;margin:2.2rem 0 .7rem;border-bottom:1px solid var(--rule);padding-bottom:.25rem}
h3{font-size:1.2rem;margin:1.5rem 0 .4rem}
.kind{font-family:"IM Fell English",Georgia,serif;font-style:italic;font-size:.9rem;color:var(--ink-soft);letter-spacing:0}
.sub{font-style:italic;color:var(--ink-soft);margin:0 0 .85rem;font-size:1.15rem}
.splash{margin:0 0 1.2rem;border:1px solid var(--rule);background:var(--paper)}
.splash img{display:block;width:100%;height:auto}
.lead{font-size:1.12rem;max-width:85ch}
.motto{font-style:italic;color:var(--ink-soft);margin:.1rem 0 .6rem;font-size:1.1rem}
.note,.when{color:var(--ink-soft);font-style:italic}
p{max-width:70ch}
.list{padding-left:1.2rem}.list li{margin:.2rem 0}.list.plain{list-style:disc}
dl.places dt,dl.people dt{font-weight:700;margin-top:1rem}
dl.places dd,dl.people dd{margin:.15rem 0 0 0;max-width:70ch}
dl.places dd p{margin:.3rem 0}
dl.facts{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.2rem;margin:1.2rem 0}
dl.facts dt{color:var(--ink-soft);font-style:italic}dl.facts dd{margin:0}
.hero{display:flex;gap:1.4rem;align-items:flex-start}
.hero img{width:170px;height:170px;object-fit:contain;background:#fbfaf6;border:1px solid var(--rule);flex:none}
@media (max-width:600px){.hero{flex-direction:column}.hero img{width:140px;height:140px}}
.sigrow{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0}
.sigrow figure{margin:0;text-align:center}.sigrow img{width:96px;height:96px;object-fit:contain;background:#fbfaf6;border:1px solid var(--rule)}
.sigrow figcaption{font-size:.85rem;color:var(--ink-soft)}
.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;margin:1.2rem 0}
.cards a{display:block;height:100%;background:var(--paper);border:1px solid var(--rule);padding:.9rem 1rem;text-decoration:none}
.cards a:hover{border-color:var(--ink)}
.cards strong{display:block;font-family:"IM Fell English SC",Georgia,serif;font-weight:400;font-size:1.2rem;letter-spacing:.04em}
.cards span{display:block;color:var(--ink-soft);font-style:italic;font-size:.95rem;margin-top:.2rem}
.cards.sig a{display:grid;grid-template-columns:64px 1fr;column-gap:.8rem;align-items:center}
.cards.sig img,.cards.sig .noimg{grid-row:span 2;width:64px;height:64px;object-fit:contain;background:#fbfaf6;border:1px solid var(--rule)}
.related{margin-top:2.5rem;background:var(--paper);border:1px solid var(--rule);padding:.6rem 1.1rem 1rem}
.related h2{margin:.4rem 0 .5rem;font-size:1.2rem;border:0}
.related ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem 1.4rem}
.related span{color:var(--ink-soft);font-style:italic;font-size:.9rem}
.gf{text-align:center;color:var(--ink-soft);font-style:italic;font-size:.9rem;padding:1rem 1rem 2rem}

/* cards (tiles) */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem;margin:1rem 0 1.4rem}
.tiles.three{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.tile{background:var(--paper);border:1px solid var(--rule);padding:.85rem 1rem 1rem;position:relative;scroll-margin-top:5rem}
.tile:target{border-color:var(--ink);box-shadow:3px 3px 0 var(--rule)}
.tile h3{margin:0 0 .35rem;font-size:1.18rem;letter-spacing:.04em}
.tile h3 a{text-decoration:none}.tile h3 a:hover{text-decoration:underline}
.tb p{margin:.35rem 0;font-size:.98rem;line-height:1.5}
.tb .dom{font-style:italic;color:var(--ink-soft);margin-top:0}
.tb .small,.small{font-size:.88rem;color:var(--ink-soft)}
.tb .trad{border-top:1px dotted var(--rule);padding-top:.45rem;margin-top:.6rem}
.chips{display:flex;flex-wrap:wrap;gap:.3rem;margin:.1rem 0 .35rem}
.chips.big{gap:.45rem;margin:.6rem 0 1rem}
.chip{display:inline-block;font-size:.8rem;line-height:1.3;padding:.12rem .5rem;border:1px solid var(--rule);border-radius:999px;color:var(--ink-soft);background:var(--land);text-decoration:none;white-space:nowrap}
.chips.big .chip{font-size:.95rem;padding:.25rem .75rem}
.chip.link{color:var(--ink)}.chip.link:hover{border-color:var(--ink)}
.chip.num{font-variant-numeric:oldstyle-nums}
.chip.now,.tile.now .chip.now{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip.quote{font-style:italic}
.tile.now{border-color:var(--ink)}
.tile.withimg .ti{float:right;width:58px;height:58px;object-fit:contain;background:#fbfaf6;border:1px solid var(--rule);margin:0 0 .4rem .6rem}
.tile .seals{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.3rem}
.tile .seals img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid var(--rule);background:#fbfaf6}
h3.season{margin-top:1.4rem;border-bottom:1px dotted var(--rule);padding-bottom:.2rem}
.days{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem;margin:1rem 0}
.day{background:var(--paper);border:1px solid var(--rule);padding:.6rem .7rem;text-align:center}
.day strong{display:block;font-family:"IM Fell English SC",Georgia,serif;font-weight:400;font-size:1.15rem;letter-spacing:.04em}
.day span{color:var(--ink-soft);font-style:italic;font-size:.9rem}
.jump{position:sticky;top:calc(env(safe-area-inset-top,0px) + 3.2rem);z-index:5;background:var(--bg);padding:.4rem 0;margin-top:0}
.timeline{list-style:none;padding:0;margin:1.2rem 0;position:relative}
.timeline::before{content:"";position:absolute;left:7.2rem;top:.4rem;bottom:.4rem;border-left:2px solid var(--rule)}
.timeline li{display:grid;grid-template-columns:6.6rem 1fr;gap:1.4rem;margin-bottom:1rem;position:relative}
.timeline li::before{content:"";position:absolute;left:6.85rem;top:1.05rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}
.timeline .when{text-align:right;font-size:.9rem;padding-top:.8rem}
@media (max-width:640px){
  .timeline::before{left:.35rem}.timeline li{grid-template-columns:1fr;gap:.2rem;padding-left:1.4rem}
  .timeline li::before{left:0;top:.35rem}.timeline .when{text-align:left;padding-top:0}
}
.gm{max-width:1000px}