:root{--ink:#17243e;--muted:#69758a;--line:#dfe5ee;--blue:#235ad9}*{box-sizing:border-box}body{margin:0;font:16px/1.7 Tahoma,Arial,sans-serif;color:var(--ink);background:#f3f5f9}header{background:var(--ink);color:white;padding:22px max(22px,calc((100vw - 1100px)/2))}.brand{font-size:23px;font-weight:bold}.brand span{font-weight:normal;color:#b5c7ed}header p{font-size:13px;color:#b5c7ed;margin:4px 0}main{max-width:1144px;padding:28px 22px 60px;margin:auto}.eyebrow{font-size:12px;color:var(--muted);letter-spacing:1.5px}h1{font-size:27px;margin:4px 0 10px}h2{font-size:18px;margin:0 0 12px}p{margin:8px 0 16px}.grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;margin:20px 0;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px}aside{position:sticky;top:20px}pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}img{width:100%;display:block;border:1px solid var(--line);border-radius:8px}button{width:100%;font:inherit;padding:12px 16px;border-radius:9px;border:1px solid var(--blue);background:var(--blue);color:white;cursor:pointer;margin:8px 0}button:disabled{opacity:.48;cursor:default}.secondary{background:white;color:var(--ink);border-color:var(--line)}.small{font-size:12px;color:var(--muted)}#status{padding:14px 18px;border:1px solid #ead58f;border-radius:10px;background:#fff8dc}#status.success{background:#eaf7ef;border-color:#b5d8c3}#status.error{background:#fff0f1;border-color:#edc4cb}details{font-size:14px;color:var(--muted)}summary{cursor:pointer;color:var(--blue)}a{color:var(--blue)}@media(max-width:760px){.grid{grid-template-columns:1fr}aside{position:static}h1{font-size:23px}main{padding:22px 14px 40px}.panel{padding:18px}}
