
#compound-concept{font-family:Arial,sans-serif;color:light-dark(#163e35,#e5f3ed);background:light-dark(#f6f7f2,#13251f);padding:24px;border-radius:16px;color-scheme:light dark}#compound-concept *{box-sizing:border-box}#compound-concept header{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #82978b;padding-bottom:18px}#compound-concept .intro{padding:22px 0}#compound-concept h1{margin:8px 0}#compound-concept .layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.7fr);gap:24px}#compound-concept .controls,#compound-concept .result{padding:22px;border-radius:16px;background:light-dark(#ffffff,#20372e)}#compound-concept .switches{display:flex;gap:8px;margin-bottom:20px}#compound-concept button{cursor:pointer;padding:12px 16px;border:1px solid #82978b;border-radius:24px;background:transparent;color:inherit;font:inherit;min-height:44px}#compound-concept button[aria-pressed=true]{background:light-dark(#164c3e,#c7edd9);color:light-dark(#fff,#15372b)}#compound-concept label{display:block;margin:16px 0 5px}#compound-concept input[type=number]{display:block;width:100%;padding:11px;margin-top:7px;background:light-dark(#f6f7f2,#13251f);color:inherit;border:1px solid #82978b;border-radius:8px;font:inherit;min-height:44px}#compound-concept input[type=range]{width:100%;accent-color:#438a67;min-height:32px}#compound-concept .stats{display:flex;flex-wrap:wrap;gap:24px;margin:18px 0}#compound-concept .stats span{display:block;margin-bottom:5px}#compound-concept .amount{font-size:clamp(30px,5vw,48px);letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:8px 0}#compound-concept .quiet{opacity:.8}#compound-concept .actions{display:flex;flex-wrap:wrap;gap:8px}#compound-concept svg{width:100%;height:240px;display:block}#compound-concept svg text{fill:currentColor;font-family:Arial,sans-serif;font-size:12px}#compound-concept footer{margin-top:18px}#compound-concept [hidden]{display:none!important}@media(max-width:650px){#compound-concept{padding:14px}#compound-concept .layout{grid-template-columns:1fr}#compound-concept .controls,#compound-concept .result{padding:16px}#compound-concept header{flex-wrap:wrap}}


#compound-concept #cc-chart{height:290px;touch-action:pan-y;color:light-dark(#197655,#87dfb4)}
#compound-concept #cc-chart text{fill:light-dark(#36594b,#daece2)}
#compound-concept .chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}
#compound-concept .chart-legend span{display:inline-flex;align-items:center;gap:6px}
#compound-concept .chart-legend i{display:inline-block;width:20px;height:3px;background:light-dark(#197655,#87dfb4)}
#compound-concept .chart-legend .deposits{background:none;border-top:2px dashed light-dark(#71877f,#a3b6ae)}
#compound-concept #cc-inspect{padding:12px 0;border-top:1px solid light-dark(#d9e6df,#496055);font-variant-numeric:tabular-nums;min-height:64px}
#compound-concept #cc-inspect strong{display:block;margin-bottom:6px}


