/* Investor education pages; shared forms and loan pages retain their styling. */
.learning-main { max-width: 1100px; margin: 0 auto; padding: 54px 32px 76px; }
.learning-hero { max-width: 900px; margin-bottom: 38px; }
.learning-back { display: inline-block; margin-bottom: 30px; color: var(--primary); font-weight: 650; }
.learning-hero h1 { margin: 0; color: var(--primary); font-size: clamp(34px, 4.6vw, 58px); line-height: 1.08; max-width: 880px; }
.learning-deck { max-width: 780px; font-size: 20px; line-height: 1.6; color: var(--muted); margin-top: 24px; }
.learning-body > section { padding: 0; margin: 40px 0; }
.learning-body > section[id] { scroll-margin-top: 140px; }
.learning-body h2 { color: var(--primary); font-size: clamp(25px, 3vw, 34px); line-height: 1.2; margin: 0 0 18px; }
.learning-body h3 { color: var(--primary); font-size: 21px; margin: 24px 0 12px; }
.learning-body p, .learning-body li { line-height: 1.75; }
.learning-body p, .learning-body ul, .learning-body ol { max-width: 800px; }
.learning-body a:not(.button), .learning-back { text-underline-offset: 4px; }
.learning-body li + li { margin-top: 12px; }
.example-notice { padding: 22px 26px; background: #f6edda; border-left: 4px solid var(--accent); border-radius: 0 10px 10px 0; margin: 28px 0; }
.example-notice strong { display: block; color: var(--primary); font-size: 19px; }
.example-notice p { margin: 8px 0 0; font-size: 15px; }
.table-scroll { max-width: 100%; overflow-x: auto; margin: 26px 0; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.table-scroll:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.learning-body table { border-collapse: collapse; width: 100%; min-width: 580px; font-size: 15px; text-align: left; }
.learning-body caption { text-align: left; padding: 16px 20px; font-size: 14px; font-weight: 700; color: var(--muted); background: #faf6ef; }
.learning-body th, .learning-body td { padding: 16px 20px; border-top: 1px solid var(--line); vertical-align: top; }
.learning-body thead th { color: #fff; background: var(--primary); }
.learning-body tbody th { font-weight: 600; width: 44%; }
.learning-body td { font-variant-numeric: tabular-nums; }
.table-total th, .table-total td { background: #f6edda; font-weight: 750; }
.learning-details { border: 1px solid var(--line); background: #fff; border-radius: 10px; padding: 20px; margin-top: 24px; }
.learning-details summary { cursor: pointer; color: var(--primary); font-weight: 700; }
.learning-stat { background: var(--primary); color: #fff; border-radius: 12px; padding: 28px; margin: 24px 0; }
.learning-stat span { display: block; font-size: 15px; }
.learning-stat strong { display: block; font-size: clamp(24px, 4vw, 40px); margin-top: 12px; }
.learning-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.learning-card { padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.learning-card h3 { margin-top: 0; }
.learning-card p:last-child { margin-bottom: 0; }
.learning-steps { padding-left: 24px; }
.learning-steps li { padding-left: 8px; }
.review-recap { border: 1px solid var(--line); background: #fff; border-radius: 10px; overflow: hidden; }
.review-recap > div { display: grid; grid-template-columns: minmax(160px, 1fr) 3fr; gap: 24px; padding: 22px 26px; }
.review-recap > div + div { border-top: 1px solid var(--line); }
.review-recap dt { color: var(--primary); font-weight: 750; }
.review-recap dd { margin: 0; line-height: 1.7; }
.learning-cta { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; background: #eee5d9; border-radius: 14px; padding: 32px; margin: 44px 0; }
.learning-cta .section-kicker { margin-top: 0; }
.learning-cta h2 { max-width: 700px; margin-bottom: 12px; }
.learning-cta p { margin: 0; }
.learning-sources { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.learning-sources h2 { font-size: 18px; }
.worksheet-meta { line-height: 2.4 !important; }
.worksheet-table th { width: 40% !important; }
.worksheet-table td { width: 30%; border-left: 1px solid var(--line); }
.worksheet-hint { display: block; font-weight: 400; font-size: 12px; margin-top: 5px; color: var(--muted); }
@media (max-width: 760px) {
  .learning-main { padding: 32px 20px 48px; }
  .learning-deck { font-size: 18px; }
  .learning-grid { grid-template-columns: 1fr; }
  .review-recap > div { grid-template-columns: 1fr; gap: 8px; padding: 20px; }
  .learning-cta { padding: 24px; }
  .example-notice { padding: 20px; }
  .learning-body table { min-width: 520px; }
  .table-scroll::before { content: 'Swipe or scroll the table to see all columns.'; display: block; padding: 10px 14px; font-size: 12px; color: var(--muted); }
}
@media print {
  @page { margin: 12mm; }
  .worksheet-page .site-header, .worksheet-page .site-footer, .worksheet-page .skip-link, .worksheet-page .learning-back, .worksheet-page .worksheet-tools, .worksheet-page .worksheet-after, .worksheet-page noscript { display: none !important; }
  .worksheet-page { background: #fff; color: #000; }
  .worksheet-page .learning-main { max-width: none; padding: 0; }
  .worksheet-page .learning-hero { margin-bottom: 12px; }
  .worksheet-page .learning-hero h1 { font-size: 24px; }
  .worksheet-page .learning-hero .section-kicker { margin: 0 0 8px; }
  .worksheet-page .learning-deck { font-size: 11px; line-height: 1.4; margin: 10px 0; }
  .worksheet-page .learning-body p { font-size: 10px; line-height: 1.35; }
  .worksheet-page .table-scroll { overflow: visible; border-radius: 0; margin: 10px 0; }
  .worksheet-page .table-scroll::before { display: none; }
  .worksheet-page table { min-width: 0; font-size: 10px; }
  .worksheet-page th, .worksheet-page td { padding: 7px 9px; }
  .worksheet-page caption { font-size: 10px; padding: 8px; }
  .worksheet-page thead th { background: #eee; color: #000; }
  .worksheet-page .worksheet-hint { font-size: 8px; }
  .worksheet-page tr { break-inside: avoid; }
}

/* Interactive worksheet: values remain in the page, with no submission path. */
.worksheet-privacy { padding: 14px 18px; border: 1px solid var(--line); border-radius: 8px; font-size: 14px; background: #fff; }
.worksheet-controls, .proposal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 28px 0; }
.worksheet-field { display: flex; flex-direction: column; gap: 7px; margin: 0; min-width: 0; }
.worksheet-field > span:first-child { color: var(--primary); font-size: 14px; font-weight: 700; }
.worksheet-field input, .worksheet-field select, .worksheet-field textarea { width: 100%; min-width: 0; box-sizing: border-box; padding: 12px; border: 1px solid #b9aaad; border-radius: 6px; background: #fff; color: var(--ink); font: inherit; font-size: 16px; }
.worksheet-field input:focus-visible, .worksheet-field select:focus-visible, .worksheet-field textarea:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.worksheet-field small { font-size: 12px; color: var(--muted); line-height: 1.5; }
.worksheet-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.proposal-panel { min-width: 0; border: 1px solid var(--line); border-top: 4px solid var(--accent); border-radius: 10px; padding: 24px; background: #fff; }
.proposal-panel legend { font-size: 25px; font-weight: 750; color: var(--primary); padding: 0 10px; }
.proposal-panel .learning-details { padding: 16px; }
.proposal-panel .learning-details .worksheet-field { margin-top: 16px; }
.proposal-panel .worksheet-fields .worksheet-field { margin-top: 0; }
.worksheet-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.worksheet-print-value { display: none; }
.proposal-status { min-height: 24px; }
@media (max-width: 900px) { .proposal-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .worksheet-controls, .worksheet-fields { grid-template-columns: 1fr; } .proposal-panel { padding: 18px; } }
@media print {
 .worksheet-page .worksheet-tools, .worksheet-page .worksheet-actions, .worksheet-page .worksheet-privacy { display: none !important; }
 .worksheet-page input, .worksheet-page select, .worksheet-page textarea { display: none; }
 .worksheet-page .worksheet-print-value { display: block; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 10px; min-height: 14px; }
 .worksheet-page .worksheet-controls, .worksheet-page .proposal-grid { grid-template-columns: 1fr 1fr; gap: 16px; margin: 16px 0; }
 .worksheet-page .worksheet-fields { grid-template-columns: 1fr 1fr; gap: 10px; }
 .worksheet-page .proposal-panel { padding: 14px; }
 .worksheet-page .proposal-panel legend { font-size: 17px; }
 .worksheet-page .worksheet-field > span:first-child { font-size: 9px; }
 .worksheet-page .worksheet-field small { font-size: 8px; }
 .worksheet-page .learning-details { border: 0; padding: 0; }
 .worksheet-page .learning-details summary { font-size: 11px; margin-top: 16px; }
 .worksheet-page .example-notice { padding: 12px; }
 .worksheet-page .example-notice strong { font-size: 13px; }
 .worksheet-page .learning-body h2 { font-size: 19px; }
 .worksheet-page .learning-body h3 { font-size: 13px; }
 .worksheet-page #comparison-results { break-before: auto; }
}

/* Do not let button layout override the sample loader's hidden state. */
.worksheet-page [data-load-example][hidden] { display: none !important; }