:root{--ds-page: #f7f3f0;--ds-card: #ffffff;--ds-ink: #292524;--ds-ink-2: #6f6660;--ds-hairline: #e8e0da;--ds-teal: #0f766e;--ds-red: #c2432f;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html,body,#root{margin:0;min-height:100%}body{background:var(--ds-page);color:var(--ds-ink);font-family:var(--sans);font-size:16px;line-height:1.5}.page{padding:24px 16px 64px}.file-card{max-width:720px;margin:0 auto;background:var(--ds-card);border-radius:24px;padding:40px 28px 32px;box-shadow:0 1px 2px #2925240f,0 8px 32px #2925240d}@media (max-width: 600px){.file-card{padding:28px 20px 24px;border-radius:20px}}.app-header h1{font-family:var(--serif);font-weight:500;font-size:40px;line-height:1.1;margin:0 0 8px;letter-spacing:-.01em}.app-fact{margin:0 0 20px;color:var(--ds-ink-2);font-size:14px}.app-intro{margin:0 0 28px;font-size:17px}.group{margin:0 0 36px}.group-label{font-family:var(--serif);font-weight:500;font-size:24px;margin:0 0 16px}.caption{color:var(--ds-ink-2);font-size:13px;margin:10px 0 0}.closing{margin:32px 0 0;padding-top:20px;border-top:1px solid var(--ds-hairline);color:var(--ds-ink-2);font-size:14px}.callout{border-radius:14px;padding:14px 16px;margin:0 0 24px;background:#f4efec}.callout.tone-warning{background:#fbf0e8}.callout strong{display:block;margin-bottom:4px}.callout p{margin:0;color:var(--ds-ink-2);font-size:15px}.file-nav{display:flex;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--ds-hairline);margin-bottom:28px}.file-nav a{padding:10px 0;color:var(--ds-ink-2);text-decoration:none}.file-nav a[aria-current=page]{color:var(--ds-ink);box-shadow:inset 0 -1px 0 var(--ds-ink)}@media (max-width: 600px){.file-nav a{display:inline-flex;align-items:center;min-height:44px}}.file-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;border:1px solid transparent}.file-button.is-compact{min-height:44px;padding:0 16px;font-size:14px}.file-button[data-variant=secondary]{border-color:var(--ds-hairline);background:var(--ds-card);color:var(--ds-ink)}.file-button[data-variant=secondary]:hover{border-color:var(--ds-ink-2)}.file-button[data-variant=ghost]{background:transparent;border-color:transparent;color:var(--ds-ink)}.file-button[data-variant=ghost]:hover{background:#f4efec}.file-button:disabled{opacity:.5;cursor:default}.facts{margin:0}.facts div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--ds-hairline)}.facts div:last-child{border-bottom:0}.facts dt{color:var(--ds-ink-2);flex:none}.facts dd{margin:0;text-align:right;overflow-wrap:anywhere}.rows{border-top:1px solid var(--ds-hairline)}.row{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--ds-hairline)}.row-text{display:grid;min-width:0;flex:1}.row-text strong{overflow-wrap:anywhere}.row-text span{color:var(--ds-ink-2);font-size:14px}.row-value{font-weight:600;white-space:nowrap}.chart-head{display:flex;justify-content:space-between;gap:16px;color:var(--ds-ink-2);font-size:13px;margin-bottom:10px}.linechart{margin:0;border:1px solid var(--ds-hairline);border-radius:16px;padding:16px}.linechart svg{display:block;width:100%;height:auto}.linechart .line{fill:none;stroke:var(--ds-ink);stroke-width:2}.linechart .dot{fill:var(--ds-card);stroke:var(--ds-ink);stroke-width:2}.linechart .axis{stroke:var(--ds-hairline);stroke-width:1}.linechart .axis.faint{stroke-dasharray:2 4}.chart-ends{display:flex;justify-content:space-between;gap:16px;color:var(--ds-ink-2);font-size:13px;margin-top:8px}.stacked{border:1px solid var(--ds-hairline);border-radius:16px;padding:16px}.stacked-bar{display:flex;height:18px;border-radius:6px;overflow:hidden}.stacked-bar div:first-child{background:#57504b}.stacked-bar div:last-child{background:#b8aea6}.stacked-legend{margin-top:12px}.stacked-part{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--ds-hairline);font-size:15px}.stacked-part:last-child{border-bottom:0}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:10px}.swatch.s0{background:#57504b}.swatch.s1{background:#b8aea6}.slider{display:block;margin:0 0 20px}.slider-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;color:var(--ds-ink-2);font-size:15px}.slider-top strong{color:var(--ds-ink)}.slider input[type=range]{width:100%;height:32px;accent-color:var(--ds-ink)}.choice{margin:0 0 8px}.choice-label{display:block;color:var(--ds-ink-2);font-size:15px;margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{min-height:44px;padding:0 16px;border:1px solid var(--ds-hairline);border-radius:999px;background:var(--ds-card);color:var(--ds-ink);font:inherit;cursor:pointer}.chip[aria-pressed=true]{border-color:var(--ds-teal);color:var(--ds-teal);font-weight:600}.loans{display:grid;gap:12px}.loan{border:1px solid var(--ds-hairline);border-radius:16px;padding:16px}.loan .file-button{margin-top:12px}.loan-top{display:flex;gap:10px;align-items:baseline}.loan-num{color:var(--ds-ink-2)}.loan-name{overflow-wrap:anywhere}.loan-amt{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 12px;font-size:22px;font-weight:600}.loan-amt .per{font-size:14px;font-weight:400;color:var(--ds-ink-2)}.badge{font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px;background:#f4efec;color:var(--ds-ink);white-space:nowrap}.loan[data-status=paid] .badge{color:var(--ds-teal)}.loan[data-status=late] .badge{color:var(--ds-red)}.loan-facts{margin:0;display:grid;gap:8px}.loan-facts div{display:flex;justify-content:space-between;gap:16px}.loan-facts dt{color:var(--ds-ink-2);flex:none}.loan-facts dd{margin:0;text-align:right;overflow-wrap:anywhere}.loan-note{margin:12px 0 0;color:var(--ds-ink-2);font-size:14px}.pay{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--ds-hairline);border-radius:16px;padding:16px}.pay-main{display:flex;gap:10px;align-items:baseline;min-width:0}.pay-text{display:grid}.pay-text strong{overflow-wrap:anywhere}.pay-text span{color:var(--ds-ink-2);font-size:14px}.pay-side{display:flex;align-items:center;gap:12px;flex:none}.pay-amt{font-weight:600;white-space:nowrap}.pay.is-late .pay-amt{color:var(--ds-red)}.pay.is-paid .pay-amt{color:var(--ds-teal)}@media (max-width: 480px){.pay{flex-direction:column;align-items:stretch}.pay-side{justify-content:space-between}}
