@font-face{font-family:Yekan;src:url('/fonts/YekanBakh-Regular.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--wine:#4a0617;--wine-deep:#2c0610;--orange:#ff5a13;--paper:#fffdfa;--ink:#271c1f;--muted:#756b6d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3eeea;color:var(--ink);font-family:Yekan,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.skip-link{position:absolute;top:-50px;left:12px;z-index:20;background:#fff;padding:8px 14px}.skip-link:focus{top:8px}
.topbar{position:sticky;top:0;z-index:10;background:rgba(255,253,250,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e8ddda}.topbar-inner{max-width:1320px;min-height:72px;margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:var(--wine);color:#fff;font-size:27px;font-weight:900;font-style:italic}.brand strong{display:block;font-size:19px;line-height:1.15}.brand small{display:block;color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.top-actions a,.top-actions button{border:1px solid #e3d6d2;background:#fff;border-radius:10px;padding:9px 15px;font-size:13px;font-weight:700;white-space:nowrap}.top-actions .download{background:var(--orange);color:#fff;border-color:var(--orange)}.language{display:flex;gap:3px;background:#f1e8e4;padding:3px;border-radius:10px}.language a{border:0;background:transparent;padding:6px 10px}.language a[aria-current=page]{background:#fff;color:var(--wine);box-shadow:0 2px 8px #2c061019}
.intro{background:radial-gradient(circle at 85% 15%,#762039 0,transparent 29%),linear-gradient(135deg,var(--wine-deep),var(--wine));color:#fff}.intro-inner{max-width:1320px;margin:auto;padding:36px 24px 38px;display:flex;align-items:end;justify-content:space-between;gap:20px}.eyebrow{color:#ffae83;letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:800}.intro h1{font-size:clamp(28px,4vw,44px);line-height:1.25;margin:8px 0 8px}.intro p{font-size:14px;line-height:1.8;opacity:.84;margin:0;max-width:650px}.intro .count{border:1px solid #ffffff60;border-radius:999px;padding:9px 16px;font-size:13px;white-space:nowrap}
.layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:25px;padding:24px}.toc{align-self:start;position:sticky;top:97px;background:var(--paper);border:1px solid #e8deda;border-radius:16px;padding:17px;box-shadow:0 8px 25px #4a06170a}.toc h2{font-size:15px;margin:0 0 12px}.toc a{display:flex;justify-content:space-between;gap:8px;color:#57484c;padding:9px 10px;border-radius:8px;font-size:12px}.toc a:hover,.toc a.active{background:#fff0e9;color:#b33d0e}.toc a span{font-variant-numeric:tabular-nums;color:#a19798}.catalog-main{min-width:0}.viewer{background:#dfd4d0;border-radius:18px;overflow:hidden;box-shadow:0 18px 52px #2c06101e}.viewer-tools{position:sticky;top:72px;z-index:5;background:#fffdfa;border-bottom:1px solid #e7dbd8;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px}.viewer-tools .group{display:flex;align-items:center;gap:8px}.viewer-tools button{width:38px;height:38px;border:1px solid #e7dbd8;border-radius:9px;background:#fff;color:var(--ink);display:grid;place-items:center;font-size:21px}.viewer-tools button:hover{border-color:var(--orange);color:var(--orange)}.viewer-tools output{min-width:90px;text-align:center;font-size:13px;font-weight:700}.viewer-tools .hint{font-size:11px;color:var(--muted)}.page-shell{padding:22px;display:grid;place-items:center;overflow:auto;max-height:min(76vh,1100px)}.page-image{width:min(100%,760px);height:auto;display:block;background:#fff;box-shadow:0 10px 36px #18060b40;cursor:zoom-in}.page-shell.zoomed{display:block}.page-shell.zoomed .page-image{width:1200px;max-width:none;cursor:zoom-out}.viewer-footer{background:#fffdfa;border-top:1px solid #e7dbd8;padding:11px 16px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.viewer-footer a{color:#b33d0e;font-weight:700}.mobile-toc{display:none}footer{max-width:1320px;margin:auto;padding:0 24px 25px;font-size:11px;color:#897b7e}
@media(max-width:900px){.layout{grid-template-columns:1fr}.toc{display:none}.mobile-toc{display:block;width:100%;padding:11px 13px;margin-bottom:12px;background:#fff;border:1px solid #e8deda;border-radius:10px;color:var(--ink)}}
@media(max-width:620px){.topbar-inner{padding:9px 14px;min-height:62px}.brand-mark{width:39px;height:39px;font-size:21px}.brand strong{font-size:15px}.brand small{display:none}.top-actions{gap:5px}.top-actions a,.top-actions button{padding:7px 9px;font-size:11px}.top-actions .home{display:none}.language a{padding:5px 7px}.intro-inner{padding:28px 16px;display:block}.intro .count{display:inline-block;margin-top:16px}.layout{padding:13px;gap:0}.viewer-tools{top:62px;padding:8px}.viewer-tools .hint{display:none}.page-shell{padding:10px;max-height:72vh}.page-shell.zoomed .page-image{width:900px}.viewer-footer{font-size:11px}}
