/* Astana1Life 6.8–7.0: mobile UX + readability + CWV polish */
:root{--a1l-reading:760px;--a1l-touch:44px;--a1l-mobile-gutter:18px}
html{scroll-padding-top:104px}
:where(h1,h2,h3,h4){text-wrap:balance;overflow-wrap:anywhere}
:where(p,li,figcaption,.lead,.card-body){overflow-wrap:anywhere}
.article-content{max-width:var(--a1l-reading);font-size:clamp(18px,1.25vw,20px);line-height:1.78}
.article-content>p{margin:0 0 1.35em}.article-content h2,.article-content h3{scroll-margin-top:116px}
.article-content img{border-radius:18px}.article-content figcaption{font-size:13px;line-height:1.45;color:var(--muted);margin-top:8px}
.article-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-content a{text-decoration-thickness:1.5px;text-underline-offset:3px}
.content-card,.event-card,.place-card,.guide-card,.people-card,.video-card{contain:layout paint;content-visibility:auto;contain-intrinsic-size:320px 360px}
.card-media img,.article-cover img,.hero-media img{background:var(--soft)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #111;outline-offset:3px}
:where(.filter-chip,.date-chip,.page-numbers,.header-map-link,.news-tip-btn,.icon-btn,.menu-toggle,.mobile-bottom-nav a){min-height:var(--a1l-touch)}
@media(max-width:820px){
  .container{width:min(calc(100% - (var(--a1l-mobile-gutter)*2)),var(--max))}
  .section{padding:26px 0}.section-head{align-items:flex-start;margin-bottom:14px}.section-head h1,.section-head h2{font-size:clamp(25px,8vw,34px);line-height:1.08}
  .hero-section{padding-top:18px}.hero-grid,.hero-grid-v23{grid-template-columns:1fr;gap:14px}.hero-side{grid-template-columns:1fr 1fr}
  .card-grid,.archive-grid,.home-grid,.event-list-grid,.video-card-grid,.guides-section .card-grid{grid-template-columns:1fr 1fr;gap:14px}
  .article-page{padding-top:22px}.article-page h1{font-size:clamp(34px,10vw,48px);line-height:1.04}.lead{font-size:20px}.article-content{font-size:18px;line-height:1.72}
  .article-content h2{font-size:28px}.article-content h3{font-size:23px}.article-content blockquote{font-size:20px;margin-inline:0}
  .filter-chips,.topic-chips,.feature-chips,.video-format-chips{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:4px;overscroll-behavior-x:contain}.filter-chips::-webkit-scrollbar,.topic-chips::-webkit-scrollbar{display:none}
  .filter-chip,.topic-chips a,.feature-chips a{flex:0 0 auto;white-space:nowrap}
  .site-search-panel{max-height:calc(var(--a1l-vvh,100vh) - env(safe-area-inset-top));overflow:auto}
  body.a1l-keyboard-open .mobile-bottom-nav{transform:translateY(120%);pointer-events:none}
  .mobile-bottom-nav{transition:transform .18s ease;padding-bottom:max(6px,env(safe-area-inset-bottom))}
}
@media(max-width:560px){
  .hero-side,.card-grid,.archive-grid,.home-grid,.event-list-grid,.video-card-grid,.guides-section .card-grid{grid-template-columns:1fr}
  .content-card h3{font-size:20px}.card-body{padding:14px}
  .search-form-main,.site-search-form{gap:8px}.search-form-main button,.site-search-form button{min-height:46px}
  .breadcrumbs{overflow-x:auto;white-space:nowrap;padding-bottom:4px}
}
@media(prefers-reduced-motion:reduce){.mobile-bottom-nav{transition:none}}
@media(prefers-contrast:more){:root{--muted:#4c5057;--line:#b9bec6}.content-card,.event-card,.place-card{border-width:2px}}