.article-container{max-width:850px}

.resource-hero{
  background:linear-gradient(145deg,#f6fbff 0%,#fff 66%);
  border-bottom:1px solid var(--line);
  padding:64px 0 58px;
}

.resource-hero h1{
  color:var(--navy);
  font-size:clamp(1.9rem,2.7vw,2.8rem);
  letter-spacing:-.04em;
  margin:10px 0 22px;
}

.resource-intro{
  font-size:1.16rem;
  color:var(--muted);
  max-width:760px;
}

.resource-meta{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.88rem;
  margin-top:22px;
}

.resource-actions{
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:30px;
}

.dark-link{color:var(--navy)}

.breadcrumbs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.82rem;
  margin-bottom:28px;
}

.breadcrumbs a:hover{color:var(--blue)}

.resource-body{padding:66px 0 90px}

.resource-body section{margin:58px 0}

.resource-body h2{
  color:var(--navy);
  font-size:clamp(1.65rem,3vw,2.35rem);
  letter-spacing:-.035em;
  margin-bottom:16px;
}

.resource-body p{
  font-size:1.03rem;
  color:#465a6e;
}

.resource-body blockquote{
  font-size:1.2rem;
  line-height:1.55;
  font-weight:650;
  color:var(--navy);
  margin:28px 0;
  padding:18px 22px;
  border-left:4px solid var(--blue);
  background:#f6fbff;
  border-radius:10px;
}

.note-box{
  background:#f3f8fc;
  border:1px solid #d8e7f1;
  border-left:4px solid var(--blue);
  border-radius:12px;
  padding:21px 22px;
  margin-bottom:50px;
}

.note-box strong{color:var(--navy)}

.note-box p{
  margin:6px 0 0;
  font-size:.93rem;
}

.check-list{
  list-style:none;
  margin:24px 0 0;
  padding:0;
  border-top:1px solid var(--line);
}

.check-list li{
  border-bottom:1px solid var(--line);
}

.check-list label{
  display:flex;
  gap:13px;
  align-items:flex-start;
  padding:15px 4px;
  cursor:pointer;
  color:#2e455b;
}

.check-list input{
  width:18px;
  height:18px;
  margin-top:3px;
  accent-color:var(--blue);
  flex:0 0 auto;
}

.action-section{
  background:var(--navy);
  color:white;
  border-radius:22px;
  padding:38px;
}

.action-section h2{color:white}

.action-section p{color:#c4d3df}

.action-section .eyebrow{color:#65c5ff}

.question-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin:26px 0;
}

.question-grid div{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  border-radius:10px;
  padding:14px;
  font-weight:750;
  color:white;
}

.mc-callout{
  background:linear-gradient(145deg,#eef8ff,#f8fcff);
  border:1px solid #d7eaf7;
  border-radius:20px;
  padding:38px;
}

.mc-line{
  color:var(--navy)!important;
  font-size:1.15rem!important;
  font-weight:850;
}

.share-section{
  text-align:center;
  padding-top:20px;
  border-top:1px solid var(--line);
}

.secondary-button{
  background:var(--navy);
  box-shadow:none;
  margin-top:10px;
}

@media(max-width:600px){
  .resource-hero{padding:44px 0}
  .resource-actions{align-items:flex-start;flex-direction:column}
  .resource-body{padding-top:42px}
  .resource-body section{margin:44px 0}
  .action-section,.mc-callout{padding:26px 20px}
  .question-grid{grid-template-columns:1fr}
}

@media print{
  .site-header,.resource-actions,.mc-callout,.share-section,footer{display:none!important}
  body{color:#000;background:#fff}
  .resource-hero{padding:0 0 18px;background:#fff;border:0}
  .resource-hero h1{font-size:28pt;color:#000}
  .resource-body{padding:0}
  .resource-body section{break-inside:avoid;margin:22px 0}
  .action-section{background:#fff;color:#000;border:1px solid #aaa}
  .action-section h2,.action-section p,.action-section .eyebrow,.question-grid div{color:#000!important}
  .question-grid div{background:#fff;border:1px solid #bbb}
  .check-list label{padding:8px 2px;color:#000}
}