:root{--paper:#f7f8f5;--ink:#233d4d;--muted:#61717a;--line:#d6dfdf;--tint:#dee8e5;--serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC",serif;--sans:system-ui,-apple-system,"PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.7}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:#345f72}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #547c8c}.site-header,main,footer{width:min(1160px,100% - 80px);margin:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:28px 0;display:flex}.brand{font-family:var(--serif);align-items:center;gap:15px;font-size:22px;font-weight:600;text-decoration:none;display:flex}.brand small{font:11px/1.6 var(--sans);letter-spacing:.06em;color:var(--muted);display:block}.seal{border:1px solid var(--ink);padding:1px 9px;font-size:25px}.site-header nav{gap:28px;font-size:14px;display:flex}.site-header nav a{padding:8px 0;text-decoration:none}.site-header nav a[aria-current]{border-bottom:2px solid var(--ink)}main{min-height:60vh;padding:54px 0 80px}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.3}h1{letter-spacing:.03em;margin:14px 0 24px;font-size:clamp(32px,4.7vw,60px)}h2{font-size:27px}h3{font-size:20px}p{margin:0 0 1.2em}.eyebrow{letter-spacing:.12em;color:var(--muted);font-size:12px}.muted,small{color:var(--muted)}.hero{grid-template-columns:1.4fr 1fr;gap:80px;padding:14px 0 60px;display:grid}.hero-copy{max-width:33em}.hero p{font-family:var(--serif);font-size:19px;line-height:1.9}.button,button{background:var(--ink);color:#fff;border:1px solid var(--ink);padding:10px 22px;text-decoration:none;display:inline-block}.button:hover,button:hover{color:#fff;background:#345f72}.button.secondary{color:var(--ink);background:0 0}.spine{border-left:6px double var(--ink);background:var(--tint);align-self:start;margin-top:20px;padding:22px 30px}.spine-year{letter-spacing:-.05em;font:clamp(36px,5vw,62px)/1.2 Georgia,serif}.spine .stats{gap:32px;margin:30px 0 15px;display:flex}.stats strong{font:36px Georgia,serif;display:block}.stats span{font-size:13px}.section-head{border-top:1px solid var(--ink);justify-content:space-between;align-items:baseline;gap:20px;margin-top:30px;display:flex}.type-grid{grid-template-columns:repeat(4,1fr);gap:0 28px;display:grid}.type-grid a{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;text-decoration:none;display:flex}.book-row{border-top:1px solid var(--line);grid-template-columns:90px 1fr;gap:24px;padding:25px 0;display:grid}.year{color:var(--muted);font:25px Georgia,serif}.book-row h2{font:600 20px var(--serif);overflow-wrap:anywhere;margin:0 0 8px}.book-row p{color:var(--muted);margin:0;font-size:14px}.book-row .tag{background:var(--tint);margin-top:10px;padding:2px 9px;font-size:12px;display:inline-block}.filters{background:var(--tint);grid-template-columns:1.3fr 1fr 1.5fr 1fr auto;gap:12px;margin:28px 0;padding:22px;display:grid}.filters label{flex-direction:column;gap:5px;min-width:0;font-size:13px;display:flex}.filters input,.filters select{background:var(--paper);width:100%;min-width:0;color:var(--ink);border:1px solid #b7c6c9;border-radius:0;padding:9px 10px}.filters button{align-self:end;min-height:48px;padding:8px 16px}.results-head{color:var(--muted);justify-content:space-between;margin:24px 0;font-size:13px;display:flex}.pagination{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.pagination a{border:1px solid var(--line);text-align:center;min-width:42px;padding:7px 12px;text-decoration:none}.pagination a[aria-current]{background:var(--ink);color:#fff}.reading-layout{grid-template-columns:210px minmax(0,1fr);gap:70px;display:grid}.reading-layout aside{border-top:1px solid var(--ink);padding-top:20px;font-size:13px}.reading-layout aside dt{color:var(--muted);margin-top:18px}.reading-layout aside dd{overflow-wrap:anywhere;margin:2px 0}.detail-key{overflow-wrap:anywhere;letter-spacing:0;font-size:clamp(26px,3.3vw,42px)}.summary,.reading-text,.prose{font-family:var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;max-width:38em;font-size:19px;line-height:1.85}.prose{white-space:normal}.cross-links{border-top:1px solid var(--line);margin-top:45px;padding-top:20px}.cross-links ul{padding-left:20px}.cross-links a{overflow-wrap:anywhere}.timeline-year{border-top:1px solid var(--line);grid-template-columns:100px 1fr;gap:24px;padding:24px 0;display:grid}.timeline-year h2{margin:0;font:32px Georgia,serif}.timeline-year ul{margin:0;padding:0;list-style:none}.timeline-year li{overflow-wrap:anywhere;padding:5px 0}.timeline-year small{display:block}.reader{border-top:1px solid var(--line);margin-top:36px;padding-top:20px}.reading-text{margin-bottom:20px}.reading-chunk{white-space:pre-wrap}.reader-status{color:var(--muted);font-size:13px}footer{border-top:1px solid var(--ink);padding:28px 0 30px}.centuries{flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:13px;display:flex}.centuries a{text-decoration:none}.centuries small{font-size:11px;display:block}.footer-note{color:var(--muted);justify-content:space-between;gap:20px;margin-top:36px;font-size:12px;display:flex}.skip{background:var(--paper);z-index:10;padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:0}.empty{padding:40px 0}.notice{border-left:3px solid var(--ink);background:var(--tint);padding:12px 20px}[hidden]{display:none!important}@media (width<=800px){.site-header,main,footer{width:calc(100% - 36px)}.site-header{flex-direction:column;align-items:start;gap:15px;padding:22px 0}.site-header nav{gap:27px}.hero{grid-template-columns:1fr;gap:12px;padding-bottom:30px}.hero h1{font-size:39px}.spine{margin-top:0}.spine .stats{margin:18px 0}.type-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr;padding:14px}.filters label:first-child{grid-column:1/-1}.filters button{grid-column:2}.reading-layout{grid-template-columns:1fr;gap:24px}.reading-layout aside dl{grid-template-columns:65px 1fr;gap:8px;display:grid}.reading-layout aside dt,.reading-layout aside dd{margin:0}.book-row{grid-template-columns:62px 1fr;gap:16px}.timeline-year{grid-template-columns:65px 1fr;gap:16px}main{padding-top:30px}.footer-note{flex-direction:column;gap:6px}.summary,.reading-text,.prose{font-size:18px}.centuries{justify-content:flex-start;gap:20px 28px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}