@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap");.wwb{--navy:#325f81;--navy-light:#4f7fa3;--plum:#8c1f5d;--plum-bg:#f7edf2;--plum-border:#e3c2d6;--gold:#f8cc17;--gold-light:#fbe07a;--gray:#8a97a6;--bg:#f5f7fa;--card:#fff;--text:#1c2733;--muted:#5b6b7b;--border:#e2e8f0;color:var(--text);font-family:Sarabun,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:720px}.wwb,.wwb *{box-sizing:border-box}.wwb .wwb-titlebar{align-items:center;background:var(--navy);border-radius:12px 12px 0 0;color:#fff;display:flex;gap:10px;padding:14px 16px}.wwb .wwb-titlebar .wwb-logo{align-items:center;background:transparent;display:flex;flex-shrink:0;height:37px;justify-content:center;width:56px}.wwb .wwb-titlebar .wwb-logo svg{display:block;height:100%;width:100%}.wwb .wwb-titlebar .wwb-title{min-width:0}.wwb .wwb-titlebar h1{font-size:1rem;font-weight:700;margin:0;overflow-wrap:break-word}.wwb .wwb-titlebar p{color:#d9e6f0;font-size:.75rem;margin:1px 0 0;overflow-wrap:break-word}.wwb .rate-card{background:#eef2f7;border-bottom:1px solid var(--border);padding:16px 14px;text-align:center}.wwb .rate-card .rate-headline{line-height:1}.wwb .rate-card .rate-headline .lead{color:var(--navy);font-size:.88rem;font-weight:600}.wwb .rate-card .rate-headline .num{color:var(--plum);font-size:1.9rem;font-weight:800}.wwb .rate-card .rate-breakdown{color:var(--navy);display:flex;flex-wrap:wrap;font-size:.82rem;font-weight:600;gap:14px;justify-content:center;margin-top:10px}.wwb .rate-card .rate-breakdown .sub{color:#7c8ea1;font-weight:500}.wwb .rate-card .rate-breakdown .sep{color:#c7d0d8}.wwb .mini-label{color:var(--muted);display:block;font-size:.72rem;font-weight:700;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.wwb .wwb-body{background:var(--bg);border:1px solid var(--border);border-radius:0 0 12px 12px;border-top:none;padding:16px}.wwb .tabs{display:flex;gap:6px;margin-bottom:14px}.wwb .tab-btn{background:var(--card);border:1.5px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;flex:1;font-family:inherit;font-size:.82rem;font-weight:600;padding:9px 10px;text-align:center;transition:all .15s ease}.wwb .tab-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.wwb .panel{display:none}.wwb .panel.active{display:block}.wwb .card{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px rgba(50,95,129,.08);margin-bottom:14px;padding:16px}.wwb .card h2{font-size:.92rem;margin:0 0 3px}.wwb .card .sub{color:var(--muted);font-size:.78rem;margin:0 0 14px}.wwb .field-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px}.wwb .field{flex:1;min-width:160px}.wwb .field label{color:var(--muted);display:block;font-size:.76rem;font-weight:600;margin-bottom:5px}.wwb .field .input-money{position:relative}.wwb .field .input-money:before{color:var(--muted);content:"$";font-size:.9rem;font-weight:600;left:11px;position:absolute;top:50%;transform:translateY(-50%)}.wwb .field input[type=number]{color:var(--text);font-size:.9rem;padding:8px 10px 8px 24px}.wwb .field input[type=number],.wwb .field select{background:#fbfcfd;border:1.5px solid var(--border);border-radius:7px;font-family:inherit;width:100%}.wwb .field select{font-size:.88rem;padding:8px 10px}.wwb .field input:focus,.wwb .field select:focus{outline:2px solid var(--navy-light);outline-offset:1px}.wwb .radio-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.wwb .radio-opt{align-items:flex-start;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex:1;gap:8px;min-width:190px;padding:10px 12px}.wwb .radio-opt.selected{background:#eef4f8;border-color:var(--navy)}.wwb .radio-opt input{margin-top:3px}.wwb .radio-opt .label{font-size:.84rem;font-weight:600;line-height:1.25}.wwb .radio-opt .desc{color:var(--muted);font-size:.72rem;line-height:1.25;margin-top:1px}.wwb .toggle-row{align-items:center;background:#f7f9fc;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 12px}.wwb .toggle-row .t-label{font-size:.84rem;font-weight:600}.wwb .toggle-row .t-desc{color:var(--muted);font-size:.72rem;margin-top:1px}.wwb .switch{flex-shrink:0;height:21px;position:relative;width:38px}.wwb .switch input{height:0;opacity:0;width:0}.wwb .slider{background:#c9d2dc;border-radius:999px;cursor:pointer;inset:0}.wwb .slider,.wwb .slider:before{position:absolute;transition:.15s}.wwb .slider:before{background:#fff;border-radius:50%;content:"";height:15px;left:3px;top:3px;width:15px}.wwb input:checked+.slider{background:var(--line-color,var(--plum))}.wwb input:checked+.slider:before{transform:translateX(17px)}.wwb .line-toggles{display:flex;flex-direction:column;gap:8px}.wwb .line-toggle{align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;padding:9px 10px;transition:border-color .15s ease}.wwb .line-toggle.on{border-color:var(--line-color,var(--border))}.wwb .line-toggle .swatch{background:var(--line-color,var(--navy));border-radius:3px;flex-shrink:0;height:9px;margin-top:3px;width:9px}.wwb .line-toggle .lt-text{display:flex;flex:1;flex-direction:column;line-height:1.25;min-width:0}.wwb .line-toggle .lt-text b{font-size:.8rem;line-height:1.25}.wwb .line-toggle .lt-text small{color:var(--muted);font-size:.7rem;line-height:1.25;margin-top:1px}.wwb .line-toggle .switch{flex-shrink:0;margin-top:2px}.wwb .results-headline{margin:4px 0 6px;text-align:center}.wwb .results-headline .rh-line1{line-height:1}.wwb .results-headline .rh-lead{color:var(--navy);font-size:.84rem;font-weight:600}.wwb .results-headline .rh-num{color:var(--plum);font-size:1.6rem;font-weight:800}.wwb .results-headline .rh-sub{color:var(--muted);font-size:.72rem;margin-top:4px}.wwb .results-headline .rh-fineprint{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.72rem;gap:10px;justify-content:center;margin-top:8px}.wwb .results-headline .rh-fp-val{color:#8c9aa8}.wwb .results-headline .rh-sep{color:#c7d0d8}.wwb .plan-compare{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.wwb .plan-compare-item{background:#f7f9fc;border:1px solid var(--border);border-left:3px solid var(--line-color,var(--navy));border-radius:8px;flex:1;min-width:130px;padding:9px 10px}.wwb .plan-compare-item.primary{background:#fff;border-color:var(--line-color,var(--navy));box-shadow:0 1px 2px rgba(50,95,129,.08)}.wwb .plan-compare-item .pc-label{color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.wwb .plan-compare-item .pc-val{color:var(--text);font-size:1rem;font-weight:800;margin-top:2px}.wwb .plan-compare-item.primary .pc-val{color:var(--line-color,var(--plum))}.wwb .diff-list{display:flex;flex-direction:column;gap:6px;margin:12px 0}.wwb .diff-item{align-items:baseline;background:#f7f9fc;border:1px solid var(--border);border-radius:8px;color:var(--text);display:flex;font-size:.78rem;gap:8px;padding:8px 12px}.wwb .diff-item .diff-amt{color:var(--plum);font-size:.86rem;font-weight:800;white-space:nowrap}.wwb .callout{align-items:center;background:var(--plum-bg);border:1px solid var(--plum-border);border-radius:8px;color:var(--plum);display:flex;font-size:.8rem;font-weight:600;gap:8px;margin-top:12px;padding:10px 12px}.wwb .callout.warn{background:#fdf3ee;border-color:#f0c9b4;color:#b5581f}.wwb .empty-note{color:var(--muted);font-size:.82rem;padding:30px 10px;text-align:center}.wwb .chart-wrap{height:280px;margin-top:6px;position:relative}.wwb .legend-note{color:var(--muted);font-size:.72rem;line-height:1.5;margin-top:10px}.wwb footer.disclaimer{border-top:1px solid var(--border);color:var(--muted);font-size:.68rem;line-height:1.6;margin-top:2px;padding-top:12px}@media (max-width:480px){.wwb .chart-wrap{height:230px}.wwb .wwb-titlebar h1{font-size:.9rem}.wwb .tabs{flex-wrap:wrap}.wwb .tab-btn{min-width:100%}}@media (max-width:360px){.wwb .wwb-titlebar{flex-wrap:wrap}.wwb .rate-card{padding:12px 10px}.wwb .wwb-body{padding:12px}}