/* pib-pillar.css: puts the Conservative Media Facebook Playbook pillar
   (src/app/(conservative-fb-pillar), .lch-v2 article markup from site.css)
   on the brand system (/brand/brand.css + /styles/pib-layout.css).
   Scoped to .pib-pillar; tokens only come from brand.css. */

/* 1. Brand type tokens: no serif or script faces, brand display + mono */
.pib-pillar .lch-v2{
  --display:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --serif:var(--display);
  --hand:var(--display);
  --rule-cream:var(--line,rgba(245,236,214,.12));
}
.pib-pillar .lch-v2 [style*="DM Serif Display"]{font-family:var(--display)!important;font-weight:800!important;letter-spacing:-.02em}

/* 2. Label floor: eyebrows, crumbs, meta and captions at 12px+ (designer rule) */
.pib-pillar .lch-v2 .v2-eyebrow,
.pib-pillar .lch-v2 .v2-pill,
.pib-pillar .lch-v2 .v2-breadcrumb,
.pib-pillar .lch-v2 .v2-breadcrumb a,
.pib-pillar .lch-v2 .v2-article-meta,
.pib-pillar .lch-v2 .v2-toc-label,
.pib-pillar .lch-v2 .objective-label,
.pib-pillar .lch-v2 .v2-article-body .pillar-objective .objective-label{font-size:12px;letter-spacing:.16em}
.pib-pillar .lch-v2 :not(svg *)[style*="font-size:9px"],
.pib-pillar .lch-v2 :not(svg *)[style*="font-size:9.5px"],
.pib-pillar .lch-v2 :not(svg *)[style*="font-size:10px"],
.pib-pillar .lch-v2 :not(svg *)[style*="font-size:10.5px"],
.pib-pillar .lch-v2 :not(svg *)[style*="font-size:11px"],
.pib-pillar .lch-v2 :not(svg *)[style*="font-size:11.5px"]{font-size:12px!important}
.pib-pillar .lch-v2 .v2-breadcrumb{color:var(--t2)}

/* 3. Brand eyebrow mark (dot, not rule) */
.pib-pillar .lch-v2 .v2-eyebrow::before,
.pib-pillar .lch-v2 .v2-article-body .pillar-objective .objective-label::before{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px rgba(232,155,42,.7)}

/* 4. Surfaces: brand cards */
.pib-pillar .lch-v2 .v2-panel,
.pib-pillar .lch-v2 .v2-article-body .pillar-objective{background:var(--card-grad);border:1px solid var(--line);border-radius:var(--r-card-lg)}
.pib-pillar .lch-v2 .v2-article-body .pillar-objective{border-left:1px solid var(--line)}
.pib-pillar .lch-v2 .v2-article-body figure,
.pib-pillar .lch-v2 .v2-article-body figcaption{font-family:var(--sans)}

/* 5. Eligibility check inside the article column */
.pib-pillar .pib-pillar-elig{margin:var(--s-8,48px) 0;scroll-margin-top:100px}
.pib-pillar .pib-pillar-elig .l-elig{color:var(--t1)}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig a.btn{color:var(--on-amber,#0a0a0a);text-decoration:none}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig a.tlink{color:var(--t1)}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig h3{margin:0}

/* Hero art (PillarHeroArt.tsx): abstract feed graphic, replaces the photo collage */
.pha{position:relative;width:100%;height:100%;container-type:inline-size;background:#0a0a0a;overflow:hidden;isolation:isolate}
.pha__svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.pha__copy{position:absolute;left:6.5cqw;top:50%;transform:translateY(-50%);max-width:44cqw;z-index:1}
.pha__kick{margin:0 0 1.6cqw;font:700 max(12px,1.35cqw)/1 var(--sans,Inter,system-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--amber,#e89b2a)}
.pha__kick span{display:inline-block;padding:.7cqw 1.2cqw;border:1px solid rgba(232,155,42,.55);border-radius:999px;background:rgba(232,155,42,.08)}
.pha__title{margin:0;font:800 6.2cqw/1.02 var(--display,"Inter Tight",Inter,system-ui,sans-serif);letter-spacing:-.03em;color:var(--cream,#f5ecd6);text-wrap:balance}
.pha__chips{display:flex;flex-wrap:wrap;gap:1cqw;margin:2.6cqw 0 0;padding:0;list-style:none}
.pha__chips li{display:inline-flex;align-items:center;gap:.8cqw;padding:.8cqw 1.4cqw;border-radius:999px;background:rgba(245,236,214,.06);border:1px solid rgba(245,236,214,.16);font:600 max(11px,1.45cqw)/1 var(--sans,Inter,system-ui,sans-serif);color:rgba(245,236,214,.86)}
.pha__n{display:inline-grid;place-items:center;width:2.2cqw;height:2.2cqw;min-width:16px;min-height:16px;border-radius:50%;background:var(--amber,#e89b2a);color:var(--on-amber,#120a00);font-size:max(10px,1.2cqw)}
@container (max-width:520px){.pha__copy{max-width:52cqw}.pha__chips{display:none}.pha__title{font-size:7.4cqw}}
.pha--compact .pha__svg{transform:scale(1.35);transform-origin:80% 45%}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em h2,.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em h3{margin:0}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em h2.em-h{font-size:clamp(26px,3vw,32px);line-height:1.1}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em ul{margin:0;padding:0;list-style:none}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em li{margin:0}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em p{margin:0}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em a:not(.btn){color:var(--t1)}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em{font-size:16px;line-height:1.6}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em h2.h2-sm{font-weight:800;letter-spacing:-.01em}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em .em-bh{font-size:18px;font-weight:700;letter-spacing:normal}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em .em-ch{font-size:clamp(26px,2.6vw,34px);font-weight:400;letter-spacing:-.03em;line-height:1.1}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em .pbb .bld-q{font-size:20px;font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0 2px 14px}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em .em-ng{margin:12px 0 0}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em .pbb .bld-quiet{color:rgba(245,236,214,.6);text-decoration:none}
.pib-pillar .lch-v2 .v2-article-body .pib-pillar-elig .em .pbb button{font-size:16px}

/* breadcrumb links distinguishable from the current-page crumb without relying on colour (axe link-in-text-block) */
.pib-pillar .lch-v2 .v2-breadcrumb a{text-decoration:underline;text-decoration-color:rgba(245,236,214,.3);text-underline-offset:3px}