:root {
  --ink: #10243e;
  --muted: #63758a;
  --line: #d9e1e9;
  --paper: #f8f6ef;
  --white: #fff;
  --mint: #ffc629;
  --green: #0062ad;
  --dark: #071f43;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Manrope, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
code, pre, .label, .eyebrow, aside p { font-family: "DM Mono", monospace; }

.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 10; padding: .75rem 1rem; background: var(--mint); }
.skip-link:focus { top: 1rem; }
header { height: 74px; padding: 0 clamp(1.25rem, 5vw, 5rem); display: flex; align-items: center; justify-content: space-between; gap: 2rem; background: var(--dark); color: var(--white); position: sticky; top: 30px; z-index: 5; box-shadow:0 10px 28px #071f4320; }
.brand { display: flex; align-items: center; width: 178px; }
.brand img { display: block; width: 100%; height: auto; }
header nav { display: flex; gap: 1.75rem; color: #b9c7c2; font-size: .82rem; }
header nav a:hover { color: var(--white); }
.status { color: #cdd7d4; font: .72rem "DM Mono", monospace; }
.status i { display: inline-block; width: 7px; height: 7px; margin-right: .5rem; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px #b8ff6522; }

.hero { position:relative; overflow:hidden; padding: clamp(5rem, 10vw, 8.5rem) clamp(1.25rem, 8vw, 8rem) 5rem; background: linear-gradient(135deg,var(--dark),#0a3c74); color: var(--white); border-top: 1px solid #ffffff18; }
.hero::after{content:"";position:absolute;right:-12rem;top:-17rem;width:38rem;height:38rem;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 7rem #ffffff07,0 0 0 14rem #ffffff04;pointer-events:none}
.eyebrow, .label { color: var(--green); letter-spacing: .12em; font-size: .7rem; }
.hero .eyebrow { color: var(--mint); }
.hero h1 { margin: 1.1rem 0 1.5rem; font-size: clamp(3rem, 7vw, 6.5rem); letter-spacing: -.065em; line-height: .93; font-weight: 650; }
.hero h1 em { color: var(--mint); font-style: normal; }
.hero > p:not(.eyebrow) { max-width: 690px; color: #aebeb8; font-size: 1.05rem; line-height: 1.8; }
.meta { margin-top: 2.5rem; display: flex; align-items: center; width: fit-content; border: 1px solid #324942; background: #10241e; }
.meta span { align-self: stretch; display: grid; place-items: center; padding: 0 1rem; color: var(--mint); background: #1c392f; font: .7rem "DM Mono", monospace; }
.meta code { padding: .9rem 1.2rem; color: #e6eeeb; font-size: .8rem; }
.copy { border: 0; border-left: 1px solid #324942; padding: .9rem 1rem; color: #d8e2de; background: transparent; cursor: pointer; font: .7rem "DM Mono", monospace; }
.copy:hover { color: var(--mint); }

.layout { display: grid; grid-template-columns: 210px minmax(0, 800px); gap: clamp(2rem, 7vw, 7rem); max-width: 1240px; margin: 0 auto; padding: 5rem 2rem 8rem; }
aside { position: sticky; top: 110px; height: fit-content; display: grid; gap: .9rem; border-left: 1px solid var(--line); padding-left: 1.5rem; }
aside p { margin: 0 0 .35rem; font-size: .65rem; color: #8b9994; letter-spacing: .1em; }
aside a { color: var(--muted); font-size: .84rem; }
aside a:hover { color: var(--green); }
.content { min-width: 0; }
article { padding: 0 0 5rem; margin-bottom: 5rem; border-bottom: 1px solid var(--line); }
article:last-child { margin-bottom: 0; }
article h2 { margin: .8rem 0 1rem; font-size: clamp(1.8rem, 4vw, 2.6rem); letter-spacing: -.045em; }
article > p:not(.label,.footnote) { color: var(--muted); line-height: 1.75; }
.code-block { position: relative; margin-top: 1.5rem; padding: 1.25rem 5rem 1.25rem 1.25rem; overflow: auto; color: #d7e4df; background: var(--dark); border-radius: 5px; }
.code-block .copy { position: absolute; top: 0; right: 0; border-left-color: #31433e; }
.code-block code, .code-block pre { font-size: .78rem; line-height: 1.75; white-space: pre; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: 2rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.field-grid > div { padding: 1.4rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.field-grid strong { display: block; font: .82rem "DM Mono", monospace; }
.field-grid span { color: var(--green); font: .67rem "DM Mono", monospace; }
.field-grid p { min-height: 2.6em; margin: .7rem 0 0; color: var(--muted); font-size: .82rem; line-height: 1.5; }
.footnote { color: #74827d; font-size: .75rem; }
.enum-reference { margin-top: 1.25rem; border: 1px solid var(--line); background: #f8faf7; }
.enum-reference summary { padding: 1rem 1.15rem; cursor: pointer; color: var(--green); font-size: .8rem; font-weight: 700; }
.enum-reference > p { margin: 1rem 1.15rem .65rem; color: var(--muted); font-size: .78rem; }
.enum-values { display: flex; flex-wrap: wrap; gap: .4rem; padding: 0 1.15rem 1.15rem; }
.enum-values code { padding: .35rem .5rem; color: #35534a; background: #e8efeb; border-radius: 2px; font-size: .65rem; overflow-wrap: anywhere; }
.tabs { display: flex; gap: .25rem; margin-top: 2rem; }
.tabs button { border: 1px solid var(--line); padding: .55rem .9rem; background: transparent; cursor: pointer; font: .7rem "DM Mono", monospace; }
.tabs button.active { color: var(--white); background: var(--green); border-color: var(--green); }
.sample { margin-top: 0; min-height: 170px; }
.responses { border-top: 1px solid var(--line); }
.responses div { display: grid; grid-template-columns: 80px 1fr; gap: 1rem; padding: 1rem .25rem; border-bottom: 1px solid var(--line); }
.responses b { color: #a14d34; font: .78rem "DM Mono", monospace; }
.responses b.ok { color: var(--green); }
.responses span { color: var(--muted); font-size: .88rem; }
.schema-table { margin: 1.75rem 0 2.5rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.schema-table > div { display: grid; grid-template-columns: minmax(220px, 1.2fr) 90px 1fr; }
.schema-table > div > * { min-width: 0; padding: .75rem .85rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.schema-table code { color: var(--ink); background: #f8faf7; font-size: .7rem; }
.schema-table span { color: var(--muted); background: #f8faf7; font-size: .76rem; }
.schema-table .schema-head span { color: var(--ink); background: #e8efeb; font: 600 .65rem "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.content h3 { margin: 2rem 0 1rem; font-size: 1.15rem; }
.tester { padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid #cad6e2; background: var(--white); box-shadow:0 22px 55px #102b4810; }
.tester form { display: grid; gap: 1rem; margin: 2rem 0; }
.tester label { display: grid; gap: .5rem; font-size: .76rem; font-weight: 700; }
.tester label code { color: var(--green); font-size: .65rem; font-weight: 400; }
.tester label.inline-toggle > span:nth-child(2) { display: flex; align-items: center; gap: .6rem; }
.tester label.inline-toggle input[type="checkbox"] { width: auto; margin: 0; accent-color: var(--green); }
.tester input, .tester select, .tester textarea { width: 100%; border: 1px solid #cad5d1; padding: .85rem 1rem; color: var(--ink); background: #fbfcfa; border-radius: 3px; outline: none; }
.tester input:focus, .tester select:focus, .tester textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px #1d6f5012; }
.tester textarea { min-height: 90px; resize: vertical; font-family: "DM Mono", monospace; font-size: .72rem; line-height: 1.5; }
.tester input[type="file"] { padding: .65rem; }
.tester input[type="file"]::file-selector-button { margin-right: .75rem; border: 0; padding: .45rem .7rem; color: var(--dark); background: #e2ebe6; cursor: pointer; }
.tester fieldset { margin: .35rem 0; padding: 1rem; border: 1px solid var(--line); }
.tester legend { padding: 0 .4rem; font-size: .77rem; font-weight: 700; }
.tester legend span { margin-left: .4rem; color: var(--green); font: .65rem "DM Mono", monospace; }
.input-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.field-help { margin: .9rem 0 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.form-error { min-height: 1.2em; margin: 0; color: #a14d34; font-size: .76rem; }
#send-request { height: 45px; border: 0; padding: 0 1.4rem; background: var(--mint); color: var(--dark); font-weight: 700; cursor: pointer; }
#send-request:disabled { opacity: .5; cursor: wait; }
.response-head { display: flex; justify-content: space-between; padding: .8rem 1rem; color: #95a8a1; background: #10241e; font: .65rem "DM Mono", monospace; border-bottom: 1px solid #31433e; }
.response-actions { display: flex; align-items: center; gap: .8rem; }
.response-actions button, .response-actions a { border: 0; padding: 0; color: #d7e4df; background: transparent; cursor: pointer; font: inherit; text-decoration: underline; text-underline-offset: 3px; }
.response-actions button:hover, .response-actions a:hover { color: var(--mint); }
.response-actions button:disabled { color: #64756f; cursor: default; text-decoration: none; }
#response-status.success { color: var(--mint); }
#response-status.error { color: #ffab8e; }
#response-json { min-height: 230px; max-height: 600px; margin: 0; padding: 1.2rem; overflow: auto; color: #d7e4df; background: var(--dark); font-size: .75rem; line-height: 1.65; }
.checkbox-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.checkbox-grid label { display: flex; grid-template-columns: none; align-items: center; gap: .6rem; padding: .7rem .8rem; border: 1px solid var(--line); background: #fbfcfa; font-family: "DM Mono", monospace; font-size: .68rem; font-weight: 500; }
.checkbox-grid input { width: auto; margin: 0; accent-color: var(--green); }
.report-options { display: grid; gap: 1rem; }
.report-options .report-toggle { display: flex; grid-template-columns: none; align-items: flex-start; gap: .75rem; padding: 1rem; border: 1px solid var(--line); background: #f7faf7; cursor: pointer; }
.report-toggle input { width: auto; margin: .18rem 0 0; accent-color: var(--green); }
.report-toggle span { display: grid; gap: .3rem; }
.report-toggle strong { font-size: .78rem; }
.report-toggle small { color: var(--muted); font-size: .7rem; font-weight: 400; line-height: 1.55; }
.weight-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.schema-tools { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.25rem 0 .75rem; }
.schema-tools input { width: min(360px, 100%); border: 1px solid #cad5d1; padding: .7rem .85rem; background: #fbfcfa; }
.schema-count { color: var(--green); font: .7rem "DM Mono", monospace; white-space: nowrap; }
.response-schema { max-height: 720px; overflow: auto; border-bottom: 1px solid var(--line); }
.response-schema .schema-table { margin: 0; }
.response-schema .schema-table > div { grid-template-columns: minmax(320px, 1.6fr) 100px 1fr; }
footer { display: flex; justify-content: space-between; gap:2rem; padding: 2.4rem clamp(1.25rem, 5vw, 5rem); color: #afc3d7; background: var(--dark); font-size: .72rem; }
footer>div{display:flex;gap:.7rem}footer>div:first-child{flex-direction:column}footer strong{color:#fff}footer>div:last-child{align-items:center;gap:1.4rem}footer a:hover{color:var(--mint)}
.utility-bar{position:sticky;top:0;z-index:7;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);color:#526980;background:#e8f1f7;font:600 .6rem "DM Mono",monospace;letter-spacing:.05em}.utility-bar a{color:var(--blue,#0057a8)}
.forms-shell { max-width: 1050px; margin: 0 auto; padding: 5rem 2rem 8rem; }
.forms-shell h2 { margin: .7rem 0 1rem; font-size: clamp(1.8rem,4vw,2.8rem); letter-spacing: -.045em; }
.forms-shell > div > p:not(.label) { color: var(--muted); }
.forms-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-top: 2rem; }
.form-card { display: grid; gap: .8rem; min-height: 200px; padding: 1.5rem; border: 1px solid var(--line); background: var(--white); transition: transform .2s,border-color .2s; }
.form-card:hover { transform: translateY(-3px); border-color: var(--green); }
.form-card span { color: var(--green); font: .67rem "DM Mono",monospace; letter-spacing: .08em; }
.form-card strong { font-size: 1.25rem; }
.form-card p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.form-card code { margin-top: auto; color: var(--green); font-size: .68rem; overflow-wrap: anywhere; }
.forms-guide { margin-bottom: 3rem; padding: 2rem; border: 1px solid var(--line); background: var(--white); }
.forms-guide ol { padding-left: 1.2rem; color: var(--muted); line-height: 1.8; }
.service-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.5rem; }
.service-chips span { padding: .55rem .7rem; color: var(--green); background: #e8f3ed; font: .67rem "DM Mono",monospace; }
.forms-sample { margin-top: 1.5rem; max-height: 360px; }
.forms-tester { margin: 0; }

body.portal-ready { padding-left: 276px; }
.portal-ready .utility-bar { display: none; }
.portal-ready .portal-header { top: 0; height: 68px; padding: 0 clamp(1.25rem,3.5vw,3.5rem); color: var(--ink); background: var(--white); border-bottom: 1px solid var(--line); box-shadow: 0 8px 24px #102b480b; }
.portal-ready .portal-header .status { margin-left: auto; color: #53677c; }
.portal-context { display: grid; gap: .16rem; }
.portal-context span { color: var(--green); font: 600 .58rem "DM Mono",monospace; letter-spacing: .12em; text-transform: uppercase; }
.portal-context strong { color: var(--ink); font-size: .9rem; letter-spacing: -.015em; }
.portal-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 20; width: 276px; display: flex; flex-direction: column; overflow-y: auto; padding: 1.35rem 1rem 1rem; color: #dbe7f3; background: var(--dark); box-shadow: 14px 0 38px #071f4322; }
.portal-brand { display: flex; align-items: center; width: 205px; min-height: 70px; padding: .25rem .55rem 1.5rem; }
.portal-brand img { display: block; width: 100%; height: auto; }
.portal-nav-group { display: grid; gap: .25rem; margin-top: 1rem; }
.portal-nav-group p { margin: 0 0 .45rem; padding: 0 .7rem; color: #7890a7; font: 600 .6rem "DM Mono",monospace; letter-spacing: .13em; }
.portal-nav-group a { display: flex; align-items: center; gap: .8rem; min-height: 44px; padding: .7rem; border-left: 2px solid transparent; color: #b7c8d9; font-size: .78rem; transition: color .15s,background .15s,border-color .15s; }
.portal-nav-group a span { color: #668099; font: .6rem "DM Mono",monospace; }
.portal-nav-group a:hover { color: var(--white); background: #ffffff09; }
.portal-nav-group a.active { border-left-color: var(--mint); color: var(--white); background: #ffffff0e; }
.portal-nav-group a.active span { color: var(--mint); }
.portal-account { display: grid; flex-shrink: 0; gap: .28rem; margin-top: auto; padding: 1rem; border: 1px solid #ffffff14; background: #ffffff08; overflow: hidden; }
.portal-account > span { color: #7890a7; font: .58rem "DM Mono",monospace; letter-spacing: .12em; }
.portal-account strong { margin-top: .2rem; color: var(--white); font-size: .76rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portal-account small { color: #9db0c3; font-size: .67rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portal-account button { width: fit-content; margin-top: .65rem; border: 0; padding: 0; color: var(--mint); background: transparent; cursor: pointer; font: .65rem "DM Mono",monospace; }
.portal-account button:disabled { opacity: .55; }
.account-main { min-height: 100vh; background: var(--paper); }
.account-hero { padding: 5rem clamp(1.25rem, 8vw, 8rem); background: linear-gradient(135deg, var(--dark), #0a3c74); color: var(--white); }
.account-hero h1 { margin: .7rem 0 1rem; font-size: clamp(3rem, 6vw, 5.5rem); letter-spacing: -.06em; line-height: 1; }
.account-hero h1 em { color: var(--mint); font-style: normal; }
.account-hero > p:not(.eyebrow) { max-width: 680px; color: #c1cedd; line-height: 1.7; }
#account-identity { margin-top: 1.5rem; color: var(--mint); font: .75rem "DM Mono", monospace; }
.account-content { max-width: 1100px; margin: 0 auto; padding: 3.5rem 2rem 6rem; }
.account-section-head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 2rem 0 1.25rem; }
.account-section-head h2 { margin: .3rem 0; font-size: 1.8rem; }
.account-section-head p:last-child { color: var(--muted); line-height: 1.6; }
.account-section-head button, .account-create-form button, .account-key-reveal button { border: 0; padding: .8rem 1.1rem; background: var(--mint); color: var(--dark); font-weight: 800; cursor: pointer; }
.account-create-form { display: flex; align-items: end; gap: .75rem; margin-bottom: 1rem; }
.account-create-form label { flex: 1; display: grid; gap: .4rem; font-weight: 700; font-size: .78rem; }
.account-create-form input { width: 100%; padding: .9rem; border: 1px solid #cbd6df; background: white; }
.account-key-reveal { padding: 1.2rem; margin-bottom: 1.2rem; background: #e3f7ef; border: 1px solid #8acdb4; }
.account-key-reveal code { display: block; overflow-wrap: anywhere; padding: .8rem 0; }
.account-key-reveal p { margin-bottom: 0; color: #315c4d; font-size: .78rem; }
.account-key-list, .account-health-list { display: grid; gap: .6rem; }
.account-key-row, .account-health-row { display: flex; align-items: center; gap: .7rem; padding: 1rem 1.2rem; background: white; border: 1px solid #dae3ea; }
.account-key-row > div { flex: 1; display: grid; gap: .35rem; }
.account-key-row small { color: var(--muted); }
.account-key-row button { padding: .5rem .7rem; border: 1px solid #b9cbd6; color: var(--dark); background: transparent; cursor: pointer; }
.account-health-row { justify-content: space-between; }
.account-health-row span { color: #116b45; font: .72rem "DM Mono", monospace; }
.account-command { padding: 1.2rem; overflow-x: auto; color: #d9f4e8; background: var(--dark); line-height: 1.7; }
@media (max-width: 650px) { .account-create-form { flex-direction: column; align-items: stretch; } .account-key-row { flex-wrap: wrap; } }
.portal-menu { display: none; border: 0; color: var(--ink); background: transparent; cursor: pointer; font-size: 1.25rem; }
.portal-overlay { display: none; }

.login-page { min-height: 100vh; color: var(--ink); background: var(--paper); }
.login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(340px, .9fr) minmax(480px, 1.1fr); }
.login-story { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(2rem,5vw,5rem); color: var(--white); background: linear-gradient(145deg,var(--dark),#0a3c74); }
.login-story::after { content:""; position:absolute; right:-15rem; bottom:-12rem; width:38rem; height:38rem; border:1px solid #ffffff1a; border-radius:50%; box-shadow:0 0 0 7rem #ffffff07,0 0 0 14rem #ffffff04; }
.login-brand { position: relative; z-index: 1; display: block; width: min(230px,65%); }
.login-brand img { display: block; width: 100%; height: auto; }
.login-message { position:relative; z-index:1; max-width: 590px; }
.login-message p:first-child { color: var(--mint); font: .68rem "DM Mono",monospace; letter-spacing: .13em; }
.login-message h1 { margin: 1rem 0 1.4rem; font-size: clamp(3rem,6vw,6rem); line-height: .94; letter-spacing: -.065em; }
.login-message h1 em { color: var(--mint); font-style: normal; }
.login-message > p:last-child { max-width: 520px; color: #b6c7d7; line-height: 1.8; }
.login-company { position: relative; z-index:1; color:#91a9bf; font-size:.7rem; }
.login-panel { display: grid; place-items: center; padding: 2rem; }
.login-card { width: min(470px,100%); padding: clamp(1.7rem,4vw,3.2rem); border: 1px solid var(--line); background: var(--white); box-shadow: 0 28px 70px #102b4816; }
.login-card-logo { display: block; width: 168px; height: auto; margin: 0 0 2rem; }
.login-card .eyebrow { margin: 0; color: var(--green); }
.login-card h2 { margin: .7rem 0 .55rem; font-size: clamp(2rem,4vw,2.8rem); letter-spacing: -.05em; }
.login-intro { margin: 0 0 1.6rem; color:var(--muted); font-size:.84rem; line-height:1.6; }
.auth-tabs { display:flex; margin-bottom:1.5rem; border-bottom:1px solid var(--line); }
.auth-tabs button { flex:1; border:0; border-bottom:2px solid transparent; padding:.8rem; color:var(--muted); background:transparent; cursor:pointer; font-size:.78rem; font-weight:700; }
.auth-tabs button.active { border-bottom-color:var(--green); color:var(--green); }
.auth-form { display:grid; gap:1rem; }
.auth-form label { display:grid; gap:.45rem; font-size:.73rem; font-weight:700; }
.auth-form input { width:100%; border:1px solid #cbd6df; padding:.85rem .95rem; outline:none; background:#fbfcfd; }
.auth-form input:focus { border-color:var(--green); box-shadow:0 0 0 3px #0062ad12; }
.auth-form small { color:var(--muted); font-size:.67rem; line-height:1.5; font-weight:400; }
.auth-form button[type="submit"] { min-height:47px; border:0; margin-top:.25rem; color:var(--dark); background:var(--mint); cursor:pointer; font-weight:800; }
.auth-form button[type="submit"]:disabled { opacity:.55; cursor:wait; }
.auth-error { min-height:1.2em; margin:0; color:#a14d34; font-size:.72rem; }
.auth-link { display:inline-block; margin:1rem 0 0; border:0; padding:0; background:transparent; color:var(--green); font:700 .72rem Manrope,sans-serif; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.login-security { margin:1.4rem 0 0; padding-top:1.1rem; border-top:1px solid var(--line); color:var(--muted); font-size:.67rem; line-height:1.55; }

@media (max-width: 1180px) {
  header nav { gap: .8rem; font-size: .7rem; }
}

@media (max-width: 760px) {
  body.portal-ready { padding-left: 0; }
  .portal-sidebar { transform: translateX(-105%); transition: transform .22s ease; }
  .portal-menu-open .portal-sidebar { transform: translateX(0); }
  .portal-overlay { position: fixed; inset: 0; z-index: 19; border: 0; background: #071f4399; }
  .portal-menu-open .portal-overlay { display: block; }
  .portal-menu { display: block; }
  .portal-header { justify-content: flex-start; }
  .portal-header .status { margin-left: auto; }
  .login-shell { grid-template-columns: 1fr; }
  .login-story { min-height: 330px; padding:2rem; }
  .login-message h1 { font-size:3rem; }
  .login-panel { padding:1.2rem; }
  .utility-bar span{display:none}.utility-bar{justify-content:flex-end}
  header nav { display: none; }
  .status { display: none; }
  .layout { display: block; padding-inline: 1.25rem; }
  aside { display: none; }
  .field-grid { grid-template-columns: 1fr; }
  .input-grid { grid-template-columns: 1fr; }
  .checkbox-grid, .weight-grid { grid-template-columns: 1fr 1fr; }
  .schema-tools { align-items: stretch; flex-direction: column; }
  .schema-table { overflow-x: auto; }
  .schema-table > div { min-width: 600px; }
  .tabs { flex-wrap: wrap; }
  .forms-grid { grid-template-columns: 1fr; }
  .meta { max-width: 100%; }
  .meta code { overflow: hidden; text-overflow: ellipsis; }
  .meta .copy { display: none; }
  footer,footer>div:last-child{align-items:flex-start;flex-direction:column}
}