:root{--border: #d8e2ef;--border-strong: #c3d2e3;--text: #0f172a;--muted: #5a6b81;--bg: #f3f6fb;--surface: rgba(255, 255, 255, .84);--surface-strong: #ffffff;--surface-tint: #eef4fb;--soft: #eef9f5;--brand: #0f766e;--brand-dark: #0b5b55;--accent: #b45309;--ok: #15803d;--shadow-sm: 0 10px 24px rgba(15, 23, 42, .06);--shadow: 0 22px 56px rgba(15, 23, 42, .1);--radius-sm: 12px;--radius: 18px;--radius-lg: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.5;background-image:linear-gradient(to bottom,#ffffffbf,#f3f6fbf5),linear-gradient(to right,#0f766e08,#1d4ed805)}a{color:var(--brand);text-underline-offset:.18em;transition:color .12s ease}a:hover{color:var(--brand-dark)}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0 0 1rem;max-width:11ch;font-size:clamp(2.8rem,5vw,5.1rem);line-height:.94;letter-spacing:0}h2{margin-top:0;font-size:clamp(1.55rem,2vw,1.9rem)}h3{font-size:1.05rem}p{margin-top:0}.site-header{border-bottom:1px solid rgba(216,226,239,.86);background:#f3f6fbc7;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.site-header-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.site-brand{display:inline-flex;align-items:center;gap:.7rem;font-size:1.02rem;font-weight:800;color:var(--text);text-decoration:none}.site-brand-mark{display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:14px;background:linear-gradient(135deg,#0f766e,#1d4ed8);color:#fff;font-size:.76rem;font-weight:800;box-shadow:inset 0 1px #ffffff38}.site-brand:hover{color:var(--brand)}.site-nav{display:flex;align-items:center;gap:.55rem;font-size:.94rem}.site-nav a{color:var(--muted);font-weight:700;text-decoration:none;padding:.6rem .8rem;border-radius:999px}.site-nav a:hover{color:var(--text);background:#ffffffd1}.page-wrap{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 5rem}.hero{padding:1.25rem 0 3rem}.hero-shell{display:block}.hero-copy{border:1px solid rgba(216,226,239,.92);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(180deg,#ffffffeb,#eef4fbe0);padding:2rem 2rem 2.1rem}.hero-copy p{max-width:56ch;margin:0;color:var(--muted);font-size:1.12rem;line-height:1.65}.section-block{margin-top:1.2rem;padding:1.45rem;border:1px solid rgba(216,226,239,.92);border-radius:var(--radius-lg);background:#ffffffb8;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px)}.calc-actions{display:flex;flex-wrap:wrap;gap:.75rem}.primary-button,.secondary-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:999px;padding:.8rem 1.05rem;border:1px solid transparent;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:none}.primary-button{background:var(--brand);color:#fff;box-shadow:inset 0 1px #ffffff2e}.primary-button:hover{background:var(--brand-dark);color:#fff}.secondary-button{background:#ffffffd1;border-color:#c3d2e3fa;color:var(--text)}.secondary-button:hover{border-color:var(--brand);color:var(--brand)}.section-heading{margin:0 0 1rem;display:flex;align-items:end;justify-content:space-between;gap:1rem}.section-heading p{margin:0;color:var(--muted)}.resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0;margin:0;list-style:none}.resource-list li{border:0;border-radius:var(--radius);padding:0;background:transparent;box-shadow:none}.resource-card-link{display:block;height:100%;border:1px solid rgba(216,226,239,.9);border-radius:var(--radius);padding:1.1rem 1.15rem;background:#ffffffd6;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease}.resource-card-link:hover{transform:translateY(-2px);border-color:#0f766e42;box-shadow:var(--shadow);background:#fffffff0;color:inherit}.resource-card-link:active{transform:translateY(1px);border-color:#0f766e57;box-shadow:0 8px 20px #0f172a14;background:#f7fafdfa}.resource-card-link:focus-visible{outline:none;border-color:#0f766e9e;box-shadow:0 0 0 4px #0f766e1f,var(--shadow)}.resource-card-link strong{display:block;font-weight:800;font-size:1.03rem;color:var(--brand)}.resource-card-link span{display:block;margin-top:.55rem;color:var(--muted);line-height:1.55}.calc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.86fr);gap:1rem;align-items:start;margin-top:1.35rem}.calc-panel,.helper-panel,.related-panel{border:1px solid rgba(216,226,239,.94);border-radius:var(--radius);background:#ffffffc2;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);padding:1.15rem}.calc-panel h3,.helper-panel h3,.related-panel h2{margin-top:0}.calc-field{display:grid;gap:.35rem;margin-bottom:1rem;font-weight:700}.calc-field.has-error input{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261f;background:#fef2f2f2}.calc-field input{width:100%;max-width:280px;min-height:42px;border:1px solid rgba(195,210,227,.96);border-radius:var(--radius-sm);background:#f7fafdeb;padding:.5rem .7rem;font:inherit;color:var(--text);transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.compact-field input{max-width:190px}.field-note{display:block;max-width:360px;color:var(--muted);font-size:.9rem;font-weight:400;line-height:1.4}.error-message{display:block;color:#b91c1c;font-size:.88rem;font-weight:600;line-height:1.4}.validation-alert{margin-bottom:1rem;padding:.85rem .95rem;border:1px solid rgba(220,38,38,.22);border-radius:var(--radius-sm);background:#fef2f2f5;color:#991b1b;font-weight:600;line-height:1.45}.result-card strong{color:var(--ok);font-size:1.8rem;line-height:1.1}.helper-panel{margin-top:1rem}.related-panel{margin-top:1.25rem}.related-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0;margin:0;list-style:none}.related-panel li{border:0;border-radius:var(--radius-sm);background:transparent;padding:0}.related-card-link{display:block;height:100%;border:1px solid rgba(216,226,239,.92);border-radius:var(--radius-sm);background:#ffffffe0;padding:.85rem .95rem;font-weight:750;text-decoration:none;color:inherit;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease}.related-card-link:hover{transform:translateY(-2px);border-color:#0f766e42;box-shadow:var(--shadow-sm);background:#fffffff5;color:var(--brand)}.related-card-link:active{transform:translateY(1px);border-color:#0f766e57;box-shadow:0 8px 20px #0f172a14}.related-card-link:focus-visible{outline:none;border-color:#0f766e9e;box-shadow:0 0 0 4px #0f766e1f,var(--shadow-sm)}.guide-article{max-width:860px}.tool-page-intro,.guide-page-intro{margin-bottom:1.6rem;padding:1.35rem 1.45rem;border:1px solid rgba(216,226,239,.94);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffeb,#eef4fbdb);box-shadow:var(--shadow-sm)}.tool-page-kicker,.guide-page-kicker{margin-bottom:.65rem;color:var(--brand);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tool-page-intro h1,.guide-page-intro h1{margin-bottom:.8rem;max-width:14ch}.tool-page-intro p:last-child,.guide-page-intro p:last-child{max-width:58ch;margin-bottom:0;color:var(--muted);font-size:1.08rem;line-height:1.65}.guide-section{margin-bottom:1.25rem;padding:1.25rem 1.3rem;border:1px solid rgba(216,226,239,.94);border-radius:var(--radius);background:#ffffffc7;box-shadow:var(--shadow-sm)}.guide-section h2{margin-bottom:.9rem}.guide-section p{line-height:1.7;color:var(--text)}.guide-section p:last-child{margin-bottom:0}.guide-section ul{margin:.85rem 0 0;padding-left:1.15rem}.guide-section li{margin-bottom:.4rem;color:var(--text)}.guide-example{border:1px solid rgba(216,226,239,.96);border-radius:var(--radius-sm);background:#ffffffd6;padding:.95rem;font-weight:750;box-shadow:var(--shadow-sm)}.guide-tool-links{margin-top:1rem;border-top:1px solid rgba(216,226,239,.94);padding-top:1rem}.guide-tool-links strong{display:block;margin-bottom:.7rem}.guide-tool-links ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0;margin:0;list-style:none}.guide-tool-links li{margin:0}.guide-calculator-callout{margin:0 0 2rem;border:1px solid rgba(187,230,213,.98);border-radius:var(--radius);background:linear-gradient(180deg,#f1fcf8f2,#ecf9f4e0);padding:1.1rem;box-shadow:var(--shadow-sm)}.guide-calculator-callout p{margin-top:0}.guide-calculator-callout a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.72rem 1rem;border-radius:999px;background:var(--brand);color:#fff;font-weight:800;text-decoration:none;box-shadow:inset 0 1px #ffffff2e}.guide-calculator-callout a:hover{color:#fff;background:var(--brand-dark)}.guide-tool-card-link{display:block;height:100%;border:1px solid rgba(216,226,239,.92);border-radius:var(--radius-sm);background:#ffffffe0;padding:.85rem .95rem;color:inherit;text-decoration:none;font-weight:750;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease}.guide-tool-card-link:hover{transform:translateY(-2px);border-color:#0f766e42;box-shadow:var(--shadow-sm);background:#fffffff5;color:var(--brand)}.guide-tool-card-link:active{transform:translateY(1px);border-color:#0f766e57;box-shadow:0 8px 20px #0f172a14}.guide-tool-card-link:focus-visible{outline:none;border-color:#0f766e9e;box-shadow:0 0 0 4px #0f766e1f,var(--shadow-sm)}.detail-grid{display:grid;gap:1.25rem}.detail-card{padding:1.35rem;border:1px solid rgba(216,226,239,.94);border-radius:var(--radius-lg);background:#ffffffc7;box-shadow:var(--shadow-sm)}.detail-card h2{margin-bottom:.75rem}.detail-card p:last-child{margin-bottom:0}.contact-form{display:grid;gap:1rem}.contact-form__row{display:flex;flex-wrap:wrap;gap:1rem}.contact-form__row .calc-field{flex:0 1 220px}.contact-form__row .calc-field.compact-field{flex-basis:180px}.contact-textarea{width:min(100%,560px);min-height:190px;border:1px solid rgba(195,210,227,.96);border-radius:var(--radius-sm);background:#f7fafdeb;padding:.75rem .85rem;font:inherit;color:var(--text);resize:vertical;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.contact-textarea:hover{border-color:#8aa0bdf2}.contact-textarea:focus-visible{outline:none;border-color:#0f766ead;box-shadow:0 0 0 4px #0f766e1f;background:#fffffff5}.contact-form__honeypot{position:absolute;left:-9999px}.disclaimer-card{border:1px solid rgba(216,226,239,.94);border-radius:var(--radius);background:#f0f7fbd1;padding:1rem 1.05rem;color:var(--muted)}.site-footer{max-width:1200px;margin:0 auto;padding:0 1.5rem 2.25rem}.site-footer__content{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding:1.1rem 1.2rem;border:1px solid rgba(216,226,239,.94);border-radius:var(--radius-lg);background:#ffffffc7;box-shadow:var(--shadow-sm)}.footer-note{display:grid;gap:.25rem}.footer-note strong{font-size:.98rem}.footer-note span{color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:1rem 1.15rem}.footer-links a{color:var(--text);font-weight:700;text-decoration:none}.footer-links a:hover{color:var(--brand)}@media(max-width:860px){.calc-grid,.resource-list,.related-panel ul,.guide-tool-links ul{grid-template-columns:1fr}}@media(max-width:620px){.site-header-inner{align-items:flex-start;flex-direction:column}.page-wrap{padding-top:2rem}.hero-copy,.section-block{padding:1.1rem}.section-heading{align-items:flex-start;flex-direction:column}.primary-button,.secondary-button{width:100%}.contact-form__row{flex-direction:column}.contact-form__row .calc-field,.contact-textarea{width:100%;max-width:none}.site-footer__content{align-items:flex-start;flex-direction:column}.calc-field input{max-width:none}}.calculator-block{margin:2rem 0 0}.calc-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:start;margin-top:1.5rem}.calc-panel,.helper-panel{border:1px solid rgba(216,226,239,.94);border-radius:var(--radius);background:#ffffffc2;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);padding:1.15rem}.calc-panel h3,.helper-panel h3{margin-top:0}.calc-field{display:grid;gap:.35rem;width:max-content;max-width:100%;margin-bottom:1rem;font-weight:700}.calc-field input{width:180px;max-width:100%;min-height:40px;border:1px solid rgba(195,210,227,.96);border-radius:var(--radius-sm);background:#f7fafdeb;padding:.45rem .65rem;font:inherit;color:var(--text);transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.calc-field input:hover{border-color:#8aa0bdf2}.calc-field input:focus-visible{outline:none;border-color:#0f766ead;box-shadow:0 0 0 4px #0f766e1f;background:#fffffff5}.compact-field input{width:180px}.calc-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.primary-button,.secondary-button,.tc-primary-btn,.tc-secondary-btn,.tc-remove,.hw-primary-btn,.hw-secondary-btn,.ot-primary-btn,.ot-secondary-btn,.result-action-btn{transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform 80ms ease,box-shadow .12s ease}.primary-button:active,.tc-primary-btn:active,.hw-primary-btn:active,.ot-primary-btn:active,.result-action-print:active{background:var(--brand-dark);transform:translateY(1px)}.secondary-button:active,.tc-secondary-btn:active,.tc-remove:active,.hw-secondary-btn:active,.ot-secondary-btn:active{background:#e6edf3;border-color:var(--brand);transform:translateY(1px)}.muted{color:var(--muted)}.result-card{display:grid;gap:.35rem;border:1px solid rgba(187,230,213,.98);border-radius:var(--radius);background:linear-gradient(180deg,#f1fcf8f5,#ecf9f4e0);padding:1.1rem}.result-card span{color:var(--muted);font-size:.9rem;font-weight:700}.result-card strong{color:var(--ok);font-size:1.8rem}.result-list{margin:1rem 0 0}.result-list div{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(228,235,244,.96)}.result-list dt{color:var(--muted)}.result-list dd{margin:0;font-weight:800}.summary-panel{margin-top:1rem;border:1px solid rgba(228,235,244,.98);border-radius:var(--radius-sm);background:#f9fbfeeb;padding:.95rem;line-height:1.55}@media(max-width:860px){.calc-grid{grid-template-columns:1fr}}@media(max-width:620px){.primary-button,.secondary-button{width:auto}.tool-page-intro,.guide-page-intro{padding:1.05rem 1.1rem}.calc-field,.calc-field input{width:100%}}