:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-text:#1a1d23;--color-muted:#5b6270;--color-border:#e2e5ea;--color-primary:#1e5f4a;--color-primary-dark:#164a3a;--color-accent:#f0f4f2;--radius:10px}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background:var(--color-bg);color:var(--color-text);margin:0;line-height:1.5}a{color:var(--color-primary)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.site-header__inner{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:1rem 1.25rem;display:flex}.logo{color:var(--color-text);align-items:center;gap:.55rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.logo-mark{flex-shrink:0}.logo span{color:var(--color-primary)}main{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}.site-footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-muted);margin-top:3rem;padding:1.5rem 1.25rem;font-size:.875rem}.site-footer a{color:var(--color-muted);margin:0 .5rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.tool-list{gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.tool-list a,.tool-list .tool-preview{color:var(--color-text);text-decoration:none;display:block}.tool-list a:hover{border-color:var(--color-primary)}.tool-list h2{color:var(--color-primary);margin:0 0 .35rem;font-size:1.1rem}.tool-list p{color:var(--color-muted);margin:0;font-size:.95rem}.breadcrumb{color:var(--color-muted);flex-wrap:wrap;gap:.4rem;margin:0 0 1.25rem;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumb li:not(:last-child):after{content:"›";margin-left:.4rem}.faq{margin-top:2.5rem}.faq h2{margin-bottom:1rem}.faq-item{border-bottom:1px solid var(--color-border);padding:1.1rem 0}.faq-item:first-of-type{border-top:1px solid var(--color-border)}.faq-item h3{margin:0 0 .4rem;font-size:1rem}.faq-item p{color:var(--color-muted);margin:0}.example-box{background:var(--color-accent);border-radius:var(--radius);margin:1.5rem 0;padding:1.25rem 1.5rem}.example-box h2{margin-top:0;font-size:1.05rem}.badge-soon{color:var(--color-muted);background:var(--color-accent);border-radius:999px;margin-left:.5rem;padding:.15rem .6rem;font-size:.75rem;display:inline-block}form.calculator{gap:1.1rem;margin-top:1.5rem;display:grid}.field{gap:.35rem;display:grid}.field label{font-size:.9rem;font-weight:600}.field .hint{color:var(--color-muted);font-size:.8rem;font-weight:400}.field input{border:1px solid var(--color-border);border-radius:8px;width:100%;padding:.6rem .75rem;font-size:1rem}.field input:focus,.field select:focus{outline:2px solid var(--color-primary);outline-offset:1px}.field select{border:1px solid var(--color-border);background:#fff;border-radius:8px;width:100%;padding:.6rem .75rem;font-size:1rem}.table-scroll{overflow-x:auto}.rate-table{border-collapse:collapse;white-space:nowrap;width:100%;margin:1rem 0 1.5rem;font-size:.95rem}.rate-table th,.rate-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.6rem .75rem}.rate-table th{color:var(--color-muted);font-size:.85rem;font-weight:600}.field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=520px){.field-row{grid-template-columns:1fr}}button.submit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-self:start;padding:.7rem 1.4rem;font-size:1rem;font-weight:600}button.submit:hover{background:var(--color-primary-dark)}.result{border-radius:var(--radius);background:var(--color-accent);border:1px solid var(--color-border);margin-top:1.5rem;padding:1.25rem 1.5rem;display:none}.result.visible{display:block}.result .amount{color:var(--color-primary);margin:.25rem 0;font-size:2rem;font-weight:700}.result .detail{color:var(--color-muted);margin:.15rem 0;font-size:.9rem}.warning{border-radius:var(--radius);color:#7a4a12;background:#fdf3ea;border:1px solid #f0d9bd;margin-top:1.5rem;padding:1rem 1.25rem;font-size:.9rem;display:none}.warning.visible{display:block}.placeholder-block{border-radius:var(--radius);color:#7a4a12;background:#fdf3ea;border:1px dashed #f0d9bd;padding:1rem 1.25rem}.placeholder-inline{color:#b5651d;font-style:italic}.disclaimer{color:var(--color-muted);border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1rem;font-size:.85rem}.cookie-consent{z-index:1000;justify-content:center;padding:1rem;transition:bottom .3s;display:flex;position:fixed;bottom:-100%;left:0;right:0}.cookie-consent.visible{bottom:0}.cookie-consent__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:640px;padding:1.25rem 1.5rem;box-shadow:0 -4px 24px #0000001a}.cookie-consent__panel p{color:var(--color-text);margin:0 0 1rem;font-size:.9rem}.cookie-consent__customize{gap:.5rem;margin-bottom:1rem;font-size:.9rem;display:grid}.cookie-consent__customize[hidden]{display:none}.cookie-consent__actions{flex-wrap:wrap;gap:.6rem;display:flex}.cookie-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600}.cookie-btn--primary{background:var(--color-primary);color:#fff}.cookie-btn--primary:hover{background:var(--color-primary-dark)}.cookie-btn--secondary{border-color:var(--color-border);color:var(--color-text);background:#fff}.cookie-btn--tertiary{color:var(--color-muted);background:0 0;border:none;text-decoration:underline}.cookie-consent__link{margin:.75rem 0 0!important;font-size:.8rem!important}.cookie-consent__link a{color:var(--color-muted)!important}.not-found{text-align:center;padding:3rem 1rem}.not-found h1{font-size:2rem}.not-found p{color:var(--color-muted);margin-bottom:1.5rem}.submit-link{background:var(--color-primary);color:#fff;border-radius:8px;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.submit-link:hover{background:var(--color-primary-dark)}.related-tools{border-top:1px solid var(--color-border);margin-top:2.5rem;padding-top:1.5rem}.related-tools h2{margin-bottom:.75rem;font-size:1.05rem}.related-tools ul{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.related-tools a{background:var(--color-accent);color:var(--color-primary);border-radius:999px;padding:.45rem 1rem;font-size:.9rem;text-decoration:none;display:inline-block}.related-tools a:hover{background:var(--color-border)}.ad-slot{border:1px dashed var(--color-border);border-radius:var(--radius);color:var(--color-muted);text-align:center;margin:1.5rem 0;padding:1rem;font-size:.8rem}