:root{
/* Spread geometry — every brand-book page is a 1920x1080 white spread */
--page-w:1920px;
--page-h:1080px;
--content-w:1840px;          /* full-bleed rules and swatch rows span 1840 */
--grid-columns:10; /* @kind other */
--grid-column-w:184px;       /* 1840 / 10 */

/* Horizontal anchors used verbatim in the book */
--margin-title:80px;
--margin-body:82px;
--margin-footer:84px;
--col-2-x:767px;
--col-2-text-x:795px;
--col-3-x:1128px;
--col-3-text-x:1152px;
--mark-x:1866px;
--mark-y:48px;
--mark-w:31px;

/* Vertical anchors */
--caption-band-y:794px;      /* section title baseline block */
--footer-rule-y:1032px;
--footer-text-y:1037px;
--footer-tick-h:49px;

/* Hairline */
--hairline:0.5px;
--rule-color:var(--border-hairline);

/* Spacing step used across captions and lists (26 / 30 / 40 line rhythm) */
--space-1:8px;
--space-2:16px;
--space-3:26px;
--space-4:30px;
--space-5:40px;
--space-6:54px;
--space-7:80px;

/* Logo scale steps documented on p.006 */
--logo-h-xs:16px;
--logo-h-sm:32px;
--logo-h-md:64px;
--logo-h-lg:124px;

/* Clearspace rule: 1x the height of the "A" around the mark; 1.5x above */
--clearspace:1; /* @kind other */
--radius-none:0px;           /* the brand book uses no rounded corners */
}
.trac-page{position:relative;width:var(--page-w);height:var(--page-h);background:var(--surface-page);overflow:hidden}
.trac-rule-h{position:absolute;left:0;height:0;border-top:var(--hairline) solid var(--rule-color)}
.trac-rule-v{position:absolute;width:0;border-left:var(--hairline) solid var(--rule-color)}