/* Reading surfaces have no fixed height; a long scene scrolls with the page. */
.story-reader{max-width:1040px;margin:0 auto;color:#202b2c}.story-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:var(--story-top,78px);z-index:12;padding:10px 0;background:rgba(250,249,244,.97);border-bottom:1px solid #dddfd6}.story-modes,.story-arrows{display:flex;align-items:center;gap:5px}.story-modes .btn,.story-arrows .btn{min-height:44px;border:1px solid transparent;box-shadow:none;padding:10px 14px;border-radius:9px}.story-modes .active{background:#273b37;color:white}.story-progress{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:48px;text-align:center}.story-contents{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0 18px}.story-contents label{display:flex;align-items:center;gap:8px;flex:1;min-width:150px;font-size:13px;color:#606f68}.story-contents select{width:100%;max-width:360px;min-width:0;font-size:14px;padding:10px}.text-button{background:none;border:0;padding:10px 0;color:#315e51;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit;font-size:14px}.story-card{background:#fffefa;border:1px solid #e0e3d9;border-radius:20px;scroll-margin-top:calc(var(--story-top,78px) + 82px - var(--story-page-padding,0px));min-width:0;touch-action:pan-y pinch-zoom;outline-offset:4px}.story-card[hidden]{display:none!important}.story-cover{display:grid;grid-template-columns:1fr 1.05fr}.story-cover>figure{margin:0;align-self:start}.story-cover>figure img{width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:19px 0 0 0}.story-cover figcaption{padding:12px 22px}.story-cover-copy{padding:36px 32px}.story-cover h1{font-size:clamp(28px,3.1vw,42px);line-height:1.3;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere;margin:16px 0}.story-cover .article-subtitle{font-size:18px;line-height:1.65}.story-cover .article-summary{border:0;padding:0;background:none;font-size:17px;line-height:1.85}.story-hint{color:#65726b;font-size:13px;margin-top:22px}.story-text{max-width:800px;margin:auto;padding:36px 40px}.story-text h2{font-size:clamp(24px,2.5vw,32px);line-height:1.4;word-break:keep-all;overflow-wrap:anywhere;margin:12px 0 24px}.story-text .culture-body{font-size:18px;line-height:1.95}.story-text .culture-body h3{font-size:26px;line-height:1.45;margin:14px 0 24px}.story-text .culture-body p{margin:0 0 22px;word-break:normal;overflow-wrap:anywhere}.story-text>.eyebrow{font-size:12px;line-height:1.7;letter-spacing:.04em}.story-text figure{margin:24px 0}.story-card-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e7e8e0;margin:0 32px;padding:18px 0;color:#69746e;font-size:14px}.story-card-footer .btn{box-shadow:none;min-height:44px}.story-sources{margin:28px 0;border-top:1px solid #ccd3c8;padding:20px 0;font-size:16px;line-height:1.8;scroll-margin-top:calc(var(--story-top,78px) + 82px - var(--story-page-padding,0px))}.story-sources>summary{cursor:pointer;font-weight:650;padding:10px 0}.story-sources>.btn{margin:14px 0}.story-recap{font-size:17px;line-height:1.9;border-left:3px solid #d7b636;padding-left:20px;margin:24px 0 32px}.story-participation{padding:20px 0;border-bottom:1px solid #e1e5dd}.story-participation p{font-size:15px;line-height:1.8;color:#607269}.story-ending .culture-experience{margin:24px -12px}.story-reader[data-story-mode=all] .story-card{margin-bottom:24px}.story-reader[data-story-mode=all] .story-hint{display:none}.story-enter{animation:story-in .18s ease-out}@keyframes story-in{from{opacity:.65;transform:translateX(10px)}to{opacity:1;transform:none}}
.topic-comments{margin-top:32px;scroll-margin-top:calc(var(--story-top,78px) + 82px - var(--story-page-padding,0px))}.topic-comments h3{font-size:22px}.topic-comments form{display:grid;gap:10px;margin:16px 0}.topic-comments textarea{width:100%;font-size:16px;line-height:1.7;min-height:100px;resize:vertical}.topic-comment{border-top:1px solid #e0e4da;padding:20px 0}.topic-comment-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:17px;margin:12px 0}.topic-comment .controls{gap:12px}.topic-comment .controls button{min-height:44px}.topic-comment time,.comment-status{font-size:13px;color:#6b756b}.comment-count{font-size:14px;color:#687568;font-weight:normal}.comment-composer .btn{justify-self:start}.story-ending .related-memories{padding-top:26px;border-top:1px solid #e0e4da}.story-ending .related-memories .sectionhead{align-items:flex-start}.story-ending .memory-list{max-height:none;overflow:visible}.story-ending .empty{padding:20px 0;box-shadow:none;border:0;background:none}.story-ending .empty h2{font-size:19px}.story-ending .exp-workbench{grid-template-columns:1fr}.story-ending .exp-controls{display:grid;grid-template-columns:1fr 1fr}.story-ending .exp-light-room,.story-ending .exp-street{min-height:240px}.story-ending .exp-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){.story-controls{gap:5px;padding:8px 0}.story-modes .btn,.story-arrows .btn{font-size:13px;padding:9px 10px}.story-contents{gap:8px}.story-contents label{flex-basis:100%}.story-contents select{max-width:none}.story-cover{display:block}.story-cover>figure img{border-radius:17px 17px 0 0;max-height:320px}.story-cover-copy{padding:22px}.story-cover figcaption{padding:10px 18px;font-size:12px}.story-card{border-radius:18px}.story-text{padding:26px 22px}.story-text .culture-body{font-size:17px;line-height:1.9}.story-text .culture-body h3{font-size:24px}.story-card-footer{margin:0 22px}.story-recap{padding-left:14px}.story-ending .culture-experience{margin:24px -8px;padding:16px}.story-ending .exp-controls{grid-template-columns:1fr}.story-ending .exp-control select{min-height:44px}.story-ending .sectionhead{display:block}.story-ending .sectionhead h2{font-size:23px}.story-participation .btn{white-space:normal;text-align:left;line-height:1.6}.story-ending .memory-card{display:block}}
@media(prefers-reduced-motion:reduce){.story-enter{animation:none}.story-reader *{scroll-behavior:auto!important;transition:none!important}}
@media print{.story-card[hidden]{display:block!important}.story-controls,.story-contents,.story-card-footer,.story-participation,.topic-comments,[data-story-memories],.culture-experience{display:none}.story-card{border:0;break-inside:avoid}.story-sources> :not(summary){display:block!important}}

.story-modes .btn.active,.story-modes .btn.active:hover{background:#273b37;color:#fff}.story-modes .btn:not(.active){background:transparent;color:#34483e}.story-contents label>select{flex:1}.story-contents label{white-space:nowrap}

.exp-sign.digital{padding:0;overflow:hidden;min-height:100px}.sign-poster{display:grid;grid-template-columns:1fr;place-items:center;gap:4px;width:100%;min-height:100px;padding:8px;background:#3a6473;color:#ffe39a}.sign-poster b{font-size:34px;line-height:1}.sign-poster span{font-size:13px}.sign-poster.poster-1{background:#d6ebe1;color:#214e3b}.sign-poster.poster-2{background:#db7868;color:#fff5c5}.exp-button:disabled{opacity:.4;cursor:default}