:root{--paper:#f4efe4;--paper-deep:#ebe3d2;--ink:#1f1c19;--ink-soft:#4a443d;--seal:#a8322a;--pine:#3f5a4a;--pine-pale:#dfe5dc;--rule:#cfc4ae;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--sans:"Gill Sans","Seravek","Segoe UI","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:var(--seal);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--ink)}
a:focus-visible{outline:2px solid var(--pine);outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;background:var(--ink);color:var(--paper);padding:.4rem .8rem;z-index:5}
.frame{display:block}
.rail{background:var(--ink);color:var(--paper);padding:1rem 16px 1.1rem}
.mark{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--paper)}
.mark svg{width:38px;height:38px;flex:0 0 auto}
.mark-name{font-family:var(--serif);font-size:1.45rem;letter-spacing:.02em;line-height:1.1}
.mark-tag{display:block;font-size:.78rem;letter-spacing:.06em;color:#cdbfa6;font-family:var(--sans)}
.rail nav{margin-top:.9rem}
.rail details{border-top:1px solid #3a3530}
.rail summary{cursor:pointer;list-style:none;padding:.55rem 0;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:#e9dcc2}
.rail summary::-webkit-details-marker{display:none}
.rail summary::after{content:"+";float:right;color:var(--seal)}
.rail details[open] summary::after{content:"\2212"}
.navgroup{margin:0 0 .6rem}
.navgroup .navhead{font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#b9a988;margin:.7rem 0 .25rem;font-weight:600}
.navgroup ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .9rem}
.navgroup a{color:var(--paper);text-decoration:none;font-size:.93rem;line-height:1.45;display:inline-block;padding:.12rem 0;border-bottom:1px solid transparent}
.navgroup a:hover,.navgroup a[aria-current=page]{border-bottom-color:var(--seal);color:#fff}
main{padding:0 16px 3rem}
.article{max-width:66ch;margin:0 auto}
.kicker{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--pine);margin:2.2rem 0 .3rem;font-weight:600}
h1,h2,h3{font-family:var(--serif);font-weight:normal;line-height:1.2;color:var(--ink)}
h1{font-size:clamp(1.9rem,5.2vw,2.9rem);margin:.1rem 0 .9rem;letter-spacing:-.01em}
h2{font-size:1.5rem;margin:2.3rem 0 .6rem}
h3{font-size:1.18rem;margin:1.6rem 0 .4rem}
.lede{font-family:var(--serif);font-size:1.22rem;line-height:1.55;color:var(--ink-soft);margin:0 0 1.4rem}
.brush{display:block;width:100%;max-width:340px;height:14px;margin:1.6rem auto;color:var(--ink)}
.brush path{fill:none;stroke:currentColor;stroke-linecap:round}
figure{margin:1.6rem 0}
figure img{border:1px solid var(--rule);background:var(--paper-deep)}
figcaption{font-size:.86rem;color:var(--ink-soft);margin-top:.45rem;border-left:2px solid var(--seal);padding-left:.6rem}
.notice{background:var(--pine-pale);border-left:3px solid var(--pine);padding:.8rem 1rem;font-size:.95rem;margin:1.2rem 0}
.care{background:#f7e8e1;border-left:3px solid var(--seal);padding:.8rem 1rem;font-size:.96rem;margin:1.6rem 0}
.care p{margin:.3rem 0}
ol,ul{padding-left:1.3rem}
li{margin:.25rem 0}
.diagram{margin:1.6rem auto;max-width:520px}
.diagram svg{width:100%;height:auto}
.diagram svg text{font-family:var(--sans);font-size:13px;fill:var(--ink)}
dl.faq dt{font-family:var(--serif);font-size:1.15rem;margin-top:1.4rem}
dl.faq dd{margin:.3rem 0 0}
.guide{max-width:72rem;margin:0 auto}
.guide-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
.guide section{background:var(--paper-deep);padding:1rem 1.1rem 1.1rem;border-top:3px solid var(--pine)}
.guide h2{margin:.2rem 0 .6rem;font-size:1.3rem}
.guide ul{list-style:none;padding:0;margin:0}
.guide li{margin:.55rem 0}
.guide li a{font-family:var(--serif);font-size:1.08rem}
.guide li span{display:block;font-size:.92rem;color:var(--ink-soft);line-height:1.5}
.band{background:var(--pine);color:var(--paper);padding:2rem 16px;margin:2.5rem -16px 0}
.band .article h2{color:var(--paper);margin-top:0}
.band a{color:#f2d6cf}
.site-foot{background:var(--paper-deep);border-top:1px solid var(--rule);padding:1.6rem 16px 2rem;font-size:.9rem;color:var(--ink-soft)}
.site-foot .inner{max-width:72rem;margin:0 auto}
.foot-index{display:flex;flex-wrap:wrap;gap:.2rem 1rem;list-style:none;padding:0;margin:0 0 1rem}
.foot-index a{color:var(--ink)}
.foot-notice{max-width:70ch;border-top:1px solid var(--rule);padding-top:.9rem;margin:0}
@media (min-width:980px){
.frame{display:grid;grid-template-columns:17rem 1fr;min-height:100vh}
.rail{position:sticky;top:0;height:100vh;overflow-y:auto;padding:1.6rem 1.3rem;border-right:6px solid var(--seal)}
.rail summary{display:none}
.rail details{border:0}
.navgroup ul{display:block}
.navgroup li{margin:.1rem 0}
main{padding:0 3rem 4rem}
.guide-grid{grid-template-columns:1fr 1fr}
.band{margin:2.5rem -3rem 0;padding:2.4rem 3rem}
}
@media print{.rail,.site-foot{display:none}body{background:#fff}}