/* 愛の風景：物語を邪魔しない、余白のある読み物テンプレート */
:root{--bg:#171014;--surface:#22171d;--surface-2:#2a1c24;--border:#493039;--accent:#c77e9b;--accent-soft:#f0bfd0;--text:#f7edf1;--muted:#c1aab3;--max:1080px}
*{box-sizing:border-box}body{background:linear-gradient(180deg,#1d1118,#171014 38rem);font-size:16px;line-height:2}header{padding:72px 24px 52px;background:radial-gradient(ellipse at 50% -30%,rgba(199,126,155,.25),transparent 60%),#1a1016;border:0}header::before{display:none}.site-title{font-size:clamp(32px,4.6vw,54px);letter-spacing:.07em}.site-tagline{font-size:14px;color:#d2b9c3}.container{max-width:var(--max);padding-inline:28px}nav{position:sticky;top:0;z-index:20;background:rgba(23,16,20,.94);backdrop-filter:blur(14px);border-color:var(--border);scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{padding:15px 22px}nav a:hover,nav a.active{color:var(--accent-soft)}
.hero-quote{padding:70px 0 50px;border:0}.hero-quote blockquote{max-width:700px;font-size:clamp(19px,2.1vw,27px);line-height:2.05;color:var(--accent-soft)}.section{padding:72px 0;border-color:var(--border)}.section-title{font-size:clamp(25px,3vw,36px);letter-spacing:.03em}.section-body{max-width:760px;font-size:15px}.novel-grid,.theme-grid,.content-grid{gap:18px}.novel-card,.theme-card,.content-card,.sister-card{border:1px solid var(--border)!important;border-radius:16px!important;background:linear-gradient(145deg,#261920,#1d1419)!important;box-shadow:0 12px 34px rgba(0,0,0,.16);transition:.2s}.novel-card:hover,.theme-card:hover,.content-card:hover,.sister-card:hover{border-color:var(--accent)!important;transform:translateY(-3px)}.novel-card,.theme-card,.content-card{padding:28px!important}.novel-title,.theme-name,.content-title,.sister-name{color:var(--accent-soft)!important}.btn{border-radius:999px}.btn-primary{background:var(--accent);color:#251017}.btn-outline{border-color:#84505f;color:var(--accent-soft)}
article,.article{max-width:820px;margin-inline:auto}footer{background:#130d10!important;border-top:1px solid var(--border)}@media(max-width:760px){header{padding:54px 20px 40px}.container{padding-inline:20px}.section{padding:50px 0}.hero-quote{padding:52px 0 36px}.novel-card,.theme-card,.content-card{padding:22px!important}}
@media(max-width:760px){nav{overflow:visible;flex-wrap:wrap}nav a{padding:11px 10px;font-size:.7rem}}