/* All Articles page (/articles, made by scripts/articles-page.mjs). Builds on the blog page styles in css/blog-polish.css. */
.page-articles [hidden] { display:none!important; }
.page-articles .ba-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

.page-articles .ba-list { margin-top:clamp(32px,4.6vw,58px); }
.page-articles .ba-head { margin:0 0 clamp(24px,3.2vw,34px); }
.page-articles .ba-crumbs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; color:#9fb0cc; font:700 .74rem/1.4 system-ui,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.page-articles .ba-crumbs a { color:var(--blog-gold); text-decoration:none; }
.page-articles .ba-crumbs a:hover { color:#fff0c8; }
.page-articles .ba-head h1 { margin:0 0 16px; color:#fff8e8; font-family:"Playfair Display",Georgia,serif; font-size:clamp(2.2rem,4.6vw,3.5rem); line-height:1.1; letter-spacing:-.03em; text-wrap:balance; }
.page-articles .ba-head h1::after { content:""; display:block; width:58px; height:3px; margin:16px 0 0; border-radius:4px; background:linear-gradient(90deg,#f7dfa0,#c79537); }
.page-articles .ba-lead { max-width:62ch; margin:0; color:#c9d3e6; font-size:clamp(1rem,1.4vw,1.1rem); line-height:1.75; text-wrap:pretty; }

.page-articles .ba-tools { display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; margin:0 0 20px; }
.page-articles .ba-search { position:relative; flex:1 1 260px; max-width:400px; min-width:0; color:#9fb0cc; }
.page-articles .ba-search svg { position:absolute; left:15px; top:50%; transform:translateY(-50%); pointer-events:none; }
.page-articles .ba-search input { width:100%; min-height:44px; padding:10px 16px 10px 42px; border:1px solid rgba(239,198,110,.32); border-radius:999px; background:#0b1830; color:#f3ecd9; font:inherit; font-size:.95rem; }
.page-articles .ba-search input::placeholder { color:#8495b3; }
.page-articles .ba-search input:focus { outline:none; border-color:var(--blog-gold); box-shadow:0 0 0 3px rgba(239,198,110,.22); }
.page-articles .ba-chips { display:flex; flex-wrap:wrap; gap:8px; min-width:0; }
.page-articles .ba-chip { display:inline-flex; align-items:center; gap:7px; min-height:38px; padding:7px 15px; border:1px solid rgba(239,198,110,.3); border-radius:999px; background:rgba(13,27,53,.7); color:#dfe6f3; font:600 .86rem/1.25 system-ui,sans-serif; cursor:pointer; transition:border-color .18s ease,background .18s ease,color .18s ease; }
.page-articles .ba-chip:hover { border-color:rgba(239,198,110,.7); color:#fff0c8; }
.page-articles .ba-chip .ba-n { color:#9fb0cc; font-size:.78rem; font-variant-numeric:tabular-nums; }
.page-articles .ba-chip[aria-pressed="true"] { border-color:transparent; background:linear-gradient(135deg,#ffe6a0 0%,#e1b64b 92%); color:#241a07; }
.page-articles .ba-chip[aria-pressed="true"] .ba-n { color:#5a4615; }
.page-articles .ba-chip:focus-visible,.page-articles .ba-years a:focus-visible { outline:3px solid #ffe6a0; outline-offset:3px; }
.page-articles .ba-count { flex-basis:100%; margin:0; color:#9fb0cc; font-size:.88rem; font-variant-numeric:tabular-nums; }
.page-articles .bv2-latest-card .bv2-latest-kicker { flex:none; }
.page-articles .ba-empty { display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin-top:6px; padding:22px; border:1px dashed rgba(239,198,110,.3); border-radius:16px; color:#c9d3e6; }
.page-articles .ba-empty p { margin:0; }

.page-articles .ba-years { display:grid; grid-template-columns:repeat(auto-fill,minmax(64px,1fr)); gap:8px; }
.page-articles .ba-years a { padding:8px 6px; border:1px solid rgba(239,198,110,.2); border-radius:10px; background:#0d1b35; color:#f2d27d; font-weight:700; font-size:.9rem; text-align:center; text-decoration:none; font-variant-numeric:tabular-nums; transition:border-color .18s ease,color .18s ease; }
.page-articles .ba-years a:hover { border-color:rgba(239,198,110,.65); color:#fff0c8; }

html[lang="km"] .page-articles .ba-head h1 { font-family:"Noto Sans Khmer","Kantumruy Pro",sans-serif; font-weight:700; line-height:1.5; letter-spacing:0; }
html[lang="km"] .page-articles .ba-crumbs { letter-spacing:.02em; }
html[lang="km"] .page-articles .bv2-section-head h2 { font-family:"Noto Sans Khmer","Kantumruy Pro",sans-serif; font-weight:700; letter-spacing:0; }
html[lang="km"] .page-articles .ba-chip { font-family:inherit; }
html[lang="zh-Hans"] .page-articles .ba-head h1 { letter-spacing:0; }

@media(max-width:640px) {
 .page-articles .ba-search { flex-basis:100%; max-width:none; }
 .page-articles .ba-chip { min-height:36px; padding:6px 12px; font-size:.82rem; }
}