/* All articles library (design B + lead, 11 Nov 2026) */
.al-main{min-width:0}
.al{max-width:1240px;margin:0 auto;padding:32px 24px 56px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;font-feature-settings:"tnum"}
.al h1{font-size:28px;letter-spacing:-.02em;margin:0}.al-sub{color:var(--fg-3,#8e8e96);margin:4px 0 0;font-size:13.5px}
.al-side{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow:auto}
.al-side h2{font-size:11px;font-weight:600;color:var(--fg-3,#71717a);text-transform:uppercase;letter-spacing:.08em;margin:20px 0 6px}
.al-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:0 10px;margin-top:16px;height:40px}.al-search svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;opacity:.6}.al-search input{flex:1;min-width:0;background:none;border:0;color:inherit;font:inherit;outline:none}
.al-opts button{display:flex;align-items:center;gap:9px;width:100%;padding:6px 0;background:none;border:0;color:var(--fg-2,#d4d4d8);font:14px Inter,sans-serif;text-align:left;cursor:pointer}.al-opts button i{width:14px;height:14px;border-radius:4px;border:1px solid var(--line-2,#3f3f46);flex:none}.al-opts button[aria-pressed=true] i{background:var(--accent,#ff7a1a);border-color:var(--accent,#ff7a1a)}.al-opts button[aria-pressed=true]{color:var(--fg)}.al-opts small{margin-left:auto;color:var(--fg-3,#71717a);font-size:12px}
.al-phone{display:none}
.al-lead{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:22px;color:inherit;text-decoration:none;background:var(--card,#111114)}.al-lead img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}.al-lead>div{padding:16px 18px}.al-lead h2{font-size:24px;letter-spacing:-.01em;line-height:1.25;margin:6px 0}.al-lead p{color:var(--fg-2,#a1a1aa);line-height:1.5;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al-ct{color:var(--accent,#ff7a1a);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.al-sr{color:var(--fg-3,#71717a);font-size:12.5px}
.al-meta{display:flex;justify-content:space-between;align-items:center;color:var(--fg-3,#71717a);font-size:12.5px}.al-meta select{background:none;border:1px solid var(--line);border-radius:8px;color:inherit;font:inherit;padding:4px 6px}
.al-day{font-size:12px;font-weight:600;color:var(--fg-2,#a1a1aa);text-transform:uppercase;letter-spacing:.08em;margin:20px 0 2px}
.al-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}.al-row.noimg{grid-template-columns:minmax(0,1fr)}.al-row img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}.al-row h3{font-size:15.5px;line-height:1.35;margin:4px 0;font-weight:600}.al-row:hover h3,.al-lead:hover h2{color:var(--accent,#ff7a1a)}
.al-pg{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:28px 0 8px}.al-pg a,.al-pg span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:inherit;text-decoration:none;font-weight:500}.al-pg span{border:0;color:var(--fg-3,#71717a)}.al-pg a[aria-current=page]{border-color:var(--accent,#ff7a1a);color:var(--accent,#ff7a1a)}.al-pg a[aria-disabled=true]{opacity:.35;pointer-events:none}
.al-empty{padding:40px 0;color:var(--fg-3,#8e8e96)}.al-note{color:var(--fg-3,#71717a);font-size:12px;margin-top:24px}
@media(max-width:900px){.al{grid-template-columns:1fr;gap:0;padding:20px 16px 40px}.al-side{display:none;position:fixed;inset:auto 0 0 0;top:auto;max-height:80vh;z-index:70;background:var(--bg);border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:18px 18px 28px}.al-side.open{display:block}.al-side h1,.al-side>.al-sub{display:none}
 .al-phone{display:block;margin-bottom:12px}.al-fbtn{margin-top:12px;border:1px solid var(--line);border-radius:10px;background:none;color:inherit;font:500 14px Inter,sans-serif;padding:9px 14px}
 .al-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:12px -16px 0;padding:0 16px}.al-chips button{flex:none;border:1px solid var(--line);border-radius:999px;background:none;color:var(--fg-2,#a1a1aa);font:500 13px Inter,sans-serif;padding:6px 12px}.al-chips button[aria-pressed=true]{color:var(--accent,#ff7a1a);border-color:var(--accent,#ff7a1a)}
 .al-lead h2{font-size:19px}.al-lead img{aspect-ratio:16/9}.al-row{grid-template-columns:90px minmax(0,1fr);gap:12px}.al-row h3{font-size:14.5px}.al-pg .far{display:none}}
.al-done{display:none}@media(max-width:900px){.al-done{display:block;width:100%;margin-top:20px;padding:12px;border:0;border-radius:12px;background:var(--accent,#ff7a1a);color:#111;font:600 15px Inter,sans-serif}}
