:root{color-scheme:light;--bg: #ffffff;--text: #111827;--muted: #4b5563;--muted-strong: #374151;--line: #e5e7eb;--soft: #f8fafc;--accent: #1d4ed8;--accent-strong: #1e40af;--radius: 18px;--shadow: 0 20px 45px rgba(15, 23, 42, .08);--container: 1120px}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;line-height:1.6}body,button,input,textarea{font:inherit}a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--accent-strong)}button,input,textarea{border-radius:12px}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.narrow{max-width:820px}.skip-link{position:absolute;left:16px;top:12px;z-index:10;transform:translateY(-140%);padding:10px 14px;border-radius:10px;background:var(--text);color:#fff}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);background:#fffffff5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:800;text-decoration:none;letter-spacing:-.02em}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:var(--text);color:#fff;font-size:.78rem;letter-spacing:.03em}.primary-nav,.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 16px}.primary-nav a,.footer-links a{color:var(--muted-strong);font-size:.95rem;text-decoration:none}.primary-nav a:hover,.footer-links a:hover{color:var(--accent)}.home-hero,.page-hero{padding:64px 0 34px;background:radial-gradient(circle at 20% 10%,rgba(29,78,216,.08),transparent 28%),linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid var(--line)}.page-hero{padding-top:42px}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:28px;color:var(--muted);font-size:.94rem}.breadcrumb a{color:var(--muted-strong);text-decoration:none}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(2.4rem,8vw,4.7rem);line-height:.96;letter-spacing:-.07em}h2{margin-bottom:14px;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.12;letter-spacing:-.04em}h3{margin-bottom:8px;font-size:1.08rem;line-height:1.3}.lede{max-width:720px;margin-bottom:0;color:var(--muted);font-size:clamp(1.05rem,2.2vw,1.25rem)}.content-section,.tool-section{padding:42px 0}.section-heading{margin-bottom:20px}.section-heading.compact{margin-bottom:16px}.section-heading.compact h2{margin-bottom:0;font-size:1.35rem}.cards-grid,.content-grid{display:grid;gap:18px}.cards-grid{grid-template-columns:1fr}.calculator-card-link,.content-card,.calculator-form,.result-card,.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.calculator-card-link{display:block;padding:22px;color:var(--text);text-decoration:none}.calculator-card-link:hover{border-color:#bfdbfe;color:var(--text)}.calculator-card-link span{display:block;margin-bottom:8px;font-size:1.12rem;font-weight:800;letter-spacing:-.02em}.calculator-card-link p,.content-card p,.faq-item p,.text-section p{color:var(--muted)}.calculator-card-link p,.content-card p,.faq-item p:last-child,.text-section p:last-child{margin-bottom:0}.calculator-shell{display:grid;gap:18px;align-items:start}.calculator-form,.result-card,.content-card{padding:22px}.calculator-form{display:grid;gap:18px}.field{display:grid;gap:8px}.field label{color:var(--text);font-weight:750}.field input{width:100%;min-height:48px;border:1px solid #cbd5e1;padding:10px 12px;color:var(--text);background:#fff;outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #1d4ed81f}.field-help{margin:0;color:var(--muted);font-size:.92rem}.result-card{background:var(--text);color:#fff;box-shadow:var(--shadow)}.result-card .eyebrow,.result-card .validation-message,.result-card .copy-status{color:#bfdbfe}.validation-message{min-height:1.5em;margin-bottom:16px}.result-grid{display:grid;gap:12px;margin:0 0 18px;padding:0}.result-item{padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff0f}.result-item dt{margin-bottom:5px;color:#d1d5db;font-size:.86rem}.result-item dd{margin:0;font-size:clamp(1.35rem,5vw,2rem);font-weight:850;line-height:1.15;letter-spacing:-.04em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;padding:10px 14px;font-weight:750;cursor:pointer}.button.secondary{width:100%;color:var(--text);background:#fff}.button.secondary:disabled{cursor:not-allowed;opacity:.55}.copy-status{min-height:1.5em;margin:10px 0 0;font-size:.94rem}.content-grid{grid-template-columns:1fr;padding:16px 0 30px}.bottom-grid{padding-bottom:56px}.formula-list{display:grid;gap:10px;margin-bottom:16px}.formula-list code{display:block;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--soft);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.96rem}.faq-list{display:grid;gap:14px}.faq-item{padding:20px}.link-list{display:grid;gap:10px;margin:0;padding-left:20px}.embed-code{width:100%;min-height:150px;resize:vertical;border:1px solid var(--line);padding:12px;background:var(--soft);color:var(--muted-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem}.site-footer{border-top:1px solid var(--line);background:var(--soft);color:var(--muted)}.footer-inner{display:grid;gap:20px;padding:30px 0 22px}.footer-brand{margin-bottom:4px;color:var(--text);font-weight:850}.footer-text{margin-bottom:0}.copyright{padding:0 0 28px;font-size:.92rem}@media(min-width:720px){.cards-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:minmax(220px,1fr) 2fr;align-items:start}}@media(min-width:900px){.home-hero,.page-hero{padding-block:82px 50px}.page-hero{padding-top:54px}.calculator-shell{grid-template-columns:minmax(0,1fr) minmax(330px,420px)}.result-card{position:sticky;top:18px}}@media(max-width:620px){.header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.primary-nav{justify-content:flex-start}.primary-nav a{padding:4px 0}}
