/* Ink, paper and frames: decoration stays behind the reading surface. */
html{scroll-padding-top:155px;scroll-behavior:smooth}
body{background-color:#f6f2e9;background-image:radial-gradient(rgba(58,42,25,.085) .55px,transparent .8px),radial-gradient(rgba(86,59,35,.045) .6px,transparent .9px);background-size:5px 7px,9px 11px;background-position:0 0,3px 4px}
.header{position:sticky;top:0;z-index:40;background:rgba(247,244,236,.97);border-bottom:1px solid #a79c89;box-shadow:0 4px 16px rgba(47,36,23,.07);backdrop-filter:blur(12px)}
.header nav a{white-space:nowrap}.header nav a:focus-visible{outline:2px solid #8b292d;outline-offset:3px}
.section{position:relative}.section+.section:before{content:"✦";position:absolute;top:-.8rem;left:50%;transform:translateX(-50%);color:#8b292d;background:#f6f2e9;padding:0 1.2rem;font-size:1.3rem}
.decision-card,.hub-card,.library-card,.guide-directory>a,.craft-link{position:relative;border:1px solid #b9ae99!important;outline:1px solid rgba(75,60,42,.25);outline-offset:-7px;background-color:rgba(252,249,241,.9);background-image:repeating-linear-gradient(17deg,transparent 0 7px,rgba(64,48,30,.018) 7px 8px);box-shadow:3px 5px 0 rgba(80,58,31,.055);padding:1.6rem!important;transition:box-shadow .22s ease,border-color .22s ease,background-color .22s ease}
.decision-card:after,.hub-card:after,.library-card:after,.guide-directory>a:after,.craft-link:after{content:"";position:absolute;width:7px;height:7px;right:12px;top:12px;background:#8b292d;transform:rotate(45deg);pointer-events:none}
.hub-card:hover,.library-card:hover,.guide-directory>a:hover,.craft-link:hover{box-shadow:5px 7px 0 rgba(80,58,31,.10);border-color:#8b292d!important}
.library-card>img{border:1px solid #b9ae99;filter:saturate(.85)}
.hub-tool,.notice,.tool-preview{border:1px solid #a99b80;outline:1px solid rgba(169,155,128,.6);outline-offset:-6px}
.article-heading{position:relative}.article-heading:after{content:"";display:block;width:110px;height:8px;margin-top:1.8rem;border-top:1px solid #8b292d;border-bottom:1px solid #8b292d;background:linear-gradient(90deg,transparent 47%,#8b292d 47% 53%,transparent 53%)}
.guide-image{padding:.65rem;border:1px solid #b9ae99;background:rgba(252,249,241,.8);box-shadow:4px 5px 0 rgba(80,58,31,.06)}
.guide-image figcaption{padding:.2rem .25rem}.term-card{border-bottom:1px solid #d0c6b5;margin-bottom:1.5rem}
.opening-row,.reading-index>a,.craft-stories>a{position:relative;border:1px solid #b9ae99;outline:1px solid rgba(75,60,42,.25);outline-offset:-7px;background:rgba(252,249,241,.8);padding:1.6rem;margin-bottom:1rem;box-shadow:3px 5px 0 rgba(80,58,31,.055)}
.craft-stories>a:last-child{padding-bottom:1.6rem}.opening-row:before,.reading-index>a:before{content:"";position:absolute;right:12px;top:12px;width:7px;height:7px;transform:rotate(45deg);background:#8b292d;pointer-events:none}
.supplier-card{padding:1.5rem;margin:2rem 0;border:1px solid #b9ae99;outline:1px solid rgba(75,60,42,.25);outline-offset:-7px;background:rgba(252,249,241,.8);box-shadow:3px 5px 0 rgba(80,58,31,.055)}.supplier-card .chapter-heading{margin-top:0}
.journey-enter{animation:ink-arrive .65s cubic-bezier(.2,.65,.3,1) both}
@keyframes ink-arrive{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
[id]{scroll-margin-top:155px}
@media(max-width:900px){html{scroll-padding-top:190px}[id]{scroll-margin-top:190px}}
@media(max-width:640px){.header{gap:.65rem;padding-block:.65rem}.header .brand img{width:28px;height:33px}.header .brand{font-size:.75rem}.header nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:.9rem;padding:.3rem .15rem .5rem;scrollbar-width:thin}.header nav a,.header nav .nav-tool{flex:0 0 auto;width:auto;white-space:nowrap;padding:.4rem .15rem}.header nav .nav-tool{padding:.4rem .6rem;gap:.5rem}html{scroll-padding-top:145px}[id]{scroll-margin-top:145px}.hub-card,.library-card,.guide-directory>a,.craft-link{padding:1.25rem!important}.guide-image{padding:.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey-enter{animation:none!important;transform:none!important}.hub-card,.library-card,.guide-directory>a,.craft-link{transition:none}}
@media print{body{background:white}.header{position:static}.journey-enter{animation:none!important;opacity:1!important;transform:none!important}.hub-card,.library-card,.guide-directory>a,.craft-link{box-shadow:none;outline:none;background:white}.section+.section:before{display:none}}
/* Anchor spacing follows the actual header height, including wrapped navigation. */
html{scroll-padding-top:var(--header-offset,155px)}[id],.glossary-list h2{scroll-margin-top:1rem}
.chapter-index{top:var(--header-offset,155px);max-height:calc(100vh - var(--header-offset,155px) - 1rem);overflow-y:auto}
.skip{z-index:100}.skip:focus{position:fixed;top:1rem}
.section+.section:before{content:"";width:14px;height:14px;padding:0;top:-7px;background:#8b292d;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
@media(max-width:800px){.chapter-index{max-height:none;overflow:visible}}