/* ═══ resources.css — OWNER: F (Resources) / v5 CONTENT.
   Shared styles for /resources/ hub, 7 category briefs, guides, glossary.
   Consumes tokens.css + scenes.css primitives (.glass-live/.wa-card/.wa-gate);
   everything here is scoped rsrc- / .insight-* (hub regulator cards).
   v5: placeholder badge/article/video rules removed (content is real now);
   .rsrc-brief / .rsrc-check / .rsrc-guide-full added. Tokens only — no
   hardcoded palette values (site palette owned by tokens.css). ═══ */

/* ── Back link / breadcrumb ── */
.rsrc-back{display:inline-block;font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);text-decoration:none;margin-bottom:var(--s-3);transition:color var(--dur-micro);}
.rsrc-back:hover,.rsrc-back:focus-visible{color:var(--gold);}

/* ── Hub category tile grid ── */
.rsrc-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s-3);margin-top:var(--s-2);}
.rsrc-tile{text-decoration:none;}
.rsrc-tile-k{display:block;font-size:0.64rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
.rsrc-tile .rsrc-tile-cta{display:inline-block;font-size:0.72rem;letter-spacing:0.1em;color:var(--gold);margin-top:12px;}

/* ── Guide card (guides page) ── */
.rsrc-guide h3{margin-bottom:8px;}
.rsrc-guide p{margin-bottom:var(--s-3);}
.rsrc-guide .btn-gold{padding:13px 26px;}
.rsrc-guide-card{max-width:640px;margin-top:var(--s-2);}
.rsrc-guide-toc{list-style:none;margin:0 0 var(--s-3);}
.rsrc-guide-toc li{font-size:var(--fs-base);color:var(--muted);line-height:1.75;padding-left:1.4em;position:relative;margin-bottom:8px;}
.rsrc-guide-toc li::before{content:'\2713';position:absolute;left:0;color:var(--gold);}
.rsrc-foot{margin-top:var(--s-5);}

/* ── Educational brief (v5 — the on-page category article) ── */
.rsrc-brief{max-width:78ch;margin-top:var(--s-4);padding:var(--s-5);}
.rsrc-brief h2{font-family:'Cormorant Garamond',serif;font-size:var(--fs-xl);color:var(--white);font-weight:600;line-height:1.2;margin:var(--s-4) 0 var(--s-2);}
.rsrc-brief h2:first-child{margin-top:0;}
.rsrc-brief h3{font-family:'DM Sans',sans-serif;font-size:0.74rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin:var(--s-3) 0 10px;}
.rsrc-brief p{font-size:var(--fs-base);color:var(--text);line-height:1.85;margin-bottom:var(--s-2);}
.rsrc-brief ul,.rsrc-brief ol{margin:0 0 var(--s-2);padding-left:1.3em;}
.rsrc-brief li{font-size:var(--fs-base);color:var(--text);line-height:1.8;margin-bottom:9px;}
.rsrc-brief li::marker{color:var(--gold);}
.rsrc-brief strong{color:var(--white);font-weight:600;}
.rsrc-brief a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;}
.rsrc-brief a:hover,.rsrc-brief a:focus-visible{color:var(--gold-light);}
.rsrc-brief-disc{font-size:0.75rem;color:var(--muted);font-style:italic;border-top:1px solid var(--border-subtle);padding-top:var(--s-2);margin-top:var(--s-3);margin-bottom:0 !important;}
.rsrc-brief-cta{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-4);max-width:78ch;}
.rsrc-brief-cta p{font-size:0.9rem;color:var(--muted);margin:0;flex:1 1 260px;}

/* ── Guide: deep-link anchor (v6) — /resources/guides/#three-questions must land
   with the guide card in view below the fixed nav ── */
#three-questions{scroll-margin-top:120px;}

/* ── Guide: full checklist section (hidden until the email gate succeeds) ── */
.rsrc-guide-full{position:relative;z-index:var(--z-content);padding:var(--s-2) var(--s-7) var(--s-8);}
.rsrc-guide-full[hidden]{display:none;}
.rsrc-guide-full .rsrc-brief{margin-top:0;}
.rsrc-check{list-style:none;padding-left:0;counter-reset:none;}
.rsrc-check li{padding-left:2.4em;position:relative;}
.rsrc-check li::before{content:counter(list-item,decimal-leading-zero);position:absolute;left:0;top:0.15em;font-family:'DM Sans',sans-serif;font-size:0.72rem;font-weight:600;letter-spacing:0.08em;color:var(--gold);}

/* ── Hub regulator cards (v3 insight-card recipe, rebuilt on glass-live) ── */
.rsrc-insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);margin-top:var(--s-2);}
@media (max-width:900px){.rsrc-insights-grid{grid-template-columns:1fr;}}
.insight-card{text-decoration:none;}
.insight-src{display:block;font-size:0.62rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
.insight-card h3{font-family:'Cormorant Garamond',serif;font-size:var(--fs-lg);color:var(--white);font-weight:600;margin-bottom:10px;}
.insight-card p{font-size:var(--fs-base);color:var(--muted);line-height:1.75;margin-bottom:14px;}
.insight-cta{display:inline-block;font-size:0.72rem;letter-spacing:0.1em;color:var(--gold);}

/* ── Newsletter band (hub) ── */
.rsrc-news{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;padding:var(--s-5);}
.rsrc-news-text h3{font-family:'Cormorant Garamond',serif;font-size:var(--fs-xl);color:var(--white);font-weight:600;margin-bottom:6px;}
.rsrc-news-text p{font-size:0.88rem;color:var(--muted);max-width:44ch;line-height:1.7;}
.rsrc-news form{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;}
.rsrc-news input[type=email]{min-width:min(280px,100%);background:rgba(var(--white-rgb),0.04);border:1px solid var(--border-subtle);color:var(--white);padding:13px 14px;font-family:'DM Sans',sans-serif;font-size:0.9rem;outline:none;transition:border-color var(--dur-fast);}
.rsrc-news input[type=email]:focus{border-color:var(--gold);}
.rsrc-news input[type=email]::placeholder{color:var(--muted);}
.rsrc-news-msg{width:100%;font-size:0.85rem;color:var(--gold);}

/* ── Glossary ── */
.rsrc-glossary{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s-3);margin-top:var(--s-2);}
.rsrc-term{padding:var(--s-4);}
.rsrc-term dt{font-family:'Cormorant Garamond',serif;font-size:var(--fs-lg);color:var(--white);font-weight:600;margin-bottom:8px;}
.rsrc-term dd{font-size:var(--fs-base);color:var(--muted);line-height:1.75;}
.rsrc-fineprint{font-size:0.75rem;color:var(--muted);font-style:italic;margin-top:var(--s-4);max-width:64ch;}

/* ── Small screens ── */
@media (max-width:1023px){
  .rsrc-guide-full{padding:var(--s-2) var(--s-4) var(--s-7);}
}
@media (max-width:640px){
  .rsrc-tiles,.rsrc-glossary{grid-template-columns:1fr;}
  .rsrc-news{padding:var(--s-4) var(--s-3);}
  .rsrc-news form{width:100%;}
  .rsrc-news input[type=email]{flex:1 1 100%;min-width:0;}
  .rsrc-news .btn-gold{width:100%;text-align:center;}
  .rsrc-brief{padding:var(--s-4) var(--s-3);}
  .rsrc-brief-cta .btn-gold,.rsrc-brief-cta .btn-ghost{width:100%;text-align:center;}
}
