/* PERÚ SMP · Tawantinsuyu — shared styles (static site + artifact build). DRAFT "Cusco 18". */
@font-face{font-family:'Archivo';font-style:normal;font-weight:700 900;font-stretch:125%;font-display:swap;src:url(fonts/archivo-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:700 900;font-stretch:125%;font-display:swap;src:url(fonts/archivo-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Chivo';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/chivo-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Chivo';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/chivo-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Chivo';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/chivo-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Chivo';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/chivo-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Chivo Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/chivomono-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Chivo Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/chivomono-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  /* brand palette */
  --noche:#14162B; --cochinilla:#A11D33; --anil:#25306E; --ocre:#D29A2C; --verde:#2E6B45; --adobe:#D9C08C; --garua:#E8E9E6;
  /* light theme (default) */
  --bg:#E8E9E6;
  --surface:#F3F3F0;
  --ink:#14162B;
  --ink-2:#4A4E66;
  --line:#C5C7C1;
  --accent:#A11D33;
  --link:#25306E;
  --gold-ink:#7A500B;
  --ok:#27603D;
  --wip:#7A500B;
  --plan:#25306E;
  --hero-bg:#14162B;
  --hero-ink:#E8E9E6;
  --hero-ink-2:#A7AAC0;
  --hero-gold:#D29A2C;
  --hero-line:#353A63;
  --band-base:#14162B;
  --focus:#A11D33;
  --ph-bg:#F5E6BE;
  --ph-ink:#5A3C06;
  --ph-line:#B8862A;
  /* map of the regions (light) */
  --map-sea:#C9D7E4; --map-coast:#8EA5BB; --map-edge:#F3F3F0; --map-halo:rgba(243,243,240,.86);
  --map-r1:#D2DC9C; --map-r2:#E9DCB6; --map-r3:#BCD5B0; --map-r4:#EEDE98; --map-r5:#E8BDA7;
  /* layout */
  --pad:clamp(16px, 4vw, 40px);
  --band-w:33px;
  --gap:clamp(24px, 4.5vw, 56px);
  --measure:65ch;
  --f-display:"Archivo", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --f-body:"Chivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --f-mono:"Chivo Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#14162B; --surface:#1B1E38; --ink:#E8E9E6; --ink-2:#A7AAC0; --line:#30355A;
    --accent:#F06A7C; --link:#AEB8F2; --gold-ink:#E3B04B;
    --ok:#6DBA85; --wip:#E3B04B; --plan:#AEB8F2;
    --hero-bg:#0F1024; --hero-line:#2C3052;
    --band-base:#25306E; --focus:#E3B04B;
    --ph-bg:#3B3016; --ph-ink:#F2D08A; --ph-line:#B8862A;
    --map-sea:#19213F; --map-coast:#3C4B7A; --map-edge:#14162B; --map-halo:rgba(20,22,43,.86);
    --map-r1:#3E4B2A; --map-r2:#4A4434; --map-r3:#25452F; --map-r4:#544A27; --map-r5:#57342B;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#14162B; --surface:#1B1E38; --ink:#E8E9E6; --ink-2:#A7AAC0; --line:#30355A;
  --accent:#F06A7C; --link:#AEB8F2; --gold-ink:#E3B04B;
  --ok:#6DBA85; --wip:#E3B04B; --plan:#AEB8F2;
  --hero-bg:#0F1024; --hero-line:#2C3052;
  --band-base:#25306E; --focus:#E3B04B;
  --ph-bg:#3B3016; --ph-ink:#F2D08A; --ph-line:#B8862A;
  --map-sea:#19213F; --map-coast:#3C4B7A; --map-edge:#14162B; --map-halo:rgba(20,22,43,.86);
  --map-r1:#3E4B2A; --map-r2:#4A4434; --map-r3:#25452F; --map-r4:#544A27; --map-r5:#57342B;
  color-scheme:dark;
}
@media (max-width: 640px){ :root{ --band-w:22px; } }

/* ---------------------------------------------------------------- base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion: no-preference){ html{scroll-behavior:smooth} }
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:18px;line-height:1.6;font-weight:400;overflow-wrap:break-word}
@media (max-width: 640px){ body{font-size:17px} }
img,svg{max-width:100%;height:auto}
img{display:block}
[hidden]{display:none!important}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.hero :focus-visible,.foot :focus-visible{outline-color:var(--hero-gold)}
p,ul,ol,dl,dd,figure,h1,h2,h3,h4{margin:0}
ul,ol{padding:0}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--hero-gold);color:var(--noche);padding:10px 14px;font:700 15px/1 var(--f-body)}
.skip:focus{top:12px}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:var(--pad)}

/* ---------------------------------------------------------------- type */
h1,h2,h3,h4,.display{font-family:var(--f-display);font-stretch:125%;font-weight:800;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
h2{font-size:clamp(1.75rem, 1.15rem + 2.3vw, 2.75rem)}
h3{font-size:1.1875rem;font-weight:700;line-height:1.25}
h4{font-size:1.0625rem;font-weight:700;line-height:1.3}
.eyebrow,.kicker,.chip,.st,.small-caps{font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}
.eyebrow{color:var(--accent)}
.lead{font-size:1.1875rem;line-height:1.55;max-width:var(--measure)}
.prose{display:grid;gap:1em;max-width:var(--measure)}
.small{font-size:.875rem;line-height:1.55;color:var(--ink-2)}
.note{font-size:.9375rem;color:var(--ink-2);max-width:var(--measure)}
.coord{font-variant-numeric:tabular-nums;color:var(--ink-2);letter-spacing:.04em;white-space:nowrap}
.qu{font-family:var(--f-display);font-stretch:125%;font-weight:700;font-style:normal}
mark.ph{background:var(--ph-bg);color:var(--ph-ink);outline:1.5px dashed var(--ph-line);outline-offset:0;padding:0 .3em;font-family:var(--f-mono);font-size:.88em;letter-spacing:0}

/* ---------------------------------------------------------------- hero */
.hero{background:var(--hero-bg);color:var(--hero-ink)}
.hero a{color:var(--hero-ink)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:18px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-display);font-stretch:125%;font-weight:800;font-size:1rem;letter-spacing:.01em}
.brand svg{width:28px;height:28px;flex:none}
.em-frame{fill:var(--cochinilla)} .em-core{fill:var(--ocre)}
.nav{display:flex;flex-wrap:wrap;gap:6px 20px;font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.hero .nav a{color:var(--hero-ink-2);text-decoration:none;padding-block:6px}
.hero .nav a:hover{color:var(--hero-ink);text-decoration:underline}
.lang{display:inline-flex;border:1.5px solid var(--hero-line)}
.lang button{font:600 .75rem/1 var(--f-mono);letter-spacing:.08em;min-width:44px;min-height:40px;padding:0 10px;background:transparent;color:var(--hero-ink-2);border:0;cursor:pointer}
.lang button + button{border-left:1.5px solid var(--hero-line)}
.lang button:hover{color:var(--hero-ink)}
.lang button[aria-pressed="true"]{background:var(--hero-gold);color:var(--noche)}
@media (max-width: 1080px){ .nav{order:3;flex-basis:100%} }
.qu-note{margin-block:4px 0;padding:10px 14px;border:1.5px dashed var(--hero-gold);color:var(--hero-ink);font-size:.9375rem;max-width:72ch}
.hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-areas:"id id" "txt fig";gap:clamp(24px,3.5vw,48px) clamp(24px,4vw,56px);padding-block:clamp(20px,4vw,56px) clamp(40px,6vw,80px);align-items:start}
.hero-id{grid-area:id;display:grid;gap:18px}
.hero-fig{grid-area:fig}
.hero-txt{grid-area:txt;display:grid;gap:22px;align-self:center}
.status{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-gold)}
.blk{width:12px;height:12px;flex:none;border:2px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.wordmark{margin:0;max-width:880px;line-height:0}
.wordmark svg{width:100%;height:auto;display:block}
.wm-main{fill:var(--hero-ink)} .wm-acc,.wm-sub{fill:var(--hero-gold)}
.greet{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.greet-qu{font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:1.25rem;color:var(--hero-ink)}
.greet-gloss{font-family:var(--f-mono);font-size:.8125rem;color:var(--hero-ink-2)}
.hero-lead{font-size:1.1875rem;line-height:1.55;max-width:40ch}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:12px 20px;font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:.9375rem;line-height:1.1;text-decoration:none;border:2px solid transparent}
.hero .btn-gold{background:var(--hero-gold);color:var(--noche);border-color:var(--hero-gold)}
.hero .btn-gold:hover{background:var(--hero-ink);border-color:var(--hero-ink)}
.hero .btn-line{color:var(--hero-ink);border-color:var(--hero-line)}
.hero .btn-line:hover{border-color:var(--hero-ink)}
.hero-note{font-size:.9375rem;color:var(--hero-ink-2);max-width:44ch}
.hero-fig img{width:100%;height:auto}
.hero-shot img{border:1.5px solid var(--hero-line)}
.hero-fig figcaption,.fig-cap{margin-top:10px;font-family:var(--f-mono);font-size:.75rem;letter-spacing:.02em;color:var(--hero-ink-2)}
@media (max-width: 860px){
  .hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"id" "fig" "txt"}
}

/* ---------------------------------------------------------------- the road: woven band + stops */
.route{position:relative;padding-left:calc(var(--band-w) + var(--gap))}
.route::before{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--band-w-real, var(--band-w));
  background-color:var(--band-base);
  background-image:var(--band-img, repeating-linear-gradient(180deg, var(--cochinilla) 0 9px, var(--band-base) 9px 12px, var(--ocre) 12px 18px, var(--band-base) 18px 24px, var(--verde) 24px 33px, var(--band-base) 33px 36px, var(--adobe) 36px 39px, var(--band-base) 39px 48px));
  background-size:var(--band-size, 100% 48px);background-repeat:repeat-y;image-rendering:pixelated}
