@import url("../japan/styles.css");

:root{--ink:#22312e;--muted:#68716e;--paper:#e9e4d8;--paper2:#d8d2c3;--night:#1d302c;--night2:#2d4a43;--white:#fffaf0;--red:#a34f3b;--red2:#d08a55;--gold:#c5a866;--line:rgba(34,49,46,.19);--line2:rgba(255,250,240,.2)}
body{background-color:var(--paper);background-image:radial-gradient(rgba(29,48,44,.055) .6px,transparent .7px);background-size:7px 7px}
.seal{border-radius:45% 55% 48% 52%;background:var(--red);font-family:var(--serif);font-weight:700}
.site-header.scrolled{background:rgba(233,228,216,.94)}
.volume-switch{white-space:nowrap}.volume-switch a.active{color:var(--white)}
.hero{background:var(--night)}
.hero:before{content:"";position:absolute;inset:11% auto auto 4%;width:230px;height:230px;border:1px solid rgba(197,168,102,.2);border-radius:50%;box-shadow:0 0 0 24px rgba(197,168,102,.045),0 0 0 52px rgba(197,168,102,.025);pointer-events:none}
.hero-image-wrap{inset:0 0 0 52%;overflow:hidden;background:radial-gradient(circle at 58% 43%,rgba(208,138,85,.35),transparent 20%),linear-gradient(135deg,#12231f 0%,#2d4a43 44%,#12231f 100%)}
.hero-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 0%,rgba(29,48,44,.96) 20%,rgba(29,48,44,.52) 65%,rgba(29,48,44,.16) 100%),linear-gradient(0deg,rgba(29,48,44,.8),transparent 58%)}
.hero-ink{background:linear-gradient(135deg,transparent 0 52%,rgba(208,138,85,.18) 52.2% 52.5%,transparent 52.7% 100%),repeating-linear-gradient(165deg,transparent 0 28px,rgba(255,250,240,.045) 29px 30px,transparent 31px 64px);opacity:.72}
.hero-orbit{position:absolute;z-index:1;border:1px solid rgba(255,250,240,.2);border-radius:50%;transform:rotate(-18deg)}
.orbit-one{right:10%;top:16%;width:360px;height:520px}.orbit-two{right:-3%;top:32%;width:310px;height:430px;border-color:rgba(208,138,85,.45)}
.hero-slate{position:absolute;z-index:2;right:15%;top:28%;display:grid;place-items:center;width:190px;height:260px;color:#e8d5ab;border:1px solid rgba(232,213,171,.5);background:rgba(18,35,31,.28);box-shadow:18px 20px 0 rgba(0,0,0,.11);font-family:var(--serif);transform:rotate(4deg)}
.hero-slate span{font-size:62px;line-height:1}.hero-slate i,.hero-slate b{font-size:15px;font-style:normal;font-weight:500;letter-spacing:.12em}.hero-slate b{color:#e4a66f}
.hero-copy{width:min(820px,68vw)}.hero h1{font-size:clamp(58px,7vw,106px);letter-spacing:-.07em;line-height:.93}.kicker{color:#e7c58a}.hero-intro{max-width:720px}.hero-caption{border-color:rgba(255,250,240,.22)}
.primary,.question-button.active,.filters button.active{background:var(--red);border-color:var(--red)}
.daily{background:#74423b}.timeline-intro,.lab{background:var(--night)}.period-rail{background:#172822}.period-nav-button:hover,.period-nav-button:focus-visible{background:#315046}.period-number{color:rgba(163,79,59,.25)}.person-row:hover,.index-row:hover{background:rgba(163,79,59,.075)}.term-node.active{background:var(--red);border-color:var(--red)}
.person-row small,.index-row small,.dialog-title>span{direction:auto;unicode-bidi:plaintext;font-family:var(--serif)}.term-node span,.daily-quote>p,.quote-original{font-family:var(--serif)!important;direction:auto;unicode-bidi:plaintext}
.argument-steps{background:#29443d!important}.dialog-rich h3{color:#914636}.argument-steps h3,.argument-steps li:before{color:#e5c67d}.related-buttons button:hover{background:var(--red);border-color:var(--red)}.source-links a:hover{border-color:var(--red)}
.question-panel:before{content:"人";font-family:var(--serif);color:rgba(163,79,59,.1)}.term-detail:after{content:"民";font-family:var(--serif);color:rgba(163,79,59,.07);direction:ltr}.term-detail{position:relative}
.period-shift{margin-top:24px;padding-top:18px;border-top:1px solid rgba(197,168,102,.4)}.period-shift span{display:block;color:var(--red2);font-size:9px;font-weight:700;letter-spacing:.12em}.period-shift p{max-width:760px;margin:8px 0 0;color:var(--muted);font-family:var(--serif);font-size:16px;line-height:1.65}.period-header>p:nth-of-type(2){max-width:860px;margin:0;color:rgba(255,250,240,.58);font-size:12px;line-height:1.9}
.cross-reading{margin-top:58px;padding-top:22px;border-top:1px solid var(--line)}.cross-reading-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:10px}.cross-reading-head span{color:var(--red2);font-size:10px;letter-spacing:.12em}.cross-reading-head p{margin:0;color:var(--muted);font-size:11px}.cross-reading-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line2)}.cross-reading-list a{display:grid;gap:8px;padding:18px 18px 18px 0;color:var(--white);border-bottom:1px solid var(--line2);text-decoration:none}.cross-reading-list a+a{padding-left:18px;border-left:1px solid var(--line2)}.cross-reading-list span{color:var(--red2);font-size:10px}.cross-reading-list strong{font-family:var(--serif);font-size:20px;font-weight:500}.cross-reading-list small{color:var(--muted);font-size:10px;line-height:1.6}.cross-reading-list a:hover strong{color:var(--red2)}
@media(max-width:1080px){.volume-switch a:nth-child(2),.volume-switch a:nth-child(3){display:none}}
@media(max-width:920px){.volume-switch a:nth-child(4){display:none}.hero-image-wrap{inset:0 0 0 48%}.hero-copy{width:min(700px,72vw)}.hero-slate{right:10%;transform:scale(.86) rotate(4deg)} }
@media(max-width:720px){.volume-switch{display:none}.hero-image-wrap{inset:0 0 auto 20%;height:64%}.hero-copy{width:100%}.hero h1{max-width:100%;font-size:clamp(42px,11.5vw,62px);line-height:1;letter-spacing:-.08em;overflow-wrap:normal}.hero-slate{right:8%;top:22%;width:130px;height:180px}.hero-slate span{font-size:42px}.orbit-one{right:-12%;top:10%;width:250px;height:360px}.orbit-two{right:-18%;top:26%;width:220px;height:300px}.hero:before{width:120px;height:120px;left:-30px}.cross-reading-head{align-items:flex-start;flex-direction:column;gap:8px}.cross-reading-list{grid-template-columns:repeat(2,1fr)}.cross-reading-list a{padding:16px 12px 16px 0}.cross-reading-list a+a{padding-left:12px}.cross-reading-list a:nth-child(2n+1){padding-left:0;border-left:0}.cross-reading-list strong{font-size:17px}}