:root{--paper:#f3eee3;--paper2:#ebe4d4;--ink:#131a2c;--mut:#4f5363;--line:#cdc3ae;--acc:#bd2f18;--c:#2a9bc9;--m:#c93a78;--y:#e3c53a;--k:#131a2c;--serif:ui-serif,"Iowan Old Style","Palatino Linotype",Charter,Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--gut:clamp(16px,4vw,44px);color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--paper:#10141f;--paper2:#171c2a;--ink:#ece6d8;--mut:#a3a8b6;--line:#343b4d;--acc:#ff7a5a;--c:#3aa6d1;--m:#d9548c;--y:#e6c94a;--k:#ece6d8}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--mut) var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.68 var(--sans);font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:var(--acc);color:var(--paper)}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration-color:var(--acc);text-decoration-thickness:2px;text-underline-offset:.22em}
a:hover{color:var(--acc)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:10px 16px;z-index:10}
.skip:focus{left:8px;top:8px}
.wrap{max-width:1160px;margin:0 auto;padding:0 var(--gut)}
.top{position:relative;padding-top:10px}
.top::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--c) 0 12.5%,var(--m) 0 25%,var(--y) 0 37.5%,var(--k) 0 50%,color-mix(in srgb,var(--k) 70%,transparent) 0 62.5%,color-mix(in srgb,var(--k) 45%,transparent) 0 75%,color-mix(in srgb,var(--k) 25%,transparent) 0 87.5%,color-mix(in srgb,var(--k) 10%,transparent) 0)}
.mast{display:flex;align-items:center;gap:18px;padding:14px 0 14px}
.logo{display:block;line-height:0;flex:none}
.logo img{width:150px;height:auto;mix-blend-mode:multiply}
.tag{margin:0 0 0 auto;font:italic 1.05rem/1.2 var(--serif);color:var(--mut)}
.reg{flex:none;width:26px;height:26px;background:linear-gradient(var(--ink),var(--ink)) center/1px 100% no-repeat,linear-gradient(var(--ink),var(--ink)) center/100% 1px no-repeat,radial-gradient(circle,var(--ink) 0 1.6px,transparent 2px 6.4px,var(--ink) 6.5px 7.5px,transparent 8px);opacity:.75}
.nav{max-width:1160px;margin:0 auto;padding:0 var(--gut)}
.navgrp{display:grid;grid-template-columns:5.5rem 1fr;align-items:baseline;gap:4px 12px;padding:9px 0;border-top:1px solid var(--line)}
.navgrp:first-child{border-top:2px solid var(--ink);display:block;padding:8px 0}
.navgrp:last-child{border-bottom:1px solid var(--ink)}
.navgrp ul{display:flex;flex-wrap:wrap;gap:2px 20px;margin:0;padding:0;list-style:none}
.navlab{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mut);font-weight:600}
.nav a{display:inline-block;padding:3px 0;color:var(--ink);text-decoration:none;font-size:.95rem;border-bottom:2px solid transparent}
.nav a:hover{color:var(--acc);border-bottom-color:var(--acc)}
.nav a[aria-current=page]{font-weight:700;border-bottom-color:var(--acc)}
.crumbs{padding:20px 0 0;font-size:.85rem;color:var(--mut)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.crumbs a{color:var(--mut)}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--line)}
.article{padding-bottom:56px;counter-reset:sec}
h1,h2{font-family:var(--serif);color:var(--ink);text-wrap:balance}
h1{font-size:clamp(2.35rem,8vw,5.1rem);line-height:.98;letter-spacing:-.035em;font-weight:700;margin:.5em 0 .45em;max-width:18ch}
h1[data-no]{font-size:clamp(2.1rem,6vw,3.7rem);max-width:19ch;position:relative}
h1[data-no]::before{content:attr(data-no);display:block;font:700 clamp(2rem,5vw,3.2rem)/1 var(--serif);letter-spacing:0;color:var(--acc);font-variant-numeric:tabular-nums;margin-bottom:.5em;padding-top:.5rem;border-top:2px solid var(--ink);width:max-content;min-width:5rem}
h2{font-size:clamp(1.45rem,3vw,1.85rem);line-height:1.15;letter-spacing:-.015em;font-weight:700;margin:2.4em 0 .6em;padding-top:.9rem;border-top:1px solid var(--ink)}
main h2::before{counter-increment:sec;content:"§ " counter(sec,decimal-leading-zero);display:block;font:600 .75rem/1 var(--sans);letter-spacing:.14em;color:var(--acc);margin-bottom:.7rem;font-variant-numeric:tabular-nums}
p,li{max-width:68ch}
strong{font-weight:650}
.prose{display:grid;grid-template-columns:1fr}
.prose>*{min-width:0}
.prose p,.prose ul,.prose ol{margin:0 0 1.1em}
.prose h2{margin-top:2.2em}
.prose ul,.prose ol{padding-left:1.3em}
.prose ul{list-style:none;padding-left:0}
.prose ul li{position:relative;padding-left:1.4em;margin:.35em 0}
.prose ul li::before{content:"";position:absolute;left:0;top:.82em;width:.8em;height:2px;background:var(--acc)}
.prose ol li{margin:.35em 0;padding-left:.3em}
.prose ol li::marker{color:var(--acc);font:700 1em var(--serif)}
@media(min-width:900px){
.prose{grid-template-columns:13rem minmax(0,38rem);column-gap:3.5rem}
.prose>*{grid-column:2}
.prose>h2{grid-column:1;grid-row:auto;margin-top:2.2em}
.prose>h2+*{margin-top:calc(2.2em + 1.55rem + .7rem + .75rem)}
}
.lead{display:grid;gap:28px;align-items:start;margin:0 0 .6em}
.leadtxt{font:1.3rem/1.5 var(--serif);text-wrap:pretty;max-width:34ch}
.leadtxt p{max-width:none;margin:0 0 .8em;font-size:inherit}
@media(min-width:900px){.lead{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}.leadtxt{font-size:1.5rem}}
.fig{margin:0}
.plate{position:relative;padding:18px}
.plate::before{content:"";position:absolute;inset:0;pointer-events:none;background:
linear-gradient(var(--ink),var(--ink)) left 0 top 18px/11px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) left 18px top 0/1px 11px no-repeat,
linear-gradient(var(--ink),var(--ink)) right 0 top 18px/11px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) right 18px top 0/1px 11px no-repeat,
linear-gradient(var(--ink),var(--ink)) left 0 bottom 18px/11px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) left 18px bottom 0/1px 11px no-repeat,
linear-gradient(var(--ink),var(--ink)) right 0 bottom 18px/11px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) right 18px bottom 0/1px 11px no-repeat}
.fig img{width:100%;mix-blend-mode:multiply}
.fig-lead img{aspect-ratio:5/4;object-fit:cover}
.fig-hero{margin:.4em 0 2.2em}
.fig-hero img{aspect-ratio:21/8;object-fit:cover}
figcaption{margin:10px 0 0 18px;font:italic .88rem/1.4 var(--serif);color:var(--mut);max-width:52ch}
.fn{font:600 .72rem/1 var(--sans);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-right:.6em}
.intro p:first-child{font:1.3rem/1.55 var(--serif);text-wrap:pretty}
.intro p:first-child::first-letter{float:left;font:700 4.3em/.82 var(--serif);color:var(--acc);padding:.06em .1em 0 0}
.tw{overflow-x:auto;margin:1.2em 0 1.6em}
table{border-collapse:collapse;width:100%;font-size:.95rem;font-variant-numeric:tabular-nums}
th,td{padding:10px 14px 10px 0;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 .72rem/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--ink);color:var(--mut)}
.sec{margin-top:1em}
.toc{list-style:none;margin:1.6rem 0 0;padding:0;border-top:2px solid var(--ink)}
.toc li{max-width:none;border-bottom:1px solid var(--line)}
.ti{display:grid;grid-template-columns:3.4rem minmax(0,1fr) 120px;gap:0 18px;align-items:center;padding:16px 4px 16px 0;text-decoration:none;position:relative}
.ti::before{content:attr(data-no);font:700 .95rem/1 var(--sans);letter-spacing:.1em;color:var(--mut);font-variant-numeric:tabular-nums}
.cardbody{display:flex;flex-direction:column;gap:4px}
.cardtit{font:700 clamp(1.4rem,3.6vw,2.4rem)/1.1 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.cardtxt{font-size:.95rem;color:var(--mut);line-height:1.45;max-width:58ch}
.ti img{width:120px;aspect-ratio:4/3;object-fit:cover;mix-blend-mode:multiply;filter:grayscale(.7);opacity:.9}
.ti:hover::before,.ti:hover .cardtit{color:var(--acc)}
.ti:hover img{filter:none;opacity:1}
.toc-sm .cardtit{font-size:clamp(1.3rem,2.6vw,1.7rem)}
.toc-sm .ti{padding:14px 4px 14px 0}
.start{counter-reset:st;list-style:none;padding:0}
.start li{counter-increment:st;position:relative;padding-left:3.2rem;margin:.9em 0;border-bottom:1px solid var(--line);padding-bottom:.9em}
.start li::before{content:counter(st,upper-roman);position:absolute;left:0;top:.1em;font:700 .95rem/1.6 var(--sans);letter-spacing:.1em;color:var(--acc)}
.see{margin-top:56px}
.see h2{margin-top:0}
@media(prefers-reduced-motion:no-preference){
html{scroll-behavior:smooth}
.ti .cardbody{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.ti::after{content:"→";position:absolute;right:148px;top:50%;translate:-12px -50%;opacity:0;color:var(--acc);font:700 1.4rem/1 var(--sans);transition:opacity .25s,translate .35s cubic-bezier(.16,1,.3,1)}
.ti:hover .cardbody,.ti:focus-visible .cardbody{transform:translateX(14px)}
.ti:hover::after,.ti:focus-visible::after{opacity:1;translate:0 -50%}
.ti img{transition:filter .3s,opacity .3s}
.nav a,a{transition:color .2s,border-color .2s}
}
@media(prefers-reduced-motion:reduce){.ti:hover .cardbody{transform:translateX(8px)}}
@media(max-width:640px){
.mast{flex-wrap:wrap;gap:10px}.reg{display:none}.tag{margin:0}
.mast{padding:10px 0}.tag{font-size:.95rem}.navgrp{grid-template-columns:1fr;gap:0;padding:6px 0}.navgrp:first-child{padding:4px 0}.navgrp ul{gap:0 16px}.nav a{font-size:.88rem;padding:3px 0}.navlab{font-size:.65rem}
.ti{grid-template-columns:2.4rem minmax(0,1fr) 64px;gap:0 12px}.ti img{width:64px}
.ti::after{display:none}
.plate{padding:14px}.plate::before{background-position:left 0 top 14px,left 14px top 0,right 0 top 14px,right 14px top 0,left 0 bottom 14px,left 14px bottom 0,right 0 bottom 14px,right 14px bottom 0}
.intro p:first-child{font-size:1.15rem}
}
@media(prefers-color-scheme:dark){.fig img,.ti img{mix-blend-mode:normal;filter:brightness(.9)}.ti img{filter:grayscale(.7) brightness(.85)}.ti:hover img{filter:none}.logo{background:#f3eee3;padding:6px 10px}.logo img{width:130px}}
.foot{margin-top:0;border-top:2px solid var(--ink);background:var(--paper2);padding:34px 0 22px;position:relative}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;transform:translateY(-100%);background:linear-gradient(90deg,var(--k) 0 12.5%,var(--y) 0 25%,var(--m) 0 37.5%,var(--c) 0 50%,color-mix(in srgb,var(--k) 10%,transparent) 0 62.5%,color-mix(in srgb,var(--k) 25%,transparent) 0 75%,color-mix(in srgb,var(--k) 45%,transparent) 0 87.5%,color-mix(in srgb,var(--k) 70%,transparent) 0)}
.footcols{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.footcols>div{border-top:1px solid var(--ink);padding-top:12px}
.foot a,.crumbs a{text-decoration-thickness:1px;text-decoration-color:var(--mut)}
.foot a:hover,.crumbs a:hover{text-decoration-color:var(--acc)}
.foot ul{list-style:none;margin:0;padding:0;font-size:.93rem}
.foot li{margin:.15em 0}
.foot p{font-size:.93rem;line-height:1.55}
.foottit{font:700 1.15rem/1.2 var(--serif)!important;margin:0 0 8px}
.copy{margin:28px 0 0;font-size:.82rem!important;color:var(--mut)}