:root{font-family:system-ui,sans-serif;color:#18322d;background:#f2f5f2}*{box-sizing:border-box}body{margin:0}header{background:#143e35;color:white;padding:24px max(20px,calc((100vw - 1100px)/2))}main{max-width:1100px;margin:auto;padding:20px}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}button,input,textarea{font:inherit}button{padding:12px 16px;border:1px solid #a8bfb5;border-radius:8px;background:white;cursor:pointer}button:disabled{opacity:.5;cursor:default}input,textarea{padding:12px;max-width:100%;border:1px solid #a8bfb5;border-radius:8px}textarea{width:100%;min-height:90px}.bar{display:flex;gap:10px;align-items:center}.bar h2{flex:1}.layout{display:grid;grid-template-columns:320px 1fr;gap:18px}nav{display:flex;flex-direction:column;gap:10px}nav button{text-align:left;overflow-wrap:anywhere}nav button[aria-pressed=true]{border:2px solid #21735c}article{background:white;padding:24px;border-radius:12px;min-width:0}.notice{background:#fff8df;padding:14px;line-height:1.7}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;line-height:1.7;background:#f2f5f2;padding:14px}dl{display:grid;grid-template-columns:130px 1fr;gap:10px}dd{margin:0;overflow-wrap:anywhere}dt{color:#586c63}.primary{background:#1e7057;color:white}label{display:block;margin:16px 0}.actions{display:flex;gap:10px}#message{white-space:pre-wrap}button:focus-visible{outline:3px solid #ca922b}@media(max-width:700px){.layout{grid-template-columns:1fr}.bar{flex-wrap:wrap}article{padding:16px}dl{grid-template-columns:100px 1fr}}