/* Shared by the inner pages: the landing page's night sea, its type and its three resource colours. */
:root{--sea:#0c1a26;--deep:#08121b;--ink:#eef1f3;--dim:#9aa7b3;--line:#213345;--panel:#0f2130;
--metal:#e8a33d;--energy:#45c4c9;--credit:#b48cff;
--display:"Archivo",system-ui,sans-serif;--body:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--sea)}
body{margin:0;background:var(--sea);color:var(--ink);font:17px/1.6 var(--body)}
a{color:inherit}
.top{max-width:60rem;margin:0 auto;padding:18px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.mark{font:800 1.15rem var(--display);font-stretch:125%;letter-spacing:.02em;text-decoration:none}
.nav{display:flex;gap:4px 18px;flex-wrap:wrap;font-size:.95rem}
.nav a{text-decoration:none;color:var(--dim);padding:4px 0;border-bottom:2px solid transparent}
.nav a:hover{color:var(--ink)}
.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--metal)}
main{max-width:60rem;margin:0 auto;padding:12px 16px 72px}
h1{font:900 clamp(2.2rem,6vw,3.6rem)/.95 var(--display);font-stretch:118%;margin:24px 0 10px;letter-spacing:-.01em}
.intro{color:var(--dim);max-width:44rem;margin:0 0 32px;font-size:1.05rem}
h2{font:800 1.4rem/1.2 var(--display);font-stretch:105%;margin:0 0 6px}
h3{font:600 .78rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:20px 0 6px}
.card{background:var(--deep);border:1px solid var(--line);padding:22px 22px 18px;margin:0 0 20px}
.meta{font:500 .8rem var(--mono);color:var(--dim);letter-spacing:.04em;margin:0 0 4px}
ul{margin:0;padding-left:1.15rem}
li{margin:4px 0}
li::marker{color:var(--line)}
.k-found li::marker{color:var(--metal)} .k-built li::marker{color:var(--energy)} .k-decided li::marker{color:var(--credit)}
.pill{display:inline-block;font:500 .72rem var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border:1px solid currentColor;margin-left:8px;vertical-align:2px}
.running{color:var(--energy)} .done{color:var(--dim)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:14px 0 4px}
.facts div{background:var(--panel);padding:12px 14px}
.facts b{display:block;font:800 1.5rem/1.1 var(--display);font-stretch:100%}
.facts span{font-size:.82rem;color:var(--dim)}
.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:20px}
.chart{background:var(--deep);border:1px solid var(--line);padding:16px 16px 10px}
.chart svg{display:block;width:100%;height:auto}
.chart p{margin:2px 0 8px;color:var(--dim);font-size:.9rem}
.note{border-left:3px solid var(--metal);padding:10px 14px;background:var(--panel);margin:0 0 24px;font-size:.95rem}
.sim{font:500 .75rem var(--mono);color:var(--dim);letter-spacing:.04em}
.cta{display:inline-block;margin-top:8px;background:var(--metal);color:#1a1205;font:700 1rem var(--display);padding:10px 16px;text-decoration:none}
footer{max-width:60rem;margin:0 auto;padding:24px 16px 40px;color:var(--dim);font-size:.85rem;border-top:1px solid var(--line)}
.phase{margin:0 0 18px}
.phase ol{list-style:none;margin:0;padding:0;border:1px solid var(--line);background:var(--deep)}
.phase li{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;gap:10px;padding:11px 14px;border-top:1px solid var(--line);margin:0}
.phase li:first-child{border-top:0}
.phase .n{font:500 .85rem var(--mono);color:var(--dim);padding-top:2px}
.phase p{margin:2px 0 0;color:var(--dim);font-size:.92rem}
.st{font:500 .7rem var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding-top:4px;color:var(--dim)}
.st.done{color:var(--energy)} .st.now{color:var(--metal)} .st.next{color:var(--ink)}
.phase li.now{background:#16263a}
.bar{display:flex;height:10px;background:var(--panel);border:1px solid var(--line);margin:14px 0 6px}
.bar i{display:block;height:100%}
@media(max-width:560px){.phase li{grid-template-columns:2rem minmax(0,1fr)}.phase .st{grid-column:2}.card{padding:18px 16px 14px}}