.system-page :is(h3,p,ol,ul,figure){margin:0}.system-page :is(ol,ul){padding:0;list-style:none}.sys-data{font:var(--t-meta)/1.4 var(--mono);color:var(--ink-3)}.sys-theme{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:var(--gap-7);padding-block:var(--gap-6);border-top:1px solid var(--ridge-1)}.sys-theme-copy{display:grid;align-content:start;gap:var(--gap-3)}.sys-theme-copy h3{font:500 var(--t-doc-head)/1.15 var(--sans);letter-spacing:-.01em}.sys-theme-copy p{font:var(--t-doc-body)/1.55 var(--sans);color:var(--ink-2);max-width:44ch}.sys-placement,.sys-specimen{display:grid;gap:var(--gap-4);padding:var(--gap-5);background:var(--canvas);color:var(--ink);border:1px solid var(--ridge-2);border-radius:var(--r-lg);font-family:var(--sans)}.sys-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--gap-2)}.sys-swatches li{display:grid;gap:var(--gap-1)}.sys-swatch{display:block;aspect-ratio:4/3;border:1px solid var(--ridge-1);border-radius:var(--r-sm)}.sys-buttons{display:flex;flex-wrap:wrap;gap:var(--gap-2)}.sys-field{display:block;padding:var(--gap-2) var(--gap-3);background:var(--field,color-mix(in oklab,var(--surface-2) 50%,transparent));border:1px solid var(--field-edge,var(--ridge-1));border-radius:var(--r-md);font:var(--t-body)/1.5 var(--sans);color:var(--ink-3)}.sys-field.is-focus{color:var(--ink);border-color:var(--brand-deep);box-shadow:0 0 0 3px var(--brand-tint)}.sys-rows li{display:flex;justify-content:space-between;gap:var(--gap-3);padding-block:var(--gap-2);border-top:1px solid var(--ridge-1);font:var(--t-body)/1.5 var(--sans)}.sys-placements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-6)}.sys-book figcaption,.sys-flyers figcaption,.sys-placements figcaption{padding-top:var(--gap-3);font:var(--t-doc-row)/1.5 var(--sans);color:var(--ink-2)}.sys-placement{--brand-deep:color-mix(in oklab,var(--brand) 82%,var(--ink));--brand-tint:color-mix(in oklab,var(--brand) 35%,transparent)}.sys-placement-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-3);padding:var(--gap-2) var(--gap-3);background:var(--surface-2);border-radius:var(--r-md)}.sys-lockup{display:inline-flex;align-items:center;gap:var(--gap-2);font:600 var(--t-title)/1.2 var(--sans)}.sys-lockup-mark{width:var(--gap-4);height:var(--gap-4);border-radius:50%;background:var(--brand);box-shadow:inset 0 0 0 1px var(--ridge-2)}.sys-nav{display:flex;gap:var(--gap-1);font:var(--t-body)/1.4 var(--sans);color:var(--ink-2)}.sys-nav span{display:inline-flex;align-items:center;gap:var(--gap-2);padding:var(--gap-1) var(--gap-2);border-radius:var(--r-sm)}.sys-nav .is-active{color:var(--ink);background:var(--surface-px)}.sys-nav .is-active:before{content:"";width:var(--gap-1);height:var(--gap-1);border-radius:50%;background:var(--brand)}.sys-progress{display:flex;align-items:center;gap:var(--gap-3)}.sys-progress-track{flex:1;height:var(--gap-1);background:var(--ridge-2);border-radius:var(--r-xs);overflow:hidden}.sys-progress-fill{display:block;width:37.5%;height:100%;background:var(--brand)}.sys-book,.sys-flyers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-6);align-items:start}.sys-book .is-wide{grid-column:1/-1}.sys-book img,.sys-flyers img{display:block;width:100%;height:auto;border:1px solid var(--ridge-2);border-radius:var(--r-sm);box-shadow:var(--shadow-1)}.sys-book .is-narrow img{width:auto;max-width:100%;max-height:760px}.sys-links{display:flex;flex-wrap:wrap;gap:var(--gap-3) var(--gap-6)}@media (max-width:1023px){.sys-theme{grid-template-columns:1fr;gap:var(--gap-4)}.sys-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px),(pointer:coarse) and (max-height:500px){.sys-book,.sys-flyers,.sys-placements{grid-template-columns:1fr}.sys-placement,.sys-specimen{padding:var(--gap-4)}.sys-book .is-narrow img{max-height:none;width:100%}}