*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --navy:   #0B1D39;
  --orange: #E05A2B;
  --white:  #FFFFFF;
  --gray:   #F5F5F5;
  --border: #E0E0E0;
  --text:   #1A1A1A;
  --muted:  #6b6b6b;
}
html { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
body { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 1.7; color: var(--text); background: #e8e8e8; }
@page { size: A4 portrait; margin: 0; }

/* Print bar */
.print-bar { background: var(--navy); color: white; padding: 14px 40px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 99; }
.print-bar p { font-size: 12px; opacity: 0.7; margin-top: 2px; }
.print-bar strong { font-family: 'DM Sans', sans-serif; font-size: 14px; }
.print-btn { background: var(--orange); color: white; border: none; padding: 10px 24px; font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; cursor: pointer; border-radius: 2px; }
.print-btn:hover { background: #c44b20; }
@media print { .print-bar { display: none; } }

/* Page shell */
.page { width: 210mm; min-height: 297mm; background: var(--white); margin: 24px auto; box-shadow: 0 4px 24px rgba(0,0,0,0.14); overflow: hidden; display: flex; flex-direction: column; }
@media print {
  body { background: white; }
  .page { width: 210mm; height: 297mm; min-height: unset; margin: 0; box-shadow: none; overflow: hidden; break-after: page; page-break-after: always; }
  .page:last-child { break-after: avoid; page-break-after: avoid; }
}

/* Shared header / footer */
.page-header { background: var(--navy); padding: 18px 32px; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; }
.brand { font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 800; color: white; letter-spacing: -0.02em; }
.brand span { color: rgba(255,255,255,0.3); }
.doc-label { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.45); }
.accent-bar { background: var(--orange); height: 3px; flex-shrink: 0; }
.page-footer { background: var(--gray); padding: 11px 32px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--border); margin-top: auto; flex-shrink: 0; }
.page-footer p { font-size: 10px; color: var(--muted); }
.page-num { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 700; color: var(--orange); }

/* Typography */
.label { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--orange); display: block; margin-bottom: 6px; }
.section-num { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--orange); display: block; margin-bottom: 4px; }
h2.section-head { font-family: 'DM Sans', sans-serif; font-size: 18px; font-weight: 800; color: var(--navy); line-height: 1.2; margin-bottom: 12px; }
h3.sub-head { font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 700; color: var(--navy); margin: 16px 0 6px; }
p.body { font-size: 12.5px; line-height: 1.7; color: #2a2a2a; margin-bottom: 10px; }
p.body:last-child { margin-bottom: 0; }

/* Callout */
.callout { border-left: 3px solid var(--orange); background: rgba(224,90,43,0.05); padding: 12px 16px; margin: 14px 0; }
.callout p { font-size: 12px; line-height: 1.65; color: var(--text); margin: 0; }
.callout-label { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--orange); display: block; margin-bottom: 5px; }

