:root{--paper:#eee9df;--ink:#171713;--red:#9e3129;--line:#bdb4a4;--serif:"Noto Serif SC",serif;--sans:"Source Sans 3","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit}button,input,select{font:inherit}.page-section[hidden]{display:none!important}.hero{min-height:850px;color:#f5f0e7;background:radial-gradient(circle at 78% 42%,#5a2926 0,transparent 27%),repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 5px),#20201d;padding:0 max(4vw,28px);overflow:hidden}.hero.compact{min-height:88px}.hero.compact .hero-layout,.hero.compact .hero-facts{display:none}.hero nav{max-width:1400px;height:88px;margin:auto;border-bottom:1px solid #ffffff2f;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.brand{font:400 1rem var(--serif);letter-spacing:.2em;text-decoration:none}.brand b{color:#d1574c}.hero nav>div{display:flex;gap:32px}.hero nav>div a{position:relative;font-size:.76rem;letter-spacing:.08em;text-decoration:none;color:#d0cbc1;white-space:nowrap}.hero nav>div a.active{color:#fff}.hero nav>div a.active:after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:2px;background:#d1574c}.hero-layout{max-width:1400px;min-height:630px;margin:auto;display:grid;grid-template-columns:1fr .9fr;align-items:center}.kicker,.section-label{color:var(--red);font-size:.68rem;font-weight:700;letter-spacing:.23em}.hero .kicker{color:#e4675b}.hero h1{font:900 clamp(4.8rem,9.3vw,9.5rem)/.68 var(--serif);margin:.28em 0 .38em;letter-spacing:-.06em}.hero h1 em{font-weight:400;color:#d85347}.cn-title{font:600 1.45rem var(--serif);letter-spacing:.1em}.lead{max-width:590px;color:#beb9af;line-height:1.9;margin:28px 0}.primary-button{display:inline-flex;align-items:center;gap:36px;background:var(--red);color:white;padding:14px 22px;text-decoration:none;font-weight:600}.cover-stage{height:530px;position:relative}.cover-stage img{position:absolute;width:310px;height:440px;object-fit:cover;box-shadow:0 24px 45px #0008;filter:sepia(.08)}.cover-stage img:first-child{right:21%;top:10px;transform:rotate(4deg);z-index:2}.cover-stage img:nth-child(2){right:3%;top:62px;transform:rotate(13deg);opacity:.7}.stamp{position:absolute;left:10%;bottom:16%;z-index:3;width:125px;height:125px;background:var(--red);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-8deg);font-size:.72rem;letter-spacing:.08em}.stamp strong{font:700 2.2rem var(--serif)}.hero-facts{max-width:1400px;margin:auto;border-top:1px solid #ffffff2f;display:grid;grid-template-columns:repeat(4,1fr)}.hero-facts div{padding:25px;border-right:1px solid #ffffff2f}.hero-facts div:first-child{padding-left:0}.hero-facts div:last-child{border:0}.hero-facts strong{font:600 1.25rem var(--serif);display:block}.hero-facts span{font-size:.7rem;color:#99958e;letter-spacing:.08em}.portrait{max-width:1280px;margin:auto;padding:120px max(4vw,28px);display:grid;grid-template-columns:1fr 1fr;gap:12vw}.portrait h2,.issues h2,.context h2{font:700 clamp(2.2rem,4.7vw,4.3rem)/1.3 var(--serif);margin:.2em 0}.portrait-text>p{font:400 1.05rem/2 var(--serif);margin-top:0}.portrait blockquote{font:600 1.35rem/1.8 var(--serif);margin:42px 0;padding:25px 0;border-block:1px solid var(--ink)}.portrait .source-note{font:400 .72rem var(--sans);color:#6c685f}.issues{padding:110px max(4vw,28px);background:#dcd4c7}.issues-heading,.toolbar,.year-tabs,.issue-grid,.archive-credit{max-width:1400px;margin-inline:auto}.issues-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink)}.collection-count{display:flex;align-items:baseline;gap:12px;padding-bottom:22px}.collection-count strong{font:700 3.2rem var(--serif);color:var(--red)}.collection-count span{font-size:.72rem}.toolbar{display:flex;justify-content:space-between;gap:30px;padding:28px 0}.search{display:flex;align-items:center;gap:12px;flex:1;border-bottom:1px solid var(--ink);max-width:650px}.search input{width:100%;border:0;background:transparent;padding:10px 0;outline:0}.search kbd{font-size:.65rem;color:#6e685e}.sort-label{font-size:.75rem;color:#6e685e}.sort-label select{border:0;background:transparent;padding:10px}.year-tabs{display:flex;flex-wrap:wrap;border-block:1px solid var(--line)}.year-tab{border:0;border-right:1px solid var(--line);background:transparent;padding:13px 20px;cursor:pointer}.year-tab.active{background:var(--ink);color:white}.year-tab sup{color:var(--red)}.issue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px 24px;padding:45px 0 80px}.issue-card{cursor:pointer;outline:none}.issue-card:focus .cover-wrap,.issue-card:hover .cover-wrap{transform:translateY(-7px);box-shadow:0 20px 35px #51493e4d}.cover-wrap{position:relative;aspect-ratio:.72;background:#bbb2a3;transition:.2s}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.08) contrast(.95)}.open-mark{position:absolute;right:10px;bottom:10px;width:37px;height:37px;border-radius:50%;display:grid;place-content:center;background:var(--red);color:white;opacity:0;transition:.2s}.issue-card:hover .open-mark{opacity:1}.issue-meta{display:flex;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--ink);margin-top:12px}.issue-meta p{font-size:.62rem;letter-spacing:.15em;color:#777066;margin:0}.issue-meta h3{font:600 1.15rem var(--serif);margin:.15em 0}.issue-meta>span{font-size:.7rem;color:#777066}.empty{text-align:center;padding:70px}.empty button{display:block;margin:20px auto;border:1px solid var(--ink);background:transparent;padding:8px 14px}.archive-credit{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:48px 0 0;border-top:2px solid var(--ink)}.archive-credit h3{font:600 2rem var(--serif);margin:.2em 0}.archive-credit p{line-height:1.8}.archive-credit a{color:var(--red);text-underline-offset:5px}.context{padding:110px max(4vw,28px);max-width:1400px;margin:auto;display:grid;grid-template-columns:.65fr 1.35fr;gap:9vw}.context-intro>p:not(.section-label){line-height:1.8;color:#68645c}.context-list{border-top:2px solid var(--ink)}.context-card{display:grid;grid-template-columns:45px 1fr 40px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);cursor:pointer}.context-card>span{font:400 1.5rem var(--serif);color:#aaa296}.context-card p{font-size:.65rem;letter-spacing:.08em;color:var(--red);margin:0}.context-card h3{font:600 1.05rem/1.5 var(--serif);margin:.3em 0}.context-card button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent}.context-card:hover button{background:var(--red);color:white;border-color:var(--red)}footer{background:var(--ink);color:#aaa69d;padding:35px max(4vw,28px);display:flex;justify-content:space-between;align-items:center;font-size:.72rem}dialog{width:min(1000px,94vw);max-height:92vh;border:0;padding:0;background:var(--paper);box-shadow:0 30px 90px #0009}dialog::backdrop{background:#11110edb;backdrop-filter:blur(4px)}.dialog-close{position:fixed;right:max(5vw,22px);top:4vh;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:1.5rem}.issue-detail{display:grid;grid-template-columns:.85fr 1.15fr;min-height:650px}.detail-cover{background:#292824;padding:50px;display:grid;place-items:center}.detail-cover img{max-width:100%;max-height:570px;box-shadow:0 15px 35px #0008}.detail-copy{padding:70px 55px}.detail-copy h2,.context-detail h2{font:700 clamp(2.3rem,5vw,4rem)/1.25 var(--serif);margin:.25em 0}.detail-copy dl{border-block:1px solid var(--line)}.detail-copy dl div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.detail-copy dl div:last-child{border:0}.detail-copy dt{color:#777066}.detail-copy p{line-height:1.8}.detail-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:30px 0}.detail-copy small{color:#777066;overflow-wrap:anywhere}.context-detail{padding:80px}.context-tags{display:flex;gap:10px;margin:20px 0}.context-tags span{border:1px solid var(--line);padding:5px 9px;font-size:.7rem}.source-text{font:400 1rem/2 var(--serif);white-space:pre-wrap}.context-detail blockquote{border-left:3px solid var(--red);padding-left:18px}.source-link{display:block;color:var(--red);margin-top:18px;overflow-wrap:anywhere}
.law{background:#24231f;color:#ece6db;padding:110px max(4vw,28px)}.law-heading,.law-switch,.period-map,.law-versions,.law-source{max-width:1400px;margin-inline:auto}.law-heading{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-bottom:55px}.law-heading h2{font:700 clamp(2.2rem,4.7vw,4.3rem)/1.25 var(--serif);margin:.2em 0}.law-heading>div:last-child>p{line-height:1.9;color:#bdb6aa}.law-warning{border-left:3px solid var(--red);padding-left:18px}.law-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff35}.law-switch button{border:0;background:transparent;color:#aaa49a;text-align:left;padding:25px 30px;font:600 2rem var(--serif);cursor:pointer}.law-switch button:first-child{border-right:1px solid #ffffff35}.law-switch button span{display:block;font:400 .72rem var(--sans);margin-top:6px;letter-spacing:.08em}.law-switch button.active{background:var(--red);color:#fff}.period-map{display:flex;overflow-x:auto;padding:42px 0 30px}.period-node{min-width:130px;position:relative;border-top:1px solid #777268;padding-top:15px;color:#88837a;font-size:.68rem}.period-node i{position:absolute;width:7px;height:7px;border-radius:50%;background:#777268;top:-4px}.period-node.focus{color:#eee7dc}.period-node.focus i{background:#d75246;box-shadow:0 0 0 4px #d7524633}.law-versions{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.law-version{background:#302f2a;border-top:3px solid #6e6960;padding:30px}.law-version.weimar{border-color:#c9453a}.law-version header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff26;padding-bottom:20px}.law-version header p{font-size:.68rem;color:#d35a4e;letter-spacing:.12em;margin:0}.law-version h3{font:600 1.7rem var(--serif);margin:.25em 0}.law-version header span{font-size:.65rem;color:#aaa49a;text-align:right}.law-change{min-height:48px;color:#c9c2b6;line-height:1.7}.law-version details{border-top:1px solid #ffffff26}.law-version summary{padding:13px 0;cursor:pointer;color:#d6cfc3;font-size:.8rem}.law-text{white-space:pre-wrap;font:400 .88rem/1.8 var(--serif);padding:5px 0 20px;color:#bbb4a9}.law-text.zh{color:#e2dbcf}.law-version>a,.law-source a{display:inline-block;color:#e15a4f;margin-top:18px;text-underline-offset:5px}.law-source{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #ffffff35;margin-top:45px;padding-top:25px;font-size:.75rem;color:#aaa49a}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr}.cover-stage{display:none}.hero{min-height:auto}.hero-layout{min-height:610px}.hero-facts{grid-template-columns:repeat(2,1fr)}.hero-facts div:nth-child(2){border-right:0}.portrait,.context,.law-heading{grid-template-columns:1fr;gap:35px}.issue-grid{grid-template-columns:repeat(3,1fr)}.issue-detail{grid-template-columns:1fr}.detail-cover{padding:35px}.detail-cover img{max-height:440px}.archive-credit{grid-template-columns:1fr;gap:20px}.law-versions{grid-template-columns:1fr}}
@media(max-width:1100px){.hero nav{align-items:flex-start;flex-direction:column;height:auto;padding:18px 0;gap:15px}.hero.compact{min-height:112px}.hero nav>div{width:100%;gap:24px;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}.hero nav>div a{flex:0 0 auto}.hero nav>div a.active:after{bottom:-8px}}
@media(max-width:620px){.hero h1{font-size:4.8rem}.hero-facts{grid-template-columns:1fr 1fr}.portrait,.issues,.context,.law{padding-block:75px}.issue-grid{grid-template-columns:repeat(2,1fr);gap:30px 12px}.toolbar{display:block}.sort-label{display:block;margin-top:15px}.year-tab{padding:10px 13px}.context-card{grid-template-columns:30px 1fr 38px;gap:10px}.context-detail,.detail-copy{padding:60px 25px}footer{align-items:start;flex-direction:column;gap:8px}.issue-meta h3{font-size:.95rem}.law-switch button{font-size:1.45rem;padding:20px 16px}.law-version{padding:22px}.law-source{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover-wrap{transition:none}}
.representation-note{max-width:1400px;margin:34px auto 8px;padding:30px 34px;border-left:4px solid var(--red);background:#eee8de}.representation-note h3{font:600 clamp(1.35rem,2.3vw,2rem)/1.45 var(--serif);margin:.2em 0 .7em}.representation-note>p:not(.section-label){font:400 1rem/1.9 var(--serif);margin:.65em 0;color:#49453e}
@media(max-width:620px){.representation-note{padding:24px 20px}}