.sp-page-hero__meta{font-size:13px;color:var(--muted);}

.sp-section__inner{display:grid;grid-template-columns:260px 1fr;gap:80px;align-items:start;}

/* Sidebar nav */
.sp-doc-nav{position:sticky;top:123px;}
.sp-doc-nav__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-strong);margin:0 0 20px;}
.sp-doc-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;}
.sp-doc-nav a{font-size:14px;color:var(--muted);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent;transition:color .15s;}
.sp-doc-nav a:hover{color:var(--primary);text-decoration:none;}

/* Document body */
.sp-doc-body h2{font-family:var(--font-heading);font-size:clamp(28px,2.5vw,38px);color:var(--primary);margin:64px 0 20px;padding-top:20px;border-top:1px solid rgba(214,207,199,.2);text-wrap:balance;}
.sp-doc-body h2:first-child{margin-top:0;border-top:none;padding-top:0;}
.sp-doc-body p{font-size:15px;color:var(--muted);line-height:1.75;margin:0 0 18px;text-wrap:pretty;}
.sp-doc-body strong{color:var(--primary);}
.sp-doc-body code{background:var(--bg-alt);padding:2px 7px;border-radius:4px;font-size:13px;color:var(--primary);}
.sp-doc-body .sp-highlight{background:var(--bg-alt);border-left:3px solid var(--accent);padding:20px 24px;border-radius:0 8px 8px 0;margin:24px 0;}
.sp-doc-body .sp-highlight p{margin:0;font-size:14px;}

@media(max-width:900px){
    .sp-section__inner{grid-template-columns:1fr;gap:40px;}
    .sp-doc-nav{position:static;}
}