.settlement-page { --settle-ink:#21382e; --settle-muted:#62695e; --settle-line:#d9d4c8; --settle-green:#203c32; --settle-green-soft:#e8eee5; --settle-paper:#f6f3eb; --settle-white:#fffefa; --settle-rust:#b55132; }
.settlement-main { max-width:1120px; }
.settle-crumb { color:var(--settle-muted); font-size:13px; margin:2px 0 22px; }
.settle-crumb a { color:var(--settle-green); text-underline-offset:3px; }
.settle-intro { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr); gap:30px; align-items:center; margin:8px 0 22px; }
.settle-eyebrow { color:var(--settle-rust); font-size:12px; font-weight:700; margin:0 0 10px; }
.settle-intro h1 { color:var(--settle-ink); font-family:Georgia,"Times New Roman",serif; font-size:clamp(34px,4vw,50px); font-weight:400; letter-spacing:-1.5px; line-height:1.04; margin:0 0 13px; }
.settle-lead { color:var(--settle-ink); font-size:18px; line-height:1.48; margin:0; max-width:62ch; }
.settle-example { background:var(--settle-green-soft); border-left:4px solid var(--settle-green); padding:18px 20px; display:flex; flex-direction:column; gap:7px; }
.settle-example p { color:var(--settle-rust); font-size:12px; font-weight:700; margin:0; }
.settle-example strong { color:var(--settle-ink); font-size:15px; line-height:1.4; }
.settle-example span { color:var(--settle-green); font-size:17px; font-weight:700; line-height:1.4; }
.settle-example small { color:var(--settle-muted); font-size:12px; line-height:1.45; }
.settle-tool { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); border:1px solid var(--settle-line); background:var(--settle-white); }
.settle-inputs { padding:26px; min-width:0; }
.settle-section-heading { display:flex; gap:13px; align-items:flex-start; margin:0 0 21px; }
.settle-section-heading > span { display:grid; place-items:center; width:30px; height:30px; flex:none; color:var(--settle-white); background:var(--settle-green); font-family:Georgia,serif; font-size:15px; }
.settle-section-heading h2,.settle-result h2 { color:var(--settle-ink); font-family:Georgia,"Times New Roman",serif; font-size:24px; font-weight:400; line-height:1.18; margin:0 0 6px; }
.settle-section-heading p { color:var(--settle-muted); font-size:13px; line-height:1.5; margin:0; }
.settle-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 14px; }
.settle-field { display:flex; flex-direction:column; gap:7px; min-width:0; color:var(--settle-ink); font-size:13px; font-weight:650; }
.settle-field small { color:var(--settle-muted); font-size:12px; font-weight:400; line-height:1.45; }
.settle-entry { display:flex; min-width:0; height:47px; border:1px solid #bbbeb1; background:#fff; }
.settle-entry:focus-within { outline:3px solid #b5513240; outline-offset:2px; }
.settle-entry input { width:100%; min-width:0; border:0; outline:0; border-radius:0; padding:0 12px; color:var(--settle-ink); font-size:16px; font-weight:600; }
.settle-entry input:focus { outline:0; }
.settle-entry > span { display:flex; align-items:center; padding:0 11px; color:var(--settle-muted); border-left:1px solid var(--settle-line); background:#f8f6f0; font-size:12px; white-space:nowrap; }
.settle-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:21px; }
.settle-button,.settle-copy { min-height:44px; border:1px solid var(--settle-green); border-radius:2px; padding:10px 16px; background:var(--settle-green); color:#fff; font:600 14px/1.2 "Segoe UI",Arial,sans-serif; cursor:pointer; }
.settle-button.secondary { background:transparent; color:var(--settle-green); }
.settle-button:hover,.settle-copy:not(:disabled):hover { background:#315b49; }
.settle-button.secondary:hover { background:#f0f2ea; }
.settle-assumption { border-top:1px solid var(--settle-line); color:var(--settle-muted); font-size:12px; line-height:1.55; margin:20px 0 0; padding-top:13px; }
.settle-result { min-width:0; padding:27px; border-left:1px solid var(--settle-line); background:#f2eee4; }
.settle-result-kicker { color:var(--settle-rust); font-size:11px; font-weight:750; letter-spacing:.7px; margin:0 0 9px; }
.settle-result h2 { margin-bottom:10px; }
.settle-status { color:var(--settle-muted); font-size:13px; line-height:1.5; margin:0 0 18px; min-height:39px; }
.settle-results { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #cbc6b9; margin:0; }
.settle-results > div { padding:12px 8px 12px 0; border-bottom:1px solid #cbc6b9; }
.settle-results dt { color:var(--settle-muted); font-size:12px; line-height:1.3; }
.settle-results dd { color:var(--settle-green); font-size:21px; font-weight:700; letter-spacing:-.3px; line-height:1.35; margin:4px 0 0; overflow-wrap:anywhere; }
.settle-summary { color:var(--settle-ink); font-size:13px; line-height:1.5; margin:14px 0; min-height:39px; }
.settle-copy:disabled { border-color:#9ca39a; background:#9ca39a; cursor:not-allowed; }
.settle-copy-status { color:var(--settle-green); font-size:12px; min-height:18px; margin:8px 0 0; }
.settle-copy-fallback { width:100%; margin-top:10px; font:12px/1.5 ui-monospace,monospace; }
.settle-limit { border-top:1px solid #cbc6b9; color:var(--settle-muted); font-size:12px; line-height:1.5; margin:15px 0 0; padding-top:12px; }
.settle-figure { margin:24px auto 28px; max-width:960px; padding:18px 22px 13px; border-bottom:1px solid var(--settle-line); background:var(--settle-white); }
.settle-figure img { display:block; width:100%; height:auto; }
.settle-figure figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; color:var(--settle-muted); font-size:12px; padding:7px 2px 0; }
.settle-section { margin:24px 0; padding:25px 28px; border:1px solid var(--settle-line); background:var(--settle-white); }
.settle-section h2 { color:var(--settle-ink); font-family:Georgia,"Times New Roman",serif; font-size:27px; font-weight:400; line-height:1.2; margin:0 0 13px; }
.settle-section p,.settle-section li { color:var(--settle-ink); font-size:15px; line-height:1.72; max-width:78ch; }
.settle-section p:first-of-type { margin-top:0; }
.settle-section a { color:#234f3e; text-underline-offset:3px; }
.settle-formula { padding:16px 18px; margin:17px 0; border-left:3px solid var(--settle-rust); background:#f7f4ec; color:var(--settle-ink); font-size:14px; line-height:1.85; overflow-wrap:anywhere; }
.settle-study-table-wrap { width:100%; overflow-x:auto; margin:15px 0; }
.settle-study-table { width:100%; border-collapse:collapse; text-align:left; font-size:14px; line-height:1.5; }
.settle-study-table th,.settle-study-table td { padding:10px 12px; border-bottom:1px solid var(--settle-line); vertical-align:top; }
.settle-study-table thead th { color:var(--settle-green); background:#f0f2ea; font-weight:700; }
.settle-study-table tbody th { font-weight:600; }
.settle-faq details { border-top:1px solid var(--settle-line); padding:13px 0; }
.settle-faq details:last-child { border-bottom:1px solid var(--settle-line); }
.settle-faq summary { color:var(--settle-green); font-size:15px; font-weight:650; cursor:pointer; line-height:1.45; }
.settle-faq details p { margin:8px 0 0; }
.settle-related { border-left:3px solid var(--settle-rust); }
@media (max-width:760px) {
  .settle-intro { grid-template-columns:1fr; gap:15px; }
  .settle-lead { font-size:16px; }
  .settle-tool { grid-template-columns:1fr; }
  .settle-inputs { padding:20px; }
  .settle-result { border-left:0; border-top:1px solid var(--settle-line); padding:21px 20px; }
  .settle-section { padding:20px; }
}
@media (max-width:420px) {
  .settle-main { width:calc(100% - 28px); }
  .settle-crumb { margin-bottom:17px; }
  .settle-intro h1 { font-size:35px; letter-spacing:-1px; }
  .settle-example { padding:15px; }
  .settle-fields { grid-template-columns:1fr; gap:14px; }
  .settle-inputs { padding:16px; }
  .settle-result { padding:18px 16px; }
  .settle-results dd { font-size:19px; }
  .settle-figure { padding:14px 12px 10px; }
  .settle-figure figcaption { display:grid; grid-template-columns:1fr; gap:4px; }
  .settle-section { padding:17px 15px; }
  .settle-section h2 { font-size:24px; }
  .settle-study-table { font-size:13px; }
  .settle-study-table th,.settle-study-table td { padding:9px 7px; }
}
