*{box-sizing:border-box}body{color:#302f29;background:#f7f4ec;margin:0;font:18px/1.7 system-ui,sans-serif}a{color:#742f32;text-underline-offset:5px}header,main,footer{max-width:1160px;margin:auto;padding:28px}header{border-bottom:1px solid #d8cfbd;justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{gap:14px;font:40px Georgia,serif;text-decoration:none;display:flex}.brand span{font-size:23px;font-weight:700}.brand small{letter-spacing:1px;font:13px system-ui;display:block}nav{flex-wrap:wrap;gap:24px;display:flex}nav a{text-decoration:none}h1,h2{font-family:Georgia,Songti SC,serif;line-height:1.3}h1{font-size:42px}h2{font-size:27px}small,.muted{color:#68675e}.hero{padding:52px 0}.hero h1{max-width:750px;font-size:56px}.eyebrow{color:#742f32;letter-spacing:3px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.card,article{background:#fffdf7;border:1px solid #ded6c6;border-radius:12px;margin:18px 0;padding:24px}.card img{object-fit:contain;background:#e9e4d8;width:100%;height:210px}input,select,button,.button{font:inherit;color:inherit;background:#fffdf7;border:1px solid #bdb4a3;border-radius:7px;padding:11px 17px}button,.button{cursor:pointer;color:#fff;background:#742f32;text-decoration:none;display:inline-block}form,.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}input{flex:1;min-width:0}label{display:block}.notice{background:#eee7d8;border-left:4px solid #b18a49;padding:12px 18px}.badge{background:#eee4ce;border-radius:20px;padding:3px 10px;font-size:14px}.viewer{touch-action:pan-x pan-y;background:#ddd8cd;border:1px solid #b8ae99;height:75vh;overflow:auto}.viewer img{max-width:none;height:auto;display:block}.controls{margin:15px 0}.crumb{font-size:15px}.tree{border-left:2px solid #b7a78b;padding-left:20px}.skip{position:absolute;top:-100px}.skip:focus{z-index:9;background:#fff;top:0}footer{border-top:1px solid #d8cfbd;margin-top:60px;font-size:15px}details{margin:12px 0}summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #186c8e}@media (max-width:650px){header{flex-direction:column;align-items:flex-start;padding:18px}main{padding:18px}nav{gap:18px;font-size:16px}.hero{padding:24px 0}.hero h1{font-size:37px}h1{font-size:30px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:14px}.card img{height:160px}form input{flex-basis:100%}.viewer{height:65vh}}.brand{align-items:center}.brand img{width:46px;height:46px;display:block}
