.content-page{
  position:relative;
  z-index:3;
  min-height:100vh;
  padding:clamp(132px,17vh,192px) var(--page-gutter) clamp(72px,10vw,132px);
  overflow:hidden;
}
.content-page::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 10%,rgba(217,201,142,.075),transparent 30%),
    radial-gradient(circle at 86% 16%,rgba(255,248,232,.04),transparent 28%);
  pointer-events:none;
}
.content-shell{
  position:relative;
  z-index:1;
  width:min(1180px,100%);
  margin:0 auto;
}
.content-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.34fr);
  align-items:end;
  gap:clamp(24px,5vw,70px);
  margin-bottom:clamp(28px,4vw,52px);
}
.content-hero-simple{grid-template-columns:1fr;}
.content-eyebrow{
  margin:0 0 12px;
  color:rgba(217,201,142,.86);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.content-hero h1{
  margin:0;
  max-width:900px;
  color:rgba(255,251,234,.97);
  font-size:clamp(2.35rem,6.5vw,6rem);
  line-height:.94;
  letter-spacing:-.064em;
}
.content-lead{
  max-width:820px;
  margin:20px 0 0;
  color:rgba(255,248,232,.70);
  font-size:clamp(1rem,1.42vw,1.2rem);
  line-height:1.72;
}
.content-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.content-actions a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px 5px;
  margin-bottom:-5px;
  border:1px solid rgba(245,242,223,.14);
  border-radius:999px;
  color:rgba(255,248,232,.82);
  background:rgba(245,242,223,.04);
  text-decoration:none;
  font-size:.86rem;
  font-weight:900;
  transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease);
}
.content-actions a::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:7px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(244,241,223,.74),rgba(217,201,142,.34),transparent);
  opacity:0;
  transition:opacity .22s var(--ease);
}
.content-actions a:hover,.content-actions a:focus-visible{color:#fffbea;border-color:rgba(217,201,142,.28);background:rgba(217,201,142,.05);outline:none;}
.content-actions a:hover::after,.content-actions a:focus-visible::after{opacity:1;}
.content-meta{
  padding:18px 0 0;
  border-top:1px solid rgba(217,201,142,.20);
  color:rgba(255,248,232,.58);
}
.content-meta-label{
  display:block;
  margin-bottom:12px;
  color:rgba(217,201,142,.78);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.content-meta strong{
  display:inline-flex;
  margin:0 8px 8px 0;
  padding-bottom:5px;
  color:rgba(255,248,232,.84);
  font-size:.86rem;
  line-height:1.3;
}
.content-layout{
  display:grid;
  grid-template-columns:minmax(210px,.58fr) minmax(0,1.92fr);
  gap:clamp(22px,4vw,54px);
  align-items:start;
}
.content-toc{
  position:sticky;
  top:120px;
  padding:0;
  color:rgba(255,248,232,.62);
}
.content-toc h2{
  margin:0 0 13px;
  color:rgba(217,201,142,.80);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.content-toc nav{display:grid;gap:8px;}
.content-toc a{
  position:relative;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  padding:0 0 5px;
  color:rgba(255,248,232,.56);
  text-decoration:none;
  font-size:.88rem;
  line-height:1.35;
  transition:color .18s var(--ease);
}
.content-toc a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(244,241,223,.66),rgba(217,201,142,.28),transparent);
  opacity:0;
  transition:opacity .22s var(--ease);
}
.content-toc a span{color:rgba(217,201,142,.62);font-size:.76rem;font-weight:900;letter-spacing:.08em;}
.content-toc a:hover,.content-toc a:focus-visible{color:#fffbea;outline:none;}
.content-toc a:hover::after,.content-toc a:focus-visible::after{opacity:1;}
.content-sections{display:grid;gap:18px;}
.content-card{
  position:relative;
  padding:clamp(24px,3vw,38px);
  border-top:1px solid rgba(217,201,142,.18);
  background:linear-gradient(180deg,rgba(245,242,223,.035),rgba(245,242,223,.018));
  scroll-margin-top:120px;
}
.content-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,201,142,.54),rgba(245,242,223,.28),transparent);
  opacity:.82;
}
.content-card.is-highlight{
  background:linear-gradient(180deg,rgba(217,201,142,.065),rgba(245,242,223,.018));
}
.content-card-number{
  display:inline-flex;
  margin-bottom:13px;
  color:rgba(217,201,142,.78);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.13em;
}
.content-card h2{
  margin:0 0 14px;
  color:rgba(255,251,234,.96);
  font-size:clamp(1.42rem,2.45vw,2.05rem);
  line-height:1.12;
  letter-spacing:-.036em;
}
.content-card-body{color:rgba(255,248,232,.68);font-size:.98rem;line-height:1.72;}
.content-card-body p{margin:0 0 12px;}
.content-card-body p:last-child{margin-bottom:0;}
.content-card-body ul,.content-card-body ol{margin:0;padding-left:1.16rem;}
.content-card-body li+li{margin-top:7px;}
.content-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.content-mini-grid article{
  padding:17px 0 0;
  border-top:1px solid rgba(245,242,223,.12);
}
.content-mini-grid strong{
  display:block;
  margin-bottom:7px;
  color:rgba(255,248,232,.90);
  font-size:.95rem;
}
.content-mini-grid p{margin:0;color:rgba(255,248,232,.62);line-height:1.58;font-size:.92rem;}
@media (max-width:980px){
  .content-hero,.content-layout{grid-template-columns:1fr;}
  .content-toc{position:relative;top:auto;}
  .content-mini-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:620px){
  .content-page{padding-top:118px;}
  .content-mini-grid{grid-template-columns:1fr;}
  .content-actions{display:grid;grid-template-columns:1fr;}
  .content-actions a{justify-content:center;}
}
