.language-switcher{display:inline-flex;gap:2px;padding:3px;border:1px solid rgba(30,144,255,.35);border-radius:999px;background:#fff}.language-switcher a{min-width:34px;padding:7px 9px!important;border-radius:999px;text-align:center;color:#000080!important;font-size:12px;font-weight:900}.language-switcher a.active{background:#1e90ff;color:#fff!important}.story-toc a.active{color:#000080;font-weight:900}.story-toc a.active span{transform:translate(2px,-2px)}
.story-page{padding:78px 0 100px;background:#fff}.story-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:70px;align-items:start}.story-toc{position:sticky;top:120px;padding:30px;border-radius:22px;background:#eef4f8;border:1px solid #dce7ef}.story-toc>strong{display:block;margin-bottom:20px;color:#004f66;font-size:20px}.story-toc nav{display:grid}.story-toc a{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #d5e1e7;color:#26333b;font-weight:600}.story-toc a:last-child{border-bottom:0}.story-toc a span{color:#1e90ff}.story-content{min-width:0}.story-entry{display:grid;grid-template-columns:34px minmax(0,1fr);gap:18px;scroll-margin-top:120px}.story-marker{position:relative;display:flex;justify-content:center}.story-marker:after{content:"";position:absolute;top:44px;bottom:0;width:4px;border-radius:4px;background:#000080}.story-entry:last-child .story-marker:after{display:none}.story-marker span{position:relative;z-index:1;width:17px;height:17px;margin-top:16px;border:5px solid #fff;border-radius:50%;background:#1e90ff;box-shadow:0 0 0 3px #000080}.story-copy{padding:0 0 70px}.story-copy>small{display:block;color:#1e90ff;font-weight:900;letter-spacing:.16em}.story-copy h2{max-width:850px;margin:7px 0 22px;color:#004f66;font-size:clamp(32px,4vw,52px);line-height:1.12}.story-copy figure{margin:30px 0 0}.story-copy figure img{display:block;width:100%;max-height:650px;object-fit:cover;border-radius:22px}.story-copy .button{display:inline-flex;margin-top:22px}
@media(max-width:980px){.story-layout{grid-template-columns:1fr;gap:42px}.story-toc{position:relative;top:auto}.story-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}@media(max-width:640px){.language-switcher{margin:8px 0}.story-page{padding:45px 0 70px}.story-toc nav{grid-template-columns:1fr}.story-entry{grid-template-columns:22px minmax(0,1fr);gap:10px}.story-copy h2{font-size:30px}.story-copy{padding-bottom:48px}}
