/* Free tools (/alat/) + comparison pages (/banding/): same palette and type as the landing page.
   Cached for a year (_headers): pages link it as alat.css?v=<first 8 hex of its sha256>; tests/alat.test.mjs checks the v. */
:root{--g:#b03a6f;--gl:#fbeef4;--gold:#ffd166;--ink:#1c1c1c;--mut:#5b5b5b;--wa:#25d366;--line:#e6d7de}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);line-height:1.55;background:#fff;overflow-wrap:break-word}
.w{max-width:680px;margin:0 auto;padding:0 18px}section{padding:28px 0}
a{color:var(--g)}
h1{font-size:1.7rem;line-height:1.2;margin:.3em 0}h2{font-size:1.3rem;line-height:1.25;margin:0 0 .6em}h3{margin:0 0 .25em;font-size:1.05rem}
.top{background:#fff;border-bottom:1px solid var(--line)}.top .w{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px}
.top a{text-decoration:none;font-weight:800;color:var(--g)}.top .crumb{font-size:.88rem;color:var(--mut);font-weight:400}.top .crumb a{font-weight:600}
.hero{background:linear-gradient(160deg,var(--g),#6d1f44);color:#fff;padding:28px 0 24px}.hero p{color:#f8dde9;margin:.4em 0 0}.hero .meta{font-size:.82rem;opacity:.85;margin-top:.8em}
.tag{display:inline-block;background:var(--gold);color:#1c1c1c;font-weight:700;font-size:.8rem;padding:4px 10px;border-radius:99px}
.alt{background:#faf6f8}
.card{background:var(--gl);border-radius:14px;padding:16px;margin:12px 0}
.tool{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin:-12px 0 0;box-shadow:0 4px 18px rgba(109,31,68,.08)}
label{display:block;font-weight:700;font-size:.92rem;margin:12px 0 4px}
input[type=text],input[type=tel],input[type=number],input:not([type]),textarea{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #cdb9c3;border-radius:10px;background:#fff;color:var(--ink);min-height:44px}
textarea{min-height:120px;resize:vertical}
input:focus,textarea:focus{outline:3px solid #f2c6da;border-color:var(--g)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}
label.check{display:flex;align-items:center;gap:8px;margin:0;font-weight:600;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}
label.check input{width:20px;height:20px;flex:none;accent-color:var(--g)}
.ex pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fffafc;border:1px solid var(--line);border-radius:12px;padding:14px;font:.92rem/1.5 ui-monospace,Menlo,Consolas,monospace;margin:10px 0 0}
code{background:var(--gl);padding:1px 5px;border-radius:5px;font-size:.88em}
.hint{font-size:.85rem;color:var(--mut);margin:4px 0 0}
.btn{display:block;width:100%;text-align:center;background:var(--gold);color:#1c1c1c;font:inherit;font-weight:800;text-decoration:none;padding:14px;border:0;border-radius:12px;font-size:1.02rem;margin:12px 0 4px;cursor:pointer;min-height:48px}
.btn.g{background:var(--g);color:#fff}.btn.wa{background:var(--wa);color:#fff}.btn.ghost{background:#fff;border:2px solid var(--g);color:var(--g)}
.link{background:none;border:0;color:var(--g);font:inherit;font-weight:700;padding:10px 0;min-height:44px;cursor:pointer;text-decoration:underline}
.res{background:#fffafc;border:3px solid var(--g);border-radius:16px;padding:16px;margin:16px 0 0}
.res .row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #f0e2e9;padding:7px 0}.res .row:last-child{border-bottom:0}
.res .big{font-size:2rem;font-weight:900;color:var(--g);line-height:1.15}
.cta{background:linear-gradient(160deg,var(--g),#6d1f44);color:#fff;border-radius:16px;padding:18px;margin:20px 0 0}.cta p,.cta li{color:#f8dde9}.cta ul{padding-left:20px;margin:8px 0}
.cta .btn{margin-top:14px}
details{background:#fff;border:1px solid #ddd;border-radius:10px;padding:12px 14px;margin:8px 0}summary{font-weight:700;cursor:pointer;min-height:24px}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem;margin:10px 0}.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:9px 6px;text-align:left;vertical-align:top}.tbl th{background:var(--gl)}.tbl th[scope=row]{width:30%;hyphens:auto}
.ok{color:#127a3e;font-weight:700}.no{color:#c0392b;font-weight:700}
.tiles{display:grid;gap:12px}.tile{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--ink)}.tile b{color:var(--g);font-size:1.08rem}.tile span{display:block;color:var(--mut);margin-top:4px}
footer{background:#111;color:#aaa;font-size:.82rem;padding:26px 0 90px;margin-top:20px}footer a{color:#ccc}
small{color:var(--mut)}
@media (min-width:760px){.tiles{grid-template-columns:1fr 1fr}h1{font-size:2rem}}
@media print{
  .top,.hero p,.cta,.noprint,footer,#tkConsent,.after{display:none!important}
  .hero{background:none;color:#000;padding:0}.tool{border:0;box-shadow:none;margin:0;padding:0}
  .res{border:1px solid #000}body{font-size:12pt}
}