:root{--paper:#F4F1E9;--ink:#22201C;--body:#3D3A33;--mute:#6E6A60;--teal:#0E6E7C;--rule:#DAD4C6;--measure:34rem;--marg:20rem}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{background:var(--paper);color:var(--body);font-family:"Sorts Mill Goudy",Georgia,serif;font-size:1.13rem;line-height:1.66}
h1,h2,h3{color:var(--ink);font-weight:400;margin:0}
h1{font-size:clamp(2.1rem,4.4vw,3.2rem);line-height:1.1}
h2{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.16}
h3{font-size:1.1rem;line-height:1.24}
p{margin:0 0 1.05rem}
a{color:var(--ink);text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:1px}
a:hover,a:focus-visible{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
img{display:block;width:100%;height:auto}
.codex-w{width:100%;max-width:78rem;margin:0 auto;padding:0 1.4rem}
.runhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.4rem;padding:1.1rem 0 .8rem;border-bottom:1px solid var(--rule)}
.rh-list{list-style:none;margin:.7rem 0 0;padding:.7rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem 1.7rem;width:100%;border-top:1px solid var(--rule)}
.chap-open{padding:clamp(2.2rem,5vw,4rem) 0 clamp(1.6rem,3vw,2.4rem);max-width:44rem}
.chap-say{font-style:italic;font-size:1.06rem;color:var(--mute);max-width:32rem;margin:.9rem 0 0}
.strophe{display:grid;gap:1.3rem;padding:1.5rem 0}
.strophe+.strophe{border-top:1px solid var(--rule)}
.strophe-p{max-width:var(--measure)}
.gloss-hold{display:grid;gap:1.5rem;border-left:2px solid var(--rule);padding-left:1.1rem}
.gloss-num{font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.7rem;letter-spacing:.14em;color:var(--teal);display:block;margin-bottom:.25rem}
.gloss-name{font-style:italic;font-size:1.06rem;color:var(--ink)}
.gloss-town{display:block;font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:.2rem 0 .55rem}
.gloss-p{font-size:.96rem;line-height:1.58;margin:0 0 .6rem}
.gloss-pair{margin:0;display:grid;gap:.1rem}
.ref-num{font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.6em;vertical-align:.48em;color:var(--teal);text-decoration:none;padding:0 .06em 0 .1em}
.plate-pic img{aspect-ratio:7/5;object-fit:cover}
.er-row{display:grid;grid-template-columns:2.4rem minmax(0,1fr);column-gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--rule);align-items:baseline}
.er-num{font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.72rem;letter-spacing:.1em;color:var(--teal)}
.readernote{margin-top:clamp(2rem,4vw,3rem);padding-top:1.1rem;border-top:1px solid var(--rule);max-width:var(--measure);font-size:.95rem;color:var(--mute)}
.turnto{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:.5rem 2rem;font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.82rem}
.colophon{margin-top:clamp(2.4rem,4vw,3.4rem);border-top:1px solid var(--rule);padding:1.2rem 0 2.6rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem 1.4rem;align-items:baseline}
.rh-name{font-size:1.02rem;text-decoration:none}
.runhead nav{width:100%}
.rh-where{font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.rh-a{font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.8rem;color:var(--body)}
.rh-a[aria-current="page"]{color:var(--ink);text-decoration-thickness:2px}
.tleaf{padding:clamp(2.4rem,5vw,4.4rem) 0 1.6rem;max-width:44rem}
.tleaf-sub{margin:1rem 0 0;font-size:1.1rem;max-width:32rem}
.hero-side{display:grid;gap:1.4rem;align-items:start;padding:clamp(2.2rem,5vw,4rem) 0 clamp(1.6rem,3vw,2.4rem)}
.hero-side .tleaf,.hero-side .chap-open{padding:0;margin:0;max-width:none}
.hero-pic{margin:0;max-width:11.5rem;width:100%;justify-self:start}
.hero-pic img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.imprint{margin:0 0 clamp(2rem,4vw,3rem);padding-bottom:1.2rem;border-bottom:1px solid var(--rule);max-width:44rem}
.imp-row{display:grid;gap:.1rem;padding:.45rem 0}
.imp-k{font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.imp-v{margin:0}
.bill{max-width:46rem}
.bill-part{margin-bottom:2.2rem}
.bill-part ul{list-style:none;margin:.9rem 0 0;padding:0}
.bill-h{font-size:1.32rem;line-height:1.24}
.bill-h a{text-decoration-thickness:1px}
.bill-row{display:grid;grid-template-columns:2.2rem minmax(0,1fr);column-gap:1rem;padding:.42rem 0;border-bottom:1px solid var(--rule);align-items:baseline}
.bill-num{font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.72rem;letter-spacing:.1em;color:var(--mute)}
.bill-a{grid-column:2}
.bill-town{grid-column:2;display:block;font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-top:.15rem}
.chap-num{display:block;font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:.9rem}
.chap-h{max-width:30rem}
.gloss{margin:0}
.gloss-k{font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.gloss-v{font-size:.92rem;line-height:1.5}
.gloss-pair+.gloss-pair{margin-top:.5rem}
.plate-run{display:grid;gap:clamp(2.4rem,5vw,4rem);margin-top:clamp(1.8rem,3.4vw,2.6rem)}
.plate-one{margin:0;max-width:46rem}
.plate-num{display:block;font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:.6rem}
.plate-cap{font-style:italic;color:var(--mute);font-size:.95rem;margin-top:.5rem}
.entryreg{list-style:none;margin:1.4rem 0 0;padding:0;max-width:46rem}
.er-name{font-style:italic;font-size:1.04rem}
.er-town{display:block;font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-top:.15rem}
.turn-a{color:var(--body)}
.turn-p{margin:0;width:100%}
.colo-mail{margin:0;font-size:1.02rem}
.colo-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.8rem}
.colo-a{color:var(--body)}
.colo-p{margin:0;font-family:"Inclusive Sans",system-ui,sans-serif;font-size:.72rem;color:var(--mute);width:100%}
main h1{max-width:44rem}
main h2{margin:2.2rem 0 .3rem}
@media (min-width:600px){
.runhead{padding:1.3rem 0 .9rem}
.colo-p{width:auto}
.hero-side{grid-template-columns:minmax(0,1fr) 11.5rem;column-gap:2rem;align-items:center}
.hero-pic{justify-self:end;max-width:11.5rem}
}
@media (min-width:1100px){
.codex-w{padding:0 2rem 0 4rem}
.strophe{grid-template-columns:minmax(0,var(--measure)) var(--marg);column-gap:3.6rem;align-items:start;padding:1.9rem 0}
.gloss-hold{border-left:0;padding-left:0;gap:1.8rem}
}
@media (min-width:1460px){
.codex-w{padding-left:6rem}
:root{--marg:22rem}
}