#compound-concept select,#compound-concept input[type=text],#compound-concept textarea{width:100%;padding:11px;margin:7px 0;border:1px solid #82978b;border-radius:8px;background:light-dark(#f6f7f2,#13251f);color:inherit;font:inherit;min-height:44px}
#compound-concept details{border-top:1px solid light-dark(#d9e6df,#496055);margin-top:18px;padding-top:12px}#compound-concept summary{cursor:pointer;min-height:44px;display:list-item;padding:8px 0}
#compound-concept .workspace{margin-top:24px;padding:20px;border-radius:14px;background:light-dark(#fff,#20372e)}#compound-concept .event{border-bottom:1px solid #82978b;padding-bottom:12px;margin-bottom:12px}#compound-concept .saved-plan{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}#compound-concept .saved-plan span{flex:1;min-width:120px;overflow-wrap:anywhere}#compound-concept .scroll-table{overflow-x:auto}#compound-concept table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}#compound-concept th,#compound-concept td{text-align:right;padding:10px;border-bottom:1px solid #82978b;white-space:nowrap}#compound-concept th:first-child,#compound-concept td:first-child{text-align:left}#compound-concept a{color:inherit}#compound-concept .event-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}#compound-concept .result{min-width:0}#compound-concept #cc-tax-note{line-height:1.5}#compound-concept .workspace input[type=text]{max-width:400px}
@media print{#compound-concept .controls,#compound-concept .workspace:not(#cc-report-panel),#compound-concept header,#compound-concept .intro,#compound-concept button,#compound-concept input,#compound-concept label,#compound-concept details{display:none!important}#compound-concept .layout{display:block}#compound-concept #cc-report-panel{display:block!important}}
/* Production typography, scoped to the calculator and supporting guide. */
#compound-concept{font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.55;margin:28px 0 48px;color-scheme:light}
#compound-concept h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.02em;max-width:840px}
#compound-concept h2,#compound-concept h3{font-family:'DM Sans',sans-serif;line-height:1.25;letter-spacing:0}#compound-concept h3{font-size:20px;margin:24px 0 12px}
#compound-concept .intro{padding:10px 0 24px}#compound-concept .intro>span{font-size:12px;letter-spacing:.12em}#compound-concept .intro p{max-width:750px;margin:12px 0}
#compound-concept p{font-size:15px;line-height:1.6}#compound-concept label{font-size:15px}#compound-concept .quiet{opacity:1;color:#52685e}#compound-concept input:disabled{opacity:.65}#compound-concept input:focus-visible,#compound-concept button:focus-visible,#compound-concept select:focus-visible{outline:3px solid #197655;outline-offset:3px}
#compound-concept #cc-inspect{min-height:98px}#compound-concept .event-fields>label{min-width:0}#compound-concept #cc-share-panel input{max-width:100%}#compound-concept #cc-error{color:#9f2733}#compound-concept .workspace{break-inside:avoid}
.calculator-guide{max-width:880px;margin:0 auto 80px;font-size:18px;line-height:1.8}.calculator-guide h2{font:400 clamp(28px,4vw,40px)/1.15 'Libre Caslon Display',Georgia,serif;margin:52px 0 18px;scroll-margin-top:24px}.calculator-guide h3{font:600 21px/1.4 'DM Sans',sans-serif;margin:32px 0 12px}.calculator-guide p{margin:18px 0}.calculator-guide a{text-decoration:underline;text-underline-offset:3px}.calculator-guide li{margin:10px 0}.calculator-guide .guide-meta{font-size:13px;color:#685e64}.guide-contents{display:flex;flex-wrap:wrap;gap:10px 20px;border-block:1px solid #d8cfcf;padding:20px 0;font-size:15px;margin:28px 0}.calculator-guide table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}.calculator-guide th,.calculator-guide td{padding:14px 10px;border-bottom:1px solid #d8cfcf;text-align:left;vertical-align:top}.calculator-guide th{background:#f0ece8}.calculator-guide .guide-next{padding:24px;background:#f0ece8;border-radius:12px;margin-top:40px}.calculator-guide .guide-next h2{margin-top:0}.calculator-guide .button{font-size:16px;text-decoration:none}.guide-table-scroll{overflow-x:auto}.guide-table-scroll table{min-width:550px}
@media(max-width:650px){#compound-concept{margin-top:16px}#compound-concept .layout{display:flex;flex-direction:column}#compound-concept .amount{font-size:36px}.calculator-guide{font-size:16px}.calculator-guide h2{margin-top:36px}.calculator-guide .guide-next{padding:18px}}
@media print{.site-header,.site-footer,.masthead-note,.calculator-guide,.privacy-banner{display:none!important}#compound-concept{margin:0;padding:0}#compound-concept .result{break-inside:avoid}#compound-concept #cc-method{font-size:11px}}


/* Responsive integrity guardrails */
#compound-concept .layout>*,
#compound-concept .controls,
#compound-concept .result,
#compound-concept .workspace,
#compound-concept .stats>div{
  min-width:0;
}
#compound-concept .result{container-type:inline-size}
#compound-concept .amount{
  max-width:100%;
  font-size:clamp(26px,10cqw,48px);
  line-height:1.05;
  overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}
#compound-concept .stats strong,
#compound-concept #cc-goal-answer,
#compound-concept #cc-real-result,
#compound-concept #cc-comparison,
#compound-concept #cc-inspect{
  max-width:100%;
  overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}
@media(max-width:650px){
  #compound-concept .event-fields{grid-template-columns:1fr}
  #compound-concept .amount{font-size:clamp(26px,11cqw,38px)}
}


#compound-concept .cc-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:15px;
  color:#52685e;
  font-size:13px;
}
#compound-concept .cc-trust span{display:inline-flex;align-items:center;gap:8px}
#compound-concept .cc-trust span:not(:last-child)::after{content:'•';margin-left:10px;color:#82978b}
@media(max-width:650px){
  #compound-concept .cc-trust{gap:6px 12px}
  #compound-concept .cc-trust span:not(:last-child)::after{display:none}
}
