:root{--font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary: #f8f8fa;--bg-card: #ffffff;--bg-card-hover: #ffffff;--bg-muted: #f2f2f7;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-muted: #86868b;--accent: #0071e3;--accent-hover: #0077ed;--accent-light: #e8f0fe;--accent-soft: #d2e3fc;--success: #34c759;--success-light: #e5f8eb;--warning: #ff9f0a;--warning-light: #fff5e6;--danger: #ff3b30;--danger-light: #ffeaeb;--border-color: rgba(0, 0, 0, .08);--border-color-dark: rgba(0, 0, 0, .15);--ad-bg: transparent;--ad-border: rgba(0, 0, 0, .05);--radius-xl: 18px;--radius-lg: 14px;--radius-md: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(0, 0, 0, .02), 0 4px 12px rgba(0, 0, 0, .04);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .08);--shadow-focus: 0 0 0 4px rgba(0, 113, 227, .15)}[data-theme=dark]{--bg-primary: #0b0b0d;--bg-card: #151518;--bg-card-hover: #1c1c20;--bg-muted: #1c1c20;--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-muted: #86868b;--accent: #2997ff;--accent-hover: #3ca3ff;--accent-light: #0d2847;--accent-soft: #144078;--success: #32d74b;--success-light: #0d3815;--warning: #ff9f0a;--warning-light: #3d2703;--danger: #ff453a;--danger-light: #42100d;--border-color: rgba(255, 255, 255, .08);--border-color-dark: rgba(255, 255, 255, .15);--ad-bg: transparent;--ad-border: rgba(255, 255, 255, .05);--shadow: 0 4px 12px rgba(0, 0, 0, .2);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 4px rgba(41, 151, 255, .15)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}header{background:#ffffffe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;padding:.9rem 1.5rem;box-shadow:0 1px 3px #0f172a0a}[data-theme=dark] header{background:#0b1120e0}.header-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.logo{font-size:1.4rem;font-weight:800;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.6rem;letter-spacing:-.02em}.logo span.wp-icon{background:var(--accent);color:#fff;padding:.25rem .6rem;border-radius:8px;font-size:1.05rem;box-shadow:0 4px 10px #4f46e540}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:var(--bg-card);min-width:200px;box-shadow:var(--shadow-hover);border-radius:var(--radius-md);border:1px solid var(--border-color);z-index:1000;top:100%;left:0;margin-top:.5rem;padding:.5rem}.dropdown-content a{color:var(--text-primary);padding:.6rem 1rem;text-decoration:none;display:block;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500}.dropdown-content a:hover{background-color:var(--bg-muted);color:var(--accent)}.dropdown:hover .dropdown-content{display:block}.search-box{flex:1;max-width:520px;position:relative}.search-box input{width:100%;padding:.7rem 1rem .7rem 2.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-muted);color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:var(--shadow-focus)}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:.55rem .9rem;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.85rem;transition:background .2s ease,border-color .2s ease,color .2s ease}.theme-toggle:hover{background:var(--accent-light);border-color:var(--accent-soft);color:var(--accent)}.ad-slot{background:var(--ad-bg);border:1px dashed var(--ad-border);border-radius:var(--radius-md);text-align:center;padding:1rem;margin:1.5rem 0;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90px}.ad-slot.top-banner{max-width:970px;margin:1.5rem auto}.ad-slot.in-article{max-width:100%;min-height:250px}.ad-slot.sidebar{min-height:600px}.main-wrapper{max-width:1280px;margin:0 auto;padding:2rem 1.5rem;display:grid;grid-template-columns:1fr 320px;gap:2rem;min-width:0}#app-content{min-width:0;max-width:100%}.main-wrapper.no-sidebar{grid-template-columns:1fr;max-width:1100px}@media (max-width: 992px){.main-wrapper,.main-wrapper.no-sidebar{grid-template-columns:1fr}.ad-slot.sidebar{min-height:250px}}.category-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding-bottom:.6rem;margin-bottom:1.5rem}.category-pill{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:999px;cursor:pointer;white-space:nowrap;font-size:.875rem;font-weight:600;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.category-pill:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent-soft);transform:translateY(-1px)}.category-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 10px #4f46e52e}.calculators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.calculator-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}.calculator-card:hover{transform:translateY(-4px);border-color:var(--accent-soft);background:var(--bg-card-hover);box-shadow:var(--shadow-hover)}.card-category{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.5rem}.card-title{font-size:1.1rem;font-weight:750;margin-bottom:.6rem;color:var(--text-primary);line-height:1.35;letter-spacing:-.01em}.card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1rem}.card-footer{font-size:.85rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:.25rem;transition:gap .2s ease}.calculator-card:hover .card-footer{gap:.45rem}.calculator-view{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem}.calculator-title{font-size:clamp(1.7rem,3vw,2.25rem);font-weight:850;margin-bottom:.5rem;color:var(--text-primary);line-height:1.2;letter-spacing:-.035em}.calculator-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;line-height:1.6}.calculator-widget{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--bg-primary);padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border-color)}@media (max-width: 768px){.calculator-widget{grid-template-columns:1fr;gap:1.5rem}.calculator-view{padding:1.25rem}}.input-group{margin-bottom:1.1rem}.input-group label{display:block;font-size:.875rem;font-weight:700;margin-bottom:.45rem;color:var(--text-primary)}.input-control{width:100%;padding:.75rem .9rem;border-radius:var(--radius-md);border:1px solid var(--border-color-dark);background:var(--bg-card);color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input-control:hover{border-color:#94a3b8}.input-control:focus{border-color:var(--accent);box-shadow:var(--shadow-focus);background:var(--bg-card)}.input-control::placeholder{color:var(--text-muted)}.slider-container{display:flex;align-items:center;gap:1rem}.slider-container input[type=range]{flex:1;accent-color:var(--accent);cursor:pointer}.slider-value{font-weight:800;font-size:1.05rem;min-width:50px;text-align:right;color:var(--accent)}.output-box{background:linear-gradient(135deg,var(--accent-light),var(--bg-card));border:1px solid var(--accent-soft);border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:var(--shadow);min-height:220px}.output-value{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1;color:var(--accent);margin:.75rem 0;letter-spacing:-.04em}.risk-badge{display:inline-block;padding:.4rem .9rem;border-radius:999px;font-size:.8rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.save-btn{background:var(--accent);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;margin-top:1rem;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 4px 10px #4f46e533}.save-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e540}.save-btn:active{transform:translateY(0)}.save-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #4f46e52e,0 4px 10px #4f46e533}.blog-article{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border-color)}.blog-article h2{font-size:1.5rem;font-weight:800;margin:1.5rem 0 .85rem;color:var(--text-primary);letter-spacing:-.02em}.blog-article p{color:var(--text-secondary);font-size:1rem;line-height:1.75;margin-bottom:1.25rem}.formula-container{background:var(--bg-muted);border-left:4px solid var(--accent);padding:1.25rem 1.5rem;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:1.5rem 0;font-size:1.15rem;overflow-x:auto;color:var(--text-primary)}.worked-example{background:var(--accent-light);border:1px solid var(--accent-soft);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin:1.5rem 0;color:var(--text-primary)}.faq-section{margin-top:2.5rem}.faq-item{border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:.75rem;overflow:hidden;background:var(--bg-card);transition:border-color .2s ease,box-shadow .2s ease}.faq-item:hover{border-color:var(--accent-soft);box-shadow:var(--shadow)}.faq-question{width:100%;padding:1rem 1.25rem;background:var(--bg-card);color:var(--text-primary);border:none;text-align:left;font-size:1rem;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease,color .2s ease}.faq-question:hover{background:var(--bg-card-hover);color:var(--accent)}.faq-answer{padding:1rem 1.25rem;background:var(--bg-primary);color:var(--text-secondary);font-size:.95rem;line-height:1.65;border-top:1px solid var(--border-color)}footer{border-top:1px solid var(--border-color);padding:4rem 1.5rem 2rem;background:var(--bg-card);color:var(--text-secondary);font-size:.875rem;margin-top:4rem}.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:.75rem}.footer-brand strong{font-size:1.1rem;color:var(--text-primary);font-weight:700;letter-spacing:-.01em}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-column h4{font-size:.95rem;color:var(--text-primary);font-weight:600;margin:0}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-column a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-column a:hover{color:var(--text-primary)}.footer-copyright{max-width:1280px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--border-color);text-align:left}.footer-copyright strong{color:var(--text-muted);font-weight:500}@media (max-width: 768px){footer{padding:3rem 1rem 2rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1 / -1}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-soft);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color-dark);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){header{padding:.75rem 1rem}.header-container{flex-wrap:wrap;gap:.75rem}.header-container .header-left{flex:1;gap:1rem!important}.header-container>div:last-child{flex:0 0 auto}.search-box#header-search-box{order:3;width:100%;max-width:100%;margin-top:.25rem}.main-wrapper{padding:1.25rem 1rem}.calculators-grid{grid-template-columns:1fr}.calculator-title{font-size:1.7rem}.output-box{min-height:180px;padding:1.5rem}.output-value{font-size:2.75rem}}@media (max-width: 560px){.logo{font-size:1.1rem}.logo span.wp-icon{padding:.2rem .45rem}.theme-toggle{padding:.5rem .65rem}.calculator-view{border-radius:var(--radius-lg)}.calculator-widget{padding:1rem}}html.is-embed header,html.is-embed aside,html.is-embed footer,html.is-embed .ad-slot,html.is-embed .blog-article,html.is-embed .calculator-title,html.is-embed .calculator-subtitle{display:none!important}html.is-embed body{background:transparent!important;padding:0!important}html.is-embed .main-wrapper{margin:0!important;padding:0!important;max-width:none!important;display:block!important}html.is-embed #app-content{width:100%!important;max-width:100%!important;padding:.5rem!important}.hero-section{text-align:center;padding:4rem 0 3rem}.hero-section h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1rem;line-height:1.1}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;line-height:1.5}.hero-search-wrapper{max-width:680px;margin:0 auto;position:relative;display:flex;align-items:center}.hero-search-icon{position:absolute;left:1.5rem;color:var(--text-muted);pointer-events:none;display:flex}.hero-search-wrapper input{width:100%;padding:1.25rem 4rem 1.25rem 3.5rem;font-size:1.1rem;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);box-shadow:0 4px 12px #00000008;transition:all .2s ease}.hero-search-wrapper input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #0071e326,0 8px 24px #00000014;transform:translateY(-1px)}.search-kbd{position:absolute;right:1rem;background:var(--bg-muted);border:1px solid var(--border-color);padding:.3rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600;color:var(--text-muted);pointer-events:none}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.75rem;font-weight:750;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:1.05rem}.browse-search-box{position:relative;max-width:400px;margin-bottom:2rem}.browse-search-box input{width:100%;padding:.8rem 1rem .8rem 2.75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:1rem;transition:all .2s ease}.browse-search-box input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.view-all-pill{background:transparent!important;border:1px solid transparent!important;color:var(--accent)!important;box-shadow:none!important}.view-all-pill:hover{text-decoration:underline!important;transform:none!important}@media (max-width: 768px){.hero-section{padding:2rem 0}.hero-search-wrapper input{padding-left:3rem}.hero-search-icon{left:1rem}.search-kbd{display:none}}