/* Only story archive pages load this stylesheet. */
.story-index .page-heading{padding-bottom:16px}
.story-index .page-heading h1{margin-bottom:14px}
.story-index .page-heading p:last-child{margin-top:0;line-height:1.6}
.story-index .story-cards{row-gap:30px}
.story-index .story-section{padding-top:22px;padding-bottom:28px}
.story-index .story-image-link{margin-bottom:14px}
.story-index .story-card h2{margin-bottom:10px;line-height:1.18}
html[lang=th] .story-index .story-card h2{line-height:1.3}
.story-index .story-card p:not(.eyebrow){margin-bottom:10px;line-height:1.55}
html[lang=th] .story-index .story-card p:not(.eyebrow){line-height:1.6}
.story-index .story-card>.text-link{margin-top:0;min-height:44px;display:inline-flex;align-items:center;padding-bottom:0}
.story-pagination{padding-bottom:48px}
.pagination-status{margin:0 0 18px;color:#635f58;font-size:13px;text-align:center}
.pagination-links{height:auto;min-height:44px;gap:10px;flex-wrap:wrap;font-size:14px}
.pagination-links a,.pagination-links span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 12px;border:1px solid var(--line)}
.pagination-links [aria-current=page]{background:var(--ink);border-color:var(--ink);color:white}
.pagination-links a:hover{border-color:var(--red);background:var(--soft)}
.pagination-links .pagination-gap{min-width:20px;padding:0;border:0;color:var(--muted)}
@media(max-width:700px){.story-pagination{padding-bottom:36px}.story-index .story-section{padding-top:20px;padding-bottom:24px}.story-index .story-image-link{margin-bottom:12px}.pagination-links{gap:6px}}