:root{color:#17211f;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f4f1e8;--paper:#fbfaf5;--ink:#17211f;--ink-soft:#4f5b57;--muted:#7b847f;--line:#d7d5ca;--line-dark:#30413c;--navy:#172d2a;--navy-light:#22413c;--yellow:#f2bf3f;--yellow-soft:#f9e8b8;--blue:#8bb5c4;--blue-soft:#dbe9ed;--green:#20725e;--red:#aa3e34;--radius-sm:8px;--radius-md:14px;--shadow:0 20px 50px #17211f14;background:#f4f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);-webkit-text-size-adjust:100%;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #f2bf3fa6}.page{max-width:720px;margin:0 auto;padding:48px 24px 64px}.page-header{margin-bottom:32px}.home-link{color:var(--ink-soft);margin-bottom:12px;font-size:.8rem;text-decoration:none;display:inline-block}.home-link:hover{color:var(--ink);text-decoration:underline}.page-header h1{color:var(--navy);margin:0 0 8px;font-size:2rem}.page-header p{color:var(--ink-soft);margin:0}.assumptions-note{color:var(--ink-soft);margin-top:8px;font-size:.85rem}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);margin-bottom:24px;padding:24px}.card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 16px;font-size:.8rem}.card-note{color:var(--ink-soft);margin:-8px 0 16px;font-size:.85rem;line-height:1.4}.param-fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.param-field{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.param-field input{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);padding:8px 10px;font-size:1rem}.bracket-table{border-collapse:collapse;width:100%}.bracket-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line);padding-bottom:8px;font-size:.75rem}.bracket-table td{border-bottom:1px solid var(--line);padding:8px 8px 8px 0}.bracket-table input{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--ink);padding:6px 8px;font-size:.95rem}.bracket-unbounded{color:var(--ink-soft);font-size:.9rem}.result-panel{text-align:center;margin-top:24px}.price-headline{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.price-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.8rem}.price-value{color:var(--navy);font-size:3rem;font-weight:700}.factor-note{color:var(--ink-soft);font-size:.8rem}.breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.breakdown-tile{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px}.breakdown-tile b{color:var(--navy);font-size:1.3rem;display:block}.breakdown-tile small{color:var(--ink-soft);margin-top:4px;font-size:.75rem;display:block}.reset-button{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);cursor:pointer;background:0 0;padding:8px 14px;font-size:.85rem}.reset-button:hover{color:var(--ink);border-color:var(--muted)}.subhead{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:24px 0 12px;font-size:.8rem}.pay-line{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:2px;margin-bottom:16px;padding:14px;display:flex}.pay-line span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.75rem}.pay-line b{color:var(--navy);font-size:1.6rem}.pay-line small{color:var(--ink-soft);font-size:.75rem}.result-note{margin:16px 0 0}.warn-note{color:var(--ink);background:var(--canvas);border:1px solid var(--yellow,var(--line));border-radius:var(--radius-sm);text-align:left;margin:12px 0 0;padding:10px 12px;font-size:.8rem;line-height:1.4}.inline-button{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);cursor:pointer;background:0 0;margin-top:12px;padding:6px 12px;font-size:.8rem}.inline-button:hover{color:var(--ink);border-color:var(--muted)}.extra-block{margin-bottom:24px}.extra-block>summary{cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-soft);padding:14px 16px;font-size:.85rem}.extra-block>summary:hover{color:var(--ink)}.extra-block[open]>summary{margin-bottom:16px}.price-value.is-warning{color:var(--red)}.warn-note.is-danger{border-color:var(--red);color:var(--red)}.field-note{color:var(--ink-soft);margin:14px 0 0;font-size:.85rem;line-height:1.4}.table-scroll{overflow-x:auto}.compare-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);padding:8px 10px 8px 0}.compare-table thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.75rem}.compare-table tbody th{color:var(--ink-soft);font-weight:400}.compare-table td{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.compare-table tbody td:last-child{font-weight:600}.compare-result{background:var(--canvas);border:1px solid var(--line);border-left:3px solid var(--green,var(--navy));border-radius:var(--radius-sm);text-align:left;color:var(--ink);margin:16px 0 0;padding:12px 14px;font-size:.9rem;line-height:1.45}.compare-result.is-danger{border-left-color:var(--red);color:var(--red)}