@media (max-width: 640px){
  :root{--gap:16px}
  .route{margin-left:calc(-1 * var(--pad))}
}
.stop{padding-block:clamp(52px, 7vw, 92px);position:relative}
.stop-head{position:relative;display:grid;gap:10px;margin-bottom:clamp(24px, 3vw, 40px);max-width:48rem}
.stop-head .eyebrow{position:relative}
.stop-head .eyebrow::before{content:"";position:absolute;top:.55em;right:calc(100% + 10px);width:calc(var(--gap) - 10px);height:2px;background:var(--ocre)}
.stop-head .eyebrow::after{content:"";position:absolute;top:calc(.55em - 6px);right:calc(100% + var(--gap) + (var(--band-w) - 14px) / 2);width:14px;height:14px;background:var(--ocre);outline:3px solid var(--bg)}
.stop-head h2{max-width:21ch}
.split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,64px);align-items:start}
@media (max-width: 900px){ .split{grid-template-columns:minmax(0,1fr)} }

/* spec sheet: the one bordered object per section */
.sheet{border:2px solid var(--ink);background:var(--surface);padding:18px 20px 8px}
.sheet-t{font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.sheet dl > div{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr);gap:4px 14px;padding-block:11px;border-top:1px dashed var(--line)}
.sheet dl > div:first-child{border-top:0}
.sheet dt{font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding-top:.25em}
.sheet dd{font-size:1rem}
@media (max-width: 420px){ .sheet dl > div{grid-template-columns:minmax(0,1fr)} }

/* chips / status marks: state in form (filled, half, outline) and in colour */
.chip,.st{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.chip{border:1.5px solid currentColor;padding:3px 9px 3px 7px}
.chip::before,.st::before{content:"";width:9px;height:9px;flex:none;border:1.5px solid currentColor}
.chip-done,.st-done{color:var(--ok)} .chip-done::before,.st-done::before{background:currentColor}
.chip-wip,.st-wip{color:var(--wip)} .chip-wip::before,.st-wip::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.chip-plan,.st-plan{color:var(--plan)} .chip-plan::before,.st-plan::before{background:transparent}

/* world */
.world{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.world-text{display:grid;gap:28px}
.world-lead{margin-bottom:clamp(24px,3vw,36px)}
@media (max-width: 900px){ .world{grid-template-columns:minmax(0,1fr)} .world .map{order:-1} }
@media (min-width: 901px){ .world .map{position:sticky;top:24px} }
.regions{list-style:none;display:grid;gap:30px}
.region{position:relative;padding-left:38px;display:grid;gap:6px;max-width:var(--measure)}
.region::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border:1.5px solid var(--ink-2);background:var(--map-r1)}
.region.r2::before{background:var(--map-r2)} .region.r3::before{background:var(--map-r3)}
.region.r4::before{background:var(--map-r4)} .region.r5::before{background:var(--map-r5)}
.region h3{font-size:1.375rem}
.prod{font-size:.9375rem}
.prod-k{font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);margin-right:.35em}
.kicker{color:var(--accent);display:flex;flex-wrap:wrap;gap:4px 12px}
.chasqui{display:grid;gap:8px;padding-top:22px;border-top:2px solid var(--ink);max-width:var(--measure)}
.chasqui h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.map{margin:0}
.map svg{display:block;width:100%;height:auto;background:var(--map-sea);border:1.5px solid var(--line)}
.map figcaption{margin-top:10px;font-size:.8125rem;color:var(--ink-2);line-height:1.5}
.m-sea{fill:var(--map-sea)}
.m-reg{stroke:var(--map-edge);stroke-width:16;stroke-linejoin:round}
.m-r1{fill:var(--map-r1)} .m-r2{fill:var(--map-r2)} .m-r3{fill:var(--map-r3)} .m-r4{fill:var(--map-r4)} .m-r5{fill:var(--map-r5)}
.m-water{fill:var(--map-sea);stroke:var(--map-coast);stroke-width:7;stroke-linejoin:round}
.m-road{fill:none;stroke:var(--ocre);stroke-width:34;stroke-linecap:round;stroke-linejoin:round}
.m-road-weave{fill:none;stroke:var(--cochinilla);stroke-width:34;stroke-dasharray:34 34;stroke-linecap:butt;stroke-linejoin:round}
.m-peak{fill:var(--ink-2)}
.m-crater{stroke:var(--map-r5);stroke-width:16}
.m-pt{fill:var(--ink)} .m-pt-spawn{fill:var(--cochinilla)} .m-core{fill:var(--ocre)}
.m-label,.m-region,.m-sub{paint-order:stroke;stroke:var(--map-halo);stroke-linejoin:round}
.m-label{fill:var(--ink);font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:150px;stroke-width:30px}
.m-region{fill:var(--ink);font-family:var(--f-mono);font-weight:600;font-size:136px;letter-spacing:20px;stroke-width:26px}
.m-sub{fill:var(--ink-2);font-family:var(--f-mono);font-weight:600;font-size:108px;letter-spacing:6px;text-transform:uppercase;stroke-width:22px}
.m-scale{stroke:var(--ink);stroke-width:14;fill:none}
.m-frame{fill:none;stroke:var(--ink-2);stroke-width:10}

/* Cusco */
.cusco-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
@media (max-width: 900px){ .cusco-grid{grid-template-columns:minmax(0,1fr)} }
.places{display:grid;gap:14px}
.place-list{list-style:none;display:grid;gap:12px}
.place-list li{position:relative;padding-left:22px;max-width:var(--measure)}
.place-list li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;background:var(--ocre)}
.night img{width:100%;height:auto}

/* daily life: Khipu and panel */
.khipu-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px clamp(28px,4vw,64px);align-items:start}
@media (max-width: 900px){ .khipu-grid{grid-template-columns:minmax(0,1fr)} }
.khipu,.hud{display:grid;gap:12px;align-content:start;padding-top:14px;border-top:2px solid var(--ink)}
.khipu-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
.khipu-list li{position:relative;padding-left:20px}
.khipu-list li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border:1.5px solid var(--gold-ink)}
@media (max-width: 480px){ .khipu-list{grid-template-columns:minmax(0,1fr)} }

