/* Blog index — controls, featured, recent band, archive rows, engagement stats.
   Ported from Blog.html inline <style>; shared chrome lives in theme.css. */


  [data-theme="dark"] .tab.active { background: #E7E7E2 !important; color: #0E0E10; border-color: #E7E7E2; }













  /* ═══════════ BLOG REDESIGN ═══════════ */
  /* controls */
  .blog2-controls{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding:26px 0;border-bottom:1px solid var(--hair)}
  .blog2-tabs{display:flex;gap:8px;flex-wrap:wrap}
  .blog2-search{display:flex;align-items:center;gap:10px;border:1px solid var(--hair);background:var(--white);padding:11px 16px;min-width:300px;border-radius:999px}
  .blog2-search input{border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;flex:1;color:var(--ink)}

  /* featured */
  .feat-eyebrow{margin:56px 0 24px}
  .feature{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:center;cursor:pointer}
  .feature .fimg{aspect-ratio:16/10;position:relative;overflow:hidden;border:1px solid var(--hair);border-radius:8px;background:repeating-linear-gradient(135deg,#EDEDE6 0 10px,#F5F5EF 10px 20px)}
  .feature .fimg .ph{position:absolute;inset:0;display:grid;place-items:center;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.14em;color:var(--muted)}
  .feature .fkicker{position:absolute;top:16px;left:16px;font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;background:var(--crimson);color:#fff;padding:6px 11px;border-radius:999px}
  .feature .fcat{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson);margin:0 0 18px}
  .feature .fcat::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--crimson)}
  .feature .ftitle{font-family:'Inter Tight';font-weight:700;font-size:42px;letter-spacing:-.03em;line-height:1.06;margin:0 0 18px;text-wrap:pretty;transition:color .18s ease}
  .feature .fdek{font-size:16px;color:var(--ink-2);line-height:1.6;margin:0 0 30px;max-width:520px}
  .feature .fmeta{display:flex;align-items:center;gap:12px}
  .feature .fmeta .mk{width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:'Inter Tight';font-weight:800;font-size:14px}
  .feature .fmeta .who{font-family:'Inter Tight';font-weight:600;font-size:14px;line-height:1.2}
  .feature .fmeta .when{font-family:'JetBrains Mono';font-size:11px;color:var(--muted);letter-spacing:.04em;margin-top:3px}
  .feature:hover .ftitle{color:var(--crimson)}

  /* engagement stats on cards */
  .pstat{display:inline-flex;align-items:center;gap:16px;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums}
  .pstat span{display:inline-flex;align-items:center;gap:5px}
  .pstat svg{opacity:.75;flex-shrink:0}
  [data-theme="dark"] .pstat{color:#8A8A8F}

  /* recent band */
  .band-head{display:flex;justify-content:space-between;align-items:baseline;margin:96px 0 0}
  .band-head .cnt{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.1em;color:var(--muted)}
  .recent{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);margin-top:24px}
  .recent .r{padding:30px 32px 34px;border-left:1px solid var(--hair);cursor:pointer}
  .recent .r:first-child{border-left:none;padding-left:0}
  .recent .r:last-child{padding-right:0}
  .recent .r .rc{display:flex;justify-content:space-between;font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
  .recent .r .rc .cat{color:var(--ink-2)}
  .recent .r h3{font-family:'Inter Tight';font-weight:600;font-size:22px;letter-spacing:-.02em;line-height:1.18;margin:0 0 12px;transition:color .18s ease}
  .recent .r p{font-size:14px;color:var(--muted);line-height:1.55;margin:0}
  .recent .r:hover h3{color:var(--crimson)}

  /* archive rows */
  .rows{border-top:1px solid var(--ink);margin-top:24px}
  .row{display:grid;grid-template-columns:128px 1fr 148px 20px;gap:32px;align-items:center;padding:22px 16px 22px 0;border-bottom:1px solid var(--hair);cursor:pointer;position:relative;transition:padding .18s ease,background .18s ease}
  .row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--crimson);transform:scaleY(0);transform-origin:center;transition:transform .18s ease}
  .row:hover{background:var(--white);padding-left:18px}
  .row:hover::before{transform:scaleY(1)}
  .row .rdate{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.05em;color:var(--muted)}
  .row .rtitle{font-family:'Inter Tight';font-weight:600;font-size:20px;letter-spacing:-.02em;line-height:1.22;margin:0;transition:color .18s ease}
  .row .rdek{font-size:13.5px;color:var(--muted);margin:5px 0 0;line-height:1.5}
  .row:hover .rtitle{color:var(--crimson)}
  .row .rcat{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
  .row .rarrow{opacity:0;color:var(--crimson);transition:opacity .18s ease,transform .18s ease}
  .row:hover .rarrow{opacity:1;transform:translateX(3px)}
  .rows-foot{display:flex;justify-content:space-between;align-items:center;margin-top:40px}

  /* dark overrides for redesign */
  [data-theme="dark"] .blog2-search{background:#141418;border-color:#2A2A2E}
  [data-theme="dark"] .feature .fimg{background:repeating-linear-gradient(135deg,#1A1A1E 0 10px,#141418 10px 20px);border-color:#2A2A2E}
  [data-theme="dark"] .feature .ftitle{color:#E7E7E2}
  [data-theme="dark"] .feature .fdek{color:#B0B0B3}
  [data-theme="dark"] .feature .fmeta .who{color:#E7E7E2}
  [data-theme="dark"] .feature:hover .ftitle,
  [data-theme="dark"] .recent .r:hover h3,
  [data-theme="dark"] .row:hover .rtitle{color:#E8294E}
  [data-theme="dark"] .recent,[data-theme="dark"] .recent .r{border-color:#2A2A2E}
  [data-theme="dark"] .recent .r h3{color:#E7E7E2}
  [data-theme="dark"] .rows{border-color:#E7E7E2}
  [data-theme="dark"] .row{border-color:#2A2A2E}
  [data-theme="dark"] .row:hover{background:#141418}
  [data-theme="dark"] .row .rtitle{color:#E7E7E2}
  [data-theme="dark"] .row .rcat{color:#B0B0B3}

  /* ── responsive ── */
  @media (max-width:1024px){
    .recent{grid-template-columns:1fr;border-top:none;margin-top:16px}
    .recent .r{border-left:none;border-top:1px solid var(--hair);padding:26px 0 30px}
    .recent .r:first-child{border-top:none;padding-top:4px}
    [data-theme="dark"] .recent .r{border-color:#2A2A2E}
  @media (max-width:640px){
    .feat-eyebrow{margin:40px 0 20px}
    .feature{grid-template-columns:1fr;gap:24px}
    .feature .fimg{aspect-ratio:16/10}
    .feature .ftitle{font-size:30px}
    .feature .fdek{font-size:16px;margin-bottom:24px}
    .blog2-controls{flex-direction:column;align-items:stretch;gap:16px;padding:22px 0;min-width:0}
    .blog2-search{min-width:0}
    .blog2-search input{min-width:0;width:100%}
    .blog2-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:2px;max-width:100%}
    .blog2-tabs .tab{white-space:nowrap}
    .band-head{margin-top:56px}
    .rows{border-top-width:1px;margin-top:16px}
    .row{grid-template-columns:1fr;gap:6px;padding:20px 0;align-items:start}
    .row::before{display:none}
    .row:hover{background:transparent;padding-left:0}
    .row .rcat{order:-1;font-size:10px}
    .row .rarrow{display:none}
    .rows-foot{flex-direction:column;gap:16px;align-items:flex-start}