/* China Hike journal: editorial features, topic filters and long-form reading. */
.stories-hub{background:var(--paper)}
.stories-intro{padding:70px 0 48px;border-bottom:1px solid var(--line)}
.stories-intro h1{font-size:clamp(3.2rem,6.6vw,6rem);line-height:1.01;letter-spacing:-.045em;margin:22px 0 30px;max-width:18ch}
.stories-intro-bottom{display:flex;justify-content:space-between;gap:36px;align-items:flex-end}
.stories-intro-bottom p{max-width:64ch;font-size:1.08rem;color:var(--ink-2);margin:0}
.story-jump{white-space:nowrap;font-size:.86rem;font-weight:600;padding-bottom:5px;border-bottom:1px solid var(--clay)}.story-jump span{margin-left:18px}
.stories-featured{padding:36px 0 62px}.stories-section-label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.stories-section-label p{margin:0}.stories-section-label>span{font-size:.8rem;color:var(--ink-2)}
.stories-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.story-image{overflow:hidden;display:block;background:var(--cream-2)}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.story-feature{display:flex;flex-direction:column;min-width:0}.story-feature .story-image{position:relative;aspect-ratio:16/10;border-radius:3px;flex-shrink:0}.story-feature .story-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-feature .story-copy{display:flex;flex-direction:column;flex:1}.story-feature .story-more{align-self:flex-start;margin-top:auto}
.story-image:hover img{transform:scale(1.025)}
.story-copy{padding:21px 0 0}.story-meta{display:flex;gap:18px;justify-content:space-between;align-items:baseline;color:var(--clay);font-size:.69rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;margin:0 0 12px}.story-meta span:last-child{white-space:nowrap;font-weight:400;letter-spacing:0;color:var(--ink-2);text-transform:none}
.story-feature h2{font-size:clamp(1.7rem,2.6vw,2.45rem);line-height:1.13;margin-bottom:14px;letter-spacing:-.025em}
.story-copy>p:not(.story-meta){color:var(--ink-2);font-size:.92rem;line-height:1.7;max-width:58ch}
.story-more{display:inline-flex;align-items:center;gap:20px;font-size:.85rem;font-weight:600;padding:8px 0;border-bottom:1px solid var(--line);color:var(--clay)}.story-more:hover{border-color:var(--clay)}
.stories-library{padding:58px 0 80px;background:#fff;border-top:1px solid var(--line)}.stories-library .sec-head{margin-bottom:30px}.stories-library h2{letter-spacing:-.025em}
.stories-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stories-categories{display:flex;gap:8px;flex-wrap:wrap}.story-chip{font:inherit;font-size:.82rem;color:var(--ink-2);background:transparent;border:1px solid transparent;border-radius:999px;padding:10px 14px;cursor:pointer}.story-chip[aria-pressed="true"]{background:var(--forest);color:#fff;border-color:var(--forest)}.story-chip:hover{border-color:var(--line)}
.story-search{margin:0;flex:0 1 290px}.story-search label{display:block;font-size:.72rem;font-weight:600;margin-bottom:5px}.story-search>div{display:flex;border-bottom:1px solid var(--ink-2)}.story-search input{background:transparent;border:0;min-width:0;width:100%;font:inherit;font-size:.85rem;padding:10px 8px 10px 0;color:var(--ink)}.story-search button{font:inherit;font-size:.78rem;border:0;background:transparent;cursor:pointer;color:var(--clay);font-weight:600;padding:8px 0 8px 12px}
.stories-results-bar{display:flex;justify-content:space-between;align-items:center;min-height:62px;font-size:.78rem;color:var(--ink-2)}.stories-results-bar p{margin:0}.stories-reset{font:inherit;color:var(--clay);border:0;background:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}.story-card{min-width:0;display:flex;flex-direction:column}.story-card .story-image{aspect-ratio:1.43;border-radius:3px}.story-card .story-copy{display:flex;flex-direction:column;flex:1}.story-card h3{font-size:1.5rem;letter-spacing:-.025em;line-height:1.2;margin:0 0 12px;display:block;max-height:none;overflow:visible;-webkit-line-clamp:unset}.story-card h3 a:hover,.story-feature h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.story-card .story-more{align-self:flex-start;margin-top:auto}
.stories-no-results{padding:48px 22px;background:var(--paper);text-align:center;margin-top:16px}.stories-no-results p{margin:0;color:var(--ink-2)}
.stories-closing{padding:66px 0;background:var(--cream)}.stories-closing h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.035em}.stories-closing p:not(.eyebrow){max-width:60ch;color:var(--ink-2)}
[data-stories-featured][hidden],[data-story][hidden],[data-story-empty][hidden],[data-story-reset][hidden]{display:none!important}
.story-heading{padding-top:40px;padding-bottom:32px}.story-heading h1{font-size:clamp(2.5rem,5vw,4.2rem);letter-spacing:-.035em;max-width:23ch}.story-heading .guide-answer{font-size:1.08rem;max-width:83ch;margin-bottom:0}.guide-byline span{margin:0 9px}.story-hero{margin:0 auto 48px}.story-hero img{width:100%;aspect-ratio:2.2;object-fit:cover;border-radius:3px}.stories-article .article-layout{grid-template-columns:220px minmax(0,1fr);gap:64px}.stories-article .article-body{max-width:780px}.stories-article .article-section{padding-bottom:28px;margin-bottom:32px}.stories-article .article-section h2{letter-spacing:-.025em}.stories-article .article-body p{font-size:1rem;line-height:1.85}.toc-source{font-size:.8rem;text-decoration:underline;display:block;margin:12px 0 22px}.source-ref{white-space:nowrap;font-size:.8rem}.source-language{font-size:.78rem}.article-source li{margin-bottom:12px;overflow-wrap:anywhere}.article-source a{text-decoration:underline;color:var(--clay)}.story-end{background:var(--cream);padding:30px;margin-top:40px;border-radius:3px}.story-end h2{font-size:1.9rem}.story-related{background:#fff;border-top:1px solid var(--line);padding:58px 0 72px}.story-related h2{margin-bottom:30px}
.home-guides .story-card h3{font-size:1.45rem}.home-guides .story-card{background:transparent;border:0;box-shadow:none}.home-guides .grid-3{gap:28px}
.story-chip:focus-visible,.story-search button:focus-visible,.story-more:focus-visible,.story-jump:focus-visible,.story-card a:focus-visible,.story-feature a:focus-visible{outline:2px solid var(--clay);outline-offset:5px}
@media(max-width:1000px){.stories-toolbar{align-items:stretch;flex-direction:column;gap:16px}.story-search{flex:auto;max-width:460px}.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stories-article .article-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}}
@media(max-width:800px){.stories-intro{padding:42px 0 32px}.stories-intro-bottom{display:block}.story-jump{display:inline-block;margin-top:24px}.stories-feature-grid{grid-template-columns:1fr;gap:34px}.stories-featured{padding-bottom:42px}.stories-article .article-layout{display:block}.stories-article .article-toc{position:static;margin-bottom:36px}.stories-article .article-toc ol{columns:2}.story-hero{margin-bottom:32px}.story-hero img{aspect-ratio:1.7}.stories-library{padding-top:40px}}
@media(max-width:560px){.stories-intro h1{font-size:3.55rem}.stories-intro-bottom p{font-size:1rem}.stories-section-label>span{display:none}.stories-grid{grid-template-columns:1fr;gap:36px}.stories-categories{gap:4px}.story-chip{padding:9px 12px;font-size:.76rem}.story-card .story-image{aspect-ratio:1.6}.story-feature h2{font-size:1.85rem}.story-heading h1{font-size:2.6rem}.story-heading .guide-answer{font-size:1rem}.stories-article .article-toc ol{columns:1}.story-end{padding:24px}.guide-byline{line-height:1.9}.guide-byline span{margin:0 5px}.stories-closing{padding:46px 0}}
@media(prefers-reduced-motion:reduce){.story-image img{transition:none}.story-image:hover img{transform:none}}
/* Keep the narrow desktop contents column readable across shared breakpoints. */
.stories-article .article-toc ol{columns:1}
.story-copy>p.story-credit{font-size:.74rem;line-height:1.6;color:var(--ink-2);margin:0 0 16px;overflow-wrap:anywhere}
.reading-origin{display:flex;align-items:baseline;justify-content:space-between;gap:16px 30px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:.84rem}
.reading-origin p{margin:0;color:var(--ink-2)}.reading-origin a{color:var(--clay);text-decoration:underline;text-underline-offset:4px}
.story-hero figcaption{font-size:.74rem;line-height:1.6;color:var(--ink-2);margin-top:10px}
.article-source .original-title{font-weight:600}.article-source a.source-original{color:#fff;text-decoration:none;white-space:normal}
@media(min-width:561px) and (max-width:800px){.stories-article .article-toc ol{columns:2}}