/* Civilization Through the Fire — v2.1.0 */
.footer-grid{grid-template-columns:1.15fr repeat(3,minmax(0,.85fr))}
.persistent-action .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}
.resilience-wayfinder-shell{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,var(--bg))}
.resilience-wayfinder{padding:1.25rem 0}
.wayfinder-heading{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);gap:1rem;align-items:baseline;margin-bottom:.9rem}
.wayfinder-heading span{color:var(--acid);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:1000;letter-spacing:.14em}
.wayfinder-heading p{margin:0;color:var(--muted);font-size:.88rem}
.resilience-wayfinder ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin:0;padding:1px;background:var(--line);list-style:none}
.resilience-wayfinder li{min-width:0;background:var(--bg)}
.resilience-wayfinder li a{display:grid;min-height:74px;align-content:space-between;padding:.65rem;color:var(--muted);font-size:.77rem;font-weight:850;line-height:1.2;text-decoration:none;text-transform:uppercase}
.resilience-wayfinder li a>span{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;letter-spacing:.1em}
.resilience-wayfinder li a:hover,.resilience-wayfinder li a[aria-current="step"]{background:var(--acid);color:var(--on-acid)}
.resilience-wayfinder li a[aria-current="step"]>span{color:var(--on-acid)}
.wayfinder-tools{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.8rem}
.wayfinder-tools a{font-size:.72rem;font-weight:900;letter-spacing:.08em}
.hero-questions{display:grid;gap:.35rem;margin:1.35rem 0}
.hero-questions strong{display:block;padding:.5rem .7rem;border-left:3px solid var(--cyan);background:color-mix(in srgb,var(--panel) 78%,transparent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.78rem,1.2vw,.95rem);line-height:1.25;letter-spacing:.035em}
.transition-questions{background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--acid) 7%,transparent),transparent 32%)}
.question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:var(--line)}
.question-grid article{display:flex;min-width:0;min-height:340px;flex-direction:column;padding:clamp(1.35rem,3vw,2.35rem);background:var(--panel)}
.question-grid article>span,.infrastructure-grid a>span,.field-guide-grid article>span{color:var(--acid);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:1000;letter-spacing:.14em}
.question-grid h2{margin:auto 0 .6rem;font-size:clamp(1.75rem,3.2vw,3.3rem)}
.question-grid p{margin:0;color:var(--muted)}
.recurrence-revelation{overflow:hidden}
.recurrence-chain{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:2rem 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.recurrence-chain strong{padding:.65rem .8rem;border:1px solid var(--line);background:var(--bg);color:var(--acid);font-size:clamp(.8rem,1.3vw,1rem);letter-spacing:.06em}
.recurrence-chain span{color:var(--cyan);font-weight:1000}
.expanded-symbols{grid-template-columns:repeat(4,minmax(0,1fr))}
.expanded-symbols article:nth-child(n+5){border-top-color:var(--cyan)}
.expanded-symbols article:nth-child(n+5)>span{color:var(--cyan)}
.infrastructure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:var(--line)}
.infrastructure-grid a{display:flex;min-width:0;min-height:250px;flex-direction:column;padding:clamp(1.25rem,2.7vw,2.1rem);background:var(--panel);color:var(--text);text-decoration:none}
.infrastructure-grid a:hover{background:color-mix(in srgb,var(--panel) 84%,var(--cyan))}
.infrastructure-grid h3{margin:auto 0 .55rem;font-size:clamp(1.4rem,2.3vw,2rem);text-transform:uppercase}
.infrastructure-grid p{margin:0;color:var(--muted)}
.transition-command{position:relative;overflow:hidden;padding:clamp(3.5rem,8vw,8rem) 0;background:var(--acid);color:var(--on-acid)}
.transition-command:after{content:"→";position:absolute;right:2vw;top:50%;transform:translateY(-53%);color:color-mix(in srgb,var(--on-acid) 10%,transparent);font-size:clamp(12rem,31vw,34rem);font-weight:1000;line-height:.7;pointer-events:none}
.transition-command .wrap{position:relative;z-index:1}
.transition-command p{max-width:19ch;margin:.08em 0;font-size:clamp(2.5rem,7vw,7.4rem);font-weight:1000;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}
.transition-command p:first-child{color:color-mix(in srgb,var(--on-acid) 66%,transparent)}
.resilience-builder-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.resilience-builder{display:grid;gap:1rem;padding:clamp(1.2rem,3vw,1.8rem);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}
.resilience-builder label{display:grid;gap:.35rem;color:var(--text);font-size:.88rem;font-weight:850}
.resilience-builder input,.resilience-builder select,.resilience-builder textarea,.resilience-output textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:.75rem;font:inherit}
.resilience-output{min-width:0;position:sticky;top:98px}
.resilience-output textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.55;resize:vertical}
.resilience-output [data-artifact-status]{min-height:1.5em;margin:.65rem 0;color:var(--cyan);font-size:.85rem;font-weight:800}
.artifact-integrity{padding:.8rem;border:1px solid var(--line);background:var(--panel);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;overflow-wrap:anywhere}
.artifact-integrity strong{display:block;margin-bottom:.25rem;color:var(--acid);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.artifact-print-output{display:none;white-space:pre-wrap;overflow-wrap:anywhere}
.resilience-output button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45;transform:none;box-shadow:none}
.field-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:var(--line)}
.field-guide-grid article{min-width:0;padding:clamp(1.25rem,2.7vw,2rem);background:var(--panel-2)}
.field-guide-grid article:last-child{grid-column:1/-1}
.field-guide-grid h3{margin:.8rem 0 .55rem;font-size:clamp(1.35rem,2.4vw,2rem);text-transform:uppercase}
.field-guide-grid p{color:var(--muted)}
.field-guide-grid strong{color:var(--acid)}
.circle-agenda-head{margin-top:3rem}
.circle-roles .card{border-top:3px solid var(--cyan)}
.ark-domains .card{border-top:3px solid var(--acid)}
.page-wheel .page-hero{background:radial-gradient(circle at 84% 20%,color-mix(in srgb,var(--acid) 10%,transparent),transparent 34%),radial-gradient(circle at 14% 72%,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 30%),var(--bg)}
.page-wheel .page-hero h1{max-width:18ch;font-size:clamp(2.45rem,5.7vw,6rem)}
.wheel-gateway .card{border-top:3px solid var(--cyan)}
.wheel-transfer .card{border-top:3px solid var(--acid)}
.claim-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:1.5rem 0;padding:1px;background:var(--line)}
.claim-rail strong{display:flex;min-height:96px;align-items:center;padding:1rem;background:var(--panel);font-size:clamp(.9rem,1.5vw,1.12rem);line-height:1.2}
.wheel-function-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:var(--line)}
.wheel-function{display:flex;min-width:0;flex-direction:column;border:0;border-top:3px solid var(--cyan)}
.wheel-function .button{align-self:flex-start;margin-top:auto}
.machine-duty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:2rem;padding:1px;background:var(--line)}
.machine-duty-grid article{min-width:0;padding:clamp(1.15rem,2.5vw,1.8rem);background:var(--panel)}
.machine-duty-grid article:before{content:"MACHINE DUTY";display:block;margin-bottom:.55rem;color:var(--acid);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:1000;letter-spacing:.13em}
html[lang="es-US"] .machine-duty-grid article:before{content:"DEBER DE LA MÁQUINA"}
.machine-duty-grid h3{margin:0 0 .55rem;text-transform:uppercase}
.machine-duty-grid p{margin:0;color:var(--muted)}
.page-wheel-contribution .page-hero{background:radial-gradient(circle at 82% 24%,color-mix(in srgb,var(--acid) 11%,transparent),transparent 34%),radial-gradient(circle at 12% 74%,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 30%),var(--bg)}
.page-wheel-contribution .page-hero h1{max-width:17ch;font-size:clamp(2.35rem,5.5vw,5.8rem)}
.instrument-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;background:var(--line)}
.instrument-link-grid a{display:flex;min-width:0;min-height:190px;flex-direction:column;padding:clamp(1rem,2.2vw,1.6rem);background:var(--panel);color:var(--text);text-decoration:none}
.instrument-link-grid a:hover{background:color-mix(in srgb,var(--panel) 84%,var(--cyan))}
.instrument-link-grid span{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;font-weight:1000;letter-spacing:.12em}
.instrument-link-grid strong{margin:auto 0 .5rem;font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.05;text-transform:uppercase}
.instrument-link-grid small{color:var(--muted);font-size:.86rem;line-height:1.45}
.wheel-contribution-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}
.wheel-contribution-builder{gap:1.35rem}
.wheel-contribution-builder .form-intro{margin:0;color:var(--muted)}
.contribution-choice-set,.contribution-fields{display:grid;min-inline-size:0;gap:.85rem;margin:0;padding:1rem;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 78%,var(--panel))}
.contribution-choice-set legend,.contribution-fields legend{max-width:100%;padding:0 .45rem;color:var(--acid);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;font-weight:1000;line-height:1.35;letter-spacing:.06em;text-transform:uppercase}
.contribution-choice-set legend span{display:inline-block;color:var(--muted);font-size:.67rem;letter-spacing:.03em}
.fieldset-note{margin:0;color:var(--muted);font-size:.84rem}
.contribution-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.contribution-choice-grid.compact-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.resilience-builder .contribution-choice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:start;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer}
.resilience-builder .contribution-choice:hover{border-color:var(--cyan)}
.resilience-builder .contribution-choice input{width:1.05rem;height:1.05rem;margin:.13rem 0 0;accent-color:var(--acid)}
.contribution-choice span,.contribution-choice small{display:block;min-width:0}
.contribution-choice strong{font-size:.88rem;text-transform:uppercase}
.contribution-choice small{margin-top:.32rem;color:var(--muted);font-size:.76rem;font-weight:600;line-height:1.4}
.contribution-choice-set.has-error{border-color:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 22%,transparent)}
.claim-separation{border-left:5px solid var(--cyan)}
.page-ark .page-hero,.page-skill-map .page-hero,.page-build-labs .page-hero,.page-local-arks .page-hero,.page-transition-field-guides .page-hero,.page-resilience-ledger .page-hero{background:radial-gradient(circle at 82% 26%,color-mix(in srgb,var(--cyan) 9%,transparent),transparent 35%),linear-gradient(120deg,color-mix(in srgb,var(--acid) 4%,var(--bg)),var(--bg))}
.page-transition-field-guides .page-hero h1,.page-resilience-ledger .page-hero h1{max-width:16ch;font-size:clamp(2.5rem,5.5vw,5.7rem)}
@media(max-width:1050px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-grid{grid-template-columns:1fr}.question-grid article{min-height:0}.question-grid h2{margin:2.5rem 0 .6rem}.infrastructure-grid,.machine-duty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.instrument-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resilience-builder-layout{grid-template-columns:1fr}.resilience-output{position:static}.resilience-wayfinder ol{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.resilience-wayfinder li{flex:0 0 min(190px,45vw);scroll-snap-align:start}}
@media(max-width:950px){.expanded-symbols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.footer-grid,.infrastructure-grid,.field-guide-grid,.wheel-function-grid,.machine-duty-grid,.claim-rail,.instrument-link-grid,.contribution-choice-grid,.contribution-choice-grid.compact-choices{grid-template-columns:1fr}.field-guide-grid article:last-child{grid-column:auto}.infrastructure-grid a,.instrument-link-grid a{min-height:0}.infrastructure-grid h3{margin:2rem 0 .55rem}.instrument-link-grid strong{margin:1.5rem 0 .5rem}.expanded-symbols{grid-template-columns:1fr}.transition-command p{font-size:clamp(2.45rem,14vw,4.6rem)}.page-transition-field-guides .page-hero h1,.page-resilience-ledger .page-hero h1,.page-wheel .page-hero h1,.page-wheel-contribution .page-hero h1{overflow-wrap:anywhere}.wayfinder-heading{grid-template-columns:1fr;gap:.25rem}}
@media print{.resilience-builder,.resilience-wayfinder-shell,.resilience-output textarea,.resilience-output .button-row,.resilience-output [data-artifact-status]{display:none}.resilience-builder-layout{display:block}.resilience-output{position:static}.artifact-print-output{display:block;border:0;background:#fff;color:#000}.transition-command{background:#fff;color:#000}.transition-command:after{display:none}}
