:root{
  --bg:#f7f8f4;--surface:#fff;--surface-2:#fbfbf8;--text:#17201a;--muted:#5f6d63;--border:#dfe4dd;--accent:#2e7d4f;--accent-dark:#1f5f45;--accent-2:#edf7f1;--shadow:0 10px 28px rgba(23,32,26,.055);--radius:20px;--radius-sm:14px;--max:960px;--narrow:720px
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.45;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fbfcf8 0%,var(--bg) 360px)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{width:min(100% - 32px,var(--max));margin-inline:auto}.narrow{max-width:var(--narrow)}
.site-header{position:sticky;top:0;z-index:10;background:rgba(247,248,244,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px}.logo{font-weight:820;letter-spacing:-.045em;font-size:1.08rem}.logo span{color:var(--accent)}.nav{display:none;gap:14px;color:var(--muted);font-size:.9rem}.nav a[aria-current="page"]{color:var(--text);font-weight:750}.menu-button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 11px;font-size:.9rem;color:var(--text);font-weight:700}
.hero{padding:30px 0 14px}.compact-hero{padding-bottom:4px}.page-hero{padding-bottom:0}.eyebrow{display:inline-flex;color:var(--accent-dark);background:var(--accent-2);border:1px solid #d5eadc;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:800;margin-bottom:12px}h1{font-size:clamp(2.1rem,12vw,4.35rem);line-height:.96;letter-spacing:-.075em;margin:0 0 12px;max-width:800px}.subtitle{font-size:1.02rem;color:var(--muted);margin:0;max-width:620px}.section{padding:20px 0}.section-heading{margin-bottom:12px}.section h2,.card h2{font-size:clamp(1.55rem,6vw,2.35rem);line-height:1.05;letter-spacing:-.06em;margin:0 0 8px}.section p,.card p{color:var(--muted);margin:0 0 10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.tool-card{padding:16px;margin:0}.standalone-card{margin-bottom:0}.home-grid{display:grid;gap:14px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.text-link{font-size:.88rem;color:var(--accent-dark);font-weight:750;white-space:nowrap;margin-top:4px}.field-grid{display:grid;gap:12px;margin-top:14px}.field{display:grid;gap:7px}.field label{font-size:.9rem;font-weight:780;color:#334039}.input{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-sm);padding:13px 13px;font:inherit;font-size:1.14rem;font-weight:760;color:var(--text)}.button:focus,.input:focus,.copy-button:focus,.menu-button:focus{outline:3px solid rgba(46,125,79,.18);outline-offset:2px}.result-card{position:relative;margin-top:14px;padding:14px;background:#f2f8f4;border:1px solid #d6eadc;border-radius:var(--radius-sm)}.result-top{display:block;padding-right:74px}.result-label{font-size:.95rem;letter-spacing:0;color:#3e4d43;font-weight:850;margin-bottom:6px;line-height:1.25}.result-value{font-size:clamp(2rem,12vw,3.3rem);line-height:1;font-weight:880;letter-spacing:0.05em}.result-text{margin-top:7px;color:#3e4d43;font-size:1rem;font-weight:650}.formula{margin-top:6px;color:#667066;font-size:.88rem;overflow-wrap:anywhere}.copy-button{position:absolute;top:12px;right:12px;border:1px solid #c8dfd0;background:var(--surface);color:var(--accent-dark);border-radius:999px;padding:7px 10px;font-weight:850;font-size:.86rem;cursor:pointer;min-width:58px}.copy-button:hover{background:#fff;text-decoration:none}.content-card{padding:16px}.content-card code,.formula-chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f0f0eb;border:1px solid var(--border);border-radius:9px;padding:2px 6px}.breadcrumb{font-size:.86rem;color:var(--muted);padding-top:18px}.faq{display:grid;gap:10px}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.faq summary{font-weight:800;cursor:pointer}.faq p{margin:9px 0 0;color:var(--muted)}.site-footer{border-top:1px solid var(--border);margin-top:30px;padding:26px 0 34px;color:var(--muted);font-size:.92rem}.footer-grid{display:grid;gap:18px}.footer-logo{display:inline-block;margin-bottom:4px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 14px}.hidden{display:none!important}
@media(min-width:760px){.nav{display:flex}.menu-button{display:none}.header-inner{height:64px}.hero{padding-top:52px}.tool-card{padding:22px}.field-grid.two{grid-template-columns:1fr 1fr}.home-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.1fr 1fr}.section{padding:28px 0}.content-card{padding:22px}.result-value{font-size:3rem}}
@media(max-width:759px){.nav{position:absolute;left:16px;right:16px;top:58px;display:none;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:8px}body.nav-open .nav{display:flex}.nav a{padding:11px 12px;border-radius:10px}.nav a:hover{background:var(--surface-2);text-decoration:none}.card-head{display:block}.text-link{display:inline-block;margin-top:0}.section h2,.card h2{font-size:1.72rem}.home-card .card h2,.home-card h2{font-size:1.68rem}.subtitle{font-size:1rem}.container{width:min(100% - 28px,var(--max))}.hero{padding-top:26px}.result-card{padding:13px}.input{min-height:52px}.site-footer{font-size:.9rem}}

.content-card p + p{margin-top:10px}.mini-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mini-links a{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:7px 10px;color:var(--accent-dark);font-weight:750;font-size:.9rem}.mini-links a:hover{background:#fff;text-decoration:none}