
/* R15 — supporting calculator content integrated into the V16 visual system. */
.calc-support-page{background:#fff;color:var(--ink)}
.calc-support-page .site-header:before,.calc-integrated-page .site-header:before{background:linear-gradient(90deg,#173f62 0%,#26747a 100%)!important}
.calc-support-page main{min-height:55vh}
.calc-support-page .page-hero,.calc-support-page .ti30-learn-hero,.calc-support-page .ti30-practice-hero,.calc-support-page .loan-hero{padding:42px 0 34px;background:linear-gradient(180deg,#f4f8fa 0%,#fff 100%);border-bottom:1px solid var(--line)}
.calc-support-page .page-hero.shell{max-width:1180px;margin-inline:auto}
.calc-support-page .page-hero h1,.calc-support-page .ti30-learn-hero h1,.calc-support-page .ti30-practice-hero h1,.calc-support-page .loan-hero h1{font-size:clamp(2.45rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.055em;margin:12px 0 16px}
.calc-support-page .lead{max-width:800px;color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.65}
.calc-support-page .section,.calc-support-page .loan-section{padding:56px 0}
.calc-support-page .section:nth-of-type(even){background:#fbfcfd}
.calc-support-page .section h2,.calc-support-page .loan-section h2{font-size:clamp(1.65rem,3.3vw,2.7rem);letter-spacing:-.045em;line-height:1.08}
.calc-support-page .section h3,.calc-support-page .loan-section h3{color:var(--ink)}
.calc-support-page .section p,.calc-support-page .section li,.calc-support-page .loan-section p,.calc-support-page .loan-section li{color:var(--muted);line-height:1.72}
.calc-support-page .section table,.calc-support-page table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.calc-support-page th{background:var(--soft);color:var(--navy);text-align:left;font-size:.8rem}.calc-support-page th,.calc-support-page td{padding:11px 12px;border-bottom:1px solid var(--line)}.calc-support-page tr:last-child td{border-bottom:0}
.calc-support-page .panel,.calc-support-page .callout,.calc-support-page .note,.calc-support-page .ti30-note{border:1px solid var(--line);border-radius:15px;background:#fff;padding:18px;box-shadow:0 6px 18px rgba(22,52,75,.035)}
.calc-support-page .breadcrumbs{color:var(--muted);font-size:.8rem}.calc-support-page .breadcrumbs a{color:#48697b}.calc-support-page .breadcrumbs span{margin:0 6px}
.calc-support-page .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.calc-support-page .ti30-product-nav{display:inline-flex;gap:4px;margin-top:20px;padding:4px;border-radius:12px;background:#eaf0f2}.calc-support-page .ti30-product-nav a{padding:9px 13px;border-radius:9px;color:#526775;font-size:.8rem;font-weight:820}.calc-support-page .ti30-product-nav a.active{background:#fff;color:var(--navy);box-shadow:0 2px 4px rgba(20,47,66,.09)}
.calc-support-page .ti30-toc{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.calc-support-page .ti30-toc a{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#4d6472;font-size:.75rem;font-weight:780}
.calc-support-page .ti30-lesson{scroll-margin-top:110px;padding:28px 0;border-bottom:1px solid var(--line)}.calc-support-page .ti30-lesson:last-child{border-bottom:0}.calc-support-page .ti30-key-sequence{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.calc-support-page kbd{padding:5px 9px;border:1px solid #c6d3da;border-radius:7px;background:linear-gradient(#fff,#f0f4f6);box-shadow:0 2px 0 #c3cdd2;color:#263f4d;font:800 .78rem system-ui,sans-serif}
.calc-support-page .ti30-practice-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.calc-support-page .ti30-practice-toolbar button{border:1px solid var(--line2);border-radius:9px;background:#fff;padding:9px 11px;color:var(--navy);font-weight:800}.calc-support-page .ti30-practice-toolbar strong{color:var(--muted);font-size:.8rem}
.calc-support-page .ti30-practice-set{padding:28px 0}.calc-support-page .ti30-practice-set>header{display:flex;justify-content:space-between;gap:18px;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:10px}.calc-support-page .ti30-practice-set>header h2{margin:4px 0}.calc-support-page .ti30-problem{padding:18px 0;border-bottom:1px solid var(--line)}.calc-support-page .ti30-answer-row{display:flex;gap:8px;max-width:560px}.calc-support-page .ti30-answer-row input{flex:1;border:1px solid var(--line2);border-radius:9px;padding:10px}.calc-support-page .ti30-answer-row button,.calc-support-page .ti30-hint-button,.calc-support-page .ti30-reveal-button{border:1px solid var(--line2);border-radius:9px;background:#fff;padding:9px 11px;color:var(--navy);font-weight:800;margin:6px 4px 0 0}.calc-support-page .ti30-feedback{font-weight:800}.calc-support-page .ti30-hint,.calc-support-page .ti30-solution{margin-top:9px;padding:12px;border-radius:10px;background:var(--soft)}
.calc-support-page .resource-grid,.calc-support-page .card-grid,.calc-support-page .link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calc-support-page .resource-grid>a,.calc-support-page .card-grid>*{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}
.calc-support-page code{color:var(--navy);background:#f2f6f7;border-radius:5px;padding:.1em .35em}
.stats-integrated-page .stats-intro{background:linear-gradient(180deg,#f4f8fa,#fff)!important;border-bottom:1px solid var(--line)}
.stats-integrated-page .stats-workspace-wrap{padding-top:24px}.stats-integrated-page .site-header{z-index:1500}
.cfc-hub-hero{padding:50px 0 34px;background:linear-gradient(180deg,#f4f8fa,#fff);border-bottom:1px solid var(--line)}.cfc-hub-hero h1{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1;letter-spacing:-.055em;margin:10px 0 15px}.cfc-hub-hero p{max-width:760px;color:var(--muted);font-size:1.08rem;line-height:1.65}.cfc-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:54px 0 72px}.cfc-hub-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(22,52,75,.035)}.cfc-hub-card:first-child{grid-column:1/-1}.cfc-hub-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--soft2);color:var(--navy);font-size:.72rem;font-weight:950}.cfc-hub-card strong{display:block}.cfc-hub-card small{display:block;margin-top:3px;color:var(--muted);line-height:1.4}
@media(max-width:760px){.calc-support-page .resource-grid,.calc-support-page .card-grid,.calc-support-page .link-grid,.cfc-hub-grid{grid-template-columns:1fr}.cfc-hub-card:first-child{grid-column:auto}.calc-support-page .ti30-answer-row{flex-direction:column}.calc-support-page .ti30-practice-set>header{align-items:flex-start;flex-direction:column}.calc-support-page .page-hero,.calc-support-page .ti30-learn-hero,.calc-support-page .ti30-practice-hero,.calc-support-page .loan-hero{padding-top:34px}}


/* R18 — full-bleed support-page hero treatment.
   Keep content aligned to the site shell while allowing the calm hero colour field
   to extend naturally from edge to edge, matching the trust/about-page visual rhythm. */
.calc-support-page .page-hero.shell{
  position:relative;
  isolation:isolate;
  background:transparent;
  border-bottom:0;
}
.calc-support-page .page-hero.shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 auto 0 50%;
  width:100vw;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 84% 10%,rgba(53,116,151,.10),transparent 29%),
    linear-gradient(180deg,#f8fbfc 0%,#f3f8fa 62%,#ffffff 100%);
  border-bottom:1px solid #e8f0f3;
}
