/* Layout + spacing tokens */
:root{
--layout-page-max:1920px;
--layout-content:1284px; /* centered content column (318px side margins at 1920) */
--layout-bleed-margin:60px; /* full-bleed hero/featured side margin */
--layout-header-h:104px;
--layout-seriesnav-h:35.5px;
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:80px;
--button-h:30px;--button-pad-x:24px; /* black rectangular buttons, no radius */
--sep-w:96px;--sep-h:2px; /* section-header separator (variants: 80px, 60×1 in article H2) */
--radius-none:0; /* the brand uses square corners everywhere (comments widget r16 is third-party) */
}