/* Tables */
.report-table { width: 100%; border-collapse: collapse; margin: 12px 0 16px; font-size: 11px; }
.report-table thead tr { background: var(--navy); }
.report-table thead th { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(255,255,255,0.65); padding: 8px 10px; text-align: left; border: 1px solid rgba(255,255,255,0.1); }
.report-table tbody tr { border-bottom: 1px solid var(--border); }
.report-table tbody tr:nth-child(even) { background: var(--gray); }
.report-table tbody td { padding: 8px 10px; vertical-align: top; border: 1px solid var(--border); line-height: 1.5; color: #2a2a2a; }
.report-table tbody td:first-child { font-family: 'DM Sans', sans-serif; font-weight: 600; color: var(--navy); }
.tag { display: inline-block; font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 2px 6px; border-radius: 2px; }
.tag-green { background: rgba(5,150,105,0.1); color: #059669; }
.tag-orange { background: rgba(224,90,43,0.12); color: #c44b20; }
.tag-navy { background: rgba(11,29,57,0.1); color: var(--navy); }

/* Layout helpers */
.body-pad { padding: 28px 32px 24px; flex: 1; display: flex; flex-direction: column; }
.body-pad-sm { padding: 22px 32px 20px; flex: 1; display: flex; flex-direction: column; }
.spacer { flex: 1; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.three-col { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }

/* Lists */
ol.report-list { padding-left: 0; list-style: none; margin: 10px 0 14px; }
ol.report-list li { display: flex; gap: 10px; font-size: 12px; line-height: 1.65; color: #2a2a2a; margin-bottom: 8px; align-items: flex-start; }
ol.report-list li .num { font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 800; color: var(--orange); background: rgba(224,90,43,0.1); width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
ol.report-list.report-list-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 22px; }
ol.report-list.report-list-grid li { align-items: flex-start; }
ul.report-ul { padding-left: 0; list-style: none; margin: 8px 0 12px; }
ul.report-ul li { display: flex; gap: 8px; font-size: 12px; line-height: 1.6; color: #2a2a2a; margin-bottom: 6px; align-items: flex-start; }
ul.report-ul li::before { content: '\2014'; color: var(--orange); font-weight: 700; flex-shrink: 0; }

/* Metrics */
.metric-row { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--border); margin: 14px 0; }
.metric-cell { padding: 14px 16px; border-right: 1px solid var(--border); }
.metric-cell:last-child { border-right: none; }
.metric-val { font-family: 'DM Sans', sans-serif; font-size: 28px; font-weight: 800; color: var(--orange); line-height: 1; margin-bottom: 3px; }
.metric-lbl { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); }

/* About strip */
.about-strip { margin-top: auto; background: var(--navy); padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.about-strip p { font-size: 11.5px; color: rgba(255,255,255,0.7); line-height: 1.55; }
.about-strip strong { color: white; font-family: 'DM Sans', sans-serif; font-size: 13px; display: block; margin-bottom: 3px; }
.cta-link { background: var(--orange); color: white; text-decoration: none; padding: 10px 18px; font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; border-radius: 2px; flex-shrink: 0; }

/* At-a-Glance flow */
.flow-row { display: flex; align-items: stretch; gap: 0; margin: 16px 0; }
.flow-block { flex: 1; background: var(--navy); padding: 16px 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.flow-block.light { background: var(--gray); border: 1px solid var(--border); }
.flow-block.accent { background: var(--orange); }
.flow-arrow { width: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: transparent; }
.flow-arrow::after { content: '\25B6'; font-size: 14px; color: var(--orange); }
.flow-title { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 800; color: white; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 6px; }
.flow-title.dark { color: var(--navy); }
.flow-items { display: flex; flex-direction: column; gap: 4px; }
.flow-item { font-size: 10px; color: rgba(255,255,255,0.75); line-height: 1.4; }
.flow-item.dark { color: #3a3a3a; }
.flow-num { font-family: 'DM Sans', sans-serif; font-size: 32px; font-weight: 800; color: var(--orange); line-height: 1; }
.flow-num.white { color: white; }
.flow-sub { font-family: 'DM Sans', sans-serif; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.5); margin-top: 3px; }
.flow-sub.dark { color: rgba(11,29,57,0.5); }

/* Maturity bars */
.maturity-grid { display: flex; flex-direction: column; gap: 12px; margin: 16px 0; }
.maturity-row { display: grid; grid-template-columns: 90px 1fr 70px; gap: 12px; align-items: center; }
.maturity-label { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 700; color: var(--navy); }
.maturity-track { height: 22px; background: var(--gray); border: 1px solid var(--border); position: relative; }
.maturity-fill { height: 100%; display: flex; align-items: center; padding-left: 8px; }
.maturity-fill-label { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; color: white; text-transform: uppercase; letter-spacing: 0.06em; white-space: nowrap; }
.maturity-pct { font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 800; color: var(--orange); text-align: right; }
.maturity-desc { font-size: 10px; color: var(--muted); line-height: 1.4; margin-top: 2px; }

/* Conflict cards */
.conflict-card { border: 1px solid var(--border); margin-bottom: 10px; }
.conflict-head { display: grid; grid-template-columns: 1fr 24px 1fr; gap: 0; }
.conflict-side { padding: 10px 12px; }
.conflict-side.problem { background: rgba(239,68,68,0.06); border-right: 1px solid var(--border); }
.conflict-side.solution { background: rgba(5,150,105,0.06); }
.conflict-arrow-col { display: flex; align-items: center; justify-content: center; background: var(--gray); border-left: 1px solid var(--border); border-right: 1px solid var(--border); }
.conflict-arrow-col::after { content: '\2192'; font-size: 14px; font-weight: 700; color: var(--orange); }
.conflict-num { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--muted); display: block; margin-bottom: 3px; }
.conflict-title { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
.conflict-body { font-size: 10.5px; line-height: 1.55; color: #3a3a3a; }

/* Six-dimension hex layout */
.hex-grid, .dim-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin: 12px 0; }
.hex-card, .dim-card { border: 1px solid var(--border); padding: 14px 12px; border-top: 3px solid var(--navy); position: relative; background: var(--white); }
.hex-card:nth-child(1), .dim-card:nth-child(1) { border-top-color: #0B1D39; }
.hex-card:nth-child(2), .dim-card:nth-child(2) { border-top-color: #1a3a6e; }
.hex-card:nth-child(3), .dim-card:nth-child(3) { border-top-color: #E05A2B; }
.hex-card:nth-child(4), .dim-card:nth-child(4) { border-top-color: #c44b20; }
.hex-card:nth-child(5), .dim-card:nth-child(5) { border-top-color: #2563eb; }
.hex-card:nth-child(6), .dim-card:nth-child(6) { border-top-color: #059669; }
.hex-num { font-family: 'DM Sans', sans-serif; font-size: 28px; font-weight: 800; color: rgba(11,29,57,0.08); position: absolute; top: 8px; right: 10px; line-height: 1; }
.hex-dim, .dim-num { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--orange); display: block; margin-bottom: 4px; }
.hex-title, .dim-title { font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 700; color: var(--navy); margin-bottom: 5px; line-height: 1.2; }
.hex-body, .dim-body { font-size: 10.5px; line-height: 1.55; color: #3a3a3a; }

/* Implementation timeline */
.impl-timeline { display: flex; flex-direction: column; gap: 0; margin: 12px 0; }
.impl-step { display: grid; grid-template-columns: 48px 1fr; gap: 0; }
.impl-step-num { display: flex; flex-direction: column; align-items: center; }
.impl-step-circle { width: 36px; height: 36px; background: var(--navy); color: white; display: flex; align-items: center; justify-content: center; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 800; flex-shrink: 0; border-radius: 50%; }
.impl-step-line { width: 2px; background: var(--border); flex: 1; margin: 4px auto; }
.impl-step:last-child .impl-step-line { display: none; }
.impl-step-body { padding: 4px 0 20px 12px; }
.impl-step-tag { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--orange); display: block; margin-bottom: 3px; }
.impl-step-title { font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
.impl-step-desc { font-size: 11.5px; line-height: 1.6; color: #3a3a3a; }

/* Delegation pyramid */
.pyramid-wrap { margin: 14px 0; }
.pyramid-tier { display: flex; align-items: stretch; margin-bottom: 4px; }
.pyramid-indent { flex-shrink: 0; }
.pyramid-block { flex: 1; padding: 12px 16px; display: flex; justify-content: space-between; align-items: center; }
.pyramid-tier-label { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; }
.pyramid-tier-desc { font-size: 11px; line-height: 1.5; flex: 1; margin: 0 16px; }
.pyramid-oversight { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; text-align: right; white-space: nowrap; }

/* Four questions */
.questions-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0; }
.q-card { border: 1px solid var(--border); padding: 16px; }
.q-num { font-family: 'DM Sans', sans-serif; font-size: 36px; font-weight: 800; color: rgba(224,90,43,0.12); line-height: 1; margin-bottom: 6px; }
.q-question { font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 700; color: var(--navy); margin-bottom: 6px; line-height: 1.25; }
.q-why { font-size: 11px; line-height: 1.6; color: var(--muted); }
.q-arrow { display: flex; align-items: center; justify-content: center; padding: 10px 0; }
.q-arrow::before { content: '\2193'; font-size: 20px; color: var(--orange); font-weight: 700; }
.q-outcome { background: var(--navy); padding: 16px; text-align: center; margin-top: 6px; }
.q-outcome p { font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 600; color: white; }
.q-outcome strong { color: var(--orange); }

/* Jurisdiction pillars */
.juris-pillar { border: 1px solid var(--border); }
.juris-flag { font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: white; background: var(--navy); display: block; padding: 8px 12px; }
.juris-pillar-body { padding: 12px; }
.juris-pillar-title { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.juris-pillar-body p { font-size: 10.5px; line-height: 1.55; color: #3a3a3a; }
.juris-stat { border-top: 1px solid var(--border); padding: 8px 12px; display: flex; justify-content: space-between; align-items: center; background: var(--gray); }
.juris-stat-val { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 800; color: var(--orange); }
.juris-stat-lbl { font-size: 10px; color: var(--muted); }