body{background:var(--bg-page);min-height:100vh}
.shell{max-width:980px;margin:0 auto;padding:32px 20px 60px}
h1{font-size:var(--font-size-2xl);margin:0 0 8px}
.sub{color:var(--text-muted);font-size:var(--font-size-base);margin:0 0 4px}
.date{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:28px}
h2{font-size:var(--font-size-lg);margin:28px 0 10px;color:var(--brand-primary)}
h3{font-size:var(--font-size-base);margin:18px 0 8px;color:var(--text-primary)}
p,li{color:var(--text-secondary);line-height:1.8;margin:0 0 12px;font-size:var(--font-size-base)}
ul{padding-left:24px;margin:0 0 14px}
li{margin-bottom:6px}
a{color:var(--text-link)}
.back-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:none;margin-bottom:14px}
.back-link:hover{color:var(--brand-primary)}
.highlight-box{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);padding:16px 20px;margin:20px 0;font-weight:600;color:var(--text-primary);line-height:1.7;font-size:var(--font-size-sm)}
.highlight-box.red{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.25)}

/* Branded page header — matches the site page-header pattern (support.css). */
.page-header{background:var(--brand-gradient);padding:44px 20px 48px;text-align:center;position:relative;overflow:hidden}
.page-header::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.14) 0%,transparent 60%);pointer-events:none}
.page-header .inner{position:relative;z-index:1;max-width:820px;margin:0 auto}
.page-header .brand{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.72);font-size:14px;font-weight:600;margin-bottom:14px;text-decoration:none}
.page-header .brand:hover{color:rgba(255,255,255,.95)}
.page-header h1{font-family:var(--font-serif);font-size:40px;font-weight:600;color:var(--text-inverse);margin:0 0 6px}
.page-header .sub{color:rgba(255,255,255,.82);font-size:var(--font-size-base);margin:0 0 4px}
.page-header .date{color:rgba(255,255,255,.66);font-size:var(--font-size-sm);margin:0}
@media(max-width:640px){.page-header{padding:34px 18px 38px}.page-header h1{font-size:30px}}