[hidden]{display:none!important}.subpage{padding-top:110px;min-height:60vh}.reader-panel{max-width:860px;margin:24px auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;min-width:0}.reader-panel h1{font-size:28px;line-height:1.5;margin-bottom:20px}.reader-panel h2{font-size:23px;margin:24px 0 14px}.reader-panel h3{font-size:18px;margin:22px 0 12px}.reader-panel p,.reader-panel ol{line-height:1.9;color:var(--text-sub);margin:12px 0}.reader-panel ol{list-style:decimal;padding-left:22px}.reader-panel a,.reader-actions a,.chapter-nav a,.cert-meta a{color:var(--primary-color)}.reader-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.reader-actions a,.reader-actions button{font:inherit;padding:10px 15px;min-height:44px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--card-bg);color:var(--text-main);cursor:pointer}.reader-actions [aria-pressed=true]{background:var(--primary-color);color:#000}.chapter-nav{display:flex;overflow:auto;gap:10px;max-width:860px;margin:20px auto}.chapter-nav a{flex-shrink:0;white-space:nowrap;padding:10px 14px;border:1px solid var(--border-color);border-radius:30px;background:var(--card-bg)}.reader p{font-size:18px;line-height:2.15;overflow-wrap:anywhere}.reader.large p{font-size:21px}.reader section{scroll-margin-top:90px}.search-input{width:100%;padding:12px 18px;border:1px solid var(--border-color);border-radius:30px;color:var(--text-main);background:var(--card-bg);font:inherit;margin:16px 0}.drama-img-wrapper>a{display:block;height:100%}.rank-info,.pick-content{min-width:0}.rank-thumb,.rank-num{flex-shrink:0}.rank-tag{max-width:85px;text-align:center}.story-cover{margin:20px auto}.hero-visual{min-width:280px}.cert-meta p{font-size:13px;color:var(--text-sub);line-height:1.8}.faq-item[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}@media(max-width:576px){.reader-panel{padding:20px 16px}.reader-panel h1{font-size:24px}.reader p{font-size:16px;line-height:2.05}.reader.large p{font-size:19px}.section-header{gap:12px}.section-link{flex-shrink:0}.rank-item{padding:15px 10px}.rank-num{width:30px}.hero-visual{width:100%}.hero-stats{gap:24px}.hero-inner{gap:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual-circle{animation:none}*{transition:none!important}}
.pick-img{height:160px}

/* Clip only rotating hero decoration to its section. */
.hero{overflow:hidden}