:root{--ink:#1b1d1b;--muted:#70736e;--paper:#fbfaf6;--line:#ddd9cf;--accent:#a84631;--soft:#f0ece2}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.6 Georgia,Noto Serif SC,Songti SC,serif}.wrap{width:min(100% - 40px,1040px);margin:auto}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.brand{font:700 18px/1 ui-sans-serif,system-ui,sans-serif}.brand i{color:var(--accent);font-style:normal}header a{color:var(--muted);font:14px ui-sans-serif,system-ui,sans-serif;text-decoration:none}.header-actions{align-items:center;gap:16px;font:13px ui-sans-serif,system-ui,sans-serif;display:flex}.access-label{color:var(--accent);font-weight:700}.logout{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font:13px ui-sans-serif,system-ui,sans-serif}.gate-page{background:linear-gradient(145deg,#fbfaf6 0%,#f0ece2 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.gate-card{border:1px solid var(--line);background:#fffdf8;border-radius:5px;width:min(100%,460px);padding:42px;box-shadow:14px 14px #ded8cc}.gate-brand{margin-bottom:42px}.gate-card h1{margin:14px 0 12px;font-size:38px;line-height:1.15}.gate-intro{color:var(--muted);margin:0 0 26px}.gate-form{gap:10px;display:grid}.gate-form label{font:700 13px ui-sans-serif,system-ui,sans-serif}.gate-form input{background:#fff;border:1px solid #beb9af;border-radius:3px;outline:none;width:100%;padding:13px 14px;font:16px ui-sans-serif,system-ui,sans-serif}.gate-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a846311f}.gate-form button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:3px;padding:13px 16px;font:700 14px ui-sans-serif,system-ui,sans-serif}.gate-form button:disabled{cursor:not-allowed;opacity:.55}.gate-error{color:#a12f22;margin:0;font:13px ui-sans-serif,system-ui,sans-serif}.gate-note{border-top:1px solid var(--line);color:var(--muted);margin:18px 0 0;padding-top:16px;font:13px/1.6 ui-sans-serif,system-ui,sans-serif}.gate-security{color:#93958f;margin:30px 0 0;font:11px/1.55 ui-sans-serif,system-ui,sans-serif}.gate-status{color:var(--muted);margin:0;font:14px ui-sans-serif,system-ui,sans-serif}.intro{grid-template-columns:1fr 300px;align-items:center;gap:72px;padding:88px 0 76px;display:grid}.kicker{letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font:700 12px/1 ui-sans-serif,system-ui,sans-serif}.intro h1{margin:17px 0 21px;font-size:clamp(42px,6vw,70px);line-height:1.08}.intro p{color:#5e625d;max-width:580px;margin:0 0 28px}.read{background:var(--ink);color:#fff;border-radius:3px;padding:13px 19px;font:700 14px ui-sans-serif,system-ui,sans-serif;text-decoration:none;display:inline-block}.cover{color:#f7f2e6;background:#1e2b28;border-radius:3px;flex-direction:column;justify-content:space-between;min-height:365px;padding:31px;display:flex;box-shadow:14px 14px #ded8cc}.cover small{letter-spacing:.12em;color:#c9d5c7;font:700 11px ui-sans-serif,system-ui,sans-serif}.cover strong{font-size:34px;line-height:1.25}.cover span{color:#c9d5c7;border-top:1px solid #687b70;padding-top:12px;font:12px ui-sans-serif,system-ui,sans-serif}.volumes{border-top:1px solid var(--line);padding:46px 0 70px}.heading{justify-content:space-between;align-items:baseline;margin-bottom:19px;display:flex}.heading h2{margin:0;font-size:25px}.heading p{color:var(--muted);margin:0;font-size:14px}.list{border-top:1px solid var(--line)}.volume{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:74px 1fr auto;align-items:center;gap:22px;padding:21px 0;text-decoration:none;display:grid}.num{color:var(--accent);font:700 13px ui-sans-serif,system-ui,sans-serif}.volume h3{margin:0 0 2px;font-size:20px}.volume p{color:var(--muted);margin:0;font-size:14px}.arrow{color:#888;font:22px ui-sans-serif,system-ui,sans-serif}.volume:hover h3{color:var(--accent)}.end{background:var(--soft);padding:54px 0}.end .inner{max-width:660px}.end h2{margin:0 0 13px;font-size:31px;line-height:1.25}.end p{color:#62655f;margin:0 0 24px}footer{color:#888;padding:24px 0;font:12px ui-sans-serif,system-ui,sans-serif}@media (width<=700px){.wrap{width:min(100% - 32px,1040px)}.header-actions{gap:10px}.access-label{display:none}.intro{grid-template-columns:1fr;gap:35px;padding:54px 0}.cover{min-height:260px}.heading{display:block}.heading p{margin-top:6px}.volume{grid-template-columns:44px 1fr 20px;gap:10px}.volume h3{font-size:17px}.volume p{font-size:13px}.end{padding:40px 0}.gate-page{padding:18px}.gate-card{padding:30px 24px;box-shadow:8px 8px #ded8cc}.gate-card h1{font-size:32px}.gate-brand{margin-bottom:34px}}