.guide-brand{width:135px;height:auto;display:block;margin:20px 0 44px}main{max-width:900px}h1{font-size:clamp(32px,5vw,52px);line-height:1.15;max-width:750px}.lead{font-size:19px;max-width:690px}.eyebrow{color:#9bc5b5;font:12px/1.5 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.card{padding:26px;background:#121e17;border:1px solid #31483a;border-radius:14px;margin:24px 0}.card h2{margin-top:0}.action{display:inline-flex;align-items:center;justify-content:center;background:#b3d9c8;color:#10261a;min-height:48px;padding:0 22px;border-radius:8px;font:600 15px Inter,system-ui,sans-serif;border:1px solid #b3d9c8;text-decoration:none;cursor:pointer}.action:disabled{opacity:.5;cursor:wait}.secondary-action{background:none;color:#b3d9c8}.links{display:flex;gap:22px;flex-wrap:wrap;margin:24px 0}fieldset{border:0;padding:0;margin:24px 0}legend{font-weight:600;color:#edf2ee;margin-bottom:12px}.choice{display:flex;gap:12px;align-items:center;min-height:48px;padding:7px 12px;margin:7px 0;border:1px solid #34493d;border-radius:8px;cursor:pointer}.choice:has(input:checked){border-color:#b3d9c8;background:#20392b}input[type=radio]{accent-color:#b3d9c8}textarea{display:block;width:100%;box-sizing:border-box;padding:14px;background:#0b100d;color:#edf2ee;border:1px solid #526c5c;border-radius:8px;font:inherit;margin:10px 0}small,.fine{font-size:14px}.trap{position:absolute;left:-10000px}#feedback-status{min-height:28px;color:#b3d9c8}footer{margin-top:48px;border-top:1px solid #31483a;padding-top:24px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-grid .card{margin:0}.guide-art{width:100%;height:auto;border-radius:12px;display:block;margin:28px 0}.steps-list{padding-left:24px}.steps-list li{padding:8px 0 14px 8px}.steps-list strong{color:#edf2ee;display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #b3d9c8;outline-offset:4px}.note{padding-left:18px;border-left:2px solid #9bc5b5}.demo-tabs{display:flex;gap:8px;flex-wrap:wrap}.demo-tabs button{font:inherit;padding:10px 14px;border:1px solid #34493d;border-radius:8px;color:#b3d9c8;background:#14221a;cursor:pointer}.demo-tabs button[aria-pressed=true]{background:#b3d9c8;color:#10261a}.demo-panel[hidden]{display:none} @media(max-width:620px){.guide-grid{grid-template-columns:1fr}.card{padding:20px}body{padding:26px 20px}.guide-brand{margin-bottom:30px}}