.dfax-root { --dark:#233244; --warm:#9c664a; --green:#3c7c69; --light:#f7f4ef; --line:#e1e6e9; --muted:#5d6977; color:var(--dark); font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; max-width:1200px; margin:16px auto 45px; line-height:1.6; }
.dfax-root *{box-sizing:border-box} .dfax-root h2,.dfax-root h3,.dfax-root p{margin-top:0}
.dfax-hero {background:linear-gradient(115deg,#1f3043 0%,#314455 65%,#596457 100%);color:#fff;padding:32px 34px 29px;border-radius:17px;box-shadow:0 9px 26px #24314422}
.dfax-eyebrow{letter-spacing:.14em;font-weight:700;font-size:11px;color:#efd3b4;margin-bottom:10px}
.dfax-hero h2{font-size:clamp(25px,3.4vw,37px)!important;line-height:1.15;color:#fff!important;background:none!important;padding:0!important;margin:0 0 13px!important}
.dfax-hero p{font-size:16px;color:#e7edf2;max-width:810px;margin:0 0 19px}
.dfax-mini-meta{display:flex;gap:9px;flex-wrap:wrap}.dfax-mini-meta span{background:#ffffff18;border:1px solid #ffffff38;border-radius:50px;font-size:12px;padding:6px 11px}
.dfax-nav{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;margin:21px 0 24px;padding:5px 0 12px;border-bottom:1px solid var(--line)}
.dfax-nav button{background:#fff;color:#445367;border:1px solid #d9dce0;border-radius:8px;font-family:inherit;font-weight:700;white-space:nowrap;padding:11px 13px;cursor:pointer;font-size:13px;transition:all .15s}
.dfax-nav button:hover{border-color:var(--warm);color:var(--warm)} .dfax-nav button[aria-selected="true"]{background:#815b46;color:white;border-color:#815b46}
.dfax-root.dfax-ready .dfax-section{display:none}.dfax-root.dfax-ready .dfax-section.dfax-active{display:block}
.dfax-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin:0 0 18px;box-shadow:0 3px 14px #2734430b}
.dfax-section-title{display:flex;gap:16px;margin-bottom:24px}.dfax-section-title>span{background:#f1e9df;color:#8c573e;border-radius:10px;font-size:18px;min-width:50px;height:50px;display:grid;place-items:center;font-weight:800}
.dfax-section-title h2{font-size:clamp(21px,3vw,29px)!important;line-height:1.22;margin:0 0 9px!important;color:var(--dark)!important;background:none!important;padding:0!important}.dfax-section-title p{font-size:15px;color:var(--muted);margin:0;max-width:810px}
.dfax-plot-card{background:#fbfcfd;border:1px solid #e6e9ec;border-radius:13px;padding:18px 20px 12px;margin:18px 0}
.dfax-plot-head{display:flex;gap:12px;align-items:start;justify-content:space-between;flex-wrap:wrap}.dfax-plot-head h3{font-size:18px!important;line-height:1.35;margin:0 0 6px!important;color:var(--dark)!important;background:none!important;padding:0!important}.dfax-plot-head p{font-size:13px;color:var(--muted);margin:0}
.dfax-tag{font-size:11px;font-weight:750;border-radius:30px;padding:5px 10px;white-space:nowrap}.dfax-tag-real{background:#e6f0ec;color:#2c6554}.dfax-tag-demo{background:#fff1dc;color:#895a24}
.dfax-plot{height:280px;min-width:0;position:relative;margin-top:10px}.dfax-plot svg{height:100%;width:100%;display:block}.dfax-plot .dfax-svg-label{fill:#657287;font-size:12px}.dfax-plot .dfax-svg-grid{stroke:#e1e7eb;stroke-width:1}.dfax-plot .dfax-svg-axis{stroke:#b6c1ca;stroke-width:1}.dfax-error{color:#7b4a3a;background:#fff6ec;padding:20px;border-radius:9px}
.dfax-chart-tools{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:12px;color:#586778;margin:4px 0 10px}.dfax-chart-tools a{color:#865a42;text-decoration:underline}.dfax-export{background:#fff;color:#4d6475;border:1px solid #bdcbd1;border-radius:7px;padding:6px 12px;cursor:pointer;font:inherit;font-weight:700}.dfax-export:hover{background:#f1f5f6}
.dfax-table-wrap{border-top:1px solid var(--line);padding:9px 0 0;font-size:13px}.dfax-table-wrap summary{cursor:pointer;color:#596577;font-weight:700}.dfax-table-wrap table{border-collapse:collapse;width:100%;margin:12px 0;font-variant-numeric:tabular-nums}.dfax-table-wrap th,.dfax-table-wrap td{border:1px solid #d9e1e7;padding:6px 11px;text-align:right}.dfax-table-wrap th:first-child,.dfax-table-wrap td:first-child{text-align:left}.dfax-table-wrap th{background:#f0f4f6}
.dfax-insight{background:#f2f0ec;border-left:4px solid var(--warm);padding:16px 18px;font-size:15px;line-height:1.68;border-radius:0 10px 10px 0;margin-top:20px}.dfax-insight strong{color:#664431}
.dfax-explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0 0}.dfax-explain-grid>div{background:var(--light);border:1px solid #ede6dd;border-radius:10px;padding:13px}.dfax-explain-grid b{color:#725141}.dfax-explain-grid p{margin:6px 0 0;font-size:13px}
.dfax-live-info{background:#ebf4f6;color:#335766;padding:11px 15px;border-radius:8px;font-size:13px}
.dfax-settings{display:flex;flex-wrap:wrap;gap:16px;background:#f5f1e9;padding:15px;border-radius:11px}.dfax-settings label{font-weight:700;font-size:13px;display:flex;flex-direction:column;gap:7px;min-width:190px}.dfax-settings input,.dfax-settings select{min-width:0;border:1px solid #bdc9cf;border-radius:6px;background:#fff;color:#233244;padding:9px;font:inherit;box-shadow:none}.dfax-loan-summary{font-size:14px;border:1px solid #e1e6e9;background:white;border-radius:9px;padding:13px 15px;margin:11px 0}.dfax-loan-summary b{color:#80563f}
.dfax-footer{font-size:12px;color:#66727e;margin:19px 3px 5px;border-top:1px solid var(--line);padding-top:13px}
@media(max-width:690px){.dfax-hero{padding:24px 18px}.dfax-section{padding:17px 12px}.dfax-section-title{gap:10px}.dfax-section-title>span{min-width:38px;height:40px}.dfax-explain-grid{grid-template-columns:1fr}.dfax-plot-card{padding:14px 11px}.dfax-plot{height:235px}.dfax-chart-tools{align-items:start}.dfax-tag{font-size:10px}}