.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;}
}