/* Astana1Life 7.9–8.1 MEGA — editorial clarity, mobile density, stable cards. */
:root{--a1l-reading-measure:74ch;--a1l-card-radius:18px;--a1l-touch:44px}
.article-content{max-width:var(--a1l-reading-measure);font-size:clamp(17px,1.2vw,19px);line-height:1.78;letter-spacing:.002em}
.article-content>p:first-of-type{font-size:1.08em;line-height:1.7}
.article-content :where(h2,h3){scroll-margin-top:96px;line-height:1.18;text-wrap:balance}
.article-content h2{margin-top:2.2em}.article-content h3{margin-top:1.8em}
.article-content :where(ul,ol){padding-inline-start:1.3em}.article-content li+li{margin-top:.45em}
.article-content :where(a){text-underline-offset:.16em;text-decoration-thickness:.08em}
.a1l-card,.story-card,.place-card,.event-card,.guide-card,.video-card{border-radius:var(--a1l-card-radius);overflow:clip}
.a1l-card :where(h2,h3),.story-card :where(h2,h3),.place-card :where(h2,h3),.event-card :where(h2,h3),.guide-card :where(h2,h3),.video-card :where(h2,h3){text-wrap:balance;overflow-wrap:anywhere}
.filters,.filter-row,.archive-filters{scrollbar-width:none;-webkit-overflow-scrolling:touch}.filters::-webkit-scrollbar,.filter-row::-webkit-scrollbar,.archive-filters::-webkit-scrollbar{display:none}
:where(.filters,.filter-row,.archive-filters) :where(a,button,label){min-height:var(--a1l-touch)}
.pagination .page-numbers{min-width:var(--a1l-touch);min-height:var(--a1l-touch);display:inline-grid;place-items:center}
@media(max-width:760px){
  .article-content{font-size:17px;line-height:1.72;max-width:none}
  .article-content>p:first-of-type{font-size:1.04em}
  .section-head{align-items:flex-start;gap:10px}
  :where(.filters,.filter-row,.archive-filters){display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;padding-bottom:4px;margin-inline:-16px;padding-inline:16px}
  :where(.filters,.filter-row,.archive-filters)>*{flex:0 0 auto;scroll-snap-align:start}
  .article-content :where(table){font-size:14px}
}
@media(max-width:420px){
  :where(.story-card,.place-card,.event-card,.guide-card,.video-card) :where(h2,h3){font-size:clamp(17px,5vw,21px)}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}