.content-nav nav{display:flex;gap:24px;margin-left:auto;font-size:14px;color:var(--muted)}
.content-nav a:hover{color:var(--text)}
.content-page{padding:44px 0 88px}
.content-page>.wrap{max-width:1040px}
.breadcrumbs{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:48px;flex-wrap:wrap}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.content-heading{display:grid;gap:24px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.content-heading h1{font-size:clamp(36px,5.8vw,66px);line-height:1.08;max-width:860px}
.content-heading .lead{max-width:780px;font-size:20px}
.byline{color:var(--muted);font-size:13px}.byline a{text-decoration:underline;text-underline-offset:3px}
.prose{max-width:760px;padding-top:8px;color:var(--muted);font-size:17px;line-height:1.85;overflow-wrap:anywhere}
.prose h2{font-size:clamp(23px,3vw,29px);line-height:1.3;color:var(--text);margin:42px 0 18px}
.prose p{margin:0 0 18px}.prose strong{color:var(--text);font-weight:600}
.prose a{color:var(--text);text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:4px}
.related{margin-top:56px;border-top:1px solid var(--line);padding-top:32px;display:grid;gap:12px;max-width:760px}
.related h2{font-size:22px;margin-bottom:12px}.related a{display:block;color:var(--muted)}.related a:hover{color:var(--text)}
.content-footer{padding:32px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.content-footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.content-footer nav{display:flex;gap:20px}
.content-footer .portfolio{flex-basis:100%;font-size:13px;line-height:1.9}.content-footer a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.content-nav .brand img{width:112px}.content-nav nav{gap:12px;font-size:12px}.nav .content-nav{gap:14px;padding:0 18px}.content-page{padding-top:28px}.breadcrumbs{margin-bottom:32px}.content-heading .lead{font-size:18px}.prose{font-size:16px}}
@media(max-width:420px){.nav .content-nav{height:auto;min-height:68px;flex-wrap:wrap;padding:16px 18px;gap:14px}.content-nav nav{width:100%;margin-left:0;justify-content:space-between}}
