/* Shared shell for the Saintilco lead tools (Tool 1 and Tool 3). Uses the site tokens from redesign.css. */
.lt-form{display:grid;gap:18px;max-width:560px}
.lt-field{display:grid;gap:6px;border:0;padding:0;margin:0}
.lt-field label,.lt-field legend{font-weight:600;font-size:15px}
.lt-field input[type=number]{width:100%;font:16px var(--body);padding:10px;border:1px solid var(--rule-firm);background:var(--card);color:var(--ink);min-height:46px}
.lt-radio{display:inline-flex;gap:8px;align-items:center;font-weight:400!important;margin-right:18px;min-height:36px}
.lt-error{margin:0;padding:10px 14px;border-left:4px solid var(--accent);background:var(--wash)}
.lt-error[hidden],.lt-result[hidden]{display:none}
.lt-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lt-line{border:1px solid var(--rule-firm);background:var(--card);padding:16px}
.lt-big{font:500 clamp(22px,3vw,32px)/1.15 var(--mono,'IBM Plex Mono',monospace)}
.lt-cap{font-size:14px;color:var(--muted);margin-top:6px}
.lt-range{font-weight:600}
.lt-bars{display:grid;gap:10px;max-width:560px}
.lt-bar{display:grid;gap:4px}
.lt-bar .t{display:flex;justify-content:space-between;font-size:15px}
.lt-bar .track{height:10px;background:var(--wash);border:1px solid var(--rule)}
.lt-bar .fill{display:block;height:100%;background:var(--accent)}
@media (max-width:760px){.lt-lines{grid-template-columns:1fr}}
/* Header menu wraps instead of scrolling sideways on phones, so About is never cut off (build 2026-11-11.5). Build 2026-11-11.5: the Talk to Saintilco button keeps its place in the source order so Tab follows what the eye sees, and the links are tighter so the menu takes two rows at 390 px. */
@media (max-width:760px){.mast .nav{flex-wrap:wrap;overflow:visible;gap:2px}.mast .nav a{padding:10px 5px;font-size:13px}.mast .nav a.navcta{order:0;margin-right:0;margin-left:auto;padding:10px 9px}}
/* Build 2026-11-11.5: tighter so the four links share one row under the logo at 390 px with IBM Plex Sans; narrower phones get 12.5 px */
@media (max-width:374px){.mast .nav a{font-size:12.5px;padding:10px 4px}.mast .nav a.navcta{padding:10px 7px}}