/* daily life: trades, Callao, kitchen */
.stack{display:grid;gap:clamp(28px,4vw,48px)}
.wide img{width:100%;height:auto}
.fig-cap{color:var(--ink-2)}
.life-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,64px);align-items:start}
@media (max-width: 900px){ .life-grid{grid-template-columns:minmax(0,1fr)} }
.jobs{display:grid;gap:18px}
.job-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.job-list li{display:grid;gap:4px;padding-top:12px;border-top:2px solid var(--ink)}
@media (max-width: 480px){ .job-list{grid-template-columns:minmax(0,1fr)} }
.lvl-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.lvl{display:inline-flex;align-items:flex-end;gap:3px;height:34px;flex:none}
.lvl i{display:block;width:14px;background:var(--verde)}
.lvl i:nth-child(1){height:6px}.lvl i:nth-child(2){height:12px}.lvl i:nth-child(3){height:18px}.lvl i:nth-child(4){height:26px}.lvl i:nth-child(5){height:34px;background:var(--ocre)}
.lvl-row .small{flex:1 1 16em}
.market{display:grid;gap:12px}
.market img{width:100%;max-width:440px;height:auto}
.market figcaption{display:grid;gap:10px}
.kitchen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px clamp(28px,4vw,64px);align-items:start;padding-top:24px;border-top:2px solid var(--ink)}
.kitchen .k-intro{display:grid;gap:10px}
.kitchen .k-more{display:grid;gap:10px;grid-column:2}
@media (max-width: 760px){ .kitchen{grid-template-columns:minmax(0,1fr)} .kitchen .k-more{grid-column:auto} }
.dishes{list-style:none;display:grid;gap:10px}
.dishes li{display:flex;gap:12px;align-items:baseline;font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:1.125rem;line-height:1.3}
.dishes li::before{content:"";width:10px;height:10px;flex:none;background:var(--cochinilla);transform:translateY(-1px)}

/* economy */
.eco{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px clamp(28px,4vw,56px);margin-top:clamp(24px,3vw,36px)}
.eco li{display:grid;gap:8px;align-content:start;padding-top:14px;border-top:2px solid var(--ink)}
.eco .chip{justify-self:start}
@media (max-width: 640px){ .eco{grid-template-columns:minmax(0,1fr)} }

/* news since 04/10 and wiki links (10/10/2026) */
.news{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px clamp(24px,3vw,44px)}
.news li{display:grid;gap:8px;align-content:start;padding-top:14px;border-top:2px solid var(--ink)}
.news .chip{justify-self:start}
.news h3{font-size:1.125rem}
.news-thumb{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1.5px solid var(--line);margin-bottom:6px}
.news-more{font-family:var(--f-mono);font-size:.8125rem;font-weight:600;letter-spacing:.04em}
@media (max-width: 900px){ .news{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width: 560px){ .news{grid-template-columns:minmax(0,1fr)} }
.btn-ink{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn-ink:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.hero .nav a.nav-wiki{color:var(--hero-gold)}
.hero .nav a.nav-wiki:hover{color:var(--hero-ink)}
.map-wiki{margin-top:8px;font-size:.875rem}

/* texture pack */
.pack{margin-top:28px}
.pack-fig img{width:100%;height:auto}
.pack-how{margin-top:28px}

/* languages table */
.tbl-wrap{overflow-x:auto}
table.lt{border-collapse:collapse;width:100%;font-size:.9375rem}
.lt caption{text-align:left;font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding-bottom:8px}
.lt th,.lt td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.lt thead th{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border-bottom:2px solid var(--ink)}
.lt tbody th{font-weight:700}

/* roadmap */
.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px clamp(24px,3vw,44px);margin-top:18px}
@media (max-width: 900px){ .roadmap{grid-template-columns:minmax(0,1fr)} }
.rm-col{display:grid;gap:14px;align-content:start;padding-top:14px;border-top:2px solid var(--ink)}
.rm-col h3{font-size:1rem}
.rm-col ul{list-style:none;display:grid;gap:12px}
.rm-col li{position:relative;padding-left:22px;font-size:1rem;line-height:1.5}
.rm-col li::before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border:1.5px solid currentColor}
.rm-done li::before{background:var(--ok);border-color:var(--ok)}
.rm-wip li::before{border-color:var(--wip);background:linear-gradient(90deg,var(--wip) 50%,transparent 50%)}
.rm-plan li::before{border-color:var(--plan)}

/* support */
.banner{display:flex;align-items:center;gap:12px;padding:14px 18px;border:2px dashed var(--wip);font-weight:700;margin-bottom:22px;max-width:var(--measure)}
.banner::before{content:"";width:12px;height:12px;flex:none;border:2px solid var(--wip)}
.perks{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-block:14px 18px}
.perks li{border:1.5px solid var(--ink);padding:7px 12px;font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:.9375rem;line-height:1.2}
.rules{list-style:none;display:grid;gap:12px;margin-top:14px}
.rules li{position:relative;padding-left:22px;max-width:var(--measure)}
.rules li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;background:var(--cochinilla)}

/* join */
.steps{list-style:none;counter-reset:s;display:grid;gap:16px}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:baseline;max-width:var(--measure)}
.steps li::before{content:counter(s);font-family:var(--f-display);font-stretch:125%;font-weight:800;font-size:1.75rem;line-height:1;color:var(--gold-ink)}

/* socials */
.socials{list-style:none;display:grid;gap:0;max-width:820px}
.socials li{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr) auto;gap:6px 20px;align-items:center;padding-block:16px;border-top:1px solid var(--line)}
.socials li:last-child{border-bottom:1px solid var(--line)}
.soc-name{font-family:var(--f-display);font-stretch:125%;font-weight:800;font-size:1.125rem}
.soc-desc{color:var(--ink-2);font-size:.9375rem}
.soc-link{font-family:var(--f-mono);font-size:.875rem;font-weight:600;white-space:nowrap;justify-self:end}
@media (max-width: 560px){ .socials li{grid-template-columns:minmax(0,1fr) auto} .soc-desc{grid-column:1 / -1;grid-row:2} }
.soc-notes{display:grid;gap:6px;margin-top:16px}

/* FAQ: all answers visible */
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px clamp(28px,4vw,56px)}
.faq > div{display:grid;gap:6px;align-content:start}
.faq dt{font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:1.0625rem;line-height:1.3}
.faq dd{color:var(--ink)}
@media (max-width: 760px){ .faq{grid-template-columns:minmax(0,1fr)} }

/* ---------------------------------------------------------------- footer */
.foot{background:var(--hero-bg);color:var(--hero-ink)}
.foot a{color:var(--hero-ink)}
.foot-band{height:var(--band-w-real, var(--band-w));background-color:var(--band-base);
  background-image:var(--band-img-h, repeating-linear-gradient(90deg, var(--cochinilla) 0 9px, var(--hero-bg) 9px 12px, var(--ocre) 12px 18px, var(--hero-bg) 18px 24px, var(--verde) 24px 33px, var(--hero-bg) 33px 48px));
  background-size:var(--band-size-h, 48px 100%);background-repeat:repeat-x;image-rendering:pixelated}
.foot-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px clamp(28px,4vw,64px);padding-block:48px 56px}
@media (max-width: 860px){ .foot-grid{grid-template-columns:minmax(0,1fr)} }
.foot-logo{width:min(100%,320px);height:auto;display:block}
.foot-legal{display:grid;gap:14px;font-size:.9375rem}
.disclaimer{font-family:var(--f-mono);font-size:.8125rem;font-weight:600;letter-spacing:.06em;line-height:1.55;color:var(--hero-ink)}
.foot .small{color:var(--hero-ink-2)}
.foot-dl{display:grid;gap:6px}
.foot-dl > div{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.foot-dl dt{font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hero-ink-2)}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px}

/* ---------------------------------------------------------------- legal pages */
.legal-top{background:var(--hero-bg);color:var(--hero-ink)}
.legal-top a{color:var(--hero-ink)}
.legal-main{padding-block:clamp(40px,6vw,72px)}
.legal-main article{display:grid;gap:18px;max-width:72ch}
.legal-main h1{font-size:clamp(1.9rem, 1.3rem + 2.4vw, 2.9rem)}
.legal-main h2{font-size:1.375rem;margin-top:18px}
.legal-main ul{padding-left:1.2em;display:grid;gap:6px}
.legal-main dl{display:grid;gap:0;border:2px solid var(--ink);background:var(--surface)}
.legal-main dl > div{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:4px 16px;padding:11px 16px;border-top:1px dashed var(--line)}
.legal-main dl > div:first-child{border-top:0}
.legal-main dt{font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding-top:.3em}
@media (max-width: 560px){ .legal-main dl > div{grid-template-columns:minmax(0,1fr)} }
.template-note{padding:12px 16px;border:2px dashed var(--ph-line);background:var(--ph-bg);color:var(--ph-ink);font-size:.9375rem}
.legal-langs{display:flex;flex-wrap:wrap;gap:8px 16px;font-family:var(--f-mono);font-size:.8125rem}
.legal-main article + article{margin-top:56px;padding-top:40px;border-top:2px solid var(--ink)}

