:root{--ink:#1c2430;--mute:#5d6877;--line:#d9dee5;--bg:#f6f7f9;--acc:#14586b}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 "Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
header{background:var(--acc);color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}
header a{color:#fff;margin-left:18px}main{max-width:900px;margin:28px auto;padding:0 20px}
h1{font-size:1.5rem;margin:0 0 6px}h2{font-size:1.1rem;margin:26px 0 4px}p.h{color:var(--mute);margin:0 0 10px;font-size:.9rem}
label{display:block;font-weight:600;margin:12px 0 4px;font-size:.92rem}
input,textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fff}
textarea{min-height:110px;font:14px/1.5 Consolas,monospace}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.grid3{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
button,.btn{background:var(--acc);color:#fff;border:0;border-radius:6px;padding:10px 18px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}
button.alt{background:#fff;color:var(--acc);border:1px solid var(--acc)}.msg{background:#fff6d6;border:1px solid #e6d27a;padding:10px 14px;border-radius:6px;margin-bottom:14px}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 20px;margin-bottom:12px}
a{color:var(--acc)}input[type=checkbox]{width:auto}:focus-visible{outline:2px solid #e0a100;outline-offset:2px}
@media(max-width:640px){.grid,.grid3{grid-template-columns:1fr 1fr}}
.brand{display:flex;align-items:center;gap:10px}.steps{display:flex;gap:10px;margin:0 0 14px;font-size:.9rem;color:var(--mute)}
.steps span{padding:4px 12px;border:1px solid var(--line);border-radius:99px;background:#fff}.steps .on{background:var(--acc);color:#fff;border-color:var(--acc)}
.layout{display:grid;grid-template-columns:200px 1fr;gap:22px}.side{position:sticky;top:12px;align-self:start}
.side a{display:flex;justify-content:space-between;padding:6px 10px;border-radius:6px;text-decoration:none;color:var(--ink);font-size:.9rem}
.side a:hover{background:#e7eef1}.side a.ok:before{content:"\2713 ";color:#1b7f4b}.side a.no:before{content:"! ";color:#b7791f}.side a{gap:6px}
.bar{height:8px;background:#e2e6eb;border-radius:9px;overflow:hidden;margin:6px 0 12px}.bar i{display:block;height:100%;background:var(--acc);width:0;transition:width .3s}
.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs button{background:#fff;color:var(--acc);border:1px solid var(--acc)}.tabs button.on{background:var(--acc);color:#fff}
.tw{overflow-x:auto}table.ed{width:100%;border-collapse:collapse;margin-bottom:8px}table.ed th{font-size:.8rem;text-align:left;color:var(--mute);padding:2px 4px}
table.ed td{padding:2px;vertical-align:top}table.ed input,table.ed textarea{min-height:0;padding:6px 8px;font:14px/1.4 "Segoe UI",sans-serif}table.ed textarea{height:42px;resize:vertical;min-width:260px}
.h2{cursor:grab;color:var(--mute);user-select:none;padding:6px 4px}tr.dragging{opacity:.4}.x{background:none;color:#a33;padding:4px 8px;font-size:1.1rem}
#xl{overflow:auto;max-height:75vh;background:#fff;border:1px solid var(--line);padding:10px}table.xl{border-collapse:collapse;font-size:12px}
table.xl td{border:1px solid #cfd5dc;padding:3px 6px;white-space:pre-wrap;vertical-align:top;min-width:30px}
@media(max-width:760px){.layout{grid-template-columns:1fr}.side{position:static}}
footer{text-align:center;color:var(--mute);font-size:.85rem;padding:30px 0}.hero{padding:34px 0 10px}.eyebrow{color:var(--acc);font-weight:600;letter-spacing:.04em;font-size:.85rem;margin:0}
.hero h1{font-size:2.3rem;line-height:1.2;margin:8px 0 12px;max-width:720px}.lead{font-size:1.1rem;color:#3d4756;max-width:680px}
.btn.big{padding:13px 26px;font-size:1.02rem}.btn.alt2{background:#fff;color:var(--acc);border:1px solid var(--acc)}h2.sec{margin:34px 0 10px}
.steps2{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps2 li{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px}
.steps2 b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acc);color:#fff;margin-bottom:8px}.steps2 span{display:block;font-size:.93rem}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips i{font-style:normal;background:#e7eef1;color:#18414d;border-radius:99px;padding:5px 12px;font-size:.85rem}
.auth{max-width:420px;margin:30px auto}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.acts{display:flex;gap:8px}.acts form{margin:0}
button.danger{color:#a33;border-color:#a33}header nav a{margin-left:18px}header a.brand{margin:0;text-decoration:none;font-weight:700;font-size:1.05rem}
@media(max-width:760px){.steps2{grid-template-columns:1fr 1fr}.hero h1{font-size:1.7rem}}
footer{text-align:center;color:var(--mute);font-size:.85rem;padding:30px 0}.hero{padding:34px 0 10px}.eyebrow{color:var(--acc);font-weight:600;letter-spacing:.04em;font-size:.85rem;margin:0}
.hero h1{font-size:2.3rem;line-height:1.2;margin:8px 0 12px;max-width:720px}.lead{font-size:1.1rem;color:#3d4756;max-width:680px}
.btn.big{padding:13px 26px;font-size:1.02rem}.btn.alt2{background:#fff;color:var(--acc);border:1px solid var(--acc)}h2.sec{margin:34px 0 10px}
.steps2{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps2 li{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px}
.steps2 b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acc);color:#fff;margin-bottom:8px}.steps2 span{display:block;font-size:.93rem}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips i{font-style:normal;background:#e7eef1;color:#18414d;border-radius:99px;padding:5px 12px;font-size:.85rem}
.auth{max-width:420px;margin:30px auto}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.acts{display:flex;gap:8px}.acts form{margin:0}
button.danger{color:#a33;border-color:#a33}header nav a{margin-left:18px}header a.brand{margin:0;text-decoration:none;font-weight:700;font-size:1.05rem}
@media(max-width:760px){.steps2{grid-template-columns:1fr 1fr}.hero h1{font-size:1.7rem}}
.chips2{display:flex;flex-wrap:wrap;gap:8px 18px}label.chk{display:inline-flex;gap:6px;align-items:center;font-weight:500;margin:4px 0}details{margin:14px 0}summary{cursor:pointer;color:var(--acc);font-weight:600}
.calres{background:#eef7f0;border:1px solid #9bcaa8;border-radius:6px;padding:10px 14px;margin:8px 0;font-size:.92rem}.calres.bad{background:#fde8e8;border-color:#e0a0a0}.calres.warnbox{background:#fff6d6;border-color:#e6d27a}
.calres pre{white-space:pre-wrap;max-height:220px;overflow:auto;background:#fff;border:1px solid var(--line);padding:8px;font-size:.8rem}.calres ul{margin:6px 0;padding-left:20px}.calres .warn{color:#8a5a00}
.dl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.dl .btn.alt2{background:#fff;color:var(--acc);border:1px solid var(--acc)}
#sv{color:var(--mute);font-size:.9rem}