/* builder.html - developer check. Uses the site.css tokens; only layout for this page. */
.legal{display:flex;gap:14px;align-items:flex-start;background:var(--bg-2);border:1px solid var(--bg-3,var(--line));border-radius:var(--r-md);padding:14px 18px;margin:0 0 22px}
.legal .lico{flex:none;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--ck-accent);display:grid;place-items:center}
.legal .lico .ic{width:18px;height:18px}
.legal p{margin:0;font-size:.95rem;line-height:1.65;color:var(--ink-2)}
.stitle{display:flex;align-items:center;gap:12px;font:400 1.7rem var(--display);margin:0 0 12px}
.stitle .n{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font:600 .95rem var(--sans);display:grid;place-items:center}
.lead2{margin:0 0 16px;color:var(--ink-2);max-width:70ch;line-height:1.65}
.srow{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.srow .grow{flex:1 1 320px}
#cands{margin-top:14px}
#cands .cand{cursor:pointer}
.cohead{display:flex;gap:14px 26px;align-items:baseline;flex-wrap:wrap}
.cohead h3{font:400 clamp(1.8rem,3vw,2.6rem)/1.1 var(--display);margin:0}
.cohead .sub{color:var(--muted);font-size:.95rem}
.rgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.rgrid .wide{grid-column:1/-1}
@media (max-width:900px){.rgrid{grid-template-columns:1fr}}
.ccard h3 .ic{width:1.05em;height:1.05em;vertical-align:-.15em;margin-inline-end:6px;color:var(--ck-accent)}
.ccard p{margin:8px 0 0;line-height:1.65;font-size:.96rem}
.ccard .st{margin-top:4px}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:10px 0 0;font-size:.95rem}
.kv dt{color:var(--muted);font-weight:600}.kv dd{margin:0}
.nf{color:var(--muted);font-size:.93rem;line-height:1.6}
.bul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.bul li{position:relative;padding-inline-start:18px;line-height:1.65;font-size:.96rem}
.bul li:before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--ck-accent)}
.pact{display:flex;align-items:flex-end}
#pres{margin-top:16px}
.cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px}
@media (max-width:800px){.cmp{grid-template-columns:1fr}}
.cmp .kpi .s{line-height:1.5}
.cl-g{border-top:1px dashed var(--line);padding:14px 0 6px}
.cl-g:first-child{border-top:0}
.cl-g h4{font:400 1.35rem var(--display);margin:0 0 6px}
.cl-g .why{color:var(--muted);font-size:.9rem;margin:0 0 8px;line-height:1.55}
.cl-i{display:flex;gap:12px;align-items:flex-start;padding:7px 0;line-height:1.6;font-size:.96rem}
.cl-i input{flex:none;width:19px;height:19px;margin-top:.22em;accent-color:var(--ck-accent)}
.cl-i label{cursor:pointer}
.cl-i.done label{color:var(--muted);text-decoration:line-through}
.cl-prog{margin:0 0 6px;font-size:.92rem;color:var(--muted)}
.srcs td,.srcs th{font-size:.9rem}
.skipped{color:var(--muted)}
@media (max-width:640px){.kv{grid-template-columns:1fr;gap:0}.kv dd{margin-bottom:8px}.srow .btn{width:100%}}