:root{--ep-primary:#1e40af;--ep-primary-dark:#1e3a8a;--ep-primary-light:#dbeafe;--ep-primary-surface:#eff6ff;--ep-success:#047857;--ep-success-light:#d1fae5;--ep-success-surface:#ecfdf5;--ep-danger:#b91c1c;--ep-danger-light:#fee2e2;--ep-text:#0f172a;--ep-text-secondary:#475569;--ep-text-muted:#64748b;--ep-border:#e2e8f0;--ep-border-dark:#cbd5e1;--ep-surface:#f8fafc;--ep-surface-alt:#f1f5f9;--ep-bg:#ffffff;--ep-max-width:1060px;--ep-radius-sm:8px;--ep-radius-md:12px;--ep-radius-lg:16px;--ep-shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--ep-shadow-md:0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -2px rgba(0,0,0,0.05);--ep-shadow-lg:0 10px 25px -5px rgba(0,0,0,0.08),0 8px 10px -6px rgba(0,0,0,0.04);--ep-shadow-xl:0 20px 50px -12px rgba(0,0,0,0.12);--ep-transition:200ms ease;--ep-transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--ep-font-display:'Fraunces',Georgia,serif;--ep-font-body:'DM Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.page-salary{--ep-accent:#1e40af;--ep-accent-dark:#1e3a8a;--ep-accent-light:#dbeafe;--ep-accent-surface:#eff6ff}.page-stamp-duty{--ep-accent:#7c3aed;--ep-accent-dark:#6d28d9;--ep-accent-light:#ede9fe;--ep-accent-surface:#f5f3ff}.page-mortgage{--ep-accent:#047857;--ep-accent-dark:#065f46;--ep-accent-light:#d1fae5;--ep-accent-surface:#ecfdf5}.prog-container{max-width:var(--ep-max-width) !important;margin:0 auto !important;padding:28px 28px 56px !important;font-family:var(--ep-font-body) !important;color:var(--ep-text) !important;line-height:1.7 !important}.prog-hero{background:linear-gradient(135deg,var(--ep-accent,var(--ep-primary)) 0%,var(--ep-accent-dark,var(--ep-primary-dark)) 100%) !important;padding:60px 28px 72px !important;text-align:center !important;position:relative;overflow:hidden}.prog-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04' fill-rule='evenodd'%3E%3Ccircle cx='20' cy='20' r='1.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.prog-hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:40px;background:linear-gradient(to bottom right,transparent 49.5%,var(--ep-bg) 50%);pointer-events:none}.prog-hero h1{font-family:var(--ep-font-display) !important;font-size:2.5rem !important;font-weight:700 !important;color:#ffffff !important;margin:0 0 14px !important;letter-spacing:-0.02em;position:relative;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.prog-hero p{font-size:1.15rem !important;color:rgba(255,255,255,0.92) !important;max-width:620px;margin:0 auto !important;position:relative;line-height:1.6 !important}.result-card{background:var(--ep-bg) !important;border-radius:var(--ep-radius-lg) !important;box-shadow:var(--ep-shadow-xl) !important;padding:40px !important;margin:-40px 20px 40px !important;position:relative;border:1px solid var(--ep-border) !important;z-index:2}.result-main{text-align:center !important;padding-bottom:28px !important;border-bottom:2px solid var(--ep-border) !important;margin-bottom:28px !important}.result-main .label{font-size:0.85rem !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:0.1em !important;color:var(--ep-text-muted) !important;margin-bottom:10px !important;display:block}.result-main .amount{font-family:var(--ep-font-display) !important;font-size:3.4rem !important;font-weight:800 !important;color:var(--ep-success) !important;letter-spacing:-0.02em !important;line-height:1.1 !important}.result-main .period{font-size:1rem !important;color:var(--ep-text-muted) !important;margin-top:6px !important}.result-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important;gap:16px !important}.result-grid .result-item{background:var(--ep-surface) !important;border-radius:var(--ep-radius-sm) !important;padding:18px 22px !important;border:1px solid var(--ep-border) !important;transition:transform var(--ep-transition),box-shadow var(--ep-transition) !important}.result-grid .result-item:hover{transform:translateY(-2px);box-shadow:var(--ep-shadow-md)}.result-grid .result-item .ri-label{font-size:0.8rem !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:0.06em !important;color:var(--ep-text-muted) !important;margin-bottom:6px !important}.result-grid .result-item .ri-value{font-family:var(--ep-font-display) !important;font-size:1.4rem !important;font-weight:700 !important;color:var(--ep-text) !important}.section-box,.at-a-glance,.salary-narrative,.tax-tips,.what-if-box,.faq-section{background:var(--ep-bg) !important;border-radius:var(--ep-radius-md) !important;box-shadow:var(--ep-shadow-sm) !important;border:1px solid var(--ep-border) !important;padding:36px !important;margin:32px 0 !important;transition:box-shadow var(--ep-transition),transform var(--ep-transition) !important}.section-box:hover,.at-a-glance:hover,.salary-narrative:hover,.tax-tips:hover,.what-if-box:hover,.faq-section:hover{box-shadow:var(--ep-shadow-md) !important;transform:translateY(-1px)}.section-box h2,.at-a-glance h2,.salary-narrative h2,.tax-tips h2,.what-if-box h2,.faq-section h2{font-family:var(--ep-font-display) !important;font-size:1.5rem !important;font-weight:700 !important;color:var(--ep-text) !important;margin:0 0 22px !important;padding-bottom:16px !important;border-bottom:3px solid var(--ep-accent,var(--ep-primary)) !important;letter-spacing:-0.01em}.section-box p,.salary-narrative p,.tax-tips p,.what-if-box p{font-size:1rem !important;line-height:1.75 !important;color:var(--ep-text-secondary) !important;margin-bottom:14px !important}.section-box p:last-child,.salary-narrative p:last-child,.tax-tips p:last-child,.what-if-box p:last-child{margin-bottom:0 !important}.at-a-glance{background:var(--ep-accent-surface,var(--ep-primary-surface)) !important;border-left:4px solid var(--ep-accent,var(--ep-primary)) !important}.at-a-glance dl{display:grid !important;grid-template-columns:1fr auto !important;gap:14px 32px !important;margin:0 !important;align-items:baseline}.at-a-glance dt{font-weight:600 !important;color:var(--ep-text) !important;font-size:0.95rem !important}.at-a-glance dd{font-weight:700 !important;color:var(--ep-accent,var(--ep-primary)) !important;font-size:1.1rem !important;margin:0 !important;text-align:right !important;font-family:var(--ep-font-display) !important}.tax-tips{border-left:4px solid #f59e0b !important;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%) !important}.tax-tips h2{border-bottom-color:#f59e0b !important}.what-if-box{border-left:4px solid var(--ep-accent,var(--ep-primary)) !important;background:var(--ep-accent-surface,var(--ep-primary-surface)) !important}.faq-section{padding:0 !important;overflow:hidden !important}.faq-section h2{padding:36px 36px 18px !important;margin:0 !important;border-bottom:none !important}.faq-item{border-bottom:1px solid var(--ep-border) !important;padding:0 !important;margin:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}.faq-item:last-child{border-bottom:none !important}.faq-item h3{font-family:var(--ep-font-body) !important;font-size:1.05rem !important;font-weight:600 !important;color:var(--ep-text) !important;padding:22px 36px !important;margin:0 !important;cursor:default;transition:background var(--ep-transition) !important;border:none !important;border-bottom:none !important}.faq-item h3:hover{background:var(--ep-surface) !important}.faq-item > p,.faq-item > div{padding:0 36px 22px !important;color:var(--ep-text-secondary) !important;line-height:1.75 !important;font-size:0.98rem !important}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--ep-radius-md);border:1px solid var(--ep-border);margin:32px 0;box-shadow:var(--ep-shadow-sm)}.breakdown-table{width:100% !important;border-collapse:collapse !important;font-variant-numeric:tabular-nums !important;border:none !important;margin:0 !important}.breakdown-table thead th{background:var(--ep-accent,var(--ep-primary)) !important;color:#ffffff !important;font-weight:600 !important;font-size:0.88rem !important;padding:15px 18px !important;text-align:right !important;border:none !important;white-space:nowrap;letter-spacing:0.02em}.breakdown-table thead th:first-child{text-align:left !important}.breakdown-table tbody td{padding:14px 18px !important;text-align:right !important;border-bottom:1px solid var(--ep-border) !important;font-size:0.95rem !important;color:var(--ep-text) !important;transition:background 150ms ease}.breakdown-table tbody td:first-child{text-align:left !important;font-weight:500 !important;color:var(--ep-text) !important}.breakdown-table tbody tr:nth-child(even){background:var(--ep-surface) !important}.breakdown-table tbody tr:hover{background:var(--ep-accent-light,var(--ep-primary-light)) !important}.breakdown-table tbody tr:last-child{font-weight:700 !important}.breakdown-table tbody tr:last-child td{border-top:2px solid var(--ep-accent,var(--ep-primary)) !important;background:var(--ep-accent-surface,var(--ep-primary-surface)) !important}.comparison-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(175px,1fr)) !important;gap:16px !important;margin:32px 0 !important}.comparison-grid h2,.comparison-grid h3{grid-column:1 / -1;font-family:var(--ep-font-display) !important;font-weight:700 !important;font-size:1.5rem !important;color:var(--ep-text) !important;margin-bottom:8px !important;padding-bottom:14px !important;border-bottom:3px solid var(--ep-accent,var(--ep-primary)) !important}.cg-item{background:var(--ep-bg) !important;border:1px solid var(--ep-border) !important;border-radius:var(--ep-radius-sm) !important;padding:20px !important;text-decoration:none !important;transition:all var(--ep-transition) !important;display:block !important}.cg-item:hover{border-color:var(--ep-accent,var(--ep-primary)) !important;box-shadow:var(--ep-shadow-lg) !important;transform:translateY(-4px) !important}.cg-item .cg-amount{font-family:var(--ep-font-display) !important;font-size:1.3rem !important;font-weight:700 !important;color:var(--ep-text) !important;display:block !important;margin-bottom:8px !important}.cg-item .cg-detail{font-size:0.85rem !important;color:var(--ep-success) !important;font-weight:600 !important}.source-box{background:var(--ep-surface) !important;border:1px solid var(--ep-border) !important;border-left:4px solid var(--ep-success) !important;border-radius:var(--ep-radius-sm) !important;padding:22px 28px !important;margin:32px 0 !important;font-size:0.9rem !important;color:var(--ep-text-secondary) !important;line-height:1.7 !important}.embed-box{background:var(--ep-surface) !important;border:1px solid var(--ep-border) !important;border-radius:var(--ep-radius-sm) !important;padding:22px 28px !important;margin:32px 0 !important}.embed-box textarea{width:100% !important;border:2px solid var(--ep-border-dark) !important;border-radius:6px !important;padding:14px !important;font-family:'JetBrains Mono','Fira Code',monospace !important;font-size:0.85rem !important;background:var(--ep-bg) !important;color:var(--ep-text) !important;resize:vertical !important;line-height:1.5 !important}.nav-links{display:flex !important;justify-content:space-between !important;gap:16px !important;margin:40px 0 !important}.nav-links a{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:14px 28px !important;background:var(--ep-bg) !important;border:2px solid var(--ep-border-dark) !important;border-radius:var(--ep-radius-sm) !important;color:var(--ep-accent,var(--ep-primary)) !important;font-weight:600 !important;font-size:0.95rem !important;text-decoration:none !important;transition:all var(--ep-transition) !important}.nav-links a:hover{background:var(--ep-accent-surface,var(--ep-primary-surface)) !important;border-color:var(--ep-accent,var(--ep-primary)) !important;box-shadow:var(--ep-shadow-sm) !important}nav[aria-label="breadcrumb"],.breadcrumb-nav{background:var(--ep-surface) !important;padding:14px 28px !important;font-size:0.875rem !important;border-bottom:1px solid var(--ep-border) !important}nav[aria-label="breadcrumb"] ol{max-width:var(--ep-max-width) !important;margin:0 auto !important}nav[aria-label="breadcrumb"] a{color:#0a58ca !important;text-decoration:none !important;font-weight:500 !important;transition:color var(--ep-transition) !important}nav[aria-label="breadcrumb"] a:hover{color:var(--ep-accent-dark,var(--ep-primary-dark)) !important;text-decoration:underline !important}.page-salary .site-header,.page-stamp-duty .site-header,.page-mortgage .site-header{border-bottom:3px solid var(--ep-accent,var(--ep-primary)) !important}.page-salary a:focus-visible,.page-salary button:focus-visible,.page-salary input:focus-visible,.page-salary textarea:focus-visible,.page-stamp-duty a:focus-visible,.page-stamp-duty button:focus-visible,.page-stamp-duty input:focus-visible,.page-stamp-duty textarea:focus-visible,.page-mortgage a:focus-visible,.page-mortgage button:focus-visible,.page-mortgage input:focus-visible,.page-mortgage textarea:focus-visible{outline:3px solid #ffdd00 !important;outline-offset:2px !important}.page-salary .site-footer,.page-stamp-duty .site-footer,.page-mortgage .site-footer{color:#cbd5e1 !important}.page-salary .site-footer span,.page-salary .site-footer p,.page-stamp-duty .site-footer span,.page-stamp-duty .site-footer p,.page-mortgage .site-footer span,.page-mortgage .site-footer p{color:#94a3b8 !important}.page-salary .site-footer a,.page-stamp-duty .site-footer a,.page-mortgage .site-footer a{color:#93c5fd !important}.td-right,.cg-detail{font-variant-numeric:tabular-nums}.section-box a,.salary-narrative a,.tax-tips a,.what-if-box a,.faq-item a{color:var(--ep-accent,var(--ep-primary)) !important;text-decoration:underline !important;text-decoration-color:rgba(30,64,175,0.3) !important;text-underline-offset:3px !important;transition:text-decoration-color var(--ep-transition) !important}.section-box a:hover,.salary-narrative a:hover,.tax-tips a:hover,.what-if-box a:hover,.faq-item a:hover{text-decoration-color:var(--ep-accent,var(--ep-primary)) !important}.eeat-trust,.trust-signal{background:linear-gradient(135deg,var(--ep-surface) 0%,var(--ep-accent-surface,var(--ep-primary-surface)) 100%) !important;border:1px solid var(--ep-border) !important;border-left:4px solid var(--ep-accent,var(--ep-primary)) !important;border-radius:var(--ep-radius-sm) !important;padding:24px 28px !important;margin:32px 0 !important;font-size:0.9rem !important;color:var(--ep-text-secondary) !important}.section-box table{width:100% !important;border-collapse:collapse !important;margin:16px 0 !important;font-variant-numeric:tabular-nums !important}.section-box table th{background:var(--ep-accent,var(--ep-primary)) !important;color:#ffffff !important;font-weight:600 !important;font-size:0.88rem !important;padding:12px 16px !important;text-align:left !important;border:none !important}.section-box table th:last-child{text-align:right !important}.section-box table td{padding:11px 16px !important;border-bottom:1px solid var(--ep-border) !important;font-size:0.93rem !important}.section-box table td:last-child{text-align:right !important;font-weight:600 !important}.section-box table tr:nth-child(even){background:var(--ep-surface) !important}.section-box table tr:hover{background:var(--ep-accent-light,var(--ep-primary-light)) !important}.section-box table tr:last-child td{font-weight:700 !important;border-top:2px solid var(--ep-accent,var(--ep-primary)) !important;background:var(--ep-accent-surface,var(--ep-primary-surface)) !important}.related-calcs{margin:40px 0 !important}.related-calcs h2,.related-calcs h3{font-family:var(--ep-font-display) !important;font-weight:700 !important;margin-bottom:20px !important}.related-calcs a{display:inline-flex !important;align-items:center !important;padding:10px 20px !important;margin:4px 8px 4px 0 !important;background:var(--ep-bg) !important;border:1px solid var(--ep-border) !important;border-radius:100px !important;color:var(--ep-accent,var(--ep-primary)) !important;font-weight:500 !important;font-size:0.9rem !important;text-decoration:none !important;transition:all var(--ep-transition) !important}.related-calcs a:hover{background:var(--ep-accent-surface,var(--ep-primary-surface)) !important;border-color:var(--ep-accent,var(--ep-primary)) !important;transform:translateY(-2px) !important;box-shadow:var(--ep-shadow-sm) !important}@keyframes epFadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ep-reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s var(--ep-transition-slow),transform 0.6s var(--ep-transition-slow)}.ep-reveal.ep-visible{opacity:1;transform:translateY(0)}@media (prefers-color-scheme:dark){.page-salary,.page-stamp-duty,.page-mortgage{--ep-text:#e2e8f0;--ep-text-secondary:#94a3b8;--ep-text-muted:#64748b;--ep-border:#334155;--ep-border-dark:#475569;--ep-surface:#1e293b;--ep-surface-alt:#0f172a;--ep-bg:#1e293b;--ep-shadow-sm:0 1px 3px rgba(0,0,0,0.3);--ep-shadow-md:0 4px 6px rgba(0,0,0,0.4);--ep-shadow-lg:0 10px 25px rgba(0,0,0,0.5)}.page-salary .section-box,.page-salary .at-a-glance,.page-salary .salary-narrative,.page-salary .faq-section,.page-stamp-duty .section-box,.page-stamp-duty .at-a-glance,.page-stamp-duty .salary-narrative,.page-stamp-duty .faq-section,.page-mortgage .section-box,.page-mortgage .at-a-glance,.page-mortgage .salary-narrative,.page-mortgage .faq-section{background:#1e293b !important;border-color:#334155 !important}.page-salary .tax-tips,.page-stamp-duty .tax-tips,.page-mortgage .tax-tips{background:#292524 !important}.page-salary .what-if-box,.page-stamp-duty .what-if-box,.page-mortgage .what-if-box{background:#1a1a2e !important}.page-salary .breakdown-table tbody tr:nth-child(even),.page-stamp-duty .breakdown-table tbody tr:nth-child(even),.page-mortgage .breakdown-table tbody tr:nth-child(even){background:#0f172a !important}.page-salary .result-card,.page-stamp-duty .result-card,.page-mortgage .result-card{background:#1e293b !important;border-color:#334155 !important}.page-salary .cg-item,.page-stamp-duty .cg-item,.page-mortgage .cg-item{background:#1e293b !important;border-color:#334155 !important}.page-salary .source-box,.page-salary .embed-box,.page-stamp-duty .source-box,.page-stamp-duty .embed-box,.page-mortgage .source-box,.page-mortgage .embed-box{background:#0f172a !important;border-color:#334155 !important}.page-salary .table-wrapper,.page-stamp-duty .table-wrapper,.page-mortgage .table-wrapper{border-color:#334155 !important}.page-salary .breakdown-table tbody tr:hover,.page-stamp-duty .breakdown-table tbody tr:hover,.page-mortgage .breakdown-table tbody tr:hover{background:#334155 !important}}[data-theme="dark"] .page-salary,[data-theme="dark"] .page-stamp-duty,[data-theme="dark"] .page-mortgage,.dark .page-salary,.dark .page-stamp-duty,.dark .page-mortgage{--ep-text:#e2e8f0;--ep-text-secondary:#94a3b8;--ep-text-muted:#64748b;--ep-border:#334155;--ep-border-dark:#475569;--ep-surface:#1e293b;--ep-bg:#1e293b}@media (max-width:768px){.prog-container{padding:20px 16px 36px !important}.prog-hero{padding:44px 16px 52px !important}.prog-hero h1{font-size:1.9rem !important}.prog-hero p{font-size:1rem !important}.result-card{padding:28px 20px !important;margin:-32px 8px 28px !important}.result-main .amount{font-size:2.6rem !important}.result-grid{grid-template-columns:1fr 1fr !important;gap:12px !important}.section-box,.at-a-glance,.salary-narrative,.tax-tips,.what-if-box,.faq-section{padding:24px 20px !important;margin:24px 0 !important}.section-box h2,.at-a-glance h2,.salary-narrative h2,.tax-tips h2,.what-if-box h2,.faq-section h2{font-size:1.3rem !important}.at-a-glance dl{grid-template-columns:1fr auto !important;gap:10px 16px !important}.comparison-grid{grid-template-columns:repeat(2,1fr) !important;gap:12px !important}.nav-links{flex-direction:column !important}.nav-links a{justify-content:center !important;width:100% !important}.faq-section h2{padding:24px 20px 14px !important}.faq-item h3{padding:18px 20px !important}.faq-item > p,.faq-item > div{padding:0 20px 18px !important}nav[aria-label="breadcrumb"],.breadcrumb-nav{padding:10px 16px !important;font-size:0.8rem !important}}@media (max-width:480px){.result-grid{grid-template-columns:1fr !important}.comparison-grid{grid-template-columns:1fr !important}.result-main .amount{font-size:2.1rem !important}.prog-hero h1{font-size:1.5rem !important}.at-a-glance dl{grid-template-columns:1fr !important}.at-a-glance dd{text-align:left !important;margin-bottom:8px !important}}@media print{.site-header,.site-footer,.nav-links,.comparison-grid,.embed-box,.source-box,.related-calcs{display:none !important}.prog-container{max-width:100% !important;padding:0 !important}.prog-hero{padding:20px !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.result-card{box-shadow:none !important;border:2px solid #000 !important;margin:0 0 20px !important}.section-box,.at-a-glance,.tax-tips,.what-if-box,.faq-section{box-shadow:none !important;border:1px solid #ccc !important;break-inside:avoid;page-break-inside:avoid}.breakdown-table{font-size:0.85rem !important}.table-wrapper{overflow:visible !important}}