/* Site-specific reading additions; the retained template CSS stays unchanged. */
.skip-link{position:fixed;top:8px;left:8px;z-index:200;background:#fff;color:var(--deep);padding:10px 16px;border-radius:12px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.guide-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.guide-toc a{border:1px solid #f5d5e7;background:var(--bg);padding:12px 16px;border-radius:12px;font-size:14px;color:var(--deep)}
.guide-section{border-top:1px solid #f5d5e7;margin-top:30px;padding-top:10px}
.story-card .guide-section h4{font-size:20px;line-height:1.6}
.guide-method{margin:20px 0}
.guide-method h5{font-size:16px;line-height:1.8;color:var(--deep);margin-bottom:6px}
.source-note{margin-top:16px;padding:18px 20px;background:#faf5ff;border-left:3px solid var(--purple);border-radius:0 12px 12px 0}
.source-note a{text-decoration:underline;text-underline-offset:3px;color:#6d28d9}
.source-note p:last-child{margin-bottom:0}
.shot-figure{margin:24px 0 8px}
.shot-figure img{width:100%;height:auto;border-radius:16px}
.shot-figure figcaption{font-size:13px;line-height:1.9;color:var(--gray);margin-top:10px}
.logo>span{white-space:nowrap}
.logo small{display:block;margin-left:0;line-height:1.2}
@media(max-width:1100px){.nav-links{display:none}}
@media(max-width:600px){html{scroll-padding-top:155px}.guide-toc{grid-template-columns:1fr}.story-card .guide-section h4{font-size:18px}.source-note{padding:14px}.shot-figure{overflow-x:auto}.shot-figure img{min-width:720px}.shot-figure figcaption{min-width:0}.sec-head .more{font-size:14px}}