.credit-page{--credit-ink:#292929;--credit-muted:#747474;--credit-line:#e7e7e7;--credit-orange:#ff5000;color:var(--credit-ink)}
.credit-page .credit-page-heading{margin-bottom:22px}
.credit-page .credit-purpose{display:flex;align-items:center;gap:13px;padding:16px 20px;border:1px solid #f2e2d9;border-radius:12px;background:#fff8f4;margin-bottom:23px}
.credit-page .credit-purpose>svg{width:24px;height:24px;flex:0 0 24px;color:#da4e12}
.credit-page .credit-purpose p{font-size:12px;line-height:1.75;color:#7a6b62;margin:0}
.credit-page .credit-purpose strong{color:#523c2f;font-weight:600}
.credit-page .credit-overview{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(220px,1fr);gap:22px;margin-bottom:25px}
.credit-page .credit-score-card,.credit-page .credit-history-card{background:#fff;border:1px solid var(--credit-line);border-radius:15px;overflow:hidden}
.credit-page .credit-score-card{padding:26px 28px}
.credit-page .credit-card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.credit-page .credit-kicker{font-size:10px;letter-spacing:1.6px;color:#939393;margin:0 0 7px;font-weight:600}
.credit-page .credit-card-heading h2{font-size:21px;letter-spacing:-.6px;font-weight:500;margin:0;color:var(--credit-ink)}
.credit-page .credit-card-heading p:not(.credit-kicker){font-size:12px;color:var(--credit-muted);margin:7px 0 0;line-height:1.6}
.credit-page .credit-assessed-badge{font-size:10px;font-weight:600;color:#427864;background:#edf7f1;border-radius:999px;padding:7px 12px;white-space:nowrap}
.credit-page .credit-assessed-badge.is-unassessed{color:#777;background:#f0f0f0}
.credit-page .credit-score-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(150px,.9fr);gap:25px;align-items:center;padding:26px 0 23px}
.credit-page .credit-gauge-block{min-width:0}
.credit-page .credit-gauge{position:relative;max-width:300px;margin:0 auto}
.credit-page .credit-gauge>svg{display:block;width:100%;height:auto;overflow:visible}
.credit-page .credit-gauge-track{fill:none;stroke:#f1f0ee;stroke-width:15;stroke-linecap:round}
.credit-page .credit-gauge-value{fill:none;stroke:var(--credit-orange);stroke-width:15;stroke-linecap:round}
.credit-page .credit-gauge-inner{fill:none;stroke:#eeeae7;stroke-width:1;stroke-dasharray:2 6}
.credit-page .credit-gauge svg text{fill:#a0a0a0;font-family:inherit;font-size:11px}
.credit-page .credit-gauge-reading{position:absolute;inset:46% 0 auto;display:grid;text-align:center}
.credit-page .credit-gauge-reading strong{font-size:clamp(42px,4.8vw,65px);font-weight:400;line-height:1;letter-spacing:-2px;color:#343434}
.credit-page .credit-gauge-reading strong.credit-unassessed{color:#b4b4b4;line-height:.95}
.credit-page .credit-gauge-reading>span{font-size:11px;color:#999;margin-top:10px}
.credit-page .credit-gauge-caption{font-size:10px;color:#929292;text-align:center;margin:1px auto 0;line-height:1.6;max-width:210px}
.credit-page .credit-score-facts{margin:0;border-left:1px solid var(--credit-line);padding:0 0 0 24px}
.credit-page .credit-score-facts>div+div{margin-top:18px}
.credit-page .credit-score-facts dt{font-size:10px;color:#959595;margin-bottom:4px}
.credit-page .credit-score-facts dd{font-size:12px;font-weight:500;margin:0;color:#444;overflow-wrap:anywhere}
.credit-page .credit-scale-note{display:flex;align-items:center;gap:9px;border-top:1px solid #eeeeed;padding-top:16px;color:#8a8a8a;font-size:10px;line-height:1.7}
.credit-page .credit-scale-note>span{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#f78c59}
.credit-page .credit-metrics{display:grid;gap:14px}
.credit-page .credit-metric{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid var(--credit-line);border-radius:13px;padding:19px 21px;min-width:0}
.credit-page .credit-metric-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#fff0e8;color:#dc571e}
.credit-page .credit-metric-icon svg{width:22px;height:22px}
.credit-page .credit-metric:nth-child(2) .credit-metric-icon{background:#edf4f0;color:#628675}
.credit-page .credit-metric:nth-child(3) .credit-metric-icon{background:#f1f1f1;color:#777}
.credit-page .credit-metric p{margin:0;color:#8a8a8a;font-size:10px}
.credit-page .credit-metric strong{display:block;color:#373737;font-size:27px;font-weight:400;line-height:1.2;margin:5px 0;overflow-wrap:anywhere}
.credit-page .credit-metric small{display:block;font-size:9px;line-height:1.7;color:#a0a0a0}
.credit-page .credit-history-card{margin-bottom:24px}
.credit-page .credit-history-card>.credit-card-heading{padding:24px 27px}
.credit-page .credit-history-count{color:#999;font-size:10px;white-space:nowrap}
.credit-page .credit-table-wrap{width:100%;overflow-x:auto}
.credit-page .credit-history-table{border-collapse:collapse;width:100%;min-width:690px;font-size:12px}
.credit-page .credit-history-table th{background:#fafafa;color:#909090;font-weight:500;font-size:10px;padding:13px 25px;border-top:1px solid #f0f0f0;border-bottom:1px solid #eaeaea;white-space:nowrap}
.credit-page .credit-history-table td{padding:18px 25px;border-bottom:1px solid #efefef;color:#757575;line-height:1.7;max-width:330px;overflow-wrap:anywhere}
.credit-page .credit-history-table tr:last-child td{border-bottom:0}
.credit-page .credit-history-table td:first-child{white-space:nowrap;font-size:10px}
.credit-page .credit-history-table strong{display:block;color:#494949;font-weight:500;font-size:12px}
.credit-page .credit-history-table small{font-size:10px;color:#999;display:block;margin-top:4px}
.credit-page .credit-impact{display:inline-flex;border-radius:6px;padding:4px 8px;white-space:nowrap;font-size:10px}
.credit-page .credit-impact.is-positive{color:#498369;background:#edf7f0}
.credit-page .credit-impact.is-negative{color:#b06b52;background:#fff2ec}
.credit-page .credit-impact.is-neutral{color:#858585;background:#f2f2f2}
.credit-page .credit-history-score{color:#555;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}
.credit-page .credit-empty{padding:31px 20px 43px;text-align:center;border-top:1px solid #f0f0f0}
.credit-page .credit-empty>span{display:grid;place-items:center;width:49px;height:49px;margin:0 auto 14px;border-radius:50%;background:#f7f5f3;color:#baab9f}
.credit-page .credit-empty svg{width:24px;height:24px}
.credit-page .credit-empty h3{font-size:15px;font-weight:500;color:#666;margin:0 0 9px}
.credit-page .credit-empty p{font-size:12px;line-height:1.7;color:#999;max-width:410px;margin:auto}
.credit-page .credit-method{display:grid;grid-template-columns:1.3fr 1fr;gap:38px;background:#2c2c2c;border-radius:14px;padding:27px 29px;color:#fff}
.credit-page .credit-method .credit-kicker{color:#ffab83}
.credit-page .credit-method h2{font-size:23px;font-weight:400;letter-spacing:-.6px;margin:0 0 11px;color:#fff}
.credit-page .credit-method p{font-size:12px;line-height:1.8;color:#bcbcbc;margin:0;max-width:470px}
.credit-page .credit-rule{padding-left:30px;border-left:1px solid #ffffff20}
.credit-page .credit-rule-label{font-size:9px;letter-spacing:1.4px;color:#979797}
.credit-page .credit-rule>strong{display:block;font-weight:400;font-size:23px;color:#fff;margin:5px 0 8px}
.credit-page .credit-rule>p{font-size:11px}
.credit-page .credit-rule>small{display:block;font-size:9px;color:#969696;line-height:1.8;margin-top:9px}
.credit-page .credit-rules-section{margin-top:24px;border:1px solid var(--credit-line);border-radius:13px;background:#fff;padding:24px 27px}
.credit-page .credit-point-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:21px}
.credit-page .credit-point-rules>article{display:flex;align-items:flex-start;gap:13px;padding:17px;border:1px solid #ededed;border-radius:10px}
.credit-page .credit-rule-points{display:grid;place-items:center;flex:0 0 66px;min-height:37px;background:#fff2ec;border-radius:8px;padding:5px;color:#b1765c;font-size:12px;font-weight:600;text-align:center}
.credit-page .credit-rule-points.is-positive{background:#eef7f0;color:#628571}
.credit-page .credit-rule-type{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#aaa}
.credit-page .credit-point-rules h3{font-size:12px;line-height:1.6;font-weight:500;color:#555;margin:3px 0 6px}
.credit-page .credit-point-rules p{font-size:10px;line-height:1.8;color:#999;margin:0}
.credit-page .credit-page-footnote{font-size:10px;color:#939393;line-height:1.8;margin:17px 0 0}
.credit-page .credit-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.credit-page .credit-overview{grid-template-columns:1fr}.credit-page .credit-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.credit-page .credit-metric{padding:18px 15px;gap:12px}.credit-page .credit-metric-icon{width:35px;height:35px;flex-basis:35px}.credit-page .credit-score-layout{grid-template-columns:1.2fr 1fr}.credit-page .credit-score-card{padding:25px}}
@media(max-width:580px){.credit-page .credit-purpose{padding:14px;align-items:flex-start}.credit-page .credit-purpose p{font-size:11px}.credit-page .credit-score-card{padding:21px 18px}.credit-page .credit-card-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.credit-page .credit-card-heading h2{font-size:20px}.credit-page .credit-score-layout{grid-template-columns:1fr;gap:23px;padding-top:17px}.credit-page .credit-gauge{max-width:280px}.credit-page .credit-gauge-reading strong{font-size:59px}.credit-page .credit-score-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-left:0;border-top:1px solid var(--credit-line);padding:20px 0 0}.credit-page .credit-score-facts>div+div{margin-top:0}.credit-page .credit-metrics{grid-template-columns:1fr;gap:10px}.credit-page .credit-metric{padding:17px 20px;gap:17px}.credit-page .credit-metric-icon{width:41px;height:41px;flex-basis:41px}.credit-page .credit-metric strong{font-size:25px;margin:4px 0}.credit-page .credit-metric p{font-size:11px}.credit-page .credit-history-card>.credit-card-heading{padding:22px 20px}.credit-page .credit-method{grid-template-columns:1fr;gap:22px;padding:24px}.credit-page .credit-rule{border-left:0;border-top:1px solid #ffffff20;padding:19px 0 0}.credit-page .credit-method h2{font-size:22px}}
@media(max-width:650px){.credit-page .credit-point-rules{grid-template-columns:1fr}.credit-page .credit-rules-section{padding:22px 20px}}
.published-rules{margin-bottom:20px}.published-rules-content{font-size:13px;line-height:1.7}.published-rules-content h2{font-size:22px;margin:14px 0}.published-rules-content h3,.published-rules-content h4{font-size:16px;margin:18px 0 8px}.published-rules-content p{margin:0 0 12px}.published-rules-content li{margin-bottom:6px}

html body[data-surface=customer] .credit-page .credit-gauge-full .credit-gauge-reading{inset:50% 0 auto;transform:translateY(-50%)}
html body[data-surface=customer] .credit-page .credit-gauge-full .credit-gauge-value.is-yellow{stroke:#eabf28!important}
html body[data-surface=customer] .credit-page .credit-gauge-full{max-width:280px}
html body[data-surface=customer] .credit-guidance{padding:22px;border:1px solid #d8b38f55;border-radius:16px;background:linear-gradient(135deg,#e58b3310,transparent)}
html body[data-surface=customer] .credit-guidance h2{font-size:17px;line-height:1.4;margin:0 0 12px;color:inherit}
html body[data-surface=customer] .credit-guidance p,html body[data-surface=customer] .credit-guidance li{font-size:12px;line-height:1.7;color:inherit;opacity:.85}
html body[data-surface=customer] .credit-guidance ul{padding-inline-start:17px;margin:14px 0 18px}
html body[data-surface=customer] .credit-guidance li+li{margin-top:10px}
html body[data-surface=customer] .credit-guidance-actions{display:grid;gap:10px;border-top:1px solid #bca58d44;padding-top:16px}
html body[data-surface=customer] .credit-guidance-actions a{font-size:12px;line-height:1.5;color:#b24b0d;text-decoration:underline;text-underline-offset:4px}
html[data-theme=dark] body[data-surface=customer] .credit-guidance-actions a{color:#ffb780}
html body[data-surface=customer] .credit-guidance-actions a:focus-visible{outline:2px solid #f89b58;outline-offset:4px}

/* Customer Credit assessment: a calm, human introduction to the saved score. */
html body[data-surface=customer] .credit-page .credit-page-heading.credit-hero{
 position:relative;isolation:isolate;display:flex;align-items:center;min-height:292px;
 overflow:hidden;margin:0 0 26px;padding:36px 42px;border:1px solid #40546a;
 border-radius:22px;background:#102234;box-shadow:0 16px 38px #08121c26;
}
html body[data-surface=customer] .credit-page .credit-hero::before{
 content:"";position:absolute;inset:0;z-index:-1;
 background:linear-gradient(90deg,#0d2032 0%,#0d2032f2 32%,#0d2032b8 52%,#0d203255 72%,#0d203211 100%);
}
html body[data-surface=customer] .credit-page .credit-hero-image{
 position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;
 object-fit:cover;object-position:70% 47%;
}
html body[data-surface=customer] .credit-page .credit-hero-copy{position:relative;z-index:1;max-width:465px}
html body[data-surface=customer] .credit-page .credit-hero .eyebrow{
 margin:0 0 13px;color:#ffc18f;font-size:10px;font-weight:700;letter-spacing:2.1px;
}
html body[data-surface=customer] .credit-page .credit-hero h1{
 margin:0;color:#fff;font-size:clamp(31px,3.8vw,44px);font-weight:600;
 line-height:1.12;letter-spacing:-1.5px;text-wrap:balance;
}
html body[data-surface=customer] .credit-page .credit-hero p:not(.eyebrow){
 max-width:400px;margin:17px 0 0;color:#e3edf4;font-size:14px;line-height:1.65;
}
html body[data-surface=customer] .credit-page .credit-hero-signoff{
 display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding-top:15px;
 border-top:1px solid #ffffff55;color:#d9e9f3;font-size:11px;font-weight:600;letter-spacing:.2px;
}
html body[data-surface=customer] .credit-page .credit-hero-signoff::before{
 content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#ff7a2b;
 box-shadow:0 0 0 4px #ff7a2b2e;
}
@media(max-width:760px){
 html body[data-surface=customer] .credit-page .credit-page-heading.credit-hero{
  display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0;
  border-radius:18px;
 }
 html body[data-surface=customer] .credit-page .credit-hero::before{display:none}
 html body[data-surface=customer] .credit-page .credit-hero-copy{padding:27px 25px 24px;max-width:none}
 html body[data-surface=customer] .credit-page .credit-hero-image{
  position:relative;inset:auto;z-index:0;height:190px;object-position:70% 43%;
 }
 html body[data-surface=customer] .credit-page .credit-hero h1{font-size:clamp(28px,8vw,37px)}
 html body[data-surface=customer] .credit-page .credit-hero p:not(.eyebrow){font-size:13px}
}
@media(max-width:400px){
 html body[data-surface=customer] .credit-page .credit-hero-copy{padding:25px 21px 22px}
 html body[data-surface=customer] .credit-page .credit-hero-image{height:165px}
}