/* ==================================================================================================================
   REFONTE 10/10/2026 — « pierre et or » (maquette du 10/10) : un seul thème, sombre, contrasté (WCAG AA).
   Fond de mur de pierre (texture générée, 1 Ko), cadres dorés aux coins carrés, bandes tissées, boutons « pierre »,
   grand bouton doré, titres en police pixel (Pixelify Sans, SIL OFL 1.1, auto-hébergée, repli Archivo).
   Ces règles viennent après style.css et le remplacent là où elles s'appliquent.
   ================================================================================================================== */
@font-face{font-family:'Pixelify Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(fonts/pixelify-sans.woff2) format('woff2')}
:root,:root:not([data-theme="light"]),:root[data-theme="dark"]{
  --bg:#100e0b; --panel:#1d1a15; --panel-2:#26221c; --surface:#26221c;
  --ink:#EFE7D6; --ink-2:#C9BDA6; --line:#4f4433;
  --accent:#F4949C; --link:#F3C969; --gold-ink:#F0C35A;
  --ok:#8CD9A2; --wip:#F2C14E; --plan:#B9C4FF;
  --hero-bg:#1d1a15; --hero-ink:#EFE7D6; --hero-ink-2:#C9BDA6; --hero-gold:#E9B84C; --hero-line:#5a4c37;
  --band-base:#1a1612; --focus:#F6D77A;
  --gold:#E2AE45; --gold-hi:#F8DC86; --gold-lo:#8C6418; --gold-line:#B98A2E;
  --stone-1:#4a453d; --stone-2:#36322c; --stone-3:#2a2722;
  --map-sea:#1d2a3e; --map-coast:#5a7392; --map-edge:#14120e; --map-halo:rgba(16,14,11,.86);
  --map-r1:#4a5a2d; --map-r2:#5a4d36; --map-r3:#2e5238; --map-r4:#615327; --map-r5:#5e382d;
  --f-pixel:"Pixelify Sans","Archivo","Arial Black",system-ui,sans-serif;
  color-scheme:dark;
}
html{background:var(--bg)}
body{background:var(--bg) url(img/piedra.webp) repeat;background-size:320px 256px;color:var(--ink)}
::selection{background:#6b4f17;color:#fff}

/* titres : police pixel, or */
h1,h2,h3,h4,.display{font-family:var(--f-pixel);font-stretch:normal;letter-spacing:.01em}
h2{color:var(--gold-ink);font-weight:700;text-shadow:0 3px 0 #000}
h3,h4{font-weight:600}
.eyebrow,.kicker{font-family:var(--f-pixel);letter-spacing:.14em;font-size:.8125rem;font-weight:600}
.eyebrow{color:var(--accent)}

/* cadre doré : double filet et petits carrés aux coins (comme sur les planches du projet) */
.marco,.stop,.news li,.eco li,.rm-col,.job-list li,.sheet,.khipu,.hud,.kitchen,.region,.chasqui{position:relative}
.stop{background:var(--panel);border:2px solid var(--gold-line);
  box-shadow:inset 0 0 0 2px #0b0a08,inset 0 0 0 3px #5e4614,0 0 0 2px #0b0a08,0 14px 30px rgba(0,0,0,.55);
  padding:clamp(28px,4vw,52px) clamp(18px,4vw,52px);margin-block:0}
.stop::after{content:"";position:absolute;inset:-7px;pointer-events:none;
  background:linear-gradient(var(--gold),var(--gold)) 0 0/12px 12px no-repeat,
             linear-gradient(var(--gold),var(--gold)) 100% 0/12px 12px no-repeat,
             linear-gradient(var(--gold),var(--gold)) 0 100%/12px 12px no-repeat,
             linear-gradient(var(--gold),var(--gold)) 100% 100%/12px 12px no-repeat}
/* bande tissée entre deux sections */
.stop + .stop{margin-top:58px}
.stop + .stop::before{content:"";position:absolute;left:-2px;right:-2px;top:-46px;height:22px;pointer-events:none;
  background-color:var(--band-base);background-image:var(--band-img-h,repeating-linear-gradient(90deg,#A11D33 0 9px,#1a1612 9px 12px,#D29A2C 12px 18px,#1a1612 18px 24px,#2E6B45 24px 33px,#1a1612 33px 48px));
  background-size:var(--band-size-h,48px 100%);background-repeat:repeat-x;image-rendering:pixelated;
  border-top:2px solid var(--gold-line);border-bottom:2px solid var(--gold-line)}
.route{padding-left:0;padding-block:40px 64px}
.route::before{display:none}
@media (max-width: 640px){ .route{margin-left:0} }
.stop-head .eyebrow::before,.stop-head .eyebrow::after{display:none}
.stop-head h2{max-width:none}

/* en-tête : pierre, cadre doré, bande tissée, logo pixel */
.hero{background:transparent;color:var(--hero-ink);padding:18px 10px 0}
.hero > .wrap{background:linear-gradient(180deg,rgba(29,26,21,.97),rgba(23,20,16,.97));border:2px solid var(--gold-line);
  box-shadow:inset 0 0 0 2px #0b0a08,inset 0 0 0 3px #5e4614,0 0 0 2px #0b0a08,0 16px 34px rgba(0,0,0,.6);position:relative;
  max-width:1220px;padding-inline:clamp(14px,3vw,34px)}
.hero > .wrap::after{content:"";position:absolute;inset:-7px;pointer-events:none;
  background:linear-gradient(var(--gold),var(--gold)) 0 0/12px 12px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 0/12px 12px no-repeat,
             linear-gradient(var(--gold),var(--gold)) 0 100%/12px 12px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 100%/12px 12px no-repeat}
.topbar{padding-block:14px 12px;gap:12px 18px;flex-wrap:wrap}
.topbar .nav{order:3;flex-basis:100%;justify-content:center}
.brand{font-family:var(--f-pixel);font-stretch:normal;font-size:1.0625rem;color:var(--gold-ink)!important;letter-spacing:.04em}
.brand svg{width:30px;height:30px}
.nav{gap:8px;font-family:var(--f-pixel);letter-spacing:.06em;font-size:.8125rem}
.hero .nav a,.lang button,.btn-stone{display:inline-flex;align-items:center;min-height:38px;padding:6px 12px;
  background:linear-gradient(180deg,var(--stone-1),var(--stone-2));color:#F1E9D8;border:2px solid #0b0a08;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.13),inset 0 -3px 0 rgba(0,0,0,.38);text-shadow:0 1px 0 #000;text-decoration:none}
.hero .nav a:hover,.btn-stone:hover,.lang button:hover{border-color:var(--gold);color:#fff;text-decoration:none}
.hero .nav a.nav-wiki{color:var(--gold-hi);border-color:var(--gold-lo)}
.lang{border:0;gap:4px}
.lang button{min-width:42px;justify-content:center;font-family:var(--f-pixel);letter-spacing:.06em;padding:0 8px}
.lang button + button{border-left:2px solid #0b0a08}
.lang button[aria-pressed="true"]{background:linear-gradient(180deg,#F8DC86,#E2AE45 60%,#B5801F);color:#1a1206;text-shadow:none;border-color:#3a2606}
.tejido{height:22px;margin-inline:calc(-1 * clamp(14px,3vw,34px));background-color:var(--band-base);
  background-image:var(--band-img-h,repeating-linear-gradient(90deg,#A11D33 0 9px,#1a1612 9px 12px,#D29A2C 12px 18px,#1a1612 18px 24px,#2E6B45 24px 33px,#1a1612 33px 48px));
  background-size:var(--band-size-h,48px 100%);background-repeat:repeat-x;image-rendering:pixelated;
  border-top:2px solid var(--gold-line);border-bottom:2px solid var(--gold-line)}
.qu-note{border-color:var(--gold);margin-top:12px}
.hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"id" "fig" "txt";gap:22px;padding-block:22px 34px}
.hero-id{justify-items:center;text-align:center;gap:12px}
.status{color:var(--gold-hi);font-family:var(--f-pixel);letter-spacing:.12em}
.wordmark{max-width:780px;width:100%;line-height:0}
.wordmark .wm-pixel{width:100%;height:auto;display:block}
.wordmark .wm-v{display:none}
@media (max-width: 640px){ .wordmark .wm-h{display:none} .wordmark .wm-v{display:block;max-width:330px;margin-inline:auto} }
.wm1-face{stroke:#3a2606;stroke-width:1.2}.wm2-face{stroke:#241d14;stroke-width:.8}
.wm1-x3,.wm2-x3{fill:#14110d}.wm1-x2,.wm2-x2{fill:#2b241b}.wm1-x1,.wm2-x1{fill:#5c4c35}
.sun-ray{fill:#E8B23C}.sun-ring{fill:#F3CC63}.sun-disc{fill:#D99A26}.sun-core{fill:#F8DC86}
.greet{justify-content:center}
.greet-qu{font-family:var(--f-pixel);color:var(--gold-hi)}
.greet-gloss{color:var(--hero-ink-2)}
.hero-fig{position:relative;border:3px solid var(--gold-line);box-shadow:0 0 0 2px #0b0a08,inset 0 0 0 2px #0b0a08;background:#0b0a08}
.hero-shot img{border:0;width:100%;height:auto;max-height:470px;object-fit:cover}
.hero-fig figcaption,.fig-cap{color:var(--ink-2)}
.hero-fig figcaption{margin:0;padding:8px 12px;background:#14110d;border-top:2px solid #5e4614}
.hero-txt{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px 28px;align-items:center;justify-items:start}
.hero-lead{max-width:56ch;grid-row:1 / span 2}
.actions{justify-content:flex-start}
.hero-note{color:var(--hero-ink-2);max-width:none}
@media (max-width: 860px){ .hero-txt{grid-template-columns:minmax(0,1fr)} .hero-lead{grid-row:auto} }

/* boutons */
.btn{font-family:var(--f-pixel);font-stretch:normal;letter-spacing:.04em;border-width:2px}
.btn-stone{min-height:46px;padding:10px 18px}
.hero .btn-gold,.btn-gold{background:linear-gradient(180deg,#FBE08A,#E2A93B 55%,#B97A1B);color:#1a1206;border:2px solid #3a2606;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -4px 0 rgba(0,0,0,.25),0 0 0 2px #E8B84A,0 8px 18px rgba(0,0,0,.5);text-shadow:none}
.hero .btn-gold:hover,.btn-gold:hover{background:linear-gradient(180deg,#FFF0B3,#F0BC4F 55%,#C98A22);border-color:#3a2606;color:#140d03}
.btn-xl{font-size:1.25rem;min-height:60px;padding:14px 30px;letter-spacing:.06em}
.btn-ink{background:linear-gradient(180deg,#FBE08A,#E2A93B 55%,#B97A1B);color:#1a1206;border:2px solid #3a2606;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -4px 0 rgba(0,0,0,.25),0 0 0 2px #E8B84A}
.btn-ink:hover{color:#140d03;background:linear-gradient(180deg,#FFF0B3,#F0BC4F 55%,#C98A22);border-color:#3a2606}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}

/* encarts : cartes cadrées d'or */
.news li,.eco li,.rm-col,.job-list li{background:var(--panel-2);border:2px solid var(--gold-lo);border-top:2px solid var(--gold-lo);
  box-shadow:inset 0 0 0 1px #0b0a08;padding:14px 16px 16px}
.news li::after,.eco li::after,.rm-col::after{content:"";position:absolute;inset:-5px;pointer-events:none;
  background:linear-gradient(var(--gold),var(--gold)) 0 0/8px 8px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 0/8px 8px no-repeat,
             linear-gradient(var(--gold),var(--gold)) 0 100%/8px 8px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 100%/8px 8px no-repeat}
.news h3,.eco h3,.rm-col h3{color:var(--gold-hi)}
.news-thumb{border:2px solid #0b0a08;outline:1px solid var(--gold-lo)}
.news-more{color:var(--link)}
.sheet{background:var(--panel-2);border:2px solid var(--gold-line);box-shadow:inset 0 0 0 1px #0b0a08}
.sheet-t{color:var(--gold-ink);font-family:var(--f-pixel);letter-spacing:.12em}
.sheet dl > div{border-top-color:var(--line)}
.sheet dt,.foot-dl dt{color:var(--ink-2)}
.khipu,.hud,.chasqui,.kitchen,.job-list li{border-top-color:var(--gold-line)}
.chip,.st{font-family:var(--f-pixel);letter-spacing:.1em}
.chip{background:#14110d}
.wide img,.night img,.market img,.pack-fig img{border:2px solid var(--gold-lo);box-shadow:0 0 0 2px #0b0a08}
.region::before{border-color:var(--gold-lo)}
.prod-k{color:var(--gold-ink)}
.place-list li::before,.dishes li::before,.rules li::before{background:var(--gold)}
.khipu-list li::before{border-color:var(--gold)}
.lvl i{background:#3f8a5a}.lvl i:nth-child(5){background:var(--gold)}
.lt thead th{border-bottom-color:var(--gold-line);color:var(--gold-ink)}
.lt th,.lt td{border-bottom-color:var(--line)}
.banner{border-color:var(--wip);background:#1a160f}
.perks li{border-color:var(--gold-lo);background:var(--panel-2);font-family:var(--f-pixel);font-stretch:normal;font-weight:600}
.steps li::before{font-family:var(--f-pixel);color:var(--gold-ink)}
.socials li{border-color:var(--line)}
.soc-name,.faq dt{font-family:var(--f-pixel);font-stretch:normal;color:var(--gold-hi)}
.map svg{border:2px solid var(--gold-lo)}
.m-label,.m-region{fill:#F5EEDF}.m-sub{fill:#D8CCB4}.m-pt,.m-peak{fill:#F5EEDF}.m-frame{stroke:var(--gold-lo)}.m-scale{stroke:#F5EEDF}
.roadmap{gap:28px}
.rm-col{align-content:start}

/* pied de page */
.foot{background:transparent;color:var(--ink)}
.foot-band{border-top:2px solid var(--gold-line);border-bottom:2px solid var(--gold-line)}
.foot-grid{background:var(--panel);border:2px solid var(--gold-line);box-shadow:inset 0 0 0 2px #0b0a08;margin-block:34px 40px;
  padding:clamp(24px,4vw,40px)}
.foot .small,.foot-dl dt{color:var(--ink-2)}
.foot a{color:var(--link)}
.disclaimer{color:var(--ink)}
.foot-brand{margin:0;line-height:0;max-width:340px}
.foot-brand .wm-pixel{width:100%;height:auto}
.skip{background:var(--gold);color:#1a1206}

@media (max-width: 640px){
  .stop{padding:24px 16px}
  .nav{gap:6px}
  .hero .nav a{min-height:34px;padding:4px 9px;font-size:.75rem}
  .hero > .wrap{padding-inline:12px}
  .tejido{margin-inline:-12px}
  .btn-xl{font-size:1.0625rem;min-height:54px;padding:12px 20px}
  .stop + .stop{margin-top:52px}
  .stop + .stop::before{top:-40px;height:18px}
}
@media print{ body{background:#fff;color:#000} .stop,.hero > .wrap{box-shadow:none;border-color:#999} .tejido,.stop + .stop::before{display:none} }

/* ---- retouche 11/10 : menu replié sur téléphone (bouton « Menu », comme le wiki) ---- */
.nav-btn{display:none}
@media (max-width: 640px){
  .js .topbar .brand{order:0}
  .js .topbar .lang{order:1}
  .js .nav-btn{order:2;flex-basis:100%;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;
    padding:8px 14px;font:600 .9375rem/1 var(--f-pixel);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
    background:linear-gradient(180deg,var(--stone-1),var(--stone-2));color:#F1E9D8;border:2px solid #0b0a08;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.13),inset 0 -3px 0 rgba(0,0,0,.38);text-shadow:0 1px 0 #000}
  .js .nav-btn::before{content:"";width:16px;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}
  .js .nav-btn:hover{border-color:var(--gold)}
  .js .nav-btn[aria-expanded="true"]{background:linear-gradient(180deg,#F8DC86,#E2AE45 60%,#B5801F);color:#1a1206;text-shadow:none;border-color:#3a2606}
  .js .nav-btn[aria-expanded="true"]::before{height:12px;width:12px;background:none;box-shadow:none;
    border-top:2px solid currentColor;border-left:2px solid currentColor;transform:translateY(3px) rotate(45deg)}
  .js .topbar .nav{display:none}
  .js .topbar .nav.is-open{order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex-basis:100%}
  .js .topbar .nav.is-open a{justify-content:center;min-height:42px;font-size:.8125rem}
}

/* ================================================================ WIKI (perusmp.com/wiki) — added after style.css */
.w{background:var(--bg)}
/* language blocks: the head script sets html[data-lang] before the first paint */
.lang-block{display:none}
html:not([data-lang]) .lang-block[lang="es"],
html[data-lang="es"] .lang-block[lang="es"],
html[data-lang="qu"] .lang-block[lang="es"],
html[data-lang="fr"] .lang-block[lang="fr"],
html[data-lang="en"] .lang-block[lang="en"]{display:block}

/* ---------------------------------------------------------------- header */
.w-top{background:var(--hero-bg);color:var(--hero-ink);position:relative;z-index:30}
.w-top a{color:var(--hero-ink)}
.w-top-in{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"brand crumb search lang";gap:10px 18px;align-items:center;padding-block:12px}
.w-top .brand{grid-area:brand}
.w-crumb{grid-area:crumb;font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-gold)!important;text-decoration:none;padding:6px 0}
.w-crumb:hover{text-decoration:underline}
.w-top .lang{grid-area:lang}
.w-search{grid-area:search;position:relative;justify-self:end;width:min(100%,420px)}
.w-search label{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}
.w-search label svg{display:block;width:16px;height:16px;stroke:var(--hero-ink-2);fill:none;stroke-width:2}
.w-search input{width:100%;min-height:42px;padding:8px 12px 8px 36px;border:1.5px solid var(--hero-line);border-radius:0;background:rgba(255,255,255,.04);color:var(--hero-ink);font:400 .9375rem/1.2 var(--f-body);-webkit-appearance:none;appearance:none}
.w-search input::placeholder{color:var(--hero-ink-2);opacity:1}
.w-search input:focus{outline:3px solid var(--hero-gold);outline-offset:0;border-color:var(--hero-gold)}
.w-results{position:absolute;right:0;top:calc(100% + 6px);width:min(92vw,520px);max-height:min(70vh,560px);overflow:auto;background:var(--surface);color:var(--ink);border:2px solid var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:40}
.w-results[hidden]{display:none}
.w-results p{padding:12px 14px;font-size:.9375rem;color:var(--ink-2)}
.w-results ul{list-style:none}
.w-results li + li{border-top:1px solid var(--line)}
.w-results a{display:block;padding:11px 14px;color:var(--ink)!important;text-decoration:none}
.w-results a:hover,.w-results a:focus{background:var(--bg);outline:none}
.w-results a:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.w-r-t{display:block;font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:.9375rem;line-height:1.3}
.w-r-p{display:block;font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:2px}
.w-r-s{display:block;font-size:.875rem;line-height:1.45;color:var(--ink-2);margin-top:4px}
.w-r-s mark{background:var(--ph-bg);color:var(--ph-ink);padding:0 .1em}
.w-r-h{font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding:10px 14px 4px;border-top:1px solid var(--line)}
.w-menu-btn{display:none}
@media (max-width: 860px){
  .w-top-in{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand crumb lang" "search search search";gap:10px 12px}
  .w-search{justify-self:stretch;width:100%;display:flex;gap:8px}
  .w-search .w-search-f{position:relative;flex:1 1 auto;min-width:0}
  .w-menu-btn{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:42px;padding:0 12px;border:1.5px solid var(--hero-line);background:transparent;color:var(--hero-ink);font:600 .75rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
  .w-menu-btn[aria-expanded="true"]{background:var(--hero-gold);color:var(--noche);border-color:var(--hero-gold)}
  .w-results{left:0;right:auto;width:100%}
}
@media (max-width: 480px){ .w-crumb{display:none} .w-top-in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand lang" "search search"} }
.w-crumb{white-space:nowrap}
.w-search-f{position:relative}
.w-band{height:12px;background-color:var(--band-base);background-image:var(--band-img-h, repeating-linear-gradient(90deg, var(--cochinilla) 0 9px, var(--hero-bg) 9px 12px, var(--ocre) 12px 18px, var(--hero-bg) 18px 24px, var(--verde) 24px 33px, var(--hero-bg) 33px 48px));background-size:var(--band-size-h, 48px 100%);background-repeat:repeat-x;image-rendering:pixelated}

/* ---------------------------------------------------------------- layout */
.w-shell{display:grid;grid-template-columns:minmax(0,236px) minmax(0,1fr);gap:clamp(28px,4vw,56px);padding-block:clamp(28px,4vw,48px) clamp(48px,6vw,80px);align-items:start}
.w-side{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;padding-right:4px}
.w-side-t{font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px}
.w-side ol{list-style:none;display:grid;gap:2px;counter-reset:w}
.w-side li a{display:grid;grid-template-columns:2.1em minmax(0,1fr);align-items:baseline;padding:7px 8px;text-decoration:none;color:var(--ink);border-left:3px solid transparent;font-size:.9375rem;line-height:1.3}
.w-side li a::before{content:attr(data-n);font-family:var(--f-mono);font-size:.6875rem;color:var(--ink-2)}
.w-side li a:hover{background:var(--surface);border-left-color:var(--ocre)}
.w-side li a[aria-current="page"]{background:var(--surface);border-left-color:var(--accent);font-weight:700}
.w-side-links{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:6px;font-size:.875rem}
@media (max-width: 860px){
  .w-shell{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:18px}
  .w-side{position:static;max-height:none;display:none;padding:12px 14px;border:2px solid var(--ink);background:var(--surface)}
  .w-side.is-open{display:block}
}
.w-main{min-width:0}
.w-main .qu-note{color:var(--ink);border-color:var(--ocre);margin:0 0 18px}

/* ---------------------------------------------------------------- article */
.w-art{min-width:0}
.w-path{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.08em;color:var(--ink-2);margin-bottom:12px}
.w-path a{color:var(--ink-2)}
.w-art h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.1rem);margin-bottom:14px;max-width:22ch}
.w-art .lead{margin-bottom:10px}
.w-upd{font-family:var(--f-mono);font-size:.75rem;color:var(--ink-2);margin-bottom:22px}
.w-art h2{font-size:clamp(1.45rem,1.1rem + 1.4vw,2rem);margin:44px 0 14px;padding-top:18px;border-top:2px solid var(--ink);display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;scroll-margin-top:16px}
.w-art h2 .chip{font-size:.6875rem}
.w-art h3{font-size:1.1875rem;margin:28px 0 10px;scroll-margin-top:16px}
.w-art > p,.w-art > ul,.w-art > ol,.w-art .w-body > p{max-width:72ch}
.w-art p + p{margin-top:12px}
.w-art > p{margin-bottom:12px}
.w-art ul:not([class]),.w-art ol:not([class]){padding-left:1.3em;display:grid;gap:8px;margin:6px 0 14px;max-width:72ch}
.w-art ul:not([class]) li::marker{color:var(--ocre)}
.w-art ol:not([class]) li::marker{font-family:var(--f-mono);font-weight:600;color:var(--gold-ink)}
.w-art code{font-family:var(--f-mono);font-size:.875em;background:var(--surface);border:1px solid var(--line);padding:.05em .35em;white-space:nowrap}
.w-art .small{margin:6px 0 12px}
.w-art .sheet{margin:14px 0 18px;max-width:760px}
.w-tag{font-family:var(--f-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;color:var(--accent);padding:1px 5px;white-space:nowrap;vertical-align:2px}
.w-art table .w-tag{margin-left:4px}

/* TOC */
.w-toc{margin:0 0 8px;border:1.5px solid var(--line);background:var(--surface);max-width:560px}
.w-toc summary{cursor:pointer;padding:10px 14px;font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);list-style-position:inside}
.w-toc ol{list-style:none;padding:0 14px 12px;display:grid;gap:4px;counter-reset:t}
.w-toc li{counter-increment:t;display:grid;grid-template-columns:1.8em minmax(0,1fr);font-size:.9375rem}
.w-toc li::before{content:counter(t);font-family:var(--f-mono);font-size:.75rem;color:var(--ink-2);padding-top:.15em}

/* notes */
.w-note{margin:18px 0;padding:14px 18px;border:2px solid var(--line);border-left-width:7px;background:var(--surface);max-width:72ch}
.w-note-t{font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.w-note-b{font-size:.96875rem}
.w-note-info{border-left-color:var(--ocre)} .w-note-info .w-note-t{color:var(--gold-ink)}
.w-note-warn{border-left-color:var(--accent)} .w-note-warn .w-note-t{color:var(--accent)}
.w-note-plan{border-style:dashed;border-left-style:solid;border-left-color:var(--plan)} .w-note-plan .w-note-t{color:var(--plan)}
.w-note-ok{border-left-color:var(--ok)} .w-note-ok .w-note-t{color:var(--ok)}

/* cards */
.w-cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px;margin:10px 0 8px}
.w-card a{display:grid;gap:6px;align-content:start;height:100%;padding:16px 16px 14px;border:2px solid var(--ink);background:var(--surface);color:var(--ink);text-decoration:none}
.w-card a:hover{border-color:var(--accent)}
.w-card-t{font-family:var(--f-display);font-stretch:125%;font-weight:800;font-size:1.0625rem;line-height:1.2}
.w-card-d{font-size:.9375rem;color:var(--ink-2);line-height:1.45}
.w-card .chip{justify-self:start;margin-top:4px}

/* figures */
.w-fig{margin:18px 0 22px;max-width:760px}
.w-fig img{width:100%;height:auto;border:1.5px solid var(--line)}

/* tables */
.w-art .tbl-wrap{margin:12px 0 6px;max-width:100%}
.w-art .tbl-wrap:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.w-art table.lt{font-size:.9375rem}
.w-art .lt td,.w-art .lt th{vertical-align:top}
.w-art .lt tbody th{font-weight:700;min-width:7em}
.tbl-foot{max-width:72ch}
.lt-mat{font-variant-numeric:tabular-nums}
.lt-mat td,.lt-mat th{text-align:center!important;white-space:nowrap}
.lt-mat tbody th{text-align:left!important}
@media (max-width: 700px){
  .w-art table.lt-stack,.w-art table.lt-stack tbody,.w-art table.lt-stack tr,.w-art table.lt-stack td,.w-art table.lt-stack th{display:block;width:100%}
  .w-art table.lt-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .w-art table.lt-stack tr{padding:10px 0;border-bottom:1.5px solid var(--line)}
  .w-art table.lt-stack tbody th{border:0;padding:4px 0 2px;font-size:1rem}
  .w-art table.lt-stack td{border:0;padding:3px 0;display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr);gap:10px}
  .w-art table.lt-stack td::before{content:attr(data-label);font-family:var(--f-mono);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding-top:.2em}
  .w-art table.lt-stack caption{padding-bottom:4px}
}

/* rules list */
.w-rules{list-style:none;counter-reset:r;display:grid;gap:12px;margin:8px 0 16px;max-width:72ch}
.w-rules li{counter-increment:r;display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:8px}
.w-rules li::before{content:counter(r);font-family:var(--f-display);font-stretch:125%;font-weight:800;font-size:1.25rem;line-height:1.2;color:var(--gold-ink)}

/* FAQ in the wiki */
.w-art .w-sheet.w-faq dl > div{grid-template-columns:minmax(0,1fr)}

/* pager */
.w-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:48px;padding-top:18px;border-top:2px solid var(--ink)}
.w-pager a{display:grid;gap:4px;padding:12px 14px;border:1.5px solid var(--line);text-decoration:none;color:var(--ink)}
.w-pager a:hover{border-color:var(--accent)}
.w-pager .nx{text-align:right;grid-column:2}
.w-pager span{font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.w-pager strong{font-family:var(--f-display);font-stretch:125%;font-size:1rem}
@media (max-width: 520px){ .w-pager{grid-template-columns:minmax(0,1fr)} .w-pager .nx{grid-column:auto} }

/* ---------------------------------------------------------------- map */
.mapa{margin:16px 0 10px;border:2px solid var(--ink);background:var(--surface)}
.mapa-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;border-bottom:1.5px solid var(--line)}
.mapa-zoom{display:inline-flex;border:1.5px solid var(--ink)}
.mapa-btn{min-width:44px;min-height:44px;padding:0 10px;border:0;background:var(--surface);color:var(--ink);font:700 1.125rem/1 var(--f-mono);cursor:pointer}
.mapa-btn + .mapa-btn{border-left:1.5px solid var(--ink)}
.mapa-btn:hover{background:var(--bg)}
.mapa-btn svg{width:18px;height:18px;display:block;margin:auto;stroke:currentColor;fill:none;stroke-width:2}
.mapa-ir{min-height:44px;max-width:100%;padding:0 10px;border:1.5px solid var(--ink);background:var(--surface);color:var(--ink);font:400 .9375rem var(--f-body)}
.mapa-xy{margin-left:auto;font-family:var(--f-mono);font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--ink);padding:0 4px;white-space:nowrap}
.mapa-capas{position:relative}
.mapa-capas summary{list-style:none;min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1.5px solid var(--ink);cursor:pointer;font:600 .75rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.mapa-capas summary::-webkit-details-marker{display:none}
.mapa-capas[open] summary{background:var(--ink);color:var(--bg)}
.mapa-capas-in{position:absolute;left:0;top:calc(100% + 6px);z-index:5;min-width:250px;padding:10px 12px;background:var(--surface);border:2px solid var(--ink);display:grid;gap:4px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.mapa-capas-in label{display:flex;align-items:center;gap:10px;min-height:36px;font-size:.9375rem;cursor:pointer}
.mapa-capas-in input{width:20px;height:20px;accent-color:var(--accent);flex:none}
.mapa-capas-in svg{width:18px;height:18px;flex:none;overflow:visible}
.mapa-vp{position:relative;height:min(76vh,700px);min-height:360px;overflow:hidden;touch-action:none;background:#2a5a8a;cursor:grab;-webkit-user-select:none;user-select:none}
@media (max-width: 640px){ .mapa-vp{height:min(64vh,calc(100vw - 30px));min-height:300px} .mapa-xy{margin-left:0;width:100%;order:9} }
.mapa-vp.is-drag{cursor:grabbing}
.mapa-vp:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.mapa-svg{display:block;width:100%;height:100%}
.mapa-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:rgba(20,22,43,.88);color:#E8E9E6;font:500 .8125rem/1.3 var(--f-body);padding:8px 12px;pointer-events:none;opacity:0;transition:opacity .25s;max-width:90%;text-align:center}
.mapa-hint.on{opacity:1}
.mapa figcaption{padding:10px 12px;font-size:.8125rem;line-height:1.5;color:var(--ink-2);border-top:1.5px solid var(--line)}
.m-mar{fill:#2a5a8a}
.m-suyu{fill:none;stroke:rgba(255,255,255,.75);stroke-width:1.6;stroke-dasharray:7 5}
.m-lbl{font-family:var(--f-mono);font-size:12px;font-weight:600;fill:#14162B;paint-order:stroke;stroke:rgba(255,255,255,.92);stroke-width:3.2px;stroke-linejoin:round}
.m-lbl-ciudad{font-family:var(--f-display);font-stretch:125%;font-weight:800;font-size:14px}
.mk-cusco .m-lbl-ciudad{font-size:16px}
.m-lbl-sm{font-family:var(--f-body);font-weight:600;font-size:12px}
.m-lbl-suyu{font-size:13px;letter-spacing:.22em;fill:#fff;stroke:rgba(20,22,43,.6);stroke-width:3px}
.m-camino{fill:none;stroke:#D29A2C;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.m-camino-w{fill:none;stroke:#7d1427;stroke-width:5;stroke-dasharray:5 7;stroke-linecap:butt;stroke-linejoin:round}
.m-camino-inca{fill:none;stroke:#D29A2C;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.m-camino-inca-w{fill:none;stroke:#2E6B45;stroke-width:3.5;stroke-dasharray:3 5;stroke-linejoin:round}
.m-carrera{fill:none;stroke:#fff;stroke-width:2.6;stroke-dasharray:1 4;stroke-linecap:round;stroke-linejoin:round}
.m-emprise{fill:rgba(20,22,43,.10);stroke:#14162B;stroke-width:1.6;stroke-dasharray:4 3}
.m-sym{stroke:#fff;stroke-width:1.6;stroke-linejoin:round}
.m-sym-ciudad{fill:#14162B}
.m-sym-core{fill:#D29A2C}
.m-sym-punku{fill:#25306E}
.m-sym-willana{fill:#D29A2C;stroke:#14162B}
.m-sym-willana-l{stroke:#14162B;stroke-width:1.4;fill:none}
.m-sym-salida{fill:#A11D33}
.m-sym-meta{fill:#fff;stroke:#A11D33}
.m-sym-meta-c{fill:#A11D33}
.m-sym-lugar{fill:#2E6B45}
.m-grid line{stroke:rgba(20,22,43,.35);stroke-width:1}
.m-grid line.maj{stroke:rgba(20,22,43,.62);stroke-width:1.2}
.m-grid text{font-family:var(--f-mono);font-size:11px;font-weight:600;fill:#14162B;paint-order:stroke;stroke:rgba(255,255,255,.9);stroke-width:3px}
.m-borde{fill:none;stroke:#14162B;stroke-width:2}
.mapa-svg .capa.off{display:none}
.mapa-svg:not(.z2) .mk-lugar text{display:none}
.mapa-svg:not(.z3) .mk-punku,.mapa-svg:not(.z3) .mk-willana,.mapa-svg:not(.z3) .mk-salida,.mapa-svg:not(.z3) .mk-meta{display:none}
.mapa-svg:not(.z4) .mk-punku text,.mapa-svg:not(.z4) .mk-salida text{display:none}
.mapa-svg.z3 .mk-suyu{display:none}
.mk:focus{outline:none}
.mk:focus-visible .m-sym{stroke:#E3B04B;stroke-width:3}
.mapa-lista{margin-top:10px}
.mapa-lista summary{cursor:pointer;font-family:var(--f-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding:8px 0}
.lt-pts td:nth-child(3),.lt-pts td:nth-child(4){font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
@media print{ .w-top,.w-side,.w-band,.mapa-bar,.w-pager{display:none} .w-shell{display:block} }

/* ==================================================================================================================
   REFONTE 10/10/2026 — wiki : même univers que l'accueil (pierre, or, tissage, police pixel). Après wiki.css.
   ================================================================================================================== */
body.w{background:var(--bg) url(img/piedra.webp) repeat;background-size:320px 256px}
.w-top{background:linear-gradient(180deg,#221e18,#1a1712);border-bottom:2px solid var(--gold-line);box-shadow:0 2px 0 #0b0a08}
.w-top a{color:var(--ink)}
.w-top .brand{color:var(--gold-ink)!important}
.w-crumb{font-family:var(--f-pixel);letter-spacing:.12em;color:var(--gold-hi)!important;border-color:var(--gold-lo)!important}
.w-search input{background:#100e0b;border:2px solid var(--gold-lo);color:var(--ink);min-height:42px}
.w-search input::placeholder{color:#A99D88}
.w-search input:focus{border-color:var(--gold);outline:none}
.w-search label svg{color:var(--gold)}
.w-results{background:var(--panel-2);color:var(--ink);border:2px solid var(--gold-line);box-shadow:0 14px 30px rgba(0,0,0,.6)}
.w-results a{color:var(--ink)}
.w-results a:hover,.w-results a:focus{background:#332d25}
.w-r-t{color:var(--gold-hi)}
.w-r-s mark{background:#6b4f17;color:#fff}
.w-menu-btn{font-family:var(--f-pixel);letter-spacing:.08em;background:linear-gradient(180deg,var(--stone-1),var(--stone-2));color:#F1E9D8;
  border:2px solid #0b0a08;box-shadow:inset 0 2px 0 rgba(255,255,255,.13),inset 0 -3px 0 rgba(0,0,0,.38)}
@media (max-width: 860px){ .w-menu-btn[aria-expanded="true"]{background:linear-gradient(180deg,#F8DC86,#E2AE45 60%,#B5801F);color:#1a1206} }
.w-band{height:18px;border-top:2px solid var(--gold-line);border-bottom:2px solid var(--gold-line)}
.w-shell{padding-block:30px 56px}
.w-side{background:var(--panel);border:2px solid var(--gold-line);box-shadow:inset 0 0 0 2px #0b0a08;padding:12px 8px 14px}
.w-side-t{font-family:var(--f-pixel);color:var(--gold-ink);letter-spacing:.14em}
.w-side li a{color:var(--ink)}
.w-side li a::before{color:var(--ink-2)}
.w-side li a:hover{background:#2b2620;border-left-color:var(--gold-lo)}
.w-side li a[aria-current="page"]{background:#2b2620;border-left-color:var(--gold);color:var(--gold-hi)}
.w-side-links a{color:var(--link)}
.w-main{background:var(--panel);border:2px solid var(--gold-line);position:relative;
  box-shadow:inset 0 0 0 2px #0b0a08,inset 0 0 0 3px #5e4614,0 0 0 2px #0b0a08,0 14px 30px rgba(0,0,0,.55);padding:clamp(18px,3.5vw,44px)}
.w-main::after{content:"";position:absolute;inset:-7px;pointer-events:none;
  background:linear-gradient(var(--gold),var(--gold)) 0 0/12px 12px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 0/12px 12px no-repeat,
             linear-gradient(var(--gold),var(--gold)) 0 100%/12px 12px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 100%/12px 12px no-repeat}
.w-art h1{color:var(--gold-hi);text-shadow:0 3px 0 #000;font-weight:700}
.w-art h2{color:var(--gold-ink);border-top:2px solid var(--gold-lo);text-shadow:0 2px 0 #000}
.w-art h3{color:var(--ink)}
.w-path a{color:var(--link)}
.w-upd{color:var(--ink-2)}
.w-toc{background:var(--panel-2);border:2px solid var(--gold-lo)}
.w-toc summary{font-family:var(--f-pixel);letter-spacing:.1em;color:var(--gold-ink)}
.w-toc li::before{color:var(--gold-ink)}
.w-note{background:var(--panel-2);border-color:var(--line)}
.w-note-t{font-family:var(--f-pixel);letter-spacing:.12em}
.w-note-info{border-left-color:var(--gold)}
.w-card a{background:var(--panel-2);border:2px solid var(--gold-lo);color:var(--ink);box-shadow:inset 0 0 0 1px #0b0a08}
.w-card a:hover{border-color:var(--gold);background:#2d2821}
.w-card-t{font-family:var(--f-pixel);font-stretch:normal;color:var(--gold-hi)}
.w-fig img{border:2px solid var(--gold-lo);box-shadow:0 0 0 2px #0b0a08}
.w-art code{background:#100e0b;border-color:var(--line);color:#F6E2AE}
.w-art .lt thead th{color:var(--gold-ink);border-bottom-color:var(--gold-line)}
.w-art .lt tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
.w-art .lt caption{color:var(--ink-2)}
.w-tag{background:#14110d;border-color:var(--gold-lo);color:var(--gold-hi)}
.w-pager a{background:linear-gradient(180deg,var(--stone-1),var(--stone-2));border:2px solid #0b0a08;color:#F1E9D8;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.12),inset 0 -3px 0 rgba(0,0,0,.35)}
.w-pager a:hover{border-color:var(--gold)}
.w-pager span{color:#D9CDB6}
.w-pager strong{font-family:var(--f-pixel);color:var(--gold-hi)}
.w-art .sheet,.w-art .w-sheet{background:var(--panel-2)}
.mapa{border:2px solid var(--gold-line);background:var(--panel-2);box-shadow:0 0 0 2px #0b0a08}
.mapa-bar{border-bottom:2px solid var(--gold-lo)}
.mapa-zoom{border-color:#0b0a08}
.mapa-btn{background:linear-gradient(180deg,var(--stone-1),var(--stone-2));color:#F1E9D8;border:2px solid #0b0a08;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.12),inset 0 -3px 0 rgba(0,0,0,.35)}
.mapa-btn + .mapa-btn{border-left:2px solid #0b0a08}
.mapa-btn:hover{border-color:var(--gold)}
.mapa-ir{background:#100e0b;color:var(--ink);border:2px solid var(--gold-lo)}
.mapa-capas summary{font-family:var(--f-pixel);letter-spacing:.1em;background:linear-gradient(180deg,var(--stone-1),var(--stone-2));color:#F1E9D8;border:2px solid #0b0a08}
.mapa-capas-in{background:var(--panel-2);border:2px solid var(--gold-lo)}
.mapa-xy{color:var(--ink-2)}
.mapa figcaption{color:var(--ink-2)}
.w .foot-grid{margin-top:8px}
@media (max-width: 860px){
  .w-side{border-color:var(--gold-line)}
  .w-main{padding:20px 14px}
}