/*
Theme Name: Cybersecurity PSA
Theme URI: https://example.com/cybersecurity-psa
Author: Cybersecurity PSA
Description: A bespoke premium editorial WordPress theme for Cybersecurity PSA. Built from the locked v14 prototype.
Version: 4.5.8
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: cybersecurity-psa
License: Proprietary project theme
*/

:root{
  --bg:#05070b;
  --panel:#0a0e15;
  --panel-2:#0e131d;
  --ink:#f4f6f8;
  --muted:#98a2b1;
  --line:#202837;
  --red:#ff2a3d;
  --red-2:#b90f22;
  --steel:#c9d1dc;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 15% -10%, rgba(255,42,61,.11), transparent 30%),
    radial-gradient(circle at 95% 25%, rgba(96,126,170,.08), transparent 28%),
    linear-gradient(180deg,#05070b 0%,#070a10 38%,#05070b 100%);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;
}
body:before{
  content:"";
  position:fixed; inset:0; pointer-events:none; opacity:.14;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
a{color:inherit}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(5,7,11,.82);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.nav{min-height:146px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand img{width:118px;height:118px;object-fit:cover;border-radius:50%;box-shadow:none;display:block}
.brandword{font-weight:850;letter-spacing:.055em;text-transform:uppercase;font-size:1.02rem}
.brandword span{display:block;color:var(--muted);font-weight:600;letter-spacing:.14em;font-size:.62rem;margin-top:2px}
nav ul{display:flex;gap:28px;list-style:none;padding:0;margin:0;color:#cbd2dc;font-size:.9rem}
nav a{text-decoration:none}
nav a:hover{color:white}
.live{display:flex;align-items:center;gap:8px;font-size:.75rem;text-decoration:none;color:#d8dde5;text-transform:uppercase;letter-spacing:.13em}
.dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 18px var(--red)}
.hero{padding:86px 0 52px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,42,61,.28);background:rgba(255,42,61,.065);color:#ffc5cb;border-radius:999px;padding:8px 12px;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:750}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:54px;align-items:stretch;margin-top:24px}
h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.9;letter-spacing:-.06em;margin:0;max-width:900px;font-weight:850}
h1 em{font-style:normal;color:var(--red)}
.hero p{color:#b2bbc8;font-size:1.06rem;max-width:620px;margin:26px 0 0}
.hero-right{display:grid;grid-template-rows:auto 1fr;gap:26px;min-width:0}
.hero-message{
  border:1px solid var(--line);
  border-radius:20px;
  padding:26px 26px 24px;
  background:linear-gradient(145deg,rgba(255,42,61,.055),rgba(8,11,17,.96) 44%);
}
.hero-message h1{
  font-size:clamp(2.35rem,3.3vw,4.05rem);
  line-height:.92;
  letter-spacing:-.055em;
  margin:0;
}
.hero-message p{
  margin:18px 0 0;
  font-size:.92rem;
  line-height:1.55;
}
.hero-side{border-left:1px solid var(--line);padding-left:28px;align-self:end}
.kicker{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}
.hero-side strong{display:block;font-size:1.35rem;line-height:1.25;margin:10px 0 8px}
.hero-side p{font-size:.9rem;margin:0;color:#8f99a8}

.feature-slider{
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(14,19,29,.95),rgba(8,11,17,.98));
  min-height:410px;
  display:flex;
  flex-direction:column;
  box-shadow:0 32px 70px rgba(0,0,0,.22)
}
.feature-slider-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:22px 24px 16px;
  border-bottom:1px solid rgba(255,255,255,.06)
}
.feature-slider-head .eyebrow{padding:7px 11px}
.feature-count{font-size:.62rem;color:#788392;text-transform:uppercase;letter-spacing:.13em}
.feature-stage{position:relative;flex:1}
.feature-slide{
  display:none;
  min-height:300px;
  padding:34px 34px 30px;
  position:relative;
  overflow:hidden
}
.feature-slide.active{display:flex;flex-direction:column;justify-content:flex-end}
.feature-slide:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,42,61,.19),transparent 26%),
    repeating-linear-gradient(0deg,transparent 0 30px,rgba(255,255,255,.018) 31px);
  pointer-events:none
}
.feature-slide > *{position:relative}
.feature-type{
  display:inline-flex;
  align-self:flex-start;
  color:#ff949f;
  border:1px solid rgba(255,42,61,.28);
  background:rgba(255,42,61,.055);
  border-radius:999px;
  padding:7px 10px;
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:850;
  margin-bottom:16px
}
.feature-slide h2{
  margin:0;
  font-size:clamp(2rem,4vw,3.55rem);
  line-height:.98;
  letter-spacing:-.045em;
  max-width:760px
}
.feature-slide p{
  margin:18px 0 0;
  max-width:700px;
  color:#9ea8b6;
  font-size:.95rem
}
.feature-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px
}
.feature-link{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  border-radius:999px;
  padding:9px 14px;
  text-decoration:none;
  font-size:.76rem;
  font-weight:800;
  border:1px solid #2a3342;
  background:#111722
}
.feature-link.primary{
  background:var(--red);
  border-color:var(--red)
}
.feature-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 22px 18px
}
.feature-dots{display:flex;gap:7px}
.feature-dot{
  width:8px;height:8px;min-width:0;padding:0;border:0;border-radius:999px;background:#46505e
}
.feature-dot.active{width:24px;background:var(--red)}
.feature-nav{display:flex;gap:8px}
.feature-nav button{
  width:40px;height:40px;padding:0;border-radius:50%;display:grid;place-items:center
}
.ad{
  min-height:112px;border:1px dashed #3a4351;border-radius:16px;
  display:grid;place-items:center;color:#657081;background:rgba(255,255,255,.015);
  text-transform:uppercase;letter-spacing:.17em;font-size:.68rem;margin:28px 0 54px;position:relative;overflow:hidden
}
.ad:after{content:"Google Ads ready";position:absolute;right:14px;bottom:10px;font-size:.58rem;opacity:.48}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 24px}
.section-head h2{font-size:clamp(1.9rem,3vw,3rem);letter-spacing:-.04em;margin:0}
.section-head p{margin:0;color:var(--muted);max-width:520px;font-size:.9rem}
.story{
  border:1px solid var(--line);
  border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(14,19,29,.9),rgba(8,11,17,.95));
  box-shadow:0 32px 70px rgba(0,0,0,.25);margin-bottom:30px;
}
.story-grid{display:grid;grid-template-columns:.72fr 1.28fr}
.visual{
  min-height:390px;position:relative;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;
  border-right:1px solid var(--line);
  background:
    radial-gradient(circle at 78% 28%,rgba(255,42,61,.27),transparent 19%),
    linear-gradient(135deg,#0a0e15,#07090e 70%);
}
.visual:before{content:"";position:absolute;inset:0;background:
  linear-gradient(120deg,transparent 0 46%,rgba(255,255,255,.035) 46.3%,transparent 46.8%),
  repeating-linear-gradient(0deg,transparent 0 26px,rgba(255,255,255,.022) 27px);
}
.visual > *{position:relative}
.badge{align-self:flex-start;border:1px solid rgba(255,255,255,.09);background:rgba(6,8,12,.7);border-radius:999px;padding:7px 10px;font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#d6dce5}
.metric{font-size:clamp(3.3rem,6vw,6.1rem);line-height:.8;font-weight:900;letter-spacing:-.07em;color:var(--red);text-shadow:0 0 34px rgba(255,42,61,.18)}
.metric small{display:block;color:#e8ebef;font-size:.85rem;letter-spacing:.08em;line-height:1.35;margin-top:16px;text-transform:uppercase}
.story-body{padding:34px 38px 32px}
.meta{display:flex;gap:10px;flex-wrap:wrap;color:#8f99a8;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
.story h3{font-size:clamp(1.75rem,3vw,3.1rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 18px}
.tldr{border-left:3px solid var(--red);padding:16px 18px;background:rgba(255,42,61,.055);border-radius:0 12px 12px 0;color:#d9dee6;margin:20px 0}
.tldr strong{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:#ff909b;display:block;margin-bottom:5px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
button,.source{
  appearance:none;border:1px solid #2a3342;background:#111722;color:#eef1f5;border-radius:999px;padding:10px 15px;
  font:inherit;font-size:.78rem;font-weight:750;cursor:pointer;text-decoration:none;transition:.2s ease
}
button:hover,.source:hover{border-color:#59677c;transform:translateY(-1px)}
.primary{background:var(--red);border-color:var(--red);color:white}
.detail{display:none;border-top:1px solid var(--line);padding-top:22px;margin-top:24px;color:#bac2ce}
.detail.open{display:block}
.detail h4{color:white;margin:18px 0 6px;font-size:1rem}
.detail p{margin:0 0 12px}
.quote{color:#d9dee5;font-size:1.02rem}
.weekly{
  display:grid;grid-template-columns:1fr .72fr;gap:30px;align-items:stretch;margin:72px 0 34px
}
.week-card,.newsletter{border:1px solid var(--line);border-radius:24px;background:#0b1018;padding:34px}
.week-card h2{font-size:2.5rem;line-height:1;letter-spacing:-.045em;margin:12px 0 16px}
.week-list{display:grid;gap:10px;margin-top:22px}
.week-item{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:13px;color:#c3cad4;font-size:.9rem}
.newsletter{background:
 linear-gradient(145deg,rgba(255,42,61,.10),transparent 38%),
 #0b1018}
.newsletter h3{font-size:1.8rem;line-height:1.05;margin:10px 0}
.newsletter p{color:var(--muted)}
.fakeform{display:flex;gap:8px;margin-top:20px}
.fakeinput{flex:1;border:1px solid #2b3442;border-radius:999px;padding:12px 14px;color:#7d8795;background:#080b10;font-size:.78rem}
.small{font-size:.72rem;color:#727d8c;margin-top:12px}
.footer{border-top:1px solid var(--line);margin-top:70px;padding:40px 0 52px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.footer p{color:#7e8998;max-width:600px;font-size:.82rem}
.footer-right{text-align:right;color:#7e8998;font-size:.78rem}
.footer-logo{width:132px;height:132px;object-fit:cover;border-radius:50%;box-shadow:none;margin-left:auto;display:block;margin-bottom:12px}
.mobile-only{display:none}
@media(max-width:900px){
  nav ul{gap:2px;overflow-x:auto;max-width:100%;scrollbar-width:none}
  nav ul::-webkit-scrollbar{display:none}
  nav a{padding:9px 12px;white-space:nowrap}
  .feature-slide.active{grid-template-columns:1fr}
  .feature-art{display:none}

  nav ul,.live{display:none}
  .hero{padding-top:58px}
  .hero-grid,.story-grid,.weekly,.footer-grid{grid-template-columns:1fr}
  .hero-right{grid-template-rows:auto auto}
  .hero-side{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
  .visual{min-height:265px;border-right:0;border-bottom:1px solid var(--line)}
  .story-body{padding:28px 24px}
  .section-head{display:block}
  .section-head p{margin-top:10px}
  .footer-right{text-align:left}
  .footer-logo{margin-left:0}
}
@media(max-width:560px){
  .brand img{width:94px;height:94px}
  .footer-logo{width:112px;height:112px}

  .wrap{width:min(100% - 24px,var(--max))}
  .nav{min-height:122px}
  .brandword{font-size:.82rem}
  h1{font-size:3.65rem}
  .hero{padding-bottom:34px}
  .story{border-radius:18px}
  .visual{padding:22px}
  .metric{font-size:4.25rem}
  .fakeform{display:grid}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Premium boutique navigation */
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(5,7,11,.88);
  backdrop-filter:blur(22px) saturate(120%);
  border-bottom:1px solid rgba(255,255,255,.055);
  box-shadow:0 16px 44px rgba(0,0,0,.18);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:28px}
nav ul{
  display:flex;
  align-items:center;
  gap:4px;
  list-style:none;
  padding:5px;
  margin:0;
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
nav a{
  display:block;
  text-decoration:none;
  color:#aeb7c4;
  padding:10px 15px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:760;
  letter-spacing:.025em;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
nav a:hover{
  color:#fff;
  background:rgba(255,255,255,.055);
}
nav a.nav-active{
  color:#fff !important;
  background:linear-gradient(180deg,rgba(255,42,61,.18),rgba(255,42,61,.10));
  box-shadow:inset 0 0 0 1px rgba(255,42,61,.22),0 7px 24px rgba(255,42,61,.08);
}


/* Premium luxury article slider */
.feature-slider{
  position:relative;
  border:1px solid rgba(255,255,255,.085);
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 18%,rgba(255,42,61,.17),transparent 27%),
    radial-gradient(circle at 18% 90%,rgba(75,98,134,.10),transparent 31%),
    linear-gradient(145deg,#0d121b 0%,#080b11 62%,#06080c 100%);
  min-height:430px;
  display:flex;
  flex-direction:column;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 28px 80px rgba(0,0,0,.30);
}
.feature-slider:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 43%,rgba(255,255,255,.025) 43.3%,transparent 44%),
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.014) 32px);
  opacity:.8;
}
.feature-slider-head{
  position:relative;z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:21px 24px 16px;
  border-bottom:1px solid rgba(255,255,255,.06)
}
.feature-slider-head .kicker{color:#c8d0dc}
.feature-count{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.61rem;color:#8893a2;text-transform:uppercase;letter-spacing:.14em
}
.feature-count:before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--red);
  box-shadow:0 0 16px rgba(255,42,61,.75)
}
.feature-stage{position:relative;z-index:2;flex:1}
.feature-slide{
  display:none;
  min-height:314px;
  padding:34px 36px 32px;
  position:relative;
}
.feature-slide.active{
  display:grid;
  grid-template-columns:minmax(0,1fr) 170px;
  gap:28px;
  align-items:end;
}
.feature-content{min-width:0}
.feature-art{
  align-self:stretch;
  border-left:1px solid rgba(255,255,255,.07);
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding-left:24px;
}
.feature-art:before{
  content:"";
  position:absolute;
  right:5px;top:10px;
  width:128px;height:128px;border-radius:50%;
  border:1px solid rgba(255,42,61,.28);
  box-shadow:
    inset 0 0 0 14px rgba(255,42,61,.025),
    0 0 52px rgba(255,42,61,.07);
}
.feature-art:after{
  content:"";
  position:absolute;
  right:31px;top:36px;
  width:76px;height:76px;
  border:1px solid rgba(255,255,255,.12);
  transform:rotate(45deg);
}
.feature-code{
  position:relative;z-index:1;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:#596576;
  font-size:.59rem;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.feature-type{
  display:inline-flex;
  align-self:flex-start;
  color:#ff9aa4;
  border:1px solid rgba(255,42,61,.28);
  background:rgba(255,42,61,.055);
  border-radius:999px;
  padding:7px 10px;
  font-size:.64rem;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:850;
  margin-bottom:17px
}
.feature-slide h2{
  margin:0;
  font-size:clamp(2rem,3.8vw,3.45rem);
  line-height:.97;
  letter-spacing:-.045em;
  max-width:720px
}
.feature-slide p{
  margin:17px 0 0;
  max-width:680px;
  color:#a3adba;
  font-size:.93rem;
  line-height:1.5
}
.feature-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px
}
.feature-link{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  border-radius:999px;
  padding:10px 15px;
  text-decoration:none;
  font-size:.74rem;
  font-weight:820;
  border:1px solid #2a3342;
  background:rgba(17,23,34,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)
}
.feature-link.primary{
  background:linear-gradient(180deg,#ff3346,#e91b31);
  border-color:#ff3346;
  box-shadow:0 8px 28px rgba(255,42,61,.14)
}
.feature-controls{
  position:relative;z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 22px 18px;
  border-top:1px solid rgba(255,255,255,.05)
}
.feature-dots{display:flex;gap:7px;align-items:center}
.feature-dot{
  width:8px;height:8px;min-width:0;padding:0;border:0;border-radius:999px;background:#46505e
}
.feature-dot.active{
  width:28px;
  background:linear-gradient(90deg,var(--red),#ff6b78);
  box-shadow:0 0 20px rgba(255,42,61,.22)
}
.feature-nav{display:flex;gap:8px}
.feature-nav button{
  width:40px;height:40px;padding:0;border-radius:50%;display:grid;place-items:center;
  background:#0f151f;border:1px solid #2a3442
}
.feature-nav button:hover{border-color:#566274}




.feature-slide.active .feature-content{
  animation:featureContentIn .52s cubic-bezier(.2,.75,.25,1) both;
}
.feature-slide.active .feature-art{
  animation:featureArtIn .62s cubic-bezier(.2,.75,.25,1) both;
}
@keyframes featureContentIn{
  from{opacity:0;transform:translateX(18px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes featureArtIn{
  from{opacity:0;transform:translateX(12px)}
  to{opacity:1;transform:translateX(0)}
}
@media(prefers-reduced-motion:reduce){
  .feature-slide.active .feature-content,
  .feature-slide.active .feature-art{
    animation:none;
  }
}


.feature-progress{
  position:relative;
  z-index:2;
  height:3px;
  margin:0 22px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.075);
}
.feature-progress-fill{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#c91427,var(--red),#ff7782);
  transform:scaleX(0);
  transform-origin:left center;
  box-shadow:0 0 14px rgba(255,42,61,.28);
}
.feature-progress-fill.running{
  animation:featureProgress 5.5s linear forwards;
}
@keyframes featureProgress{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
  .feature-progress-fill.running{
    animation:none;
    transform:scaleX(1);
  }
}

/* WordPress integration */
.admin-bar .topbar{top:32px}
@media(max-width:782px){.admin-bar .topbar{top:46px}}
body.logged-in{min-height:100%}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;display:block;top:8px;left:8px;z-index:100000;background:#fff;color:#000;padding:12px 16px;border-radius:8px}

.cpsa-menu{display:flex;align-items:center;gap:4px;list-style:none;padding:5px;margin:0;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.cpsa-menu li{margin:0}
.cpsa-menu a{display:block;text-decoration:none;color:#aeb7c4;padding:10px 15px;border-radius:999px;font-size:.78rem;font-weight:760;letter-spacing:.025em;transition:background .2s ease,color .2s ease,transform .2s ease}
.cpsa-menu a:hover,.cpsa-menu .current-menu-item>a,.cpsa-menu .current_page_item>a{color:#fff;background:rgba(255,255,255,.055)}
.cpsa-menu .current-menu-item>a,.cpsa-menu .current_page_item>a{background:linear-gradient(180deg,rgba(255,42,61,.18),rgba(255,42,61,.10));box-shadow:inset 0 0 0 1px rgba(255,42,61,.22),0 7px 24px rgba(255,42,61,.08)}

.cpsa-ad-widget{margin:0;padding:0}
.cpsa-ad-widget>*{max-width:100%}

.story-body .detail .entry-content>*:first-child{margin-top:0}
.story-body .detail .entry-content>*:last-child{margin-bottom:0}
.story-body .detail .entry-content p,.story-body .detail .entry-content li{color:#bac2ce}
.story-body .detail .entry-content a{color:#fff;text-decoration:underline;text-decoration-color:#4e5d73;text-underline-offset:3px}

.cpsa-source-link{display:inline-flex;align-items:center;gap:6px}
.cpsa-demo-badge{display:none}
body.logged-in .cpsa-demo-badge{display:inline-flex;margin-left:8px;color:#7c8796;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}

.cpsa-archive-hero{padding:74px 0 40px}
.cpsa-archive-hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.92;letter-spacing:-.055em;margin:14px 0 18px}
.cpsa-archive-hero p{max-width:760px;color:#aeb7c4;font-size:1.03rem;margin:0}
.cpsa-archive-list{display:grid;gap:28px}
.cpsa-pagination{display:flex;justify-content:center;margin:38px 0 6px}
.cpsa-pagination .page-numbers{display:flex;gap:8px;list-style:none;padding:0;margin:0}
.cpsa-pagination a,.cpsa-pagination span{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid #2a3342;border-radius:999px;background:#0b1018;text-decoration:none;color:#c5ccd6;padding:0 13px}
.cpsa-pagination .current{background:var(--red);border-color:var(--red);color:white}

.cpsa-single{padding:72px 0 30px}
.cpsa-single-shell{width:min(980px,calc(100% - 36px));margin:auto}
.cpsa-single-back{display:inline-flex;margin-bottom:22px;color:#aab4c1;text-decoration:none;font-size:.8rem;font-weight:750}
.cpsa-single-meta{display:flex;gap:10px;flex-wrap:wrap;color:#8f99a8;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
.cpsa-single h1{font-size:clamp(1.65rem,2.15vw,2.25rem);line-height:1.1;letter-spacing:-.026em;margin:0 0 20px;max-width:960px;font-weight:820}
.cpsa-single-deck{color:#aeb7c4;font-size:1.04rem;max-width:760px}
.cpsa-single-actions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 0}
.cpsa-single-card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(14,19,29,.92),rgba(8,11,17,.97));padding:clamp(24px,4vw,44px);box-shadow:0 32px 70px rgba(0,0,0,.24)}
.cpsa-single-card .entry-content{font-size:1.03rem;color:#b8c0cb}
.cpsa-single-card .entry-content h2,.cpsa-single-card .entry-content h3{color:#fff;letter-spacing:-.03em;margin:34px 0 10px}
.cpsa-single-card .entry-content h2{font-size:1.7rem}.cpsa-single-card .entry-content h3{font-size:1.25rem}
.cpsa-single-card .entry-content p{margin:0 0 18px}
.cpsa-single-card .entry-content a{color:#fff;text-decoration:underline;text-decoration-color:#536078;text-underline-offset:4px}
.cpsa-single-source{border-top:1px solid var(--line);margin-top:34px;padding-top:22px}

.cpsa-article-tldr{
  margin:0 0 34px;
  padding:22px 24px;
  border-left-width:4px;
  background:linear-gradient(90deg,rgba(255,42,61,.095),rgba(255,42,61,.035));
}
.cpsa-article-tldr strong{
  font-size:.72rem;
  margin-bottom:8px;
}
.cpsa-article-tldr p{
  margin:0!important;
  color:#edf1f6!important;
  font-size:1.06rem;
  line-height:1.7;
}
.cpsa-detail-heading{
  display:flex;
  align-items:center;
  gap:14px;
  margin:2px 0 12px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.cpsa-detail-heading:before{
  content:"";
  width:24px;
  height:3px;
  border-radius:99px;
  background:var(--red);
}
.cpsa-detail-heading span{
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:.72rem;
  font-weight:850;
}
.cpsa-single-card .entry-content{
  font-size:1.04rem;
  line-height:1.78;
  color:#c0c7d1;
}
.cpsa-single-card .entry-content h2{
  margin-top:38px;
  font-size:1.48rem;
}
.cpsa-single-card .entry-content h2:first-child{
  margin-top:26px;
}


.cpsa-recap-items{display:grid;gap:12px;margin:22px 0}
.cpsa-recap-item{border-top:1px solid var(--line);padding-top:14px}
.cpsa-recap-item:first-child{border-top:0;padding-top:0}
.cpsa-recap-item h3{font-size:1rem!important;margin:0 0 5px!important}
.cpsa-recap-item p{font-size:.9rem;margin:0 0 7px!important;color:#9da7b5!important}
.cpsa-recap-item a{font-size:.78rem;font-weight:800}

.cpsa-about{padding:74px 0 20px}
.cpsa-about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start}
.cpsa-about-card{border:1px solid var(--line);border-radius:24px;background:#0b1018;padding:34px}
.cpsa-about-card h1,.cpsa-about-card h2{letter-spacing:-.04em}
.cpsa-about-card h2{font-size:2rem;margin:0 0 16px}
.cpsa-about-card h3{font-size:1.15rem;margin:28px 0 8px}
.cpsa-about-card p,.cpsa-about-card li{color:#aab3c0}
.cpsa-about-card .mission{border-left:3px solid var(--red);padding:18px 20px;background:rgba(255,42,61,.055);border-radius:0 14px 14px 0;color:#e1e5ea;font-size:1.05rem;margin:24px 0}
.cpsa-principle{border-top:1px solid var(--line);padding:16px 0}.cpsa-principle:first-child{border-top:0}

.cpsa-newsletter-status{min-height:18px;margin-top:10px;color:#818c9a;font-size:.72rem}
.cpsa-newsletter button[disabled]{opacity:.6;cursor:not-allowed}

@media(max-width:980px){
  .cpsa-menu{max-width:54vw;overflow-x:auto;scrollbar-width:none}.cpsa-menu::-webkit-scrollbar{display:none}.cpsa-menu a{white-space:nowrap;padding:9px 12px}
}
@media(max-width:900px){
  .cpsa-about-grid{grid-template-columns:1fr}
  .feature-slide.active{grid-template-columns:1fr}.feature-art{display:none}
}
@media(max-width:720px){
  .nav{align-items:flex-start;flex-direction:column;justify-content:center;padding:16px 0;gap:12px}
  .cpsa-menu{max-width:100%;width:100%}
  .brand img{width:88px;height:88px}
  .brandword span{letter-spacing:.09em}
}

/* Social follow system */
.cpsa-follow-block{margin-top:28px}
.cpsa-follow-divider{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.11),rgba(255,255,255,.025),transparent);margin-bottom:22px}
.cpsa-follow-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}
.cpsa-follow-head strong{display:block;margin-top:6px;font-size:1.08rem;letter-spacing:-.015em;color:#f4f6f8}
.cpsa-follow-head>span{color:#707b8b;font-size:.69rem;letter-spacing:.03em;text-align:right;max-width:180px}
.cpsa-social-links{display:flex;gap:9px;flex-wrap:wrap}
.cpsa-social-link{display:inline-flex;align-items:center;gap:8px;min-height:39px;padding:8px 11px;border:1px solid rgba(255,255,255,.085);border-radius:999px;background:rgba(255,255,255,.022);color:#abb5c3;text-decoration:none;font-size:.7rem;font-weight:760;letter-spacing:.01em;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.cpsa-social-link:hover{color:#fff;border-color:rgba(255,42,61,.34);background:rgba(255,42,61,.065);transform:translateY(-1px)}
.cpsa-social-link:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.cpsa-social-icon{width:17px;height:17px;display:grid;place-items:center;flex:0 0 auto}
.cpsa-social-icon svg{width:17px;height:17px;display:block;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cpsa-social-icon svg path:not(.cpsa-social-icon-cut){stroke:none}
.cpsa-social-icon svg .cpsa-social-icon-cut{fill:#0b1018;stroke:none}
.cpsa-social-empty{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px dashed rgba(255,255,255,.10);border-radius:12px;color:#778292;font-size:.7rem;background:rgba(255,255,255,.012)}
.cpsa-social-empty a{color:#d0d6df;text-decoration:none;font-weight:750}
.cpsa-social-empty a:hover{color:#fff}
.cpsa-social-links--footer{justify-content:flex-end;margin:0 0 16px}
.cpsa-social-links--footer .cpsa-social-link{width:35px;height:35px;min-height:35px;padding:0;justify-content:center;border-radius:50%}
.cpsa-social-links--footer .cpsa-social-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cpsa-social-empty--footer{margin:0 0 14px}
@media(max-width:900px){
  .cpsa-follow-head{align-items:flex-start;flex-direction:column;gap:8px}
  .cpsa-follow-head>span{text-align:left;max-width:none}
  .cpsa-social-links--footer{justify-content:flex-start}
}
@media(max-width:560px){
  .cpsa-social-link{padding:8px 10px}
  .cpsa-social-label{font-size:.67rem}
}

.cpsa-social-link--instagram .cpsa-social-icon svg{fill:none}


.cpsa-week-coverage{
  display:inline-flex;
  align-items:center;
  margin:14px 0 0;
  padding:7px 11px;
  border:1px solid rgba(255,42,61,.24);
  border-radius:999px;
  background:rgba(255,42,61,.055);
  color:#ffc1c7;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}


/* Expanded briefing article hierarchy */
.story-body .detail .entry-content{
  display:block;
  font-size:1rem;
  line-height:1.7;
}
.story-body .detail .entry-content > *{
  max-width:100%;
}
.story-body .detail .entry-content h2,
.story-body .detail .entry-content h3,
.story-body .detail .entry-content h4{
  display:block;
  clear:both;
  width:100%;
  color:#fff;
  letter-spacing:-.025em;
}
.story-body .detail .entry-content h2{
  font-size:1.22rem;
  line-height:1.2;
  margin:26px 0 9px;
}
.story-body .detail .entry-content h3{
  font-size:1.08rem;
  line-height:1.25;
  margin:22px 0 8px;
}
.story-body .detail .entry-content p{
  display:block;
  clear:both;
  margin:0 0 16px;
  line-height:1.7;
  color:#bac2ce;
}
.story-body .detail .entry-content ul,
.story-body .detail .entry-content ol{
  display:block;
  clear:both;
  margin:0 0 16px;
  padding-left:1.35rem;
}
.story-body .detail .entry-content > *:first-child{
  margin-top:0;
}

/* Premium browser-audio options */
.cpsa-audio-options{
  position:relative;
  align-self:center;
}
.cpsa-audio-options > summary{
  list-style:none;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border:1px solid #2a3342;
  border-radius:999px;
  background:#111722;
  color:#eef1f5;
  font-size:.78rem;
  font-weight:750;
  cursor:pointer;
  user-select:none;
  transition:border-color .2s ease,transform .2s ease,background .2s ease;
}
.cpsa-audio-options > summary::-webkit-details-marker{display:none}
.cpsa-audio-options > summary:before{
  content:"◉";
  margin-right:7px;
  color:#ff6674;
  font-size:.7rem;
}
.cpsa-audio-options[open] > summary,
.cpsa-audio-options > summary:hover{
  border-color:#59677c;
  background:#141b27;
}
.cpsa-audio-panel{
  position:absolute;
  z-index:80;
  top:calc(100% + 10px);
  left:0;
  width:min(360px,calc(100vw - 42px));
  padding:15px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:#0a0f17;
  box-shadow:0 24px 60px rgba(0,0,0,.48);
}
.cpsa-audio-panel label{
  display:block;
  margin:0 0 11px;
}
.cpsa-audio-panel label > span{
  display:block;
  margin-bottom:6px;
  color:#8f99a8;
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.cpsa-audio-panel select{
  width:100%;
  min-height:40px;
  border:1px solid #2a3442;
  border-radius:10px;
  background:#080c12;
  color:#eef1f5;
  padding:8px 10px;
  font:inherit;
  font-size:.8rem;
}
.cpsa-audio-panel p{
  margin:3px 0 0;
  color:#707b8b;
  font-size:.68rem;
  line-height:1.4;
}
.cpsa-audio-panel select:focus,
.cpsa-audio-options > summary:focus-visible{
  outline:2px solid rgba(255,42,61,.6);
  outline-offset:2px;
}
@media(max-width:560px){
  .cpsa-audio-options{width:100%}
  .cpsa-audio-options > summary{width:100%}
  .cpsa-audio-panel{
    left:0;
    right:auto;
    width:100%;
    min-width:260px;
  }
}


.cpsa-voice-preview{
  width:100%;
  min-height:38px;
  margin:-1px 0 12px;
  border:1px solid #2a3442;
  border-radius:10px;
  background:#101620;
  color:#dce2ea;
  padding:8px 10px;
  font:inherit;
  font-size:.74rem;
  font-weight:750;
  cursor:pointer;
}
.cpsa-voice-preview:hover{
  border-color:#59677c;
  background:#151d29;
}


/* v2.6: Voice-options panel stays inside the card instead of being clipped */
.actions .cpsa-audio-options[open],
.cpsa-single-actions .cpsa-audio-options[open]{
  flex:1 1 100%;
  width:100%;
  order:99;
  align-self:stretch;
}
.actions .cpsa-audio-options[open] > summary,
.cpsa-single-actions .cpsa-audio-options[open] > summary{
  width:auto;
}
.cpsa-audio-options[open] .cpsa-audio-panel{
  position:static;
  top:auto;
  left:auto;
  width:min(440px,100%);
  margin-top:10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.cpsa-voice-count{
  margin:-2px 0 10px;
  color:#8994a3;
  font-size:.68rem;
  line-height:1.4;
}


@media(max-width:560px){
  .cpsa-single h1{font-size:clamp(1.5rem,6.6vw,1.9rem);line-height:1.1;letter-spacing:-.02em}
}


.cpsa-newsletter-placeholder{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  margin-top:20px;
}
.cpsa-newsletter-placeholder input{
  min-width:0;
  width:100%;
  border:1px solid #2b3442;
  border-radius:999px;
  padding:12px 15px;
  background:#080b10;
  color:#aeb7c4;
  font:inherit;
  font-size:.82rem;
  outline:none;
}
.cpsa-newsletter-placeholder input::placeholder{color:#727d8c}
.cpsa-newsletter-placeholder button{
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  padding:11px 18px;
  background:#e62f3a;
  color:#fff;
  font-weight:850;
  letter-spacing:.01em;
}
.cpsa-newsletter-placeholder input[disabled],
.cpsa-newsletter-placeholder button[disabled]{
  opacity:.68;
  cursor:not-allowed;
}
@media(max-width:520px){
  .cpsa-newsletter-placeholder{grid-template-columns:1fr}
}


.cpsa-newsletter-choice-preview{
  display:grid;
  gap:9px;
  margin:14px 0 12px;
}
.cpsa-newsletter-choice-preview label{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 12px;
  border:1px solid #252e3a;
  border-radius:12px;
  background:#0a0f17;
  color:#d9e0e8;
  font-size:.82rem;
}
.cpsa-newsletter-choice-preview input{accent-color:var(--red)}
.cpsa-brevo-frame-wrap{
  overflow:hidden;
  border:1px solid #202a37;
  border-radius:18px;
  background:#fff;
  margin-top:18px;
}
.cpsa-brevo-frame{
  display:block;
  width:100%;
  min-height:480px;
  border:0;
  background:#fff;
}
.cpsa-newsletter-note{
  margin-top:10px;
  color:#7f8a99;
  font-size:.76rem;
  line-height:1.5;
}


.cpsa-newsletter-home-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:20px;
  padding:16px 18px;
  border:1px solid #252e3a;
  border-radius:16px;
  background:#0a0f17;
}
.cpsa-newsletter-home-cta-copy{
  min-width:0;
}
.cpsa-newsletter-home-cta-copy strong{
  display:block;
  color:#fff;
  font-size:.95rem;
  margin-bottom:4px;
}
.cpsa-newsletter-home-cta-copy span{
  color:#8c97a6;
  font-size:.78rem;
  line-height:1.45;
}
.cpsa-newsletter-home-cta a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  background:#e62f3a;
  color:#fff;
  text-decoration:none;
  font-weight:850;
  font-size:.82rem;
}
.cpsa-newsletter-home-cta a:hover{filter:brightness(1.06);color:#fff}
.cpsa-newsletter-page{
  width:min(920px,calc(100% - 36px));
  margin:54px auto 90px;
}
.cpsa-newsletter-page-intro{
  max-width:760px;
  margin-bottom:28px;
}
.cpsa-newsletter-page-intro .kicker{
  margin-bottom:12px;
}
.cpsa-newsletter-page-intro h1{
  margin:0 0 16px;
  font-size:clamp(2rem,4vw,3.4rem);
  line-height:1;
  letter-spacing:-.035em;
}
.cpsa-newsletter-page-intro p{
  color:#a9b3c2;
  font-size:1.03rem;
  line-height:1.7;
}
.cpsa-newsletter-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:24px 0;
}
.cpsa-newsletter-option{
  border:1px solid #252e3a;
  border-radius:16px;
  background:#0a0f17;
  padding:18px;
}
.cpsa-newsletter-option strong{
  display:block;
  color:#fff;
  margin-bottom:6px;
}
.cpsa-newsletter-option span{
  color:#8c97a6;
  font-size:.82rem;
  line-height:1.5;
}
@media(max-width:680px){
  .cpsa-newsletter-home-cta{
    align-items:flex-start;
    flex-direction:column;
  }
  .cpsa-newsletter-home-cta a{width:100%}
  .cpsa-newsletter-options{grid-template-columns:1fr}
}


.cpsa-newsletter-native-form{
  display:grid;
  gap:18px;
}
.cpsa-newsletter-native-form .cpsa-field label{
  display:block;
  color:#fff;
  font-weight:800;
  margin-bottom:8px;
}
.cpsa-newsletter-native-form input[type=email]{
  width:100%;
  min-height:52px;
  border:1px solid #2a3442;
  border-radius:14px;
  padding:0 16px;
  background:#080c12;
  color:#fff;
  font:inherit;
  font-size:1rem;
  outline:none;
}
.cpsa-newsletter-native-form input[type=email]:focus{
  border-color:#d93645;
  box-shadow:0 0 0 3px rgba(217,54,69,.12);
}
.cpsa-newsletter-native-form fieldset{
  border:0;
  margin:0;
  padding:0;
}
.cpsa-newsletter-native-form legend{
  color:#fff;
  font-weight:850;
  margin-bottom:10px;
}
.cpsa-newsletter-checks{
  display:grid;
  gap:10px;
}
.cpsa-newsletter-check{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:15px 16px;
  border:1px solid #27313f;
  border-radius:14px;
  background:#0a0f17;
  cursor:pointer;
}
.cpsa-newsletter-check:hover{border-color:#394657}
.cpsa-newsletter-check input{
  width:18px;
  height:18px;
  margin:2px 0 0;
  flex:0 0 auto;
  accent-color:#d93645;
}
.cpsa-newsletter-check strong{
  display:block;
  color:#fff;
  font-size:.92rem;
  margin-bottom:3px;
}
.cpsa-newsletter-check span{
  display:block;
  color:#8e99a8;
  font-size:.78rem;
  line-height:1.45;
}
.cpsa-newsletter-native-form button{
  min-height:50px;
  border:0;
  border-radius:999px;
  padding:0 22px;
  background:#d93645;
  color:#fff;
  font-weight:900;
  font-size:.9rem;
  cursor:pointer;
}
.cpsa-newsletter-native-form button:hover{filter:brightness(1.07)}
.cpsa-newsletter-native-form button:disabled{opacity:.55;cursor:not-allowed}
.cpsa-newsletter-consent{
  color:#7f8a99;
  font-size:.76rem;
  line-height:1.55;
}
.cpsa-newsletter-feedback{
  border-radius:12px;
  padding:12px 14px;
  font-size:.82rem;
  line-height:1.5;
}
.cpsa-newsletter-feedback.error{
  border:1px solid rgba(217,54,69,.55);
  background:rgba(217,54,69,.08);
  color:#f3b7bd;
}
.cpsa-newsletter-feedback.info{
  border:1px solid #2a3442;
  background:#0a0f17;
  color:#aeb8c6;
}


/* Article imagery */
.visual.has-image{
  padding:28px;
  background:#080c12;
}
.visual.has-image:before{
  z-index:1;
  background:linear-gradient(180deg,rgba(3,6,11,.14),rgba(3,6,11,.12) 45%,rgba(3,6,11,.86));
}
.visual.has-image > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.visual.has-image .badge,
.visual.has-image .metric{
  position:relative;
  z-index:2;
}
.visual.has-image .metric{
  text-shadow:0 3px 24px rgba(0,0,0,.75);
}
.feature-art.has-image{
  min-height:170px;
  padding:0;
  overflow:hidden;
  border-left:0;
  border-radius:18px;
  background:#080c12;
}
.feature-art.has-image:before,
.feature-art.has-image:after{
  display:none;
}
.feature-art.has-image > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.feature-art.has-image .feature-code{
  position:absolute;
  right:8px;
  bottom:8px;
  writing-mode:horizontal-tb;
  transform:none;
  border-radius:999px;
  padding:5px 7px;
  background:rgba(4,7,12,.78);
  color:#d5dbe4;
  font-size:.5rem;
  letter-spacing:.1em;
}
/* Weekly Recap remains independently visible when newsletter signup is hidden. */
#weekly{scroll-margin-top:28px}
.weekly.weekly-no-newsletter{grid-template-columns:1fr}
.weekly.weekly-no-newsletter .week-card{max-width:none}


/* Structured TL;DR component */
.cpsa-tldr-card{
  position:relative;
  border:1px solid rgba(255,72,88,.22);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,42,61,.095),rgba(255,42,61,.025) 58%),#0b1018;
  overflow:hidden;
}
.cpsa-tldr-card:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)
}
.cpsa-tldr-label{
  color:#ff8f99;text-transform:uppercase;letter-spacing:.13em;font-size:.67rem;font-weight:900
}
.cpsa-tldr-card p{margin:0;color:#e6eaf0;line-height:1.62}
.cpsa-preview-tldr{margin:20px 0;padding:15px 18px 16px}
.cpsa-preview-tldr .cpsa-tldr-label{margin-bottom:7px}
.cpsa-preview-tldr p{
  font-size:.96rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden
}
.cpsa-article-tldr{margin:0 0 34px;padding:24px 26px 26px}
.cpsa-tldr-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cpsa-tldr-mark{
  width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,92,105,.35);
  background:radial-gradient(circle at center,var(--red) 0 3px,transparent 4px),rgba(255,42,61,.08)
}
.cpsa-tldr-subtitle{margin-top:2px;color:#778392;font-size:.72rem}
.cpsa-article-tldr p{font-size:1.08rem;line-height:1.72;color:#edf1f6}

/* Slider TL;DR */
.feature-tldr{margin:15px 0 0;max-width:720px}
.feature-tldr > span{
  display:inline-flex;margin-bottom:7px;color:#ff8f99;text-transform:uppercase;
  letter-spacing:.13em;font-size:.61rem;font-weight:900
}
.feature-tldr p{
  margin:0;color:#bcc5d2;font-size:.91rem;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}

/* Six additional articles below Today's Briefing */
.cpsa-more-articles{padding-top:72px;padding-bottom:6px}
.cpsa-more-articles .section-head{align-items:end}
.cpsa-more-articles .section-head h2{margin:7px 0 0}
.cpsa-section-link{color:#aeb7c4;text-decoration:none;font-size:.8rem;font-weight:800}
.cpsa-section-link:hover{color:#fff}
.cpsa-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cpsa-recent-card{
  min-width:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,rgba(15,20,30,.96),rgba(8,11,17,.98))
}
.cpsa-recent-image{
  position:relative;display:flex;align-items:flex-end;min-height:155px;padding:18px;overflow:hidden;
  background:radial-gradient(circle at 70% 28%,rgba(255,42,61,.22),transparent 28%),linear-gradient(135deg,#0a0e15,#07090e 72%);
  text-decoration:none
}
.cpsa-recent-image > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cpsa-recent-image.has-image:after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,7,12,.78))
}
.cpsa-recent-image > span{
  position:relative;z-index:1;color:var(--red);font-size:2.4rem;line-height:1;font-weight:900;letter-spacing:-.06em
}
.cpsa-recent-body{padding:20px 20px 22px}
.cpsa-recent-body .meta{margin-bottom:10px;font-size:.63rem}
.cpsa-recent-body h3{margin:0 0 14px;font-size:1.18rem;line-height:1.14;letter-spacing:-.025em}
.cpsa-recent-body h3 a{color:#fff;text-decoration:none}
.cpsa-tldr-compact{padding:13px 14px 14px;margin-bottom:15px}
.cpsa-tldr-compact .cpsa-tldr-label{margin-bottom:6px}
.cpsa-tldr-compact p{
  font-size:.81rem;line-height:1.48;color:#c7ced8;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden
}
.cpsa-read-link{color:#eef1f5;text-decoration:none;font-size:.76rem;font-weight:850}
.cpsa-read-link:hover{color:#ff8f99}

@media(max-width:1000px){
  .cpsa-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .cpsa-recent-grid{grid-template-columns:1fr}
  .cpsa-more-articles{padding-top:54px}
  .cpsa-article-tldr{padding:20px 20px 22px}
  .cpsa-article-tldr p{font-size:1rem}
}




/* Effective article image inside the rendered article body */
.cpsa-body-image-wrap{
  margin:0 0 34px;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:#080c12;
}
.cpsa-body-image-wrap img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  max-height:520px;
  object-fit:cover;
}
@media(max-width:700px){
  .cpsa-body-image-wrap{
    margin-bottom:26px;
    border-radius:14px;
  }
  .cpsa-body-image-wrap img{
    max-height:340px;
  }
}