:root{color:#1d2735;background:#f7f3ec;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}html{background:#f7f3ec}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,#fff7dd,transparent 34%),#f7f3ec}button,input,select,textarea{font:inherit}button{cursor:pointer}.page{max-width:1160px;margin:0 auto;padding:44px 20px 80px}.hero{display:grid;grid-gap:16px;gap:16px;margin-bottom:28px}.badge{width:-moz-fit-content;width:fit-content;padding:6px 12px;border-radius:999px;background:#15233f;color:#ffe7a3;font-size:14px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(34px,6vw,64px);line-height:1.05;letter-spacing:-.04em}.hero p{max-width:760px;color:#5f6876;font-size:18px}.field-grid,.hero__meta,.steps{display:flex;flex-wrap:wrap;gap:10px}.chip{border-radius:999px;padding:6px 11px;background:#fff;border:1px solid #eadfcb;color:#5f6876;font-size:13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:22px;gap:22px;align-items:start}.panel{background:rgba(255,255,255,.86);border:1px solid #eadfcb;border-radius:24px;padding:22px;box-shadow:0 18px 50px rgba(56,43,28,.08)}.sidebar{position:-webkit-sticky;position:sticky;top:18px}.variant-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:18px}.primary,.secondary,.variant-switch button{border:1px solid #d9c9ab;border-radius:14px;padding:12px 14px;background:#fff;color:#1d2735}.primary,.variant-switch button.active{border-color:#16233f;background:linear-gradient(135deg,#16233f,#3e557d);color:white}.secondary{background:#fff8e7}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}button:disabled{opacity:.58;cursor:not-allowed}.form{display:grid;grid-gap:16px;gap:16px}.field{display:grid;grid-gap:7px;gap:7px}.field label{font-weight:700}.field small{color:#7b8491}.field input,.field select,.field textarea{width:100%;border:1px solid #d9c9ab;border-radius:14px;background:#fffdf7;color:#1d2735;padding:12px 14px}.field textarea{resize:vertical;min-height:104px}.field-grid{display:grid;grid-template-columns:1fr 1fr}.warning{border-radius:14px;background:#fff2d5;border:1px solid #efc779;padding:12px 14px;color:#6f4d10}.success{border-radius:14px;background:#e9f8ef;border:1px solid #9eddb6;color:#21633a}.error,.success{padding:12px 14px}.error{border-radius:14px;background:#fff0f0;border:1px solid #f0b0b0;color:#8c2e2e}.progress{display:grid;grid-gap:8px;gap:8px;margin:10px 0 18px}.progress__bar{height:10px;overflow:hidden;border-radius:999px;background:#eadfcb}.progress__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e5a72d,#314d82)}.help-list{padding-left:18px;color:#5f6876}.spec-preview{white-space:pre-wrap;max-height:320px;overflow:auto;border-radius:16px;background:#13203a;color:#f9f2df;padding:16px;font-size:13px}.footer-note{color:#7b8491;font-size:13px;margin-top:18px}.muted{color:#5f6876}.text-link{display:inline-flex;margin-bottom:24px;color:#314d82;font-weight:700;text-decoration:none}.related-card:hover,.text-link:hover{text-decoration:underline}.link-button{display:inline-flex;text-decoration:none}.seo-index{padding-top:0}.seo-page{max-width:1060px}.seo-grid,.seo-hero{margin-bottom:22px}.seo-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.seo-section{margin-bottom:22px}.card-list,.example-list,.related-list{display:grid;grid-gap:12px;gap:12px}.card-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.card-pill{border-radius:16px;background:#fff8e7;border:1px solid #eadfcb;padding:12px 14px;font-weight:700}.example-list,.related-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mini-card,.related-card{border:1px solid #eadfcb;border-radius:18px;background:#fffdf7;padding:16px}.faq-list p,.mini-card p,.related-card span{color:#5f6876}.related-card{display:grid;grid-gap:8px;gap:8px;color:inherit;text-decoration:none}.faq-list{display:grid;grid-gap:18px;gap:18px}@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static}.field-grid,.seo-grid{grid-template-columns:1fr}}