@import url("./base.css");
@font-face{font-family:"Instrument Sans";src:url("./assets/InstrumentSans.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--width:1170px;--ink:#192451;--surface:#eff1fa;--accent:#3448c4;--muted:#485573;--error:#a52a46;font-family:"Instrument Sans",Arial,sans-serif}
body{color:var(--ink);background:#eff1fa}
.nav nav a:hover,.site-footer a:hover{color:var(--accent)}
.brand img{width:38px;height:38px}
.nav nav a[aria-current]{color:var(--accent)}
.hero{padding-block:6rem 5rem;display:grid;grid-template-columns:1.2fr .78fr;align-items:center;gap:2rem}
.hero h1{font-weight:700;font-size:clamp(3.05rem,7.4vw,7rem);line-height:.96;letter-spacing:-.062em}
.hero p{margin:1.5rem 0 1.7rem;color:var(--muted);font-size:1.18rem}
.action{padding:.65rem 1.1rem;border:0;border-radius:3px;background:var(--accent);color:#fff;box-shadow:inset 0 -2px 0 #182879}
.action:hover:not(:disabled){background:#263aaf}
.paper-stack{padding:2rem clamp(1rem,4vw,3rem);background:#dde2f3}
.paper{background:#fff;padding:1rem 1.1rem;border-radius:3px;box-shadow:0 10px 28px #303c6a20}
.paper-head,.paper-row{display:flex;justify-content:space-between;gap:.6rem;align-items:center}
.paper-head{font-weight:740;margin-bottom:1.25rem}
.paper-head span+span{font-size:.75rem;color:#4253a0;background:#edf0fd;padding:.3rem .45rem}
.paper-row{font-variant-numeric:tabular-nums;padding:.65rem .2rem;border-bottom:1px solid #e4e8f4}
.paper-row:nth-child(2){color:var(--muted);font-size:.82rem;font-weight:700}
.paper-tail{padding:.8rem 1.1rem;margin:.8rem .4rem 0;color:#fff;background:#3448c4;font-weight:670;border-radius:3px}
.steps{background:#e3e8f7;padding:2.5rem clamp(1.1rem,4vw,3rem);margin-bottom:2rem}
.steps ol{margin:1.5rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.steps h3{margin-bottom:.35rem;font-size:1.1rem}
.steps p{color:var(--muted);max-width:28ch}
.page-title{margin:3.4rem 0 2.1rem}
.page-title p{margin-top:1rem;color:var(--muted)}
.workspace{display:grid;grid-template-columns:.87fr 1.13fr;gap:clamp(1.2rem,4vw,3.5rem);margin-bottom:3rem}
.workspace form{display:grid;gap:1.25rem}
.workspace form .action{justify-self:start}
.network span{border-bottom:2px solid #9da8cb;padding:.38rem .65rem .45rem;background:transparent;color:var(--muted);font-weight:680;font-size:.9rem}
.network input:checked+span{color:#2538ab;background:#dfe4fb;border-color:#3448c4}
.control input,.control textarea{border:1px solid #a2aed1;border-radius:3px;background:#fbfcff}
#file{padding:.38rem!important;color:var(--muted);background:transparent}
#file::file-selector-button{border:0;background:#dfe4fa;color:#273cae;font:inherit;font-weight:700;padding:.35rem .6rem;margin-right:.6rem;cursor:pointer}
.review-board{background:#fcfcff;padding:clamp(1rem,4vw,2rem);box-shadow:0 12px 35px #343e6b12;min-width:0}
.status{margin:1rem 0;color:var(--muted)}
#summary{color:var(--muted);margin-bottom:.65rem;overflow-wrap:anywhere}
.table-wrap{overflow:auto;margin-bottom:1.15rem}
table{border-collapse:collapse;width:100%;min-width:0}
th,td{text-align:left;padding:.7rem .3rem;border-bottom:1px solid #e1e6f4}
td:first-child{overflow-wrap:anywhere;font: .8rem "IBM Plex Mono",Consolas,monospace}
th:last-child,td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--accent)}
@media(max-width:760px){.hero,.workspace{grid-template-columns:1fr}.hero{padding:3rem 0 2rem}.paper-stack{width:min(100%,435px)}.steps ol{grid-template-columns:1fr;gap:1.2rem}}