/* injury.css — "RRL Injury & Recovery" referral vertical identity.
   Accent sheet layered on shared.css tokens (navy/cream/gold, Playfair/
   Outfit/DM Mono). Parallels capital.css. No @font-face / :root here.
   IDENTITY NOTE: this vertical is a REFERRAL + educational resource. Rausa
   Russo Law does NOT practice personal injury. The visual language stays in
   the firm's palette but reads as a distinct, calmer "help & recovery"
   surface — persistent Referral Service framing, prominent clarity block. */

/* ── Eyebrow (firm · referral resource) ── */
.inj-eyebrow{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d,#8b6914);display:inline-block;margin-bottom:12px}
.inj-eyebrow__firm{color:var(--gold-d,#8b6914)}
.inj-eyebrow__sep{display:inline-block;margin:0 .5em;color:rgba(139,105,20,.55)}
.inj-eyebrow__group{color:var(--gold-d,#8b6914)}
@media(max-width:600px){.inj-eyebrow{font-size:.6rem;letter-spacing:.12em}.inj-eyebrow__sep{display:block;height:0;margin:2px 0;visibility:hidden}}

/* ── Attorney Advertising pill ── */
.inj-aa-pill{display:inline-block;font-family:'DM Mono',monospace;font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d,#8b6914);border:1px solid rgba(139,105,20,.35);border-radius:100px;padding:3px 10px;margin-left:10px;vertical-align:middle}

/* ── Hero lede ── */
.inj-lede{font-size:1.02rem;font-weight:300;line-height:1.7;color:var(--text2);max-width:660px;margin:14px auto 0}
.inj-hero-kw{font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:.04em;color:var(--gold-d);max-width:640px;margin:14px auto 0}

/* ── Clarity / disambiguation block (the load-bearing "what this is / is NOT")
      Prominent by design: humans AND crawlers must see it. ── */
.inj-clarity{background:var(--cream2,#f3ece0);border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:0 var(--r2) var(--r2) 0;padding:18px 22px;margin:28px auto;max-width:760px;font-size:.9rem;line-height:1.7;color:var(--text2)}
.inj-clarity strong{display:block;font-family:'DM Mono',monospace;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);margin-bottom:8px}
.inj-clarity__lead{font-size:1em;color:var(--text)}
.inj-clarity a{color:var(--gold-d);text-decoration:underline}

/* ── Breadcrumb (reuses shared .breadcrumb; local accent only) ── */
.inj-crumb a{color:var(--text2)}
.inj-crumb a:hover{color:var(--gold)}

/* ── Hub tiles (Articles / Newsletter) ── */
.inj-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:32px 0}
.inj-tile{display:block;background:#fff;border:1px solid var(--border);border-radius:var(--r2);padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:var(--sh)}
.inj-tile:hover{transform:translateY(-2px);box-shadow:var(--sh2);border-color:rgba(158,123,30,.45)}
.inj-tile__label{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);margin-bottom:8px}
.inj-tile__title{font-family:'Playfair Display',Georgia,serif;font-size:1.15rem;font-weight:700;color:var(--navy);line-height:1.25;margin-bottom:6px}
.inj-tile__desc{font-size:.85rem;font-weight:300;color:var(--text2);line-height:1.55}
.inj-tile__arrow{font-family:'DM Mono',monospace;color:var(--gold-d);font-size:.9rem;margin-top:10px;display:inline-block}
@media(max-width:600px){.inj-tiles{grid-template-columns:1fr}}

/* ── Article/issue cards (collection + archive lists) ── */
.inj-card-list{display:flex;flex-direction:column;gap:14px;margin:24px 0}
.inj-card{display:block;background:#fff;border:1px solid var(--border);border-radius:var(--r2);padding:20px 24px;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.inj-card:hover{border-color:rgba(158,123,30,.45);box-shadow:var(--sh)}
.inj-card__bucket{font-family:'DM Mono',monospace;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);margin-bottom:6px}
.inj-card__bucket--edu{color:var(--text3)}
.inj-card__title{font-family:'Playfair Display',Georgia,serif;font-size:1.05rem;font-weight:700;color:var(--navy);line-height:1.3;margin-bottom:4px}
.inj-card__desc{font-size:.85rem;font-weight:300;color:var(--text2);line-height:1.5}

/* ── Topic filter (reuses blog-filter.js data-topics) ── */
.inj-filter{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.inj-chip{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);background:var(--cream2);border:1px solid var(--border);border-radius:100px;padding:6px 14px;cursor:pointer;transition:all .2s}
.inj-chip[aria-pressed="true"],.inj-chip:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ── Article header + body (mirror .pa-header / .pa-body type scale) ── */
.inj-article-header{background:transparent;padding:clamp(36px,5vw,56px) 0 8px;text-align:center;border-bottom:1px solid #eaeaea}
.inj-article-header .inj-eyebrow{display:block;margin-bottom:10px}
.inj-article-header h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:700;line-height:1.2;color:var(--navy);max-width:760px;margin:0 auto}
.inj-article-body{padding:clamp(28px,4vw,44px) 0;max-width:720px;margin:0 auto}
.inj-article-body h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.15rem,2.5vw,1.4rem);font-weight:700;color:var(--navy);margin:32px 0 14px;line-height:1.3;position:relative;padding-top:12px}
.inj-article-body h2::before{content:'';position:absolute;top:0;left:0;width:32px;height:2px;background:var(--gold);border-radius:1px}
.inj-article-body h3{font-family:'Playfair Display',Georgia,serif;font-size:1.05rem;font-weight:700;color:var(--navy);margin:22px 0 8px}
.inj-article-body p{font-size:.95rem;font-weight:300;line-height:1.85;color:var(--text2);margin-bottom:14px}
.inj-article-body ul,.inj-article-body ol{margin:0 0 14px 22px}
.inj-article-body li{font-size:.95rem;font-weight:300;line-height:1.8;color:var(--text2);margin-bottom:8px}
.inj-article-body ul{list-style:disc}.inj-article-body ol{list-style:decimal}
.inj-article-body strong{color:var(--navy);font-weight:500}
.inj-article-body a.inline-link{color:var(--gold-d);text-decoration:underline}

/* ── Referral caveat inline box (used inside articles, esp. Bucket B) ── */
.inj-refnote{background:var(--cream2);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:0 var(--r) var(--r) 0;padding:14px 18px;margin:20px 0;font-size:.86rem;line-height:1.65;color:var(--text2)}
.inj-refnote strong{color:var(--navy)}

/* ── Subscribe block (navy) ── */
.inj-subscribe{background:var(--navy);border-radius:var(--r2);padding:clamp(28px,4vw,40px);text-align:center;margin:clamp(32px,5vw,48px) auto;max-width:640px}
.inj-subscribe h3{font-family:'Playfair Display',Georgia,serif;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:8px}
.inj-subscribe>p{font-size:.9rem;font-weight:300;color:rgba(255,255,255,.7);margin-bottom:20px;max-width:440px;margin-left:auto;margin-right:auto}
.inj-subscribe .ff label{color:rgba(255,255,255,.75)}
.inj-subscribe .form-ok h3{color:#fff}
.inj-subscribe .form-ok p{color:rgba(255,255,255,.8)}

/* ── Page disclaimer (Attorney Advertising, verbatim) ── */
.inj-disclaimer{border-top:1px solid var(--border);margin-top:32px;padding-top:16px;font-size:.72rem;line-height:1.6;color:var(--text3);max-width:760px;margin-left:auto;margin-right:auto}
.inj-disclaimer strong{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text2);display:block;margin-bottom:6px}