:root{color:#102033;background:#f8fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}a{color:#0f5bd7}header,footer{color:#fff;background:#071427}header a,footer a{color:#fff;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 1rem}.nav{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.links{flex-wrap:wrap;gap:.9rem;display:flex}.hero{color:#fff;background:linear-gradient(135deg,#071427,#0f5bd7);padding:3rem 0 2rem}.hero p{max-width:760px;font-size:1.2rem}.section{padding:2rem 0}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.card,.tool{background:#fff;border:1px solid #d8e3f0;border-radius:18px;padding:1.2rem;box-shadow:0 12px 35px #10203314}label{gap:.35rem;margin:.7rem 0;font-weight:700;display:grid}input,textarea,select{font:inherit;box-sizing:border-box;border:1px solid #b8c7d9;border-radius:10px;width:100%;padding:.75rem}textarea{min-height:150px}button{color:#fff;cursor:pointer;background:#0f5bd7;border:0;border-radius:999px;padding:.85rem 1.1rem;font-weight:800}.result{word-break:break-word;background:#ecfdf5;border-color:#86efac}.muted{color:#5a6b80}.pill{color:#082f69;background:#dbeafe;border-radius:999px;padding:.25rem .65rem;font-size:.85rem;font-weight:800;display:inline-block}table{border-collapse:collapse;width:100%}caption{text-align:left;padding:.8rem .65rem .35rem;font-size:1.05rem;font-weight:800}td,th{text-align:left;border-bottom:1px solid #d8e3f0;padding:.65rem}.error{color:#9f1239;background:#fff1f2;border-color:#fecdd3}code{background:#eef4ff;border-radius:.3rem;padding:.1rem .3rem}footer{margin-top:2rem;padding:2rem 0}.checker-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1.25rem;display:grid}.section-heading{max-width:760px;margin-bottom:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#0f5bd7;font-size:.78rem;font-weight:900}.privacy-note{color:#465a72;font-size:.9rem}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;display:grid}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:start;gap:1.25rem;display:grid}.check-list{gap:.65rem;padding-left:1.25rem;display:grid}.rule-note{background:#eff6ff;border-color:#bfdbfe}.issue-list ul{gap:.65rem;padding-left:1.25rem;display:grid}.issue{padding-left:.25rem}.issue.error::marker{color:#be123c}.issue.warning::marker{color:#b45309}.ready-state{border-left:4px solid #16a34a;padding-left:1rem}.corrected-workflow{border-top:1px solid #d8e3f0;margin-top:2rem}.example{background:#eff6ff;border:1px solid #bfdbfe;border-radius:18px;margin-top:2rem;padding:1.5rem}.example pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#e5efff;background:#071427;border-radius:12px;padding:1rem}.example pre code{background:0 0;padding:0}.mistake-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.mistake-grid h3{margin-top:0}.faq{max-width:850px}.faq details{background:#fff;border:1px solid #d8e3f0;border-radius:12px;margin:.75rem 0;padding:1rem 1.1rem}.faq summary{cursor:pointer;font-weight:800}.faq details p{margin-bottom:0}@media (width<=820px){.checker-grid,.content-grid{grid-template-columns:1fr}.mistake-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.nav{flex-direction:column;align-items:flex-start}.hero{padding:2rem 0}.field-grid,.mistake-grid{grid-template-columns:1fr}.section{padding:1.5rem 0}}
