/* Blog index, topic and tag archives (home.php, category.php, tag.php).
   From design/resources/clean/blog.css, every selector scoped to .rs. */
.rs .bh{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:end}
.rs .bh h1{max-width:12ch}
.rs .bh .crumbs{margin-bottom:14px}
.rs .bh-tools{display:grid;gap:14px;justify-items:start}
.rs .bh-search{width:100%}
.rs .bh-search .inp{width:100%}
.rs .feat{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px}
.rs .feat .big .art{aspect-ratio:16/9}
.rs .feat .big h3{font-size:clamp(26px,2.8vw,36px);letter-spacing:-.035em;line-height:1.08}
.rs .feat .stack{display:grid;gap:18px;align-content:start}
.rs .feat .stack .post{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:16px;align-items:center}
.rs .feat .stack .art{aspect-ratio:16/9}
.rs .feat .stack h3{font-size:18px}
.rs .bar-f{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px;position:sticky;top:var(--rs-sticky-top,71px);z-index:5;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 0}
.rs .bar-f .meta{display:inline-flex;gap:4px 10px;align-items:center;flex-wrap:wrap}
.rs .bar-f .bl-more{font-weight:700;text-decoration:none}
/* Chips that are links (topic archives) look like the filter buttons. */
.rs .chips a{height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:14.5px;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:.2s}
.rs .chips a:hover{border-color:var(--ink);color:var(--ink)}
.rs .chips a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.rs .empty a{font-weight:700}
.rs .news .news-h{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.035em;max-width:16ch;margin-top:10px}
.rs .pop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.rs .pop ol{list-style:none;display:grid;gap:0;counter-reset:p;border:1px solid var(--line);border-radius:24px;padding:8px 24px}
.rs .pop li{counter-increment:p;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--line);align-items:center}
.rs .pop li:first-child{border-top:0}
.rs .pop li::before{content:counter(p,decimal-leading-zero);font:800 26px var(--fd);color:var(--royal);letter-spacing:-.04em}
.rs .pop li a{color:var(--ink);text-decoration:none;font:700 18px/1.25 var(--fd);letter-spacing:-.015em}
.rs .pop li a:hover{color:var(--royal)}
.rs .series{display:grid;gap:12px}
.rs .ser{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;border-radius:22px;background:color-mix(in srgb,var(--k) 10%,#fff);text-decoration:none;color:var(--ink);transition:transform .4s var(--ease)}
.rs .ser:hover{transform:translateX(4px);color:var(--ink)}
.rs .ser b{display:block;font:750 19px var(--fd);letter-spacing:-.02em}
.rs .ser small{color:var(--ink-2);font-size:14px;display:block;margin-top:2px}
.rs .ser .sbi.a{width:20px;height:20px}
.rs .authors{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rs .authors a.bd{text-decoration:none}
.rs .authors a.bd:hover{border-color:var(--ink);color:var(--ink)}
@media (max-width:900px){.rs .bh,.rs .feat,.rs .pop{grid-template-columns:minmax(0,1fr)}.rs .bar-f{position:static}}
@media (max-width:620px){.rs .feat .stack .post{grid-template-columns:minmax(0,1fr)}.rs .pop ol{padding:4px 18px}.rs .ser{padding:16px}}
@media (prefers-reduced-motion:reduce){.rs .ser{transition:none}.rs .ser:hover{transform:none}}
@media (max-width:620px){.rs .bh-search kbd{display:none}}