:root{--color-bg:#f6f7fb;--color-surface:#fff;--color-text:#2b3340;--color-muted:#7c8698;--color-border:#e8ebf1;--color-primary:#00b386;--color-primary-dark:#008f6b;--color-primary-light:#e6faf4;--color-accent:#00d09c;--color-accent-soft:#b8f2df;--color-secondary:#536dfe;--color-warning:#ffb020;--color-chart-base:#94a3b8;--color-chart-base-label:#64748b;--color-chart-gain:#00d09c;--color-chart-gain-label:#00b386;--shadow-sm:0 1px 3px #2b33400f;--shadow-md:0 12px 32px #2b33401a;--radius:16px;--radius-sm:10px;--max-width:1140px;--content-width:760px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);margin:0;line-height:1.6}a{color:var(--color-primary-dark);text-decoration:none}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto}.container{width:min(100% - 2rem, var(--max-width));margin-inline:auto}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;box-shadow:var(--shadow-sm);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 0;display:flex}.logo{color:var(--color-text);align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.logo:hover{text-decoration:none}.logo-mark{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:.75rem;place-items:center;width:2.375rem;height:2.375rem;font-size:.875rem;font-weight:800;display:grid}.nav-links{flex-wrap:wrap;gap:1.25rem;font-size:.9375rem;display:flex}.nav-links a{color:var(--color-muted);font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--color-primary-dark)}.hero{background:linear-gradient(180deg, #eefbf6 0%, var(--color-bg) 100%);padding:3rem 0 2rem}.hub-hero{background:linear-gradient(135deg,#e8faf4 0%,#f0fdf8 40%,#f6f7fb 100%);border-bottom:1px solid #00b3861f;padding:2.75rem 0 2.25rem;position:relative;overflow:hidden}.hub-hero-pattern{pointer-events:none;background-image:radial-gradient(circle at 85% 15%,#00d09c24 0%,#0000 42%),radial-gradient(circle at 10% 80%,#536dfe14 0%,#0000 38%);position:absolute;inset:0}.hub-hero-inner{z-index:1;position:relative}.hub-breadcrumb{margin-bottom:1rem}.breadcrumb-sep{color:#c5cdd8}.hub-badge{color:var(--color-primary-dark);background:#ffffffd9;border:1px solid #00b38638;border-radius:999px;align-items:center;margin-bottom:.875rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00b38614}.hub-title{letter-spacing:-.03em;background:linear-gradient(135deg,#1a2332 0%,#008f6b 100%);color:#0000;background-clip:text;margin:0 0 .625rem;font-size:clamp(2rem,4.5vw,2.75rem);font-weight:800;line-height:1.1}.hub-desc{max-width:38rem;color:var(--color-muted);margin:0;font-size:1.0625rem;line-height:1.55}.hub-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.hub-tag{border:1px solid var(--color-border);color:var(--color-text);background:#ffffffb3;border-radius:999px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s,color .15s,transform .15s}.hub-tag:hover{color:var(--color-primary-dark);background:#f8fffc;border-color:#c9f3e4;text-decoration:none;transform:translateY(-1px)}.calc-hub-anchor{scroll-margin-top:5.5rem}.calc-hub-hero{padding:2.5rem 0 1.5rem}.calc-hub-stats{color:var(--color-muted);flex-wrap:wrap;gap:.5rem;margin-top:.875rem;font-size:.875rem;display:flex}.calc-hub-all,.calc-hub-section{padding-bottom:2.5rem}.calc-hub-section-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 1rem;font-size:1rem;font-weight:600}.calc-list-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;display:grid}.calc-list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:inherit;align-items:center;gap:1rem;padding:1rem 1.125rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.calc-list-item:hover{box-shadow:var(--shadow-sm);border-color:#c9f3e4;text-decoration:none;transform:translateY(-1px)}.calc-list-icon{border-radius:.75rem;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid}.calc-list-icon--finance{background:var(--color-primary-light);color:var(--color-primary-dark)}.calc-list-icon--postoffice{color:#e8590c;background:#fff4e6}.calc-list-icon--everyday{color:var(--color-secondary);background:#eef0ff}.calc-list-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.calc-list-title{color:var(--color-text);font-size:1rem;font-weight:600;line-height:1.3}.calc-list-desc{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.45;display:-webkit-box;overflow:hidden}.calc-list-arrow{color:#c5cdd8;flex-shrink:0;transition:color .15s,transform .15s}.calc-list-item:hover .calc-list-arrow{color:var(--color-primary);transform:translate(2px)}@media (width>=640px){.calc-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.calc-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.hero h1{margin:0 0 1rem;font-size:clamp(2rem,4vw,2.75rem);line-height:1.15}.hero p{color:var(--color-muted);max-width:42rem;margin:0;font-size:1.125rem}.section{padding:2rem 0 3rem}.section-title{margin:0 0 1.25rem;font-size:1.5rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem;transition:transform .15s,box-shadow .15s,border-color .15s}.card:hover{box-shadow:var(--shadow-md);border-color:#c9f3e4;transform:translateY(-3px)}.card-finance{border-top:3px solid var(--color-accent)}.card-everyday{border-top:3px solid var(--color-secondary)}.card-postoffice{border-top:3px solid #e8590c}.card-postoffice:hover{border-color:#ffc9a8}.card-icon{border-radius:.75rem;place-items:center;width:2.5rem;height:2.5rem;margin-bottom:.875rem;font-size:1.125rem;display:grid}.card-icon.finance{background:var(--color-primary-light);color:var(--color-primary-dark)}.card-icon.everyday{color:var(--color-secondary);background:#eef0ff}.card-icon.postoffice{color:#e8590c;background:#fff4e6}.card h3{margin:0 0 .5rem;font-size:1.0625rem}.card p{color:var(--color-muted);margin:0;font-size:.9375rem}.card-link{color:inherit;text-decoration:none;display:block}.card-link:hover{text-decoration:none}.page-header{background:linear-gradient(135deg,#e8faf4 0%,#f0fdf8 40%,#f6f7fb 100%);border-bottom:1px solid #00b3861f;padding:2.25rem 0 1.5rem;position:relative;overflow:hidden}.page-header:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 90% 10%,#00d09c1f 0%,#0000 40%);position:absolute;inset:0}.page-header .container,.page-header.container{z-index:1;position:relative}.page-header h1{letter-spacing:-.02em;margin:0 0 .625rem;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:800;line-height:1.15}.page-header p{color:var(--color-muted);max-width:42rem;margin:0;font-size:1.0625rem;line-height:1.5}.page-layout{gap:1.5rem;padding-bottom:3rem;display:grid}.calc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-md);overflow:hidden}.calc-card-grid{gap:0;display:grid}.calc-inputs{padding:1.75rem}.calc-output{border-top:1px solid var(--color-border);background:linear-gradient(#f8fffc 0%,#f3fbf8 100%);align-content:start;gap:1.25rem;padding:1.75rem;display:grid}.calc-card-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.range-field{margin-bottom:1.5rem}.range-field:last-child{margin-bottom:0}.range-field-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.range-label{color:var(--color-text);font-size:.9375rem;font-weight:600}.range-input-box{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;align-items:center;gap:.25rem;min-width:8.5rem;padding:.45rem .75rem;display:flex}.range-affix{color:var(--color-muted);font-size:.875rem;font-weight:600}.range-affix.suffix{padding-left:.125rem}.range-input-box input{width:100%;font:inherit;color:var(--color-text);text-align:right;background:0 0;border:0;padding:0;font-weight:600}.range-input-box input:focus{outline:none}.range-field input[type=range]{appearance:none;background:linear-gradient(90deg, var(--color-accent) 0%, #dfe7ef 0%);cursor:pointer;border-radius:999px;width:100%;height:6px}.range-field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00b08659}.range-field input[type=range]::-moz-range-thumb{background:var(--color-accent);border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00b08659}.field-select{margin-bottom:1.25rem}.field-select label{margin-bottom:.5rem;font-size:.9375rem;font-weight:600;display:block}.field-select select,.field-select input[type=date]{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--color-text);background:#fff;padding:.75rem .875rem}.field-select select:focus,.field-select input[type=date]:focus{border-color:var(--color-primary);outline:2px solid #00b38633}.calc-results{align-items:center;gap:1.5rem;display:grid}.calc-stats{gap:.875rem;display:grid}.calc-stat{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.calc-stat.highlight{color:#fff;background:linear-gradient(135deg,#00b386,#00d09c);border-color:#0000}.calc-stat-label{color:var(--color-muted);font-size:.875rem}.calc-stat.highlight .calc-stat-label{color:#ffffffd9}.calc-stat-value{color:var(--color-text);font-size:1.125rem}.calc-stat-value.base{color:var(--color-chart-base-label)}.calc-stat-value.accent{color:var(--color-chart-gain-label)}.calc-stat-value.total,.calc-stat.highlight .calc-stat-value{color:inherit;font-size:1.25rem}.calc-stat.highlight .calc-stat-value{color:#fff}.calc-donut-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.calc-donut-chart{flex-shrink:0;width:160px;height:160px;position:relative}.calc-donut{width:160px;height:160px;display:block}.calc-donut-ring{fill:none;stroke-width:4.2px;stroke-linecap:butt;pointer-events:none}.calc-donut-ring.track{stroke:#edf1f6}.calc-donut-ring.primary{stroke:var(--color-chart-base);pointer-events:stroke;cursor:pointer}.calc-donut-ring.secondary{stroke:var(--color-chart-gain);pointer-events:stroke;cursor:pointer}.calc-donut-ring.primary:hover,.calc-donut-ring.secondary:hover{stroke-width:5.4px}.calc-donut-tooltip{z-index:2;border-radius:var(--radius-sm);color:#fff;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-md);background:#1e293b;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.calc-donut-tooltip:after{content:"";background:#1e293b;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.calc-donut-legend{gap:.625rem;display:grid}.calc-legend-row{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.calc-legend-dot{border-radius:50%;width:10px;height:10px}.calc-legend-dot.primary{background:var(--color-chart-base)}.calc-legend-dot.secondary{background:var(--color-chart-gain)}.metric-results{gap:.875rem;display:grid}.metric-card{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;padding:1rem 1.125rem}.metric-card.featured{color:#fff;background:linear-gradient(135deg,#00b386,#00d09c);border-color:#0000}.metric-card-label{color:var(--color-muted);margin-bottom:.375rem;font-size:.8125rem;display:block}.metric-card.featured .metric-card-label{color:#ffffffd9}.metric-card-value{font-size:1.375rem;font-weight:700}.metric-card-sub{color:var(--color-muted);margin-top:.25rem;font-size:.8125rem;display:block}.metric-card.featured .metric-card-sub{color:#ffffffd9}.compare-bars{gap:1rem;display:grid}.compare-row{gap:.5rem;display:grid}.compare-row-head{justify-content:space-between;font-size:.875rem;font-weight:600;display:flex}.compare-bar{background:#edf1f6;border-radius:999px;height:10px;overflow:hidden}.compare-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-accent));height:100%;transition:width .25s}.compare-bar-fill.alt{background:linear-gradient(90deg,#536dfe,#8c9eff)}.guide{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.75rem}.guide h2,.guide h3{margin-top:1.75rem;margin-bottom:.75rem}.guide h2:first-child{margin-top:0}.guide p,.guide li{color:#475569}.guide ul,.guide ol{padding-left:1.25rem}.example-box{background:var(--color-primary-light);border-radius:var(--radius-sm);border:1px solid #b8f2df;margin:1rem 0;padding:1rem 1.125rem}.faq details{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;margin-bottom:.75rem;padding:.875rem 1rem}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--color-muted);margin:.75rem 0 0}.related-links{flex-wrap:wrap;gap:.625rem;display:flex}.related-links a{background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:999px;padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.related-links a:hover{background:#c9f3e4;text-decoration:none}.popular-calculators{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.popular-calculators h2{margin:0 0 1rem;font-size:1.125rem}.popular-grid{flex-wrap:wrap;gap:.625rem;display:flex}.popular-grid a{color:var(--color-text);background:#f3f6fa;border-radius:999px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;text-decoration:none;display:inline-flex}.popular-grid a:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.ad-slot{border:1px dashed var(--color-border);border-radius:var(--radius);min-height:90px;color:var(--color-muted);background:#fafbfd;place-items:center;font-size:.8125rem;display:grid}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);margin-top:2rem;padding:2rem 0}.footer-grid{gap:1.5rem;display:grid}.footer-links{flex-wrap:wrap;gap:1rem;font-size:.9375rem;display:flex}.footer-copy{color:var(--color-muted);margin:0;font-size:.875rem}.legal-page{max-width:var(--content-width);margin:0 auto;padding:2rem 0 3rem}.legal-page h1{margin-top:0}.breadcrumb{color:var(--color-muted);margin-bottom:.75rem;font-size:.875rem}.breadcrumb a{color:var(--color-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary-dark);text-decoration:underline}@media (width>=900px){.calc-card-grid{grid-template-columns:1.1fr .9fr;align-items:start}.calc-output{border-top:0;border-left:1px solid var(--color-border);flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100%;display:flex}.calc-results{grid-template-columns:1fr;width:100%}.footer-grid{grid-template-columns:1fr auto;align-items:center}}@media (width<=640px){.range-field-head{flex-direction:column;align-items:stretch}.range-input-box{min-width:0}}