/* UtilForge: grouped footer and the larger-text switch. Shared by every page. */
footer .uf-foot{display:block;width:100%}
footer.site .wrap{display:block}
.uf-foot .fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.2rem 2rem;margin:1.1rem 0 1.2rem}
.uf-foot .fh{font-size:1rem;font-weight:800;margin:0 0 .4rem;letter-spacing:0;text-transform:none;font-family:inherit;line-height:1.3}
.uf-foot ul{list-style:none;margin:0;padding:0}
.uf-foot li{margin:0}
.uf-foot li a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-size:1rem}
.uf-foot li a:hover{text-decoration-thickness:3px}
.uf-foot .fsmall{font-size:.95rem;margin:.4rem 0 0}
.uf-textsize{appearance:none;display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.3rem .8rem;margin-left:.4rem;border:2px solid currentColor;border-radius:12px;background:transparent;color:inherit;font:inherit;font-weight:800;font-size:.95rem;cursor:pointer}
.uf-textsize[aria-pressed="true"]{background:#FFD400;color:#111;border-color:#FFD400}
html.uf-big body{zoom:1.25}
@media (max-width:640px){.uf-textsize .lbl{display:none}.uf-textsize{padding:.3rem .55rem;margin-left:.25rem}}
@media print{.uf-textsize{display:none}}

/* How it works strip on every tool page, release 1056 (24 Oct 2026) */
.uf-how{margin:1.2rem 0 1.6rem;padding:0;font-family:inherit}
.uf-how .uf-how-h{font-family:inherit;font-size:1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;margin:0 0 .6rem;color:inherit}
.uf-how ol{list-style:none;counter-reset:ufhow;display:grid;gap:.6rem;margin:0;padding:0}
.uf-how li{counter-increment:ufhow;margin:0;background:#141414;color:#fff;border:2px solid #141414;border-radius:12px;padding:.95rem 1rem;font-size:1.02rem;line-height:1.4;display:grid;grid-template-columns:2.2rem 1fr;column-gap:.7rem;align-items:start}
.uf-how li::before{content:counter(ufhow);grid-row:1 / span 2;font-family:Archivo,var(--display,inherit),sans-serif;font-weight:900;font-size:2.2rem;line-height:.9;color:#FFE600}
.uf-how .uf-how-t{display:block;font-weight:800;font-size:1.08rem;line-height:1.25;margin:0 0 .2rem;color:#fff}
.uf-how .uf-how-d{display:block;color:#ececec}
.uf-how li.uf-how-limit{background:#FFF8CC;color:#141414}
.uf-how li.uf-how-limit::before,.uf-how li.uf-how-limit .uf-how-t,.uf-how li.uf-how-limit .uf-how-d{color:#141414}
@media (min-width:860px){.uf-how ol{grid-template-columns:repeat(4,1fr)}.uf-how li{grid-template-columns:1fr}.uf-how li::before{grid-row:auto;margin-bottom:.5rem}}
@media print{.uf-how{display:none}}

/* Skip link: lets keyboard and screen-reader users jump past the menu */
.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;background:#FFE600;color:#111;font-weight:800;padding:.8rem 1.1rem;border:3px solid #111;border-radius:12px;text-decoration:none}
.skip-link:focus{left:16px;top:16px}

/* Phones: keep the first screen calm */
@media (max-width:600px){
.oneliner{font-size:0!important;padding:.45rem 12px!important}
.oneliner .mt2{font-size:.95rem;margin:0}
.oneliner .mt2 .m1{display:inline-block!important;margin:0 .3em 0 0!important;font-size:.95rem}
.oneliner .mt2 .m2{display:inline!important;font-size:.95rem}
.oneliner .mt2 .m3{display:none!important}
div[data-uf-share]:not(.ufs) .ufs-main{min-height:48px;font-size:1.02rem;padding:0 1rem;white-space:nowrap}
.uf-promise{font-size:.82rem!important;gap:.3rem!important;margin:.1rem 0 .8rem!important}
.uf-promise span{padding:.18rem .6rem!important}
}