@font-face{font-family:Barlow;src:url('/assets/fonts/Barlow-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('/assets/fonts/Barlow-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--canvas:#EEF0F3;--card:#FFFFFF;--line:#CBD2DC;--navy:#091120;--orange:#FC7F36;--muted:#536277}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--navy);font:18px/1.55 Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.wrap{max-width:1240px;margin:auto;padding:0 36px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;z-index:20}.masthead{background:white;border-bottom:1px solid var(--line)}.nav{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:600;line-height:1.05;font-size:25px;letter-spacing:-.6px;display:flex;align-items:center;gap:12px}.brand img{width:40px;height:44px;object-fit:contain}.brand small{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-top:7px;font-weight:400}.navlinks{display:flex;align-items:center;gap:28px;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:7px;border:1px solid var(--navy);background:#091120;color:white;font-weight:600;cursor:pointer}.button.orange{background:var(--orange);border-color:var(--orange);color:var(--navy)}.button.light{background:white;color:var(--navy)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:600}.hero{background:#091120;color:white;overflow:hidden;position:relative}.hero .wrap{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;min-height:530px;position:relative}.hero-copy{padding:56px 0;z-index:1}.hero .eyebrow{color:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.7vw,64px);line-height:1.04;letter-spacing:-1.8px;font-weight:600;margin:22px 0}h1 em{color:var(--orange);font-style:normal}.hero-copy>p{max-width:535px;color:#CBD2DC;font-size:20px}.hero-art{height:500px;width:100%;object-fit:contain;filter:drop-shadow(0 20px 28px #0007);position:relative;z-index:1}.hero:after{content:'';position:absolute;width:590px;height:590px;border:1px solid #ffffff14;border-radius:50%;right:1%;top:-20px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02}.search{display:flex;gap:8px;background:white;border:1px solid var(--line);border-radius:8px;padding:7px;max-width:630px;position:relative;z-index:2}.search input{border:0;min-width:0;flex:1;padding:7px 12px;color:var(--navy);background:transparent}.hero-note{font-size:12px!important;margin:16px 0 0;letter-spacing:.7px}.pathways{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:white;border-bottom:1px solid var(--line)}.path{padding:25px 20px;border-right:1px solid var(--line);display:flex;gap:14px;align-items:center}.path:last-child{border:0}.path b{display:block;font-size:17px}.path small{font-size:13px;color:var(--muted)}.path-icon{font-size:25px;color:var(--orange)}.section{padding-top:64px;padding-bottom:64px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-title h2{font-size:36px;letter-spacing:-1px;line-height:1.1;margin:8px 0}.section-title p{margin:0;color:var(--muted);font-size:16px}.textlink{font-weight:600;font-size:15px;border-bottom:1px solid var(--navy);white-space:nowrap}.stories{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.story{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.story>a{display:block;height:100%}.story-image{width:100%;aspect-ratio:16/9;object-fit:cover}.story-body{padding:22px 26px}.meta{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.meta .topic{color:#A9470E;font-weight:600}.story h3{font-size:27px;line-height:1.14;letter-spacing:-.45px;margin-bottom:12px}.story p{font-size:16px;color:var(--muted);margin-bottom:18px}.story .read{font-size:14px;font-weight:600}.story-stack{display:grid;gap:24px}.story-stack .story>a{display:grid;grid-template-columns:42% 1fr}.story-stack .story-image{height:100%;min-height:200px;aspect-ratio:auto}.story-stack .story-body{padding:22px}.story-stack h3{font-size:22px}.story-stack p{font-size:14px;margin-bottom:12px}.tool-band{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:white;border:1px solid var(--line);padding:34px;border-radius:10px}.panel h2{font-size:30px;line-height:1.12;letter-spacing:-.6px}.panel p{color:var(--muted);font-size:17px}.panel.dark{background:#091120;color:white}.panel.dark p{color:var(--line)}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-card{padding:23px;background:white;border:1px solid var(--line);border-radius:8px;font-size:17px;font-weight:600;display:flex;justify-content:space-between}.topic-card span{color:var(--orange)}.independence{border-top:1px solid var(--line);padding:32px 0;display:flex;justify-content:space-between;gap:30px}.independence p{font-size:15px;color:var(--muted);max-width:650px;margin:0}.footer{background:white;border-top:1px solid var(--line);padding:34px 0;font-size:14px}.footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.page-heading{padding:54px 0 30px}.page-heading h1{font-size:50px}.archive{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.archive .story h3{font-size:24px}.article-head{max-width:860px;margin:0 auto;padding:48px 30px 24px}.article-head h1{font-size:clamp(36px,4.7vw,57px);line-height:1.08}.article-head .intro{font-size:22px;color:var(--muted)}.article-image{max-width:1050px;margin:auto;padding:0 30px}.article-image img{width:100%;border-radius:10px;aspect-ratio:16/9;object-fit:cover}.article-image figcaption{font-size:12px;color:var(--muted);margin-top:8px}.article-body{max-width:760px;margin:34px auto 60px;padding:0 30px;font-size:19px;line-height:1.75}.article-body h2{font-size:28px;line-height:1.2;margin:32px 0 15px}.article-body a{text-decoration:underline;text-underline-offset:3px}.takeaway{padding:25px;border-left:4px solid var(--orange);background:white;margin:30px 0}.sources{font-size:15px;border-top:1px solid var(--line);padding-top:20px}.back{font-size:14px;color:var(--muted)}.archive-search{margin-bottom:25px}.no-results{padding:30px}.article-body li{margin-bottom:10px}
@media(max-width:900px){.wrap{padding:0 24px}.navlinks{gap:15px}.hero .wrap{grid-template-columns:1.4fr 1fr}.hero-art{height:400px}.hero h1{font-size:48px}.stories{grid-template-columns:1fr 1fr}.story-stack .story>a{display:block}.story-stack .story-image{height:140px;min-height:0}.story-stack .story-body{padding:16px}.story-stack p{display:none}.pathways{grid-template-columns:repeat(2,1fr)}.path{border-bottom:1px solid var(--line)}.archive{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{padding:0 20px}.nav{min-height:108px;gap:16px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.brand{font-size:23px}.brand small{font-size:10px}.navlinks{width:100%;justify-content:space-between;font-size:14px;gap:8px}.navlinks .button{padding:6px 10px}.hero .wrap{display:block;min-height:0}.hero-copy{padding:34px 0 0}.hero h1{font-size:44px;max-width:380px}.hero-copy>p{font-size:17px}.hero-art{height:270px;margin:10px auto 0;object-position:center bottom}.hero:after{right:-220px;top:200px}.search input{font-size:15px;padding:7px}.search .button{padding:10px 13px;font-size:14px}.path{padding:15px 12px;gap:9px}.path b{font-size:14px}.path small{font-size:11px}.path-icon{font-size:20px}.section{padding-top:38px;padding-bottom:38px}.section-title h2{font-size:30px}.section-title{align-items:start}.section-title .textlink{font-size:13px}.stories,.archive,.tool-band{grid-template-columns:1fr}.story-stack .story>a{display:grid;grid-template-columns:38% 1fr}.story-stack .story-image{height:100%;min-height:175px}.story-stack h3{font-size:21px}.story-body{padding:22px}.story h3{font-size:25px}.panel{padding:26px}.topic-card{padding:18px;font-size:15px}.independence{display:block}.independence b{display:block;margin-bottom:10px}.article-head{padding-top:30px}.article-head .intro{font-size:20px}.article-body{font-size:18px}.article-image{padding:0 20px}.page-heading h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep intrinsic image attributes from forcing oversized card heights. */
img{height:auto}.story>a:hover{text-decoration:none}.story>a:hover h3{text-decoration:underline;text-underline-offset:3px}


/* Cheeky head portrait for the revised visual preview. */
.hero-art{height:480px;border-radius:28px;filter:none;transform:rotate(-3deg)}.brand img{width:48px;height:48px;border-radius:0}@media(max-width:600px){.hero-art{height:320px;max-width:340px;margin:20px auto 14px}}


.news-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.category-heading{font-size:25px;border-top:3px solid var(--orange,#FC7F36);padding-top:16px;margin:0 0 20px}.category-stories{display:grid;gap:24px}.category-stories .story-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}@media(max-width:700px){.news-categories{grid-template-columns:1fr}}

/* Let the complete search prompt use the mobile row. */
@media(max-width:600px){.hero .search{flex-wrap:wrap}.hero .search input{flex-basis:100%;width:100%;font-size:clamp(11px,3.5vw,15px)}.hero .search .button{margin-left:auto}}

/* Approved Robbie OS Flow wallpaper and existing transparent Robbie artwork. */
.hero{background:#091120 url("/assets/editorial/robbie-os-flow-dark.png") center/cover no-repeat}.hero:after{display:none}.hero-art{width:90%;justify-self:center;border-radius:0}

.hero h1{text-wrap:balance}

@font-face{font-family:Barlow;src:url('/assets/fonts/Barlow-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
/* Fixed navy navigation with the logo's stacked Barlow wordmark. */
:root{--header-height:92px}html{scroll-padding-top:calc(var(--header-height) + 16px)}body{padding-top:var(--header-height)}
.masthead{position:fixed;inset:0 0 auto;z-index:1000;background:#091120;color:white;border-bottom:1px solid #ffffff26}
.brand{letter-spacing:0}.brand img{width:72px;height:72px;flex:none}.brand-wordmark{display:block}.brand-agent{display:block;font-size:16px;font-weight:600;line-height:1.05;letter-spacing:1.2px}.brand-robbie{display:block;font-size:32px;font-weight:800;line-height:1;letter-spacing:.3px}.brand small{font-size:9px;letter-spacing:1.6px;margin-top:6px;color:#CBD2DC}
.navlinks .button{border-color:#ffffff70}.skip{z-index:1001;color:var(--navy)}select,textarea,code,pre{font-family:Barlow,Arial,sans-serif}
@media(max-width:600px){:root{--header-height:152px}.brand img{width:72px;height:72px}.brand small{font-size:9px}.nav{padding-top:12px;padding-bottom:12px}}

/* Preserve existing content weights; reserve ExtraBold for the wordmark. */
h2,h3,b,strong{font-weight:600}

/* Use the approved complete dark horizontal lockup without altering its artwork. */
.brand{max-width:100%;min-width:0}.brand .brand-logo{width:240px;height:auto;max-width:100%;aspect-ratio:2201/587}

/* =========================================================================
   Tool Pages, Robbie's Take & Newsletter Component Styles (v4.0)
   ========================================================================= */

.tool-page { padding-top: 36px; padding-bottom: 72px; }
.tool-breadcrumbs { font-size: 13px; color: var(--muted); margin-bottom: 24px; }
.tool-breadcrumbs a { color: var(--navy); }
.tool-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; padding-bottom: 28px; border-bottom: 1px solid var(--line); margin-bottom: 36px; flex-wrap: wrap; }
.tool-header-meta h1 { font-size: clamp(34px, 4vw, 48px); margin: 6px 0 10px; line-height: 1.1; }
.tool-badge-pill { display: inline-block; padding: 4px 12px; background: white; border: 1px solid var(--line); border-radius: 20px; font-size: 13px; font-weight: 600; color: #A9470E; }
.tool-header-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }

.tool-grid { display: grid; grid-template-columns: 1.8fr 1fr; gap: 32px; }
.tool-main { display: flex; flex-direction: column; gap: 28px; }
.tool-card { background: white; border: 1px solid var(--line); border-radius: 10px; padding: 30px; }
.tool-card h2 { font-size: 24px; margin-bottom: 14px; }
.tool-card h3 { font-size: 20px; margin: 24px 0 10px; }
.tool-desc { font-size: 19px; line-height: 1.65; color: var(--navy); }
.tool-highlights, .tool-replaces { padding-left: 20px; font-size: 16px; line-height: 1.6; }
.tool-highlights li, .tool-replaces li { margin-bottom: 8px; }

.robbie-take-card { background: white; border: 1px solid var(--line); border-left: 6px solid var(--orange); border-radius: 10px; padding: 28px 30px; }
.robbie-take-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; flex-wrap: wrap; gap: 10px; }
.robbie-tag { font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; font-size: 13px; color: var(--orange); }
.robbie-badge { font-size: 12px; color: var(--muted); }
.robbie-take-card p { font-size: 17px; line-height: 1.65; margin: 0; }

.tool-sidebar { display: flex; flex-direction: column; gap: 24px; }
.tool-meta-card { background: white; border: 1px solid var(--line); border-radius: 10px; padding: 26px; }
.tool-meta-card h3 { font-size: 20px; margin-bottom: 18px; border-bottom: 1px solid var(--line); padding-bottom: 10px; }
.specs-list { display: grid; grid-template-columns: 1fr; gap: 12px; font-size: 15px; margin: 0; }
.specs-list dt { font-weight: 600; color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: 0.8px; }
.specs-list dd { margin: 2px 0 8px; font-size: 16px; color: var(--navy); }
.specs-list dd a { font-weight: 600; color: var(--navy); }

.tool-sidebar-cta { background: var(--navy); color: white; border-radius: 10px; padding: 26px; }
.tool-sidebar-cta h4 { font-size: 18px; margin: 0 0 8px; }
.tool-sidebar-cta p { font-size: 14px; color: #CBD2DC; margin-bottom: 16px; }

/* Newsletter Opt-in Banner */
.newsletter-banner { margin: 48px 0; }
.newsletter-card { background: white; border: 1px solid var(--line); border-top: 4px solid var(--orange); border-radius: 10px; padding: 36px 40px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 32px; align-items: center; }
.newsletter-content .eyebrow { color: var(--orange); }
.newsletter-content h3 { font-size: 26px; margin: 6px 0 10px; }
.newsletter-content p { font-size: 16px; color: var(--muted); margin: 0; line-height: 1.5; }
.newsletter-form { display: flex; gap: 10px; flex-wrap: wrap; }
.newsletter-form input { flex: 1; min-width: 220px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 7px; font-size: 16px; }

@media(max-width: 900px) {
  .tool-grid { grid-template-columns: 1fr; }
  .newsletter-card { grid-template-columns: 1fr; padding: 26px; }
}

/* =========================================================================
   Fixed Dark Navy Navigation & 3-Column Daily Briefing Dashboard (v4.0)
   ========================================================================= */

:root {
  --header-height: 92px;
}
html {
  scroll-padding-top: calc(var(--header-height) + 16px);
}
body {
  padding-top: var(--header-height);
}
.masthead {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  background: var(--navy, #102541);
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.navlinks a {
  color: white;
  font-weight: 500;
}
.navlinks a:hover {
  color: var(--orange, #FC7F36);
  text-decoration: none;
}

/* 3-Column Daily Briefing Grid */
.daily-briefing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 24px;
}
.briefing-card {
  background: #FFFFFF;
  border: 1px solid var(--line, #CBD2DC);
  border-radius: 12px;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(16, 37, 65, 0.04);
}
.briefing-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line, #CBD2DC);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--navy, #102541);
}
.briefing-card-header .header-icon {
  font-size: 16px;
  color: var(--orange, #FC7F36);
}
.briefing-items-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  flex: 1;
}
.briefing-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 14px;
  line-height: 1.4;
}
.briefing-item a.item-title {
  color: var(--navy, #102541);
  font-weight: 600;
  text-decoration: none;
}
.briefing-item a.item-title:hover {
  color: var(--orange, #FC7F36);
  text-decoration: underline;
}
.briefing-meta-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 11px;
}
.theme-pill {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 7px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  background: #FFF5EE;
  color: #D95A1E;
  border: 1px solid rgba(252, 127, 54, 0.25);
}
.source-pill {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 12px;
  font-size: 11px;
  color: #536277;
  background: #F4F6F8;
  border: 1px solid var(--line, #CBD2DC);
  text-decoration: none;
}
.source-pill:hover {
  border-color: var(--orange, #FC7F36);
  color: var(--navy, #102541);
}
.time-ago {
  color: #8A99AD;
  font-size: 11px;
}
.briefing-note {
  font-size: 12px;
  color: #60718B;
  font-style: italic;
  margin: 0;
  line-height: 1.35;
}
.briefing-stats-footer {
  margin-top: 20px;
  padding-top: 12px;
  border-top: 1px solid var(--line, #CBD2DC);
  font-size: 12px;
  color: #8A99AD;
  text-align: center;
}

@media(max-width: 960px) {
  .daily-briefing-grid {
    grid-template-columns: 1fr;
  }
}

/* field_css_override */

.masthead { background: #091120 !important; }
.brand .brand-logo { width: 240px !important; }
.footer { background: #091120 !important; color: #FFFFFF !important; border-top: 1px solid rgba(255, 255, 255, 0.12) !important; }
.footer b { color: #FFFFFF !important; }
.footer small { color: #8A99AD !important; }
.footer .footer-links a { color: #CBD2DC !important; }
.footer .footer-links a:hover { color: #FC7F36 !important; }


/* =========================================================================
   AI Search Video Highlight & Searchable Catalog Styles (v4.0)
   ========================================================================= */

.ai-search-spotlight {
  background: #091120;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  padding: 28px;
  margin-bottom: 28px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}
.spotlight-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  margin-bottom: 22px;
}
.spotlight-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: #FC7F36;
  color: #091120;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  border-radius: 20px;
}
.spotlight-title {
  font-size: 20px;
  font-weight: 700;
  margin: 6px 0 2px;
  color: #FFFFFF;
}
.spotlight-attribution {
  font-size: 13px;
  color: #CBD2DC;
}
.spotlight-attribution a {
  color: #FC7F36;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.spotlight-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 24px;
  align-items: start;
}
.spotlight-player-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000000;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,0.5);
}
.spotlight-player-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.spotlight-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.spotlight-video-title {
  font-size: 20px;
  line-height: 1.25;
  color: #FFFFFF;
  margin: 0;
}
.spotlight-chapters-box {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 14px;
  max-height: 220px;
  overflow-y: auto;
}
.spotlight-chapters-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #FC7F36;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chapters-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.chapter-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #CBD2DC;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: all 0.15s ease;
  width: 100%;
}
.chapter-btn:hover {
  background: rgba(252, 127, 54, 0.15);
  border-color: #FC7F36;
  color: #FFFFFF;
}
.chapter-time {
  font-family: monospace;
  font-weight: 700;
  color: #FC7F36;
  font-size: 12px;
}
.spotlight-links-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
}
.spotlight-link-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  color: #EEF0F3;
  text-decoration: none;
}
.spotlight-link-pill:hover {
  background: #FC7F36;
  color: #091120;
  border-color: #FC7F36;
}

/* Searchable Video Catalog Grid */
.video-catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 28px;
}
.video-card {
  background: #FFFFFF;
  border: 1px solid var(--line, #CBD2DC);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.video-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(16, 37, 65, 0.08);
}
.video-thumbnail-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: #091120;
  overflow: hidden;
}
.video-thumbnail-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}
.video-card:hover .video-thumbnail-wrap img {
  transform: scale(1.04);
}
.video-play-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(9, 17, 32, 0.4);
  opacity: 0.85;
  transition: opacity 0.2s ease;
}
.video-card:hover .video-play-overlay {
  opacity: 1;
  background: rgba(9, 17, 32, 0.2);
}
.play-badge {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #FC7F36;
  color: #091120;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.video-card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.video-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  color: var(--muted, #536277);
  margin-bottom: 10px;
}
.video-card-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--navy, #102541);
  margin: 0 0 10px;
}
.video-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.video-tag {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 12px;
  background: #EEF0F3;
  color: #102541;
}
.video-chapters-preview {
  font-size: 12px;
  color: var(--muted, #536277);
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--line, #CBD2DC);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media(max-width: 900px) {
  .spotlight-grid { grid-template-columns: 1fr; }
  .video-catalog-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width: 600px) {
  .video-catalog-grid { grid-template-columns: 1fr; }
}


/* Attribution Card Full Width */
.attribution-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.attribution-card p {
  width: 100% !important;
  max-width: 100% !important;
}


/* Daily Briefing Header Signup Card */
.briefing-header-wrap {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 28px;
  align-items: center;
  margin-bottom: 28px;
  background: #FFFFFF;
  border: 1px solid var(--line, #CBD2DC);
  border-radius: 14px;
  padding: 28px 32px;
  box-shadow: 0 2px 8px rgba(16, 37, 65, 0.04);
}
.briefing-header-copy .eyebrow {
  color: var(--orange, #FC7F36);
}
.briefing-header-copy h1, .briefing-header-copy h2 {
  font-size: clamp(28px, 3.2vw, 38px);
  line-height: 1.15;
  letter-spacing: -0.8px;
  color: var(--navy, #091120);
  margin: 6px 0 10px;
}
.briefing-header-copy p {
  color: var(--muted, #536277);
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 14px;
}
.briefing-signup-card {
  background: #091120;
  color: #FFFFFF;
  border-radius: 12px;
  padding: 22px 24px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}
.briefing-signup-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #FC7F36;
  margin-bottom: 6px;
}
.briefing-signup-title {
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 6px;
}
.briefing-signup-desc {
  font-size: 13px;
  color: #CBD2DC;
  line-height: 1.45;
  margin: 0 0 14px;
}
.briefing-signup-form .signup-input-row {
  display: flex;
  gap: 8px;
}
.briefing-signup-form input[type="email"] {
  flex: 1;
  min-width: 0;
  padding: 10px 14px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #FFFFFF;
  color: #091120;
  font-size: 14px;
}
.briefing-signup-form .button.orange {
  padding: 10px 16px;
  font-size: 14px;
  white-space: nowrap;
}
.briefing-signup-subtext {
  display: block;
  font-size: 11px;
  color: #8A99AD;
  margin-top: 8px;
}

@media(max-width: 900px) {
  .briefing-header-wrap {
    grid-template-columns: 1fr;
    padding: 22px;
  }
}
@media(max-width: 600px) {
  .briefing-signup-form .signup-input-row {
    flex-direction: column;
  }
  .briefing-signup-form .button.orange {
    width: 100%;
  }
}


/* White Nav Button matching Newsletter Signup Button */
.navlinks .button, .navlinks .button.light, .masthead .navlinks .button, .masthead .navlinks .button.orange {
  background: #FFFFFF !important;
  color: #091120 !important;
  border: 1px solid #FFFFFF !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 7px !important;
  line-height: 1.2 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.15s ease !important;
}
.navlinks .button:hover, .navlinks .button.light:hover, .masthead .navlinks .button:hover, .masthead .navlinks .button.orange:hover {
  background: #FC7F36 !important;
  color: #091120 !important;
  border-color: #FC7F36 !important;
  text-decoration: none !important;
}