:root{
  --forest-dark:#0B3A2C;
  --forest:#13503B;
  --green:#2E8B4F;
  --green2:#3CA55C;
  --green-light:#5FBE7C;
  --mint:#DCEEDA;
  --mint2:#EAF5E6;
  --cream:#F8F6EE;
  --paper:#FFFFFF;
  --gold:#F0A93A;
  --gold-deep:#D98C1B;
  --coral:#E8573E;
  --teal:#1E7A6E;
  --ink:#17241C;
  --ink-soft:#3B4A41;
  --muted:#66766C;
  --line:#CFE0D2;
  --shadow: 0 2px 18px rgba(11,58,44,.18);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Poppins','Segoe UI','Century Gothic',Calibri,Arial,sans-serif;
  background:#8fa79a;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
svg.icon{width:1em;height:1em;fill:currentColor;vertical-align:-0.12em;display:inline-block;}
.hidden-defs{position:absolute;width:0;height:0;overflow:hidden;}

/* ===== PAGE SHELL ===== */
.page{
  position:relative;
  width:338.7mm;height:190.5mm;
  margin:10mm auto;
  background:var(--cream);
  box-shadow:var(--shadow);
  overflow:hidden;
  padding:14mm 16mm 12mm 16mm;
  display:flex; flex-direction:column;
}
/* fills remaining vertical space on a page by spreading sibling
   content blocks evenly, so pages with few blocks don't leave a
   large dead zone at the bottom */
.fill-spread{flex:1; display:flex; flex-direction:column; justify-content:space-evenly;}
/* for pages with a single content block (or a tightly-grouped list
   that must not be pulled apart): centers it in the remaining space */
.fill-center{flex:1; display:flex; flex-direction:column; justify-content:center;}
.page.dark{background:var(--forest-dark); color:var(--mint2);}
.page.green{background:linear-gradient(160deg,var(--green) 0%, var(--forest) 100%); color:#fff;}
.page-num{
  position:absolute; bottom:8mm; right:16mm;
  font-size:9pt; color:var(--muted); letter-spacing:.03em;
}
.page.dark .page-num, .page.green .page-num{color:rgba(255,255,255,.6);}
.footer-strip{
  position:absolute; left:16mm; bottom:8mm; font-size:8pt; color:var(--muted);
  text-transform:uppercase; letter-spacing:.08em;
}
.page.dark .footer-strip, .page.green .footer-strip{color:rgba(255,255,255,.55);}
.brandmark{position:absolute; top:9mm; right:16mm; display:flex; align-items:center; gap:6px;}
.brandmark img{height:9mm;}
.page.dark .brandmark, .page.green .brandmark{background:#fff; padding:2.4mm 4mm; border-radius:6px;}
.kicker{
  display:inline-flex; align-items:center; gap:8px;
  font-size:9.5pt; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--green); margin-bottom:4mm;
}
.page.dark .kicker,.page.green .kicker{color:var(--gold);}
.kicker .dot{width:7px;height:7px;border-radius:50%;background:var(--coral);}
h1.h1{
  font-size:26pt; font-weight:800; margin:0 0 4mm 0; color:var(--forest-dark); line-height:1.08;
  letter-spacing:-0.01em;
}
.page.dark h1.h1,.page.green h1.h1{color:#fff;}
h2.h2{font-size:14.5pt; font-weight:800; color:var(--forest); margin:0 0 3mm 0;}
.page.dark h2.h2,.page.green h2.h2{color:var(--mint);}
p.lede{font-size:10.6pt; line-height:1.55; color:var(--ink-soft); max-width:170mm;}
p.body-sm{font-size:9.3pt; line-height:1.55; color:var(--ink-soft);}
.page.dark p.body-sm,.page.dark p.lede{color:#DCE9DF;}
.cols2{display:grid; grid-template-columns:1fr 1fr; gap:9mm;}
.cols3{display:grid; grid-template-columns:1fr 1fr 1fr; gap:7mm;}
.divider{height:2px; background:linear-gradient(90deg,var(--green),transparent); margin:4mm 0;}

/* decorative leaf corner */
.leaf-corner{position:absolute; opacity:.14; pointer-events:none;}
.leaf-corner.tl{top:-14mm; left:-10mm; width:70mm; transform:rotate(20deg);}
.leaf-corner.br{bottom:-16mm; right:-8mm; width:80mm; transform:rotate(-8deg);}
.page.dark .leaf-corner,.page.green .leaf-corner{opacity:.10; filter:brightness(3);}

/* badge pill */
.pill{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--coral); color:#fff; font-weight:700; font-size:9pt;
  padding:2.4mm 5mm; border-radius:20px; letter-spacing:.03em;
}
.pill.gold{background:var(--gold);}
.pill.outline{background:transparent; border:1.4px solid currentColor;}

/* KPI card */
.kpi-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:6mm; margin-top:5mm;}
.kpi-grid.c5{grid-template-columns:repeat(5,1fr);}
.kpi-grid.c3{grid-template-columns:repeat(3,1fr);}
.kpi{
  background:var(--paper); border-radius:10px; padding:6mm 5mm; box-shadow:0 1px 6px rgba(11,58,44,.10);
  border-top:3px solid var(--green2);
}
.kpi .icircle{
  width:11mm;height:11mm;border-radius:50%;
  background:radial-gradient(circle at 30% 30%, var(--teal), var(--green));
  display:flex; align-items:center; justify-content:center; color:#fff; font-size:14pt; margin-bottom:3mm;
}
.kpi .num{font-size:19pt; font-weight:800; color:var(--forest-dark); line-height:1;}
.kpi .unit{font-size:8.5pt; font-weight:700; color:var(--green);}
.kpi .label{font-size:8.3pt; color:var(--muted); margin-top:1.5mm; line-height:1.3;}
.kpi.on-dark{background:rgba(255,255,255,.08); box-shadow:none; border-top-color:var(--gold);}
.kpi.on-dark .num{color:#fff;}
.kpi.on-dark .label{color:rgba(255,255,255,.75);}
.kpi.on-dark .unit{color:var(--gold);}
.kpi-grid.lg .kpi{padding:8mm 6mm;}
.kpi-grid.lg .kpi .icircle{width:14mm;height:14mm;margin-bottom:4mm;}
.kpi-grid.lg .kpi .num{font-size:24pt;}
.kpi-grid.lg .kpi .unit{font-size:9.4pt;}
.kpi-grid.lg .kpi .label{font-size:9pt; margin-top:2mm;}

/* stat band (3 colored horizontal bands) */
.band-row{display:grid; grid-template-columns:1fr 1fr 1fr; gap:0; border-radius:10px; overflow:hidden; margin-top:4mm;}
.band{padding:5mm 6mm; color:#fff;}
.band.b1{background:#0F5C42;}
.band.b2{background:#1E7A57;}
.band.b3{background:#2E8B4F;}
.band .num{font-size:17pt;font-weight:800;}
.band .label{font-size:8.2pt; opacity:.85;}
.band-row.lg .band{padding:9mm 10mm;}
.band-row.lg .band .num{font-size:26pt;}
.band-row.lg .band .label{font-size:10pt; margin-top:1.5mm;}

/* table */
table.data{width:100%; border-collapse:collapse; font-size:8.6pt;}
table.data th{
  background:var(--forest); color:#fff; text-align:left; padding:2.6mm 3mm; font-weight:700;
  font-size:8.2pt; text-transform:uppercase; letter-spacing:.03em;
}
table.data td{padding:2.4mm 3mm; border-bottom:1px solid var(--line); color:var(--ink-soft); vertical-align:top;}
table.data tr:nth-child(even) td{background:var(--mint2);}
.page.dark table.data tr:nth-child(even) td,
.page.green table.data tr:nth-child(even) td{background:rgba(255,255,255,.08);}
table.data td.strong{font-weight:700; color:var(--forest-dark);}
.tbl-note{font-size:7.6pt; color:var(--muted); margin-top:2mm;}
table.data.compact th,table.data.compact td{padding:1.1mm 3mm; font-size:7.7pt;}
table.data.compact.xs th,table.data.compact.xs td{padding:0.55mm 3mm; font-size:6.9pt;}
table.data.lg th{padding:1.8mm 3.4mm; font-size:8.6pt;}
table.data.lg td{padding:2mm 3.4mm; font-size:9pt;}
table.data.compact.xs sup{font-size:5.6pt;}

.vc-flow.sm .vc-stage{padding:3mm 3mm;}
.vc-flow.sm .vc-stage h4{font-size:8.6pt; margin:1.5mm 0 1mm 0;}
.vc-flow.sm .vc-stage p{font-size:7.1pt; line-height:1.32;}
.vc-flow.sm .icircle{width:7mm; height:7mm;}
.vc-flow.sm .icircle svg{width:11px; height:11px;}

/* value creation model flow */
.vc-flow{display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items:stretch; gap:3mm; margin-top:5mm;}
.vc-stage{
  background:var(--paper); border-radius:10px; padding:5mm 4mm; box-shadow:0 1px 6px rgba(11,58,44,.10);
  border-bottom:4px solid var(--green2);
}
.vc-stage h4{font-size:9.6pt; font-weight:800; color:var(--forest-dark); margin:2mm 0 1.5mm 0; text-transform:uppercase; letter-spacing:.03em;}
.vc-stage p{font-size:7.9pt; color:var(--ink-soft); line-height:1.4; margin:0;}
.vc-stage .icircle{width:9mm;height:9mm;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--green)); display:flex;align-items:center;justify-content:center;color:#fff;font-size:12pt;}
.vc-arrow{align-self:center; color:var(--gold-deep); font-size:16pt;}

/* enlarged variant used for flagship Input/Activities/Output stage cards */
.vc-stage-lg{padding:6mm 7mm;}
.vc-stage-lg h4{font-size:13pt; margin:2.5mm 0 2mm 0;}
.vc-stage-lg p{font-size:9.8pt; line-height:1.5;}
.vc-stage-lg .icircle{width:13mm;height:13mm;}
.vc-stage-lg .icircle svg{width:18px;height:18px;}
.vc-sub-icons{display:flex; gap:5mm; margin-top:3.5mm; flex-wrap:wrap;}
.vc-sub-icons .si{display:flex; align-items:center; gap:2.2mm; font-size:8.4pt;}
.vc-sub-icons .si .ic{width:8mm;height:8mm;border-radius:50%;background:rgba(255,255,255,.18); display:flex;align-items:center;justify-content:center; flex-shrink:0;}
.vc-sub-icons .si .ic svg{width:12px;height:12px;color:#fff;}

/* quote block */
.quote{
  background:var(--mint2); border-left:4px solid var(--coral); border-radius:6px;
  padding:4.5mm 6mm; font-size:9.6pt; font-style:italic; color:var(--forest-dark); line-height:1.5;
}
.quote .who{display:block; margin-top:2mm; font-style:normal; font-weight:700; font-size:8.3pt; color:var(--green);}

/* timeline */
.tl-h{display:flex; align-items:flex-start; gap:0; margin-top:6mm;}
.tl-item{flex:1; position:relative; padding-top:9mm; text-align:center; min-width:0;}
.tl-item::before{content:''; position:absolute; top:3mm; left:0; right:0; height:2px; background:var(--line);}
.tl-item::after{content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:8mm; height:8mm; border-radius:50%; background:var(--green2); border:3px solid var(--cream);}
.tl-item .yr{font-weight:800; color:var(--forest-dark); font-size:11.5pt; padding:0 2.2mm;}
.tl-item .tx{font-size:8.6pt; color:var(--muted); margin-top:1.5mm; line-height:1.35; padding:0 2.2mm;}

/* stakeholder matrix cards */
.sh-row{display:grid; grid-template-columns:1.1fr 1.6fr 1.9fr 1.6fr; gap:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-bottom:2.6mm;}
.sh-row > div{padding:3mm 4mm; font-size:8.2pt; line-height:1.4; border-right:1px solid var(--line);}
.sh-row > div:last-child{border-right:none;}
.sh-who{background:var(--forest); color:#fff; font-weight:700; display:flex; align-items:center; gap:2mm;}
.sh-concern{background:#fff;}
.sh-action{background:var(--mint2);}
.sh-outcome{background:#fff; font-weight:600; color:var(--forest-dark);}
.sh-head{display:grid; grid-template-columns:1.1fr 1.6fr 1.9fr 1.6fr; gap:0; margin-bottom:1.6mm;}
.sh-head > div{font-size:7.3pt; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); padding:0 4mm;}

/* awards / medal grid */
.medal-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:6mm; margin-top:5mm;}
.medal{background:#fff; border-radius:10px; padding:5mm; text-align:center; box-shadow:0 1px 6px rgba(11,58,44,.10); border:1px solid var(--line);}
.medal .icircle{width:14mm;height:14mm;border-radius:50%; margin:0 auto 3mm auto; background:radial-gradient(circle at 30% 30%,#FFE29A,var(--gold-deep)); display:flex;align-items:center;justify-content:center; color:#7a4c02; font-size:16pt; box-shadow:0 2px 6px rgba(217,140,27,.5);}
.medal .t{font-size:8.6pt; font-weight:700; color:var(--forest-dark); line-height:1.3;}
.medal .o{font-size:7.6pt; color:var(--muted); margin-top:1mm;}

/* numbered award photo grid */
.iso-banner{display:flex; align-items:center; gap:4mm; background:var(--mint2); border:1.4px solid var(--gold); border-radius:8px; padding:3mm 5mm;}
.iso-banner .icircle{width:10mm;height:10mm;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-deep)); display:flex;align-items:center;justify-content:center;color:#fff; flex-shrink:0;}
.iso-banner .t{font-size:9.4pt; font-weight:800; color:var(--forest-dark);}
.iso-banner .o{font-size:7.8pt; color:var(--ink-soft); margin-top:0.5mm;}
.award-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:2.6mm; margin-top:2.8mm;}
.award-card{background:#fff; border-radius:7px; overflow:hidden; box-shadow:0 1px 5px rgba(11,58,44,.12); border:1px solid var(--line); position:relative; display:flex; flex-direction:column;}
.award-card .ph{width:100%; height:21mm; background:#fff; display:flex; align-items:center; justify-content:center; padding:1mm; position:relative;}
.award-card img{max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block;}
.award-card .n{position:absolute; top:1.3mm; left:1.3mm; width:5mm; height:5mm; border-radius:50%; background:var(--forest-dark); color:#fff; font-size:6.6pt; font-weight:800; display:flex; align-items:center; justify-content:center; box-shadow:0 1px 3px rgba(0,0,0,.35); z-index:2;}
.award-card .cap{padding:1.4mm 2mm 1.8mm 2mm; font-size:6.15pt; line-height:1.24; color:var(--ink-soft); flex:1;}
.award-card .cap b{color:var(--forest-dark);}
.award-card{cursor:zoom-in; transition:box-shadow .15s, transform .15s;}
.award-card:hover{box-shadow:0 3px 12px rgba(11,58,44,.28); transform:translateY(-0.6mm);}
.award-card .zoom-hint{position:absolute; bottom:1mm; right:1mm; width:5mm; height:5mm; border-radius:50%; background:rgba(11,58,44,.72); color:#fff; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .15s; z-index:2;}
.award-card:hover .zoom-hint{opacity:1;}
.award-card .zoom-hint svg{width:9px; height:9px;}

/* award hi-res lightbox */
.gems-lightbox{display:none; position:fixed; inset:0; background:rgba(6,20,14,.92); z-index:9999; align-items:center; justify-content:center; padding:14mm; cursor:zoom-out;}
.gems-lightbox.open{display:flex;}
.gems-lightbox img{max-width:100%; max-height:100%; object-fit:contain; box-shadow:0 12px 50px rgba(0,0,0,.55); border-radius:4px; cursor:default;}
.gems-lightbox .lb-caption{position:absolute; left:0; right:0; bottom:8mm; text-align:center; color:#fff; font-size:9.5pt; font-weight:700; text-shadow:0 1px 4px rgba(0,0,0,.6);}
.gems-lightbox .lb-close{position:absolute; top:10mm; right:14mm; width:11mm; height:11mm; border-radius:50%; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.4); color:#fff; font-size:16pt; line-height:1; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.gems-lightbox .lb-close:hover{background:rgba(255,255,255,.25);}
@media print{.gems-lightbox{display:none !important;}}

/* toc */
.toc-list{margin-top:5mm;}
.toc-item{display:flex; align-items:baseline; gap:3mm; padding:1.9mm 0; border-bottom:1px dotted var(--line); font-size:9.6pt;}
.toc-item .n{font-weight:800; color:var(--gold-deep); width:8mm;}
.toc-item .t{font-weight:700; color:var(--forest-dark); flex:0 0 auto;}
.toc-item .fill{flex:1; border-bottom:1px dotted var(--line); margin-bottom:1mm;}
.toc-item .p{color:var(--muted); font-size:9pt;}

/* future roadmap */
.road{display:flex; gap:0; margin-top:8mm; position:relative;}
.road::before{content:'';position:absolute; top:6mm; left:0; right:0; height:3px; background:var(--line);}
.road-node{flex:1; text-align:center; position:relative; padding-top:0;}
.road-node .dot{width:12mm;height:12mm;border-radius:50%; background:linear-gradient(135deg,var(--teal),var(--green)); margin:0 auto; display:flex; align-items:center; justify-content:center; color:#fff; font-size:14pt; position:relative; z-index:2; border:4px solid var(--cream);}
.road-node .yr{margin-top:3mm; font-weight:800; color:var(--forest-dark); font-size:9.5pt;}
.road-node .tx{font-size:7.6pt; color:var(--muted); margin-top:1mm; padding:0 3mm; line-height:1.35;}
.road-node .milestones{margin-top:2.5mm; padding:0 3mm; text-align:left;}
.road-node .milestone{margin-bottom:2.4mm;}
.road-node .milestone .cat{display:block; font-size:7pt; font-weight:800; letter-spacing:.05em; text-transform:uppercase; margin-bottom:0.4mm;}
.road-node .milestone .txt{font-size:7.3pt; color:var(--ink-soft); line-height:1.3;}

.tag-box{background:#fff; border-radius:8px; padding:4mm 5mm; border:1px solid var(--line);}
.tag-box h5{margin:0 0 2mm 0; font-size:9.3pt; color:var(--forest-dark); display:flex; align-items:center; gap:2mm;}
.tag-box ul{margin:0; padding-left:4mm; font-size:8.2pt; color:var(--ink-soft); line-height:1.55;}

.tag-box-lg{padding:8mm 9mm;}
.tag-box-lg h5{font-size:13pt; margin-bottom:3.5mm; gap:3mm;}
.tag-box-lg ul{font-size:10.3pt; line-height:1.7; padding-left:4.5mm;}
.tag-box-lg ul li{margin-bottom:1.5mm;}
.tag-box-lg p{font-size:10.3pt !important; line-height:1.6 !important;}

.chip{display:inline-block; background:var(--mint); color:var(--forest); font-size:7.6pt; font-weight:700; padding:1mm 2.8mm; border-radius:10px; margin:0 2px 2px 0;}

/* golden way value boxes */
.value-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:3mm; margin-top:3mm; flex:1;}
.value-box{background:var(--mint2); border:1px solid var(--line); border-left:4px solid var(--green2); border-radius:8px; padding:3mm 3mm; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:1.8mm;}
.value-box .icircle{width:9mm;height:9mm;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--green)); display:flex;align-items:center;justify-content:center;color:#fff; flex-shrink:0;}
.value-box .icircle svg{width:14px;height:14px;}
.value-box .t{font-size:9pt; font-weight:700; color:var(--forest-dark); line-height:1.2;}
.value-grid.compact{flex:none; gap:2.3mm; margin-top:2mm;}
.value-grid.compact .value-box{padding:2mm 2mm; gap:1mm;}
.value-grid.compact .value-box .icircle{width:7.2mm; height:7.2mm;}
.value-grid.compact .value-box .icircle svg{width:11px; height:11px;}
.value-grid.compact .value-box .t{font-size:8pt;}

/* ownership gradient bar chart */
.own-bar{display:flex; width:100%; height:10mm; border-radius:6px; overflow:hidden; margin-top:3mm; box-shadow:0 1px 5px rgba(11,58,44,.18);}
.own-seg{display:flex; align-items:center; justify-content:center; color:#fff; font-size:7.8pt; font-weight:800; white-space:nowrap; overflow:hidden;}
.own-legend{display:flex; flex-wrap:wrap; gap:2.4mm 5mm; margin-top:3mm;}
.own-legend .li{display:flex; align-items:center; gap:2mm; font-size:7.9pt; color:var(--ink-soft); line-height:1.3;}
.own-legend .sw{width:3mm;height:3mm;border-radius:2px; flex-shrink:0;}

.mini-cap{font-size:7.4pt; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; font-weight:700;}

/* SDG contribution badges (official UN SDG colour palette) */
.sdg-row{display:flex; gap:2.4mm; margin-top:3mm; flex-wrap:wrap;}
.sdg-badge{width:12mm;height:12mm;border-radius:4px; display:flex;align-items:center;justify-content:center; color:#fff; font-weight:800; font-size:9.5pt; flex-shrink:0; box-shadow:0 1px 4px rgba(11,58,44,.25);}

/* interactive concession map */
.map-pin{position:absolute; width:4mm; height:4mm; margin:-2mm 0 0 -2mm; cursor:pointer; background:none; border:none; padding:0;}
.map-pin .ping{position:absolute; inset:-2mm; border-radius:50%; background:rgba(240,169,58,.55); animation:gemsPing 2.2s ease-out infinite;}
.map-pin .dot{position:absolute; inset:0; border-radius:50%; background:var(--gold); box-shadow:0 0 0 2px rgba(255,255,255,.85), 0 1px 4px rgba(0,0,0,.5);}
.map-pin:hover .dot{background:#fff;}
.map-pin.active .dot{background:var(--coral); box-shadow:0 0 0 2.4px #fff, 0 1px 5px rgba(0,0,0,.6);}
@keyframes gemsPing{0%{transform:scale(.4); opacity:.9;} 100%{transform:scale(2); opacity:0;}}

/* sticky site navigation */
.site-nav{
  position:sticky; top:0; z-index:500;
  background:var(--forest-dark); color:#fff;
  display:flex; align-items:center; gap:0;
  padding:0 8mm; height:11mm;
  box-shadow:0 2px 10px rgba(0,0,0,.25);
  font-size:8pt; font-weight:700; letter-spacing:.02em;
  overflow-x:auto; white-space:nowrap;
}
.site-nav .brand{font-weight:800; letter-spacing:.08em; padding-right:4mm; margin-right:2mm; border-right:1px solid rgba(255,255,255,.25); color:#fff; flex-shrink:0;}
.site-nav a{color:rgba(255,255,255,.82); text-decoration:none; padding:0 2.6mm; border-right:1px solid rgba(255,255,255,.15); transition:color .15s; flex-shrink:0;}
.site-nav a:hover{color:#fff;}
.site-nav a.ext{color:var(--gold);}
.site-nav a:last-child{border-right:none;}
@media print{.site-nav{display:none;}}

/* clickable TOC */
a.toc-item{text-decoration:none; color:inherit; cursor:pointer; transition:background .15s; border-radius:4px;}
a.toc-item:hover{background:var(--mint2);}

/* media & reference link chips */
.media-links{display:flex; flex-wrap:wrap; gap:2.5mm; margin-top:3mm;}
.media-link{
  display:inline-flex; align-items:center; gap:1.6mm;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.3); border-radius:20px;
  padding:1.6mm 3.6mm; font-size:8pt; font-weight:700; color:#fff;
  text-decoration:none;
}
.media-link:hover{background:rgba(255,255,255,.18);}
.media-link.pending{border-style:dashed; opacity:.7;}
.media-link .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);}
.ref-links{display:flex; flex-wrap:wrap; gap:2mm 5mm; margin-top:2.5mm;}
.ref-links a{
  font-size:8.2pt; font-weight:700; color:var(--gold); text-decoration:none;
  border-bottom:1px dotted var(--gold); padding-bottom:.5mm;
}
.ref-links a:hover{color:#fff; border-color:#fff;}

@media print{
  @page{size:338.7mm 190.5mm; margin:0;}
  body{background:#fff;}
  .page{margin:0; box-shadow:none; page-break-after:always;}
}