/* Strata Match — Blog page styles (verbatim from handoff) */
  /* sticky category filter under the nav */
  .cat-sticky{position:sticky;top:79px;z-index:30;background:rgba(250,248,243,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
  .cat-bar{display:flex;align-items:center;gap:16px;padding:11px 0;}
  .cat-lbl{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-subtle);flex:none;}
  .cat-rail{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
  .cat-rail::-webkit-scrollbar{display:none;}
  .cat-rail button{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex:none;
    cursor:pointer;background:transparent;color:var(--amber-700);padding:8px 13px;border:1px solid var(--amber-300);transition:all var(--dur-fast);}
  .cat-rail button:hover,.cat-rail button.on{background:var(--amber-600);color:var(--paper);border-color:var(--amber-600);}

  .feat{display:grid;grid-template-columns:minmax(0,5.2fr) minmax(0,4.8fr);gap:0;border:1px solid var(--border);background:var(--bg-elevated);color:inherit;text-decoration:none;box-shadow:var(--shadow-card);}
  .feat:hover{text-decoration:none;}
  .feat .btn-text{border-bottom:0;}
  .feat .ph{overflow:hidden;min-height:420px;background:var(--n-100);}
  .feat .ph img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out);}
  .feat:hover .ph img{transform:scale(1.04);}
  .feat > div:last-child{padding:42px 48px 44px!important;justify-content:flex-start!important;}
  .feat h2{text-decoration:none!important;}
  .feat p{text-decoration:none!important;}

  .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;align-items:stretch;}
  .post{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:16px;transition:transform var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);}
  .post:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-lift);}
  .post .thumb{aspect-ratio:16/10;overflow:hidden;border:1px solid var(--border);background:var(--n-100);}
  .post .thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out);}
  .post:hover .thumb img{transform:scale(1.05);}
  .post h3{font-size:23px;line-height:1.12;margin-top:16px;text-wrap:balance;transition:color var(--dur-fast);text-decoration:none;}
  .post:hover h3{color:var(--accent-text);}
  .post p{text-decoration:none;}
  .post .meta-row{margin-top:auto!important;padding-top:16px;border-top:1px solid var(--border);}
  .post.is-hidden{display:none;}
  .empty{display:none;padding:48px 0;text-align:center;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;
    text-transform:uppercase;color:var(--fg-subtle);}

  /* pillar guide cards (navy spread) */
  .gguide{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;}
  .gcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;
    border:1px solid var(--hairline-ink);background:var(--navy-800);
    transition:transform var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out);}
  .gcard:hover{transform:translateY(-3px);border-color:rgba(212,106,46,.5);}
  .gthumb{aspect-ratio:16/10;overflow:hidden;}
  .gthumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out);}
  .gcard:hover .gthumb img{transform:scale(1.05);}
  .gbody{padding:26px 26px 24px;display:flex;flex-direction:column;flex:1;}
  .gtag{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--t-400);}
  .gcard h3{font-family:var(--font-display);font-size:24px;line-height:1.1;color:var(--paper);margin-top:14px;text-wrap:balance;}
  .gcard p{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--navy-200);flex:1;}
  .gopen{margin-top:22px;padding-top:18px;border-top:1px solid var(--hairline-ink);
    font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--t-400);
    display:inline-flex;align-items:center;gap:10px;}
  .gcard:hover .gopen .arr{transform:translateX(4px);}
  .gopen .arr{transition:transform var(--dur-fast) var(--ease-out);}

  /* compact downloads strip — real PDF covers */
  .dls{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .dl{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);
    text-decoration:none;color:inherit;
    transition:transform var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out);}
  .dl:hover{transform:translateY(-3px);border-color:rgba(212,106,46,.45);}
  .dl-cover{padding:24px 24px 0;background:var(--amber-50);overflow:hidden;}
  .dl-cover img{display:block;width:100%;height:auto;border:1px solid var(--border);
    box-shadow:0 8px 22px rgba(7,23,43,.18),0 1px 4px rgba(7,23,43,.10);
    transition:transform var(--dur-slow) var(--ease-out);}
  .dl:hover .dl-cover img{transform:translateY(-5px);}
  .dl-body{padding:24px;display:flex;flex-direction:column;flex:1;}
  .dl-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;}
  .dl-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
    color:var(--paper);background:var(--amber-600);padding:3px 8px;}
  .dl-free{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-subtle);}
  .dl h3{font-size:20px;line-height:1.18;text-wrap:balance;}
  .dl p{margin-top:8px;font-size:13.5px;line-height:1.55;color:var(--fg-muted);flex:1;}
  .dl .go{margin-top:16px;padding-top:14px;border-top:1px solid var(--border);display:inline-flex;align-items:center;gap:9px;
    font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--amber-700);}
  .dl:hover .go iconify-icon{transform:translateY(2px);}
  .dl .go iconify-icon{transition:transform var(--dur-fast) var(--ease-out);}

  .news{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
  .news form{display:flex;flex-direction:column;}
  .news input{flex:1;border:0;background:transparent;padding:16px 18px;font-family:var(--font-body);font-size:17px;color:var(--fg);outline:none;}
  @media(max-width:900px){.pgrid,.dls,.gguide{grid-template-columns:1fr 1fr;}.feat{grid-template-columns:1fr;}.feat > div:last-child{padding:34px 30px!important;}.news{grid-template-columns:1fr;}}
  @media(max-width:560px){.cat-bar{align-items:flex-start;flex-direction:column;gap:8px;}.cat-rail{width:100%;max-width:100%;}.pgrid,.dls,.gguide{grid-template-columns:1fr;}.post{padding:14px;}}
