@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Noto+Sans+JP:wght@400;500&family=Shippori+Mincho:wght@400;500;600&display=swap');

:root{color-scheme:dark;--night:#020313;--gold:#d6a84f;--light-gold:#f2d58a;--crystal:#fff4e3;--muted:#c8c3cb}
*{box-sizing:border-box}
html{min-width:320px;background:var(--night)}
body{margin:0;color:var(--crystal);background:radial-gradient(ellipse at 50% 0,rgba(109,80,127,.18),transparent 620px),var(--night);font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
body::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
main{max-width:1040px;margin:0 auto;padding:76px 32px 80px}
.page-heading{text-align:center;margin-bottom:52px;animation:arrive .8s both}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 12px;color:var(--light-gold);font-family:'Cormorant Garamond',serif;font-size:20px;letter-spacing:.24em;font-weight:400}
.eyebrow::before,.eyebrow::after{content:'';width:40px;height:1px;background:linear-gradient(90deg,transparent,#d6a84f85)}
.eyebrow::after{transform:rotate(180deg)}
h1{font-family:'Shippori Mincho',serif;font-size:clamp(28px,5vw,43px);font-weight:500;line-height:1.65;letter-spacing:.12em;margin:0}
.heading-line{display:block;width:36px;height:1px;margin:25px auto 0;background:var(--gold);position:relative}
.heading-line::after{content:'';position:absolute;width:5px;height:5px;top:-2px;left:16px;transform:rotate(45deg);background:var(--gold)}
.qa-list{max-width:820px;margin:0 auto;display:grid;gap:18px}
.entry{position:relative;border:1px solid rgba(214,168,79,.23);background:linear-gradient(125deg,rgba(27,24,48,.7),rgba(10,12,30,.75));animation:arrive .7s both;animation-delay:calc(var(--order,0)*70ms)}
.qa-entry{padding:26px 30px 28px}
.question{display:flex;gap:18px;align-items:baseline;margin:0 0 16px;font-family:'Shippori Mincho',serif;font-size:18px;line-height:1.85;font-weight:500;letter-spacing:.025em}
.q-mark{flex-shrink:0;color:var(--light-gold);font-family:'Cormorant Garamond',serif;font-size:25px;letter-spacing:.04em;line-height:1.2}
.answer{display:flex;gap:20px;margin:0;color:var(--muted);font-size:15px;line-height:2.05;letter-spacing:.025em}
.a-mark{color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:22px;flex-shrink:0;line-height:1.5}
.draft-note{font-size:12px;color:var(--muted);line-height:1.8;margin:22px 0 0;letter-spacing:.025em}
.voice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.voice-entry{padding:28px 30px 32px}
.voice-number{display:block;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:28px;line-height:1.2;letter-spacing:.07em;margin-bottom:19px}
.voice-entry p{font-size:15px;line-height:2.15;letter-spacing:.035em;margin:0;color:var(--crystal)}
@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:640px){main{padding:48px 20px 42px}.page-heading{margin-bottom:32px}.eyebrow{font-size:18px;gap:14px}.eyebrow::before,.eyebrow::after{width:28px}h1{letter-spacing:.08em}.heading-line{margin-top:20px}.qa-list{gap:14px}.qa-entry{padding:22px 20px}.question{font-size:16px;gap:13px;margin-bottom:12px}.q-mark{font-size:23px}.answer{font-size:14px;gap:15px;line-height:2}.a-mark{font-size:20px}.voice-list{grid-template-columns:1fr;gap:16px}.voice-entry{padding:24px}.voice-number{font-size:25px;margin-bottom:15px}.voice-entry p{font-size:15px;line-height:2.05}.draft-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}