/* Client guideline design system. This stylesheet is shared by editor, reader and PDF.
   All geometry is master-controlled. The editor must not mutate these coordinates. */
@font-face{font-family:'Inter';src:url('./assets/Inter-Regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('./assets/Inter-Bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'EB Garamond';src:url('./assets/EBGaramond-Regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'EB Garamond';src:url('./assets/EBGaramond-Italic.woff') format('woff');font-style:italic;font-weight:400;font-display:swap}
.guide-page,.guide-page *{box-sizing:border-box}
.guide-page{position:relative;overflow:hidden;flex-shrink:0;width:1280px;height:720px;background:#fff;color:#222;font-family:var(--brand-body);font-synthesis:none}
.guide-page .page-content{display:grid;width:100%;height:100%;grid-template-columns:410px 1fr;padding:30px;gap:12px;background:#fff}
.guide-sidebar{display:flex;flex-direction:column;min-width:0;padding:27px 40px 17px 19px;align-items:flex-start}
.section-kicker{color:#59616a;text-transform:uppercase;letter-spacing:.13em}
.guide-title{font-weight:inherit;margin:28px 0 0;max-width:345px;min-height:84px;color:var(--brand-ink)}
.guide-title .content-slot{display:block;white-space:pre-line}
.guide-description{margin-top:auto;max-width:300px;min-height:160px;display:flex;align-items:flex-end;padding-bottom:12px}
.region-copy{margin:0;line-height:1.5;}
.content-slot{border-radius:2px;outline-offset:5px;white-space:pre-line}
.guide-sidebar .region-copy,.guide-sidebar .region-copy .content-slot{color:#525966}
.folio{margin:0;color:#7a7d83;letter-spacing:.05em}
.logo-display{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-width:0}
.logo-stage{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:0}
.logo-stage.light{border:1px solid rgba(0,0,0,.045)}
.stage-label{position:absolute;left:28px;top:24px;font-size:11px;letter-spacing:.11em;font-weight:600;font-family:Inter,sans-serif;opacity:.75}
.logo-stage .brand-art{display:block;max-width:68%;max-height:52%;object-fit:contain;width:64%;height:auto}
.logo-stage .missing-art{border:1px dashed currentColor;border-radius:3px;padding:15px 24px;font-size:17px;opacity:.7;color:inherit}
.logo-split .logo-display{grid-template-rows:1fr;grid-template-columns:1fr 1fr}
.logo-split .logo-stage .brand-art{max-width:80%;width:76%;max-height:38%}
.swatch-display{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;min-width:0;overflow:hidden}
.swatch{position:relative;display:flex;justify-content:space-between;flex-direction:column;padding:24px 17px 30px;min-width:0}
.swatch-index{font-family:Inter,sans-serif;font-size:13px;opacity:.55}
.swatch-info{display:flex;flex-direction:column;gap:8px}
.swatch-info .typ-label{font-family:Inter,sans-serif;line-height:1.4;letter-spacing:0;word-break:normal;text-transform:capitalize;font-size:12px}
.swatch-info .typ-caption{font-size:11px;opacity:.83;white-space:nowrap}
.palette-cards .swatch-display{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;gap:11px}
.palette-cards .swatch:nth-child(1),.palette-cards .swatch:nth-child(2){grid-column:span 3}
.palette-cards .swatch:nth-child(n+3){grid-column:span 2}
.type-display{display:flex;flex-direction:column;padding:32px 34px 28px;min-width:0;background:#e6ebec;color:var(--brand-ink)}
.type-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(0,0,0,.12)}
.type-head .typ-label{font-size:10px;letter-spacing:.1em}
.type-row{flex:1;min-height:0;display:flex;justify-content:space-between;align-items:center;gap:26px;border-bottom:1px solid rgba(0,0,0,.105);padding:9px 0}
.type-row:last-child{border-bottom:0}
.type-sample{display:flex;flex-direction:column;justify-content:center;min-width:0}
.type-row-name{font:500 11px/1.25 Inter,sans-serif;text-transform:uppercase;color:#5c6870;letter-spacing:.09em;margin-bottom:9px}
.type-example{max-width:600px;word-break:normal}
.type-row.display .type-example{}
.type-row.h1 .type-example{white-space:nowrap}
.type-row.h2 .type-example{}
.type-row.body .type-example{max-width:520px}
.type-row.caption .type-example{max-width:420px}
.type-metric{font:500 12px/1.6 Inter,sans-serif;color:#52606a;text-align:right;min-width:78px}
.type-muted{opacity:.68}
.typography-editorial .type-display{background:var(--brand-ink);color:var(--brand-paper)}
.typography-editorial .type-head,.typography-editorial .type-row{border-color:rgba(255,255,255,.23)}
.typography-editorial .type-row-name,.typography-editorial .type-metric{color:var(--brand-paper);opacity:.8}
@media print{
  @page{size:13.333333in 7.5in;margin:0}
  html,body{background:white!important;margin:0!important;padding:0!important}
  .guide-page{display:block!important;width:1280px!important;height:720px!important;page-break-after:always;break-after:page;transform:none!important;border:none!important;box-shadow:none!important;margin:0!important}
  .guide-page:last-child{page-break-after:auto;break-after:auto}
}

/* Additional controlled page layouts: maintained independently from core guide geometry. */

/* V8.10 project-specific page stock, independent from brand-colour swatches. */
.guide-page,.guide-page .page-content{background:var(--document-background,#FFFFFF)}

.reference-footer{position:absolute;left:32px;right:32px;bottom:2px;z-index:20;text-align:center;font:700 9px/1.25 Arial,sans-serif;letter-spacing:.05em;color:#8b1d1d;pointer-events:none} @media print{.reference-footer{font-size:8px}}