/* Tools layer on top of ../guide.css. Mobile first. */
main.tool{max-width:720px;padding-top:24px}
.tool h1{font-size:clamp(30px,7vw,42px)}
.tool .dek{font-size:18px;margin-bottom:1.4em}
fieldset{border:0;padding:0;margin:0 0 1.4em}
legend{font-family:FNews,"Arial Narrow",sans-serif;font-weight:600;font-size:19px;padding:0;margin-bottom:.4em}
.f{display:block;margin:0 0 14px;font:15px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink-2)}
.f b{display:block;color:var(--ink);font-weight:600;margin-bottom:4px}
.f small{display:block;color:var(--stone);font-size:13px;margin-top:3px}
input,select,textarea{width:100%;font:16px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;border:1px solid var(--rule);border-radius:4px;padding:10px 11px;min-height:44px}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.row3{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.row3>:first-child{grid-column:1/-1}
.row2>*,.row3>*{min-width:0}input[type=date]{min-width:0;-webkit-appearance:none;appearance:none}
.out{background:var(--night);color:var(--paper);padding:18px 20px;margin:0 0 1.6em;border-left:4px solid var(--accent);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.out .big{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.out .big div{border-top:1px solid #4A463D;padding-top:8px}
.out .big span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--rule)}
.out .big strong{display:block;font-family:FNews,"Arial Narrow",sans-serif;font-size:30px;line-height:1.15;color:#fff}
.out table{width:100%;border-collapse:collapse;font-size:14px;margin-top:14px;color:var(--rule)}
.out td{padding:4px 0;border-bottom:1px solid #2c2a24}.out td:last-child{text-align:right;color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 1.4em}
button,.btn{font:600 16px system-ui,-apple-system,"Segoe UI",sans-serif;min-height:44px;padding:11px 18px;border-radius:4px;border:0;background:var(--accent);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
button.alt{background:transparent;color:var(--ink);border:1px solid var(--ink)}
button.link{background:none;color:var(--stone);padding:0;min-height:0;font-weight:400;text-decoration:underline}
.item{border:1px solid var(--rule);border-radius:4px;padding:10px 10px 0;margin:0 0 10px;background:#fff8}
.item .rm{float:right;margin:-2px 0 6px}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}
.tabs label{margin:0}.tabs input{position:absolute;opacity:0;width:1px;height:1px}
.tabs span{display:block;text-align:center;padding:11px 6px;border:1px solid var(--ink);border-radius:4px;font:600 15px system-ui,sans-serif;cursor:pointer}
.tabs input:checked+span{background:var(--ink);color:var(--paper)}
.tabs input:focus-visible+span{outline:2px solid var(--accent)}
#letter{min-height:320px;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.note{font:14px/1.5 system-ui,sans-serif;color:var(--ink-2);background:var(--tint);padding:12px 14px;border-radius:4px;margin:0 0 1.4em}
.signup{border-top:3px solid var(--ink);padding-top:16px;margin:2em 0}
.signup h2{margin-top:0}.signup p{font-size:16px;margin:.2em 0 .8em}
.signup .line{display:flex;gap:8px}.signup .line input{flex:1}
.signup .msg{font:14px system-ui,sans-serif;color:var(--ink-2);min-height:1.3em;margin-top:6px}
.hp{position:absolute;left:-9999px}
.bundle{margin:1.6em 0}
.todo{border:2px dashed #C8402A;background:#fff3ef;color:#7a2416;padding:12px 14px;border-radius:4px;font:14px/1.45 system-ui,sans-serif;margin:1.4em 0}
.todo b{display:block;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
.tlist{list-style:none;padding:0}.tlist li{border-bottom:1px solid var(--rule)}.tlist a{display:block;padding:16px 0;color:var(--ink);text-decoration:none}.tlist span{display:block;color:var(--ink-2);font-size:16px}
@media (min-width:640px){.tool .dek{font-size:20px}.row3{grid-template-columns:2fr 1fr 1fr}.row3>:first-child{grid-column:auto}}
.warn{border:2px solid #B23A24;background:#fff3ef;color:#5a1a10;padding:12px 14px;border-radius:4px;font:15px/1.45 system-ui,sans-serif;margin:0 0 1.2em}.warn b{display:block;margin-bottom:2px}
.todo-required{border:2px solid #B23A24;background:#fff3ef;padding:12px 14px;border-radius:4px;font:14px/1.45 system-ui,sans-serif;margin:1em 0}