:root{--ink:#1c1e22;--soft:#5b6068;--line:#d9dce1;--bg:#f4f5f7;--orange:#f39a1e;--orange-d:#c97a0c;--card:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
.wrap{max-width:940px;margin:0 auto;padding:0 20px 40px}
/* header */
.top{background:var(--ink);color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.top .in{max-width:940px;margin:0 auto;padding:0 20px}
.bar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #3a3d43}
.bar img{height:34px;width:auto;display:block}
.bar .kind{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#aeb3bb}
.hero{padding:34px 0 30px;border-left:0}
.hero .cat{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-weight:600}
.hero h1{margin:.1em 0 0;font-size:64px;line-height:1;font-weight:300;letter-spacing:.04em}
.hero .sub{font-size:16px;letter-spacing:.14em;text-transform:uppercase;color:#d8dbe0;margin-top:6px;font-weight:600}
.hero .std{margin-top:12px;color:#aeb3bb;font-size:14px}
/* language bar */
nav{display:flex;gap:6px;margin:18px 0 8px}
nav button{padding:5px 14px;border:1px solid var(--line);background:var(--card);cursor:pointer;font:inherit;font-size:14px;border-radius:3px}
nav button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
/* disclaimer */
.disc{background:#fff7e8;border:1px solid #f0cf94;border-left:6px solid var(--orange);padding:12px 16px;margin:16px 0;font-size:14px}
.disc b{display:block;margin-bottom:2px}
/* meta box */
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:16px 0}
.meta div{background:var(--card);padding:10px 14px}
.meta small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.meta b{font-size:15px}
.meta a.pdf{display:inline-block;background:var(--orange);color:#1c1e22;text-decoration:none;font-weight:700;padding:5px 12px;border-radius:3px;font-size:14px;margin-top:2px}
@media(max-width:700px){.meta{grid-template-columns:1fr 1fr}.hero h1{font-size:46px}}
/* content */
h2{font-size:15px;letter-spacing:.1em;text-transform:uppercase;margin:34px 0 10px;padding-left:12px;border-left:6px solid var(--orange);line-height:1.2}
p{margin:.6em 0}
table{border-collapse:collapse;width:100%;margin:10px 0;background:var(--card);font-size:15px}
td,th{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}
th{background:var(--ink);color:#fff;font-weight:600;font-size:13px}
td.n{font-weight:700;white-space:nowrap}
tr:nth-child(even) td{background:#fafbfc}
ul{padding-left:20px}
figure{margin:16px 0;border:1px solid var(--line);padding:10px;text-align:center;background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.05)}
figure svg{max-width:100%;height:auto}
figcaption{font-size:13px;color:var(--soft);margin-top:6px;text-align:left}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.two{grid-template-columns:1fr}}
.src{font-size:13px;color:var(--soft)}
.upd{background:var(--card);border:1px solid var(--line);padding:6px 16px 10px}
.foot{margin-top:36px;padding-top:12px;border-top:2px solid var(--ink);font-size:13px;color:var(--soft);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
/* language switching */
body[data-l=en] .es,body[data-l=en] .cs,body[data-l=es] .en,body[data-l=es] .cs,body[data-l=cs] .en,body[data-l=cs] .es{display:none}
/* print / PDF */
@media print{
 body{background:#fff;font-size:11pt}
 nav,.meta .dl{display:none}
 figure,table,.disc,.upd{break-inside:avoid}
 h2{break-after:avoid}
 .wrap{padding-bottom:0}
}
@page{size:A4;margin:12mm}

/* ---- v2 layout: slim logo bar, white title block, key-figure tiles ---- */
.top2{background:var(--ink);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.top2 .in{max-width:940px;margin:0 auto;padding:0 20px}
.top2 .bar{border:0;padding:12px 0}
.top2 .bar img{height:28px}
.title{padding:26px 0 6px}
.title .cat{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-d);font-weight:700}
.title h1{margin:.1em 0 0;font-size:46px;line-height:1.1;font-weight:300;letter-spacing:.02em}
.title h1 small{display:block;font-size:17px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--soft);margin-top:4px}
.tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.tools nav{margin:0}
a.pdf{display:inline-block;background:var(--orange);color:#1c1e22;text-decoration:none;font-weight:700;padding:5px 14px;border-radius:3px;font-size:14px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:18px 0}
.tiles div{background:var(--card);padding:12px 14px}
.tiles b{display:block;font-size:26px;line-height:1.1;font-weight:700}
.tiles span{font-size:12px;color:var(--soft);text-transform:uppercase;letter-spacing:.05em}
@media(max-width:700px){.tiles{grid-template-columns:1fr 1fr}.title h1{font-size:36px}}
/* small photos in a row */
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.four figure{margin:0;padding:6px}
.four figcaption{font-size:11.5px;line-height:1.35}
@media(max-width:700px){.four{grid-template-columns:1fr 1fr}}
.callout{background:var(--card);border:1px solid var(--line);border-left:6px solid #c0392b;padding:4px 16px}
/* small footer with edition / version / date */
.foot2{margin-top:36px;padding-top:10px;border-top:2px solid var(--ink);font-size:11.5px;color:var(--soft);display:flex;flex-direction:column;gap:3px}
@media print{.tools{display:none}.four{grid-template-columns:repeat(4,1fr)}}

/* ---- v3: three languages (es/en/pt), compact tables ---- */
body[data-l=es] .en,body[data-l=es] .pt,body[data-l=en] .es,body[data-l=en] .pt,body[data-l=pt] .es,body[data-l=pt] .en,.cs{display:none}
table{font-size:13px;margin:8px 0}
td,th{padding:3px 9px;line-height:1.35}
th{font-size:11.5px;padding:4px 9px}
h2{margin:24px 0 8px;font-size:14px}
.tiles b{font-size:22px}
.tiles div{padding:9px 12px}
p{margin:.5em 0}
figure>svg{max-height:300px}
.four figure svg{max-height:none}

.warn{background:#fdecea;border:1px solid #e6a39c;border-left:6px solid #c0392b;padding:10px 16px;margin:16px 0;font-size:14px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.warn b{display:block;margin-bottom:2px;color:#9b2c20;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px}

.dr path{vector-effect:non-scaling-stroke;stroke:#111}
.dr g:nth-of-type(1) path{stroke-width:2.4px}
.dr g:nth-of-type(2) path{stroke-width:1.1px}

/* up to five photos per row */
.four{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
@media print{.four{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}

/* single photo stays small */
.four{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}
@media print{.four{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}