:root{--bg:#f6f8fa;--fg:#14213d;--mut:#55627a;--acc:#0b7a5a;--card:#fff;--bd:#d9e0ea}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg)}
a{color:#0a5fb4}header,footer{background:#fff;border-bottom:1px solid var(--bd)}footer{border-top:1px solid var(--bd);border-bottom:0;margin-top:3rem;color:var(--mut);font-size:.9rem}
.w{max-width:820px;margin:0 auto;padding:0 1rem}nav{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;align-items:center;padding:.8rem 0}
.logo{font-weight:800;font-size:1.25rem;color:var(--acc);text-decoration:none;margin-right:auto}
nav a{font-size:.95rem}h1{font-size:1.9rem;line-height:1.2;margin:1.6rem 0 .5rem}h2{font-size:1.3rem;margin:2rem 0 .5rem}
.lead{color:var(--mut)}.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:1.1rem;margin:1.2rem 0}
.grid{display:grid;gap:.9rem;grid-template-columns:1fr 1fr}@media(max-width:560px){.grid{grid-template-columns:1fr}}
label{display:block;font-weight:600;font-size:.92rem;margin-bottom:.2rem}input,select{width:100%;padding:.6rem;font-size:1rem;border:1px solid #b9c4d4;border-radius:8px;background:#fff}
button{margin-top:1rem;background:var(--acc);color:#fff;border:0;border-radius:8px;padding:.7rem 1.3rem;font-size:1rem;font-weight:700;cursor:pointer}
.out{margin-top:1rem;padding:.9rem;background:#eaf6f1;border-radius:8px;display:none}.out.on{display:block}.out .big{font-size:1.7rem;font-weight:800;color:var(--acc)}
.out ul{margin:.4rem 0 0;padding-left:1.2rem}.err{color:#b00020;font-weight:600}.small{font-size:.88rem;color:var(--mut)}
.tiles{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.tiles a{display:block;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:1rem;text-decoration:none;color:inherit}.tiles a:hover{border-color:var(--acc)}.tiles strong{color:var(--acc);display:block}
code{background:#eef2f7;padding:.1rem .35rem;border-radius:4px}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--bd);padding:.4rem .6rem;text-align:left}