:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201d;background:#f7f8f5;--muted: #66716c;--border: #dce2dc;--surface: #ffffff}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit}.site-header,.site-main,.site-footer{width:min(100% - 2rem,60rem);margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.25rem}.brand{font-weight:700;text-decoration:none;letter-spacing:-.03em}.site-nav,.footer-nav{display:flex;gap:.9rem;font-size:.8125rem}.site-nav a,.footer-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible,.footer-nav a:hover,.footer-nav a:focus-visible{color:#17201d}.site-main{min-height:calc(100vh - 10rem)}.hero{padding:clamp(4rem,14vw,9rem) 0 4rem}.eyebrow{color:var(--muted);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{max-width:42rem;margin:1rem 0;font-size:clamp(2.25rem,8vw,4.75rem);line-height:1.08;letter-spacing:-.065em}.intro{max-width:32rem;color:var(--muted);font-size:1.125rem;line-height:1.7}.categories{border-top:1px solid var(--border);padding-block:2rem 4rem}h2{font-size:1rem;margin:0 0 1rem}.category-list{display:flex;flex-wrap:wrap;gap:.625rem}.category{border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:.65rem 1rem;color:var(--muted)}.tool-list{border-top:1px solid var(--border);padding-block:2rem 4rem}.tool-links{display:grid;gap:.75rem}.tool-link{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);padding:1rem;text-decoration:none}.tool-link span:not([aria-hidden]){color:var(--muted);font-size:.875rem}.tool-link span[aria-hidden]{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--muted)}.hub-cta{margin:0 0 4rem}.hub-categories{display:grid;gap:2.5rem;padding-bottom:5rem}.hub-category{border-top:1px solid var(--border);padding-top:1.5rem}.hub-category h2{margin:0 0 1rem}.hub-tools{display:grid;gap:.75rem}.hub-tool{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);padding:1rem;text-decoration:none}.hub-tool span:not(.hub-arrow){color:var(--muted);font-size:.875rem}.hub-arrow{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--muted)}.tool-page{padding-bottom:5rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;padding-top:1.5rem;color:var(--muted);font-size:.8125rem}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover,.breadcrumbs a:focus-visible{text-decoration:underline}.tool-heading{padding:clamp(3rem,9vw,6rem) 0 2rem}.tool-heading h1{margin-bottom:.75rem}.tool-content{display:grid;gap:2rem}.tool-grid{display:grid;gap:1rem}.tool-card{border:1px solid var(--border);border-radius:.875rem;background:var(--surface);padding:clamp(1rem,4vw,1.5rem)}.tool-card h2{margin-top:0}.tool-card form{display:grid;gap:1rem}.time-adjust{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:.65rem}.time-adjust label{min-width:0}.time-adjust select{width:100%;border:1px solid var(--border);border-radius:.5rem;background:#fff;padding:.8rem;color:inherit;font:inherit}.tool-card label{display:grid;gap:.4rem;font-size:.875rem;font-weight:600}input{width:100%;border:1px solid var(--border);border-radius:.5rem;background:#fff;padding:.8rem;color:inherit;font:inherit;font-size:1rem}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #9ab9ac;outline-offset:2px}button{border:0;border-radius:.5rem;background:#17201d;padding:.8rem 1rem;color:#fff;cursor:pointer;font:inherit;font-weight:700}button:hover{background:#30443d}.result{display:block;margin-top:1rem;border-radius:.5rem;background:#eef3ee;padding:1rem;color:#17201d;font-weight:700;line-height:1.6;overflow-wrap:anywhere}.result-stack{display:grid;gap:.5rem}.result strong{display:block;font-size:1.35rem}.tool-info,.related-tools{max-width:42rem}.tool-info h2,.related-tools h2{margin-top:1.5rem}.tool-info p{color:var(--muted);line-height:1.8}.related-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;border-top:1px solid var(--border);padding-top:1.5rem}.related-tools h2{width:100%;margin:0}.related-tools a{color:var(--muted);font-weight:600}.ratio-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:.65rem}.ratio-inputs>span{padding-bottom:.8rem}.converter-fields{display:grid;gap:1rem}.converter-fields label{min-width:0}.converter-fields select{width:100%;border:1px solid var(--border);border-radius:.5rem;background:#fff;padding:.8rem;color:inherit;font:inherit}.swap-mark{display:none;align-self:end;padding-bottom:.8rem;color:var(--muted)}.tool-card textarea{width:100%;max-width:100%;resize:vertical;border:1px solid var(--border);border-radius:.5rem;padding:.8rem;color:inherit;font:inherit;font-size:1rem;line-height:1.6}.tool-card textarea:focus-visible,.tool-card select:focus-visible{outline:3px solid #9ab9ac;outline-offset:2px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.stats span{border-radius:.5rem;background:#eef3ee;padding:.75rem;color:var(--muted);font-size:.8125rem}.stats strong{display:block;margin-top:.2rem;color:#17201d;font-size:1.35rem}@media(min-width:42rem){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:42rem){.converter-fields{grid-template-columns:1fr 1fr 1fr auto 1fr;align-items:end}.converter-fields label:first-child{grid-column:1 / -1}.swap-mark{display:block}}@media(max-width:30rem){.time-adjust{grid-template-columns:1fr 1fr}.time-adjust label:first-child{grid-column:1 / -1}}.site-footer{border-top:1px solid var(--border);padding-block:1.5rem 2rem;color:var(--muted);font-size:.875rem}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-footer p{margin:0}.content-page{max-width:42rem;padding:clamp(3.5rem,10vw,6rem) 0 5rem}.content-page h1{margin-top:1rem}.content-page h2{margin-top:2.5rem}.content-page p,.content-page li{color:var(--muted);line-height:1.8}.content-page .lead{color:#17201d;font-size:1.2rem;line-height:1.65}.content-page ul{padding-left:1.25rem}.back-link{display:inline-flex;gap:.5rem;margin-top:1rem;font-weight:700;text-decoration:none}.back-link:hover,.back-link:focus-visible{text-decoration:underline}@media(max-width:30rem){.site-header,.site-footer{align-items:flex-start;flex-direction:column}}