:root{--tool-bg:#151922;--tool-ink:#f2f1ee;--tool-accent:#f8b571;--tool-panel:#202735;--tool-line:#64728c}
.contact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:38px;margin-block:30px;background:var(--tool-panel);color:var(--tool-ink);border:1px solid var(--tool-line)}.contact h2{font-size:clamp(28px,5vw,48px);margin:8px 0 16px}.contact p{margin:10px 0}.contact figure{margin:0}.contact img{display:block;border:0;width:160px;height:160px}.contact figcaption{display:block;color:inherit;font:inherit;font-size:13px;margin-top:8px}.contact a{text-decoration:underline;overflow-wrap:anywhere}.contact-kicker{font:700 12px/1.5 ui-monospace,monospace;letter-spacing:.13em;color:var(--tool-accent)}
.tool{margin:0;background:var(--tool-bg);color:var(--tool-ink);font:16px/1.55 system-ui,sans-serif}.tool *{box-sizing:border-box}.tool main{width:min(880px,calc(100% - 32px));margin:36px auto 64px}.tool nav,.tool .actions{display:flex;gap:12px 24px;flex-wrap:wrap}.tool nav{justify-content:space-between;margin-bottom:48px}.tool a{color:var(--tool-accent)}.tool h1{font-size:clamp(34px,6vw,64px);letter-spacing:-.05em;line-height:1.03;margin:0}.tool form{margin:24px 0 16px;background:var(--tool-panel);border:1px solid var(--tool-line);padding:22px}.tool label{display:block;font-weight:650}.tool input,.tool textarea{display:block;width:100%;margin:6px 0 12px;padding:9px;border:1px solid var(--tool-line);background:var(--tool-bg);color:var(--tool-ink);font:inherit}.tool textarea{resize:vertical}.tool button{background:var(--tool-accent);color:#221810;border:0;padding:10px 14px;cursor:pointer;font:650 14px system-ui}.tool button:focus-visible,.tool a:focus-visible{outline:2px solid var(--tool-accent);outline-offset:4px}.tool .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:center}.tool .row button{background:transparent;color:var(--tool-accent);border:1px solid var(--tool-line)}.tool .tool-note{font-size:14px}.tool .result{font-weight:700}.tool #output li{overflow-wrap:anywhere}.tool table{width:100%;border-collapse:collapse}.tool th,.tool td{text-align:left;padding:8px;border-bottom:1px solid var(--tool-line)}@media(max-width:540px){.contact{grid-template-columns:1fr;padding:20px}.tool form{padding:14px}.tool .row{grid-template-columns:1fr 1fr;margin-bottom:12px}}

/* Site header + dark footer for tool pages */
.tool .site-header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;width:min(880px,calc(100% - 32px));margin:24px auto 0}
.tool .site-header .brand img{height:40px;width:auto;display:block}
.tool .site-header nav{display:flex;gap:22px;flex-wrap:wrap}
.tool .site-header nav a{font-size:14px;font-weight:700;text-decoration:none;color:var(--tool-ink)}
.tool .site-footer{display:block;background:#0f141d;color:#f4f2ed;padding:40px max(22px,calc((100vw - 880px)/2)) 28px;margin-top:40px}
.tool .site-footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr 1.3fr;gap:28px}
.tool .site-footer img{height:40px;width:auto;display:block;margin-bottom:14px}
.tool .site-footer h3{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#f8b571;margin:0 0 12px}
.tool .site-footer ul{list-style:none;margin:0;padding:0}
.tool .site-footer li{margin:0 0 8px;font-size:14px}
.tool .site-footer p{font-size:14px;color:#c7d3cf;margin:0}
.tool .site-footer a{color:#f4f2ed;text-decoration:none}
.tool .site-footer a:hover{text-decoration:underline}
.tool .footer-bottom{margin:28px 0 0;padding-top:18px;border-top:1px solid #374746;font-size:12px;color:#c7d3cf}
@media(max-width:820px){.tool .site-footer .footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:570px){.tool .site-footer .footer-grid{grid-template-columns:1fr}}