@font-face{font-family:Vu Mincho;src:url("/mincho.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:200 900}
:root{--paper:#f8f5eb;--ink:#283e36;--muted:#5f6a5f;--rule:#b8beb0;--red:#a54e37;--jp:"Vu Mincho","Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--jp);line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid var(--red);outline-offset:4px}.wrap{width:min(1250px,89%);margin:auto}header{display:flex;align-items:center;gap:19px;border-bottom:1px solid var(--ink);padding:22px 0 16px}.wordmark{font:italic 700 70px/.8 Georgia,"Times New Roman",serif;text-decoration:none;letter-spacing:-.105em;padding-right:.10em}.wordmark span{color:var(--red)}.mast{border-left:1px solid var(--rule);padding-left:19px;display:grid;gap:1px;font-size:13px;letter-spacing:.16em}.mast [lang],.caps,.tabnum,.tinytime{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace}.mast [lang],.caps{font-size:11px;letter-spacing:.14em}.seal{margin-left:auto;line-height:1.12;border:1px solid var(--red);outline:1px solid var(--red);outline-offset:-4px;padding:6px 7px;color:var(--red);font-size:13px;transform:rotate(4deg)}
.spread{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.5fr);align-items:center;gap:clamp(38px,6vw,96px);padding:clamp(40px,5.3vw,78px) 0 32px}.rubric{margin:0 0 22px;display:flex;align-items:center;gap:11px;font-size:14px;letter-spacing:.12em}.rubric b{width:22px;height:2px;background:var(--red)}.rubric i,.caps b,footer i{color:var(--red);font-style:normal;font-weight:400}h1,h2,p,figure{margin:0}h1{font-size:clamp(54px,6.1vw,92px);font-weight:500;letter-spacing:-.055em;line-height:1.19;white-space:nowrap}h1 span{color:var(--red)}.gloss{display:flex;align-items:baseline;margin-top:26px;font-size:14px}.gloss i{font:italic 26px/1 Georgia,serif}.gloss em{font-style:normal;color:var(--muted);font-size:11px;margin:0 .5em}.lede{font-size:15px;line-height:2.05;margin-top:10px;color:var(--muted)}figure{min-width:0}.mat{background:#fffaf0;padding:clamp(8px,1.1vw,16px);border:1px solid #c5c5b5;box-shadow:2px 3px 0 #e6e3d7}.mat img{display:block;width:100%;height:auto}figcaption{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.caps{color:var(--muted)}.swatches{display:flex;gap:4px}.swatches i{width:16px;height:6px;background:#d49778}.swatches i:nth-child(2){background:#a7c4b5}.swatches i:nth-child(3){background:#42645a}.tide .swatches i:first-child{background:#f0d59d}.dusk .swatches i:nth-child(2){background:#ad9eaa}.dusk .swatches i:nth-child(3){background:#505f64}
.fieldnote{display:grid;grid-template-columns:1fr 1.65fr;align-items:center;gap:28px;border-top:1px solid var(--rule);padding:22px 0 25px}.fieldnote h2{font-size:clamp(25px,2.4vw,36px);font-weight:500;line-height:1.55}.fieldnote p{font-size:clamp(15px,1.18vw,18px);line-height:2;max-width:37em}nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--rule)}nav a{min-height:54px;display:flex;align-items:center;gap:15px;padding:10px 18px;text-decoration:none;position:relative}nav a+a{border-left:1px solid var(--rule)}nav a[aria-current]{background:#e7eadf}nav a[aria-current]:after{position:absolute;content:"";height:2px;background:var(--ink);bottom:-1px;left:0;right:0}nav a:hover{background:#e1e5d9}.tabnum,.tinytime{font-size:12px;letter-spacing:.04em;color:var(--muted)}.tinytime{margin-left:auto}footer{display:flex;justify-content:space-between;padding:18px 0 24px;color:var(--muted);font-size:12px;letter-spacing:.08em}footer [lang]{font:italic 15px Georgia,serif}.notfound{max-width:720px;padding:12vh 6vw;margin:auto}.notfound p,.notfound a{margin:24px 0;display:block}.notfound h1{white-space:normal}
@media(max-width:800px){.wrap{width:90%}.spread{gap:24px;grid-template-columns:minmax(200px,.8fr) 1.35fr}.rubric{margin-bottom:13px}.gloss{margin-top:16px}.lede{font-size:14px}.fieldnote{grid-template-columns:.8fr 1.35fr}.tinytime{display:none}}
@media(max-width:650px){header{padding:17px 0 13px;gap:13px}.wordmark{font-size:52px}.mast{padding-left:13px}.spread{grid-template-columns:1fr;padding:27px 0 19px;gap:20px}.intro h1{font-size:clamp(39px,9.8vw,60px)}.intro h1 br{display:none}.rubric{font-size:12px;margin-bottom:10px}.gloss{margin-top:8px}.lede{margin-top:5px;line-height:1.75}.lede br{display:none}.fieldnote{grid-template-columns:1fr;gap:5px;padding:14px 0 17px}.fieldnote h2{font-size:25px}.fieldnote p{font-size:15px}.mat{padding:7px}nav a{padding:10px 6px;gap:6px;justify-content:center;font-size:15px}.tabnum{font-size:10px}footer{font-size:11px}footer [lang]{font-size:13px}}
