:root{--accent:var(--calc-color-education);--accent-glow:#f472b640}[data-theme=light]{--accent:#be185d;--accent-glow:none}.main-container{max-width:1100px;margin:0 auto;padding:0 20px 20px}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}.tab-nav{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.tab-btn{border-radius:var(--calc-radius-md,10px);border:1px solid var(--calc-border-default,#ffffff1f);background:var(--calc-bg-card,#ffffff0a);color:var(--calc-text-primary,#f8fafc);cursor:pointer;padding:8px 18px;font-size:.88rem;font-weight:500;transition:background .2s,border-color .2s}.tab-btn:hover{border-color:var(--accent);background:#f472b61f}.tab-btn.active,.tab-btn[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=light] .tab-btn{color:#0f172a;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .tab-btn:hover{background:#be185d14;border-color:#be185d}[data-theme=light] .tab-btn.active,[data-theme=light] .tab-btn[aria-selected=true]{color:#fff;background:#be185d;border-color:#be185d}.preset-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.preset-chip{border:1px solid var(--calc-border-default,#ffffff1f);color:var(--calc-text-primary,#f8fafc);cursor:pointer;background:0 0;border-radius:20px;padding:6px 14px;font-size:.82rem;transition:background .2s,border-color .2s,color .2s}.preset-chip:hover{border-color:var(--accent);color:var(--accent)}.preset-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=light] .preset-chip{color:#334155;background:#f0f4f9;border-color:#00000026}[data-theme=light] .preset-chip:hover{color:#be185d;background:#be185d0f;border-color:#be185d}[data-theme=light] .preset-chip.active{color:#fff;background:#be185d;border-color:#be185d}.input-card{background:var(--calc-bg-card,#ffffff0a);border:1px solid var(--calc-border-default,#ffffff14);border-radius:var(--calc-radius-lg,16px);margin-bottom:20px;padding:20px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--calc-text-faded,#a8b8cc);font-size:.82rem;font-weight:500}.form-group input,.form-group select{border:1px solid var(--calc-border-default,#ffffff1a);background:var(--calc-bg-input,#ffffff0d);color:var(--calc-text-primary,#f8fafc);font-size:.95rem;font-family:var(--calc-font-mono,monospace);box-sizing:border-box;border-radius:8px;width:100%;padding:9px 12px;transition:border-color .2s}.form-group select{font-family:var(--calc-font-body,sans-serif);cursor:pointer}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}[data-theme=light] .input-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #0000000f}[data-theme=light] .form-group label{color:#475569}[data-theme=light] .form-group input,[data-theme=light] .form-group select{color:#0f172a;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group select:focus{box-shadow:none;border-color:#be185d}.result-card{background:var(--calc-bg-card,#ffffff0a);border:1px solid var(--calc-border-default,#ffffff14);border-radius:var(--calc-radius-lg,16px);padding:24px}.hero-area{text-align:center;border-bottom:1px solid var(--calc-border-default,#ffffff12);margin-bottom:16px;padding-bottom:16px}.hero-label{color:var(--calc-text-faded,#a8b8cc);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.85rem}.hero-value{font-size:2.8rem;font-weight:700;font-family:var(--calc-font-mono,monospace);line-height:1.1;transition:color .35s}.hero-value.dti-good{color:var(--calc-emerald,#34d399)}.hero-value.dti-fair{color:var(--calc-gold,#fbbf24)}.hero-value.dti-high{color:var(--calc-rose,#fb7185)}.hero-sub{color:var(--calc-text-dim,#7b90a8);margin-top:4px;font-size:.78rem}[data-theme=light] .hero-value.dti-good{color:#047857}[data-theme=light] .hero-value.dti-fair{color:#b45309}[data-theme=light] .hero-value.dti-high{color:#e11d48}[data-theme=light] .result-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #0000000f}[data-theme=light] .hero-area{border-color:#00000014}.dti-meter-wrap{margin:0 0 16px}.dti-meter-track{background:#ffffff14;border-radius:8px;height:10px;margin-bottom:6px;position:relative;overflow:hidden}.dti-meter-fill{background:var(--calc-emerald,#34d399);border-radius:8px;width:0%;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1),background .35s}.dti-meter-fill.dti-fair{background:var(--calc-gold,#fbbf24)}.dti-meter-fill.dti-high{background:var(--calc-rose,#fb7185)}.dti-zone-markers{pointer-events:none;height:100%;position:absolute;top:0;left:0;right:0}.dti-zone-marker{background:#ffffff40;width:2px;height:100%;position:absolute;top:0;transform:translate(-50%)}.dti-meter-labels{justify-content:space-between;font-size:.7rem;display:flex}.label-good{color:var(--calc-emerald,#34d399)}.label-fair{color:var(--calc-gold,#fbbf24)}.label-high{color:var(--calc-rose,#fb7185)}[data-theme=light] .dti-meter-track{background:#00000014}[data-theme=light] .dti-zone-marker{background:#0003}[data-theme=light] .label-good{color:#047857}[data-theme=light] .label-fair{color:#b45309}[data-theme=light] .label-high{color:#e11d48}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-cell{text-align:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;padding:12px}.stat-label{color:var(--calc-text-faded,#a8b8cc);margin-bottom:4px;font-size:.74rem}.stat-value{font-size:1rem;font-weight:600;font-family:var(--calc-font-mono,monospace);color:var(--calc-text-primary,#f8fafc)}[data-theme=light] .stat-cell{background:#edf2f9;border-color:#0000001a}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .stat-value{color:#0f172a}.alert-box{border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:.88rem;line-height:1.55}.alert-good{color:#6ee7b7;background:#34d3991a;border:1px solid #34d39940}.alert-fair{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf2440}.alert-high{color:#fda4af;background:#fb71851a;border:1px solid #fb718540}[data-theme=light] .alert-good{color:#14532d;background:#f0fdf4;border-color:#16a34a59}[data-theme=light] .alert-fair{color:#78350f;background:#fffbeb;border-color:#d9770659}[data-theme=light] .alert-high{color:#7f1d1d;background:#fff1f2;border-color:#ef444459}.action-bar{justify-content:flex-end;gap:10px;display:flex}.action-btn{border:1px solid var(--calc-border-default,#ffffff1f);color:var(--calc-text-primary,#f8fafc);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:background .2s,border-color .2s}.action-btn:hover{border-color:var(--accent);background:#f472b61f}[data-theme=light] .action-btn{color:#334155;background:#f0f4f9;border-color:#00000026}[data-theme=light] .action-btn:hover{color:#be185d;background:#be185d14;border-color:#be185d}.tab-intro{color:var(--calc-text-faded,#a8b8cc);margin:0 0 16px;font-size:.88rem;line-height:1.5}[data-theme=light] .tab-intro{color:#475569}.field-comp-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.field-card{background:var(--calc-bg-card,#ffffff0a);border:1px solid var(--calc-border-default,#ffffff14);border-radius:var(--calc-radius-lg,16px);padding:14px;transition:border-color .2s}.field-card-header{color:var(--calc-text-primary,#f8fafc);border-bottom:1px solid #ffffff12;margin-bottom:10px;padding-bottom:8px;font-size:.88rem;font-weight:600}.field-stat{justify-content:space-between;align-items:center;padding:4px 0;font-size:.82rem;display:flex}.field-stat span:first-child{color:var(--calc-text-faded,#a8b8cc)}.field-stat span:last-child{font-family:var(--calc-font-mono,monospace);color:var(--calc-text-primary,#f8fafc);font-weight:600}.field-badge{border-radius:12px;margin-top:8px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.field-badge.badge-good{color:#6ee7b7;background:#34d39926}.field-badge.badge-fair{color:#fde68a;background:#fbbf2426}.field-badge.badge-high{color:#fda4af;background:#fb718526}.load-field-btn{border:1px solid var(--accent);width:100%;color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;margin-top:10px;padding:6px 0;font-size:.8rem;font-weight:500;transition:background .2s;display:block}.load-field-btn:hover{background:var(--accent);color:#fff}[data-theme=light] .field-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .field-card-header{color:#0f172a;border-color:#00000014}[data-theme=light] .field-stat span:first-child{color:#64748b}[data-theme=light] .field-stat span:last-child{color:#0f172a}[data-theme=light] .field-badge.badge-good{color:#047857;background:#f0fdf4}[data-theme=light] .field-badge.badge-fair{color:#78350f;background:#fffbeb}[data-theme=light] .field-badge.badge-high{color:#7f1d1d;background:#fff1f2}[data-theme=light] .load-field-btn{color:#be185d;border-color:#be185d}[data-theme=light] .load-field-btn:hover{color:#fff;background:#be185d}.scenario-table-wrap{overflow-x:auto}.scenario-table{border-collapse:collapse;width:100%;font-size:.88rem}.scenario-table th{text-align:left;color:var(--calc-text-faded,#a8b8cc);white-space:nowrap;background:#ffffff0d;border-bottom:1px solid #ffffff14;padding:10px 14px;font-weight:600}.scenario-table td{color:var(--calc-text-primary,#f8fafc);font-family:var(--calc-font-mono,monospace);border-bottom:1px solid #ffffff0d;padding:10px 14px}.scenario-table td:first-child{font-family:var(--calc-font-body,sans-serif);font-weight:600}.scenario-table tr:hover td{background:#ffffff08}.rating-badge{font-size:.75rem;font-weight:700;font-family:var(--calc-font-body,sans-serif);border-radius:14px;padding:3px 10px;display:inline-block}.rating-good{color:#6ee7b7;background:#34d39926}.rating-fair{color:#fde68a;background:#fbbf2426}.rating-high{color:#fda4af;background:#fb718526}[data-theme=light] .scenario-table th{color:#475569;background:#edf2f9;border-color:#0000001a}[data-theme=light] .scenario-table td{color:#0f172a;border-color:#0000000f}[data-theme=light] .scenario-table td:first-child{color:#0f172a}[data-theme=light] .scenario-table tr:hover td{background:#f8fafc}[data-theme=light] .rating-good{color:#047857;background:#f0fdf4}[data-theme=light] .rating-fair{color:#78350f;background:#fffbeb}[data-theme=light] .rating-high{color:#7f1d1d;background:#fff1f2}.chart-wrap{height:280px;position:relative}.chart-card{background:var(--calc-bg-card,#ffffff0a);border:1px solid var(--calc-border-default,#ffffff14);border-radius:var(--calc-radius-lg,16px);padding:20px}.chart-card h3{color:var(--calc-text-faded,#a8b8cc);margin-bottom:14px;font-size:.9rem;font-weight:600}[data-theme=light] .chart-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000f}[data-theme=light] .chart-card h3{color:#475569}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:var(--calc-text-primary,#f8fafc);user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.9rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-family:var(--calc-font-mono,monospace);color:var(--calc-text-faded,#a8b8cc);flex-shrink:0;margin-left:16px;font-size:1.1rem;transition:color .2s}.faq-item[open] .faq-item__question:after{content:"−";color:var(--accent)}.faq-item__question:hover{color:var(--accent)}.faq-item__answer{color:var(--calc-text-faded,#a8b8cc);padding:0 4px 14px;font-size:.85rem;line-height:1.75}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item{background:#fff;border:1px solid #0000001a;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item:hover{border-color:#be185d4d}[data-theme=light] .faq-item[open]{border-color:#be185d66 #be185d66 #be185d66 #be185d;border-left-style:solid;border-left-width:3px}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#be185d}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}@media (width<=1024px){.field-comp-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.field-comp-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.stat-grid{grid-template-columns:1fr 1fr}.field-comp-grid{grid-template-columns:1fr}.hero-value{font-size:2rem}}