/* FinSmarter shared public-page design system, refreshed 14 Oct 2026. */
body.fs-interior-page {
  color-scheme: dark;
  --fs-bg: #07111f;
  --fs-ink: #f3f7fb;
  --fs-muted: #b0c1d4;
  --fs-line: rgba(139, 169, 198, .22);
  --fs-panel: #0d1a2b;
  --fs-panel-strong: #11243a;
  --fs-green: #22c55e;
  --fs-green-bright: #62e596;
  --fs-blue: #7ab1ff;
  min-height: 100vh;
  color: var(--fs-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  background:
    radial-gradient(ellipse at 96% 4%, rgba(20, 132, 102, .16), transparent 34rem),
    radial-gradient(ellipse at 0% 42%, rgba(43, 106, 180, .12), transparent 36rem),
    linear-gradient(150deg, #081423 0%, #07111f 57%, #091827 100%);
}
body.fs-interior-page *, body.fs-interior-page *::before, body.fs-interior-page *::after { box-sizing: border-box; }
body.fs-interior-page a { transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
body.fs-interior-page > header {
  background: rgba(7, 17, 31, .94) !important;
  border-color: var(--fs-line) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
  backdrop-filter: blur(16px);
}
body.fs-interior-page > header > div {
  width: min(100%, 1420px);
  min-height: 76px;
  padding-inline: clamp(16px, 2.2vw, 30px);
}
body.fs-interior-page > header nav { align-items: center; gap: .22rem !important; }
body.fs-interior-page > header nav a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: .5rem .68rem !important;
  border: 1px solid transparent;
  border-radius: 10px !important;
  color: #c5d2df;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 550 !important;
  letter-spacing: normal !important;
  white-space: nowrap;
}
body.fs-interior-page > header nav a:hover,
body.fs-interior-page > header nav a:focus-visible {
  color: #7aeca1 !important;
  background: rgba(34, 197, 94, .09);
  border-color: rgba(34, 197, 94, .2);
}
body.fs-interior-page > header > div > a:first-child {
  display: inline-flex !important;
  align-items: center;
  gap: .4rem;
  padding: .26rem .62rem .26rem .32rem !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #07111f !important;
  text-decoration: none;
  box-shadow: 0 5px 18px rgba(0,0,0,.12) !important;
}
body.fs-interior-page > header > div > a:first-child::before {
  content: "";
  display: block;
  flex: none;
  width: 38px;
  height: 38px;
  background: transparent url(/brand-assets/FinSmarter_Leaf_Icon.png) no-repeat center/contain;
}
body.fs-interior-page > header > div > a:first-child .brand-name { color: #07111f !important; }
body.fs-interior-page > header > div > a:first-child .brand-copy small { color: #334155 !important; }
body.fs-interior-page > header .btn,
body.fs-interior-page main .btn,
body.fs-interior-page main button[class*="bg-green-500"],
body.fs-interior-page main input[type="submit"] {
  border: 1px solid rgba(115, 243, 160, .42);
  border-radius: 13px;
  box-shadow: 0 8px 24px rgba(34, 197, 94, .14);
  font-weight: 750;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.fs-interior-page > header .btn:hover,
body.fs-interior-page main .btn:hover,
body.fs-interior-page main button[class*="bg-green-500"]:hover,
body.fs-interior-page main input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(34, 197, 94, .23);
}
body.fs-interior-page #theme-toggle {
  margin-left: .35rem;
  padding: .55rem .78rem;
  border: 1px solid var(--fs-line);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: var(--fs-ink);
  font: 650 .78rem/1.2 inherit;
  white-space: nowrap;
  cursor: pointer;
}
body.fs-interior-page #theme-toggle:hover { border-color: rgba(122,177,255,.65); background: rgba(122,177,255,.08); }
body.fs-interior-page main {
  width: min(100%, 1280px);
  margin-inline: auto;
  padding: clamp(32px, 4.7vw, 58px) clamp(18px, 3vw, 30px) 84px !important;
}
body.fs-interior-page main.max-w-2xl { width: min(100%, 42rem) !important; max-width: 42rem !important; }
body.fs-interior-page main.max-w-3xl { width: min(100%, 48rem) !important; max-width: 48rem !important; }
body.fs-interior-page main.max-w-4xl { width: min(100%, 56rem) !important; max-width: 56rem !important; }
body.fs-interior-page main.max-w-5xl { width: min(100%, 64rem) !important; max-width: 64rem !important; }
body.fs-interior-page main.max-w-6xl { width: min(100%, 72rem) !important; max-width: 72rem !important; }
body.fs-interior-page main.max-w-7xl { width: min(100%, 1280px) !important; max-width: 1280px !important; }
body.fs-interior-page main > :not(:first-child) { scroll-margin-top: 92px; }
body.fs-interior-page main > :first-child:has(h1) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  max-width: none !important;
  margin: 0 0 clamp(1.8rem, 3.4vw, 2.7rem) !important;
  padding: clamp(28px, 4.1vw, 50px) !important;
  border: 1px solid rgba(125, 161, 195, .24) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(ellipse at 88% 16%, rgba(34,197,94,.19), transparent 31%),
    radial-gradient(ellipse at 72% 95%, rgba(56,122,196,.15), transparent 38%),
    linear-gradient(122deg, #0b1a2b 0%, #0b1a2a 58%, #0d2130 100%) !important;
  box-shadow: 0 26px 68px rgba(0,0,0,.2) !important;
}
body.fs-interior-page main > :first-child:has(h1)::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -22%;
  right: -4%;
  width: min(38vw, 420px);
  aspect-ratio: 1;
  border: 1px solid rgba(103, 231, 158, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(103,231,158,.025), 0 0 0 74px rgba(122,177,255,.025);
  background: radial-gradient(circle, rgba(34,197,94,.08), transparent 67%);
  pointer-events: none;
}
body.fs-interior-page main > :first-child:has(h1) h1 {
  max-width: 18ch;
  margin: .45rem 0 .8rem !important;
  color: #f5f8fc !important;
  font-family: inherit !important;
  font-size: clamp(2.75rem, 5.25vw, 4rem) !important;
  font-weight: 560 !important;
  line-height: 1.045 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}
body.fs-interior-page main > :first-child:has(h1) h1 + p {
  max-width: 65ch !important;
  margin: .9rem 0 1.3rem !important;
  color: var(--fs-muted) !important;
  font-size: clamp(1rem, 1.45vw, 1.12rem) !important;
  line-height: 1.72 !important;
}
body.fs-interior-page main h1 {
  margin: 0 0 .65rem;
  color: #f5f8fc !important;
  font-size: clamp(2.25rem, 4.2vw, 3.25rem) !important;
  font-weight: 620 !important;
  line-height: 1.1 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}
body.fs-interior-page main h2 {
  color: #f2f7fc !important;
  font-family: inherit !important;
  font-size: clamp(1.4rem, 2.25vw, 1.9rem) !important;
  font-weight: 730 !important;
  line-height: 1.2 !important;
  letter-spacing: -.035em !important;
}
body.fs-interior-page main h3 {
  color: #eaf2f9 !important;
  font-family: inherit !important;
  font-size: clamp(1.05rem, 1.6vw, 1.28rem) !important;
  font-weight: 680 !important;
  line-height: 1.3 !important;
  letter-spacing: -.02em !important;
}
body.fs-interior-page main p,
body.fs-interior-page main li { color: #b7c7d8; font-family: inherit !important; font-size: 16px; line-height: 1.72 !important; }
body.fs-interior-page main a:not(.btn):not([class*="bg-green"]):not([class*="bg-blue"]) { color: #91baff; }
body.fs-interior-page main a:not(.btn):not([class*="bg-green"]):not([class*="bg-blue"]):hover { color: #76e9a0; }
body.fs-interior-page main .card,
body.fs-interior-page main article,
body.fs-interior-page main details,
body.fs-interior-page main [class*="rounded-2xl"][class*="border"],
body.fs-interior-page main [class*="rounded-xl"][class*="border"] {
  border-color: var(--fs-line) !important;
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(16, 34, 56, .97), rgba(9, 23, 39, .98)) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.15);
}
body.fs-interior-page main .card:hover,
body.fs-interior-page main article:hover,
body.fs-interior-page main [class*="rounded-2xl"][class*="border"]:hover,
body.fs-interior-page main [class*="rounded-xl"][class*="border"]:hover {
  border-color: rgba(84, 216, 136, .38) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.2);
}
body.fs-interior-page main label { display: block; margin-bottom: .45rem; color: #dbe7f2; font-size: .9rem; font-weight: 650; }
body.fs-interior-page main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body.fs-interior-page main select,
body.fs-interior-page main textarea {
  min-height: 46px;
  border: 1px solid rgba(132, 163, 194, .36) !important;
  border-radius: 12px !important;
  background: #081423 !important;
  color: #f2f7fc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
  font: inherit;
}
body.fs-interior-page main textarea { min-height: 112px; }
body.fs-interior-page main input::placeholder,
body.fs-interior-page main textarea::placeholder { color: #8397ad; }
body.fs-interior-page main input:focus,
body.fs-interior-page main select:focus,
body.fs-interior-page main textarea:focus { outline: 3px solid rgba(34, 197, 94, .2); border-color: #37ce71 !important; }
body.fs-interior-page main input[type="range"] { accent-color: var(--fs-green); }
body.fs-interior-page main input[type="checkbox"], body.fs-interior-page main input[type="radio"] { accent-color: var(--fs-green); }
body.fs-interior-page main table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: separate; border-spacing: 0; border: 1px solid var(--fs-line); border-radius: 16px; }
body.fs-interior-page main th { color: #c2d1df; font-size: .77rem; letter-spacing: .055em; text-transform: uppercase; }
body.fs-interior-page main td, body.fs-interior-page main th { padding: .85rem .78rem; border-color: rgba(118, 153, 187, .18) !important; }
body.fs-interior-page main tr:hover td { background: rgba(255,255,255,.035); }
body.fs-interior-page main img { max-width: 100%; }
body.fs-interior-page main header {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body.fs-interior-page main header > div { width: 100%; max-width: 100%; min-height: 0; padding-inline: 0; }
body.fs-interior-page footer {
  border-color: var(--fs-line) !important;
  background: rgba(5, 14, 25, .54);
}
body.fs-interior-page footer b { color: #eef4fa; }
body.fs-interior-page footer a:hover { color: var(--fs-green-bright) !important; }
body.fs-interior-page :focus-visible { outline: 3px solid #4ade80; outline-offset: 3px; }
html.light-theme body.fs-interior-page {
  color-scheme: light;
  --fs-bg: #f2f7fa;
  --fs-ink: #122236;
  --fs-muted: #4f647a;
  --fs-line: rgba(64, 91, 120, .18);
  background:
    radial-gradient(ellipse at 96% 2%, rgba(34,197,94,.13), transparent 34rem),
    radial-gradient(ellipse at 0% 45%, rgba(72,133,201,.09), transparent 36rem),
    linear-gradient(145deg, #f5f9fc, #edf4f8 55%, #f8fafc) !important;
  color: #142236 !important;
}
html.light-theme body.fs-interior-page > header { background: rgba(249,252,254,.96) !important; box-shadow: 0 8px 26px rgba(18,38,60,.09); }
html.light-theme body.fs-interior-page > header nav a { color: #34495f !important; }
html.light-theme body.fs-interior-page > header nav a:hover { color: #08783a !important; background: rgba(34,197,94,.09); }
html.light-theme body.fs-interior-page #theme-toggle { color: #23384d; background: rgba(255,255,255,.7); }
html.light-theme body.fs-interior-page main h1,
html.light-theme body.fs-interior-page main h2,
html.light-theme body.fs-interior-page main h3 { color: #132236 !important; }
html.light-theme body.fs-interior-page main p,
html.light-theme body.fs-interior-page main li { color: #4b6075 !important; }
html.light-theme body.fs-interior-page main a:not(.btn):not([class*="bg-green"]):not([class*="bg-blue"]) { color: #175eaa; }
html.light-theme body.fs-interior-page main a:not(.btn):not([class*="bg-green"]):not([class*="bg-blue"]):hover { color: #08783a; }
html.light-theme body.fs-interior-page main > :first-child:has(h1) {
  border-color: #d9e6ed !important;
  background:
    radial-gradient(ellipse at 88% 16%, rgba(34,197,94,.13), transparent 31%),
    radial-gradient(ellipse at 72% 95%, rgba(56,122,196,.08), transparent 38%),
    linear-gradient(122deg, #edf8f2, #ffffff 57%, #eff6fa) !important;
  box-shadow: 0 24px 58px rgba(15,38,60,.075) !important;
}
html.light-theme body.fs-interior-page main > :first-child:has(h1) h1 { color: #101d30 !important; }
html.light-theme body.fs-interior-page main .card,
html.light-theme body.fs-interior-page main article,
html.light-theme body.fs-interior-page main details,
html.light-theme body.fs-interior-page main [class*="rounded-2xl"][class*="border"],
html.light-theme body.fs-interior-page main [class*="rounded-xl"][class*="border"] {
  background: linear-gradient(145deg, #fff, #f7fafc) !important;
  border-color: rgba(71,99,128,.19) !important;
  box-shadow: 0 14px 36px rgba(19,42,65,.06);
}
html.light-theme body.fs-interior-page main label { color: #34495f; }
html.light-theme body.fs-interior-page main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html.light-theme body.fs-interior-page main select,
html.light-theme body.fs-interior-page main textarea { background: #fff !important; color: #172638 !important; }
html.light-theme body.fs-interior-page main th { color: #40576d; }
html.light-theme body.fs-interior-page main tr:hover td { background: rgba(17,43,69,.035); }
html.light-theme body.fs-interior-page main header { background: transparent !important; }
html.light-theme body.fs-interior-page footer { background: rgba(255,255,255,.66); }
html.light-theme body.fs-interior-page footer b { color: #142236; }
@media (max-width: 900px) {
  body.fs-interior-page > header > div { padding-inline: 18px; }
  body.fs-interior-page > header nav { gap: .1rem !important; }
  body.fs-interior-page > header nav a { padding-inline: .48rem !important; font-size: 13px !important; }
}
@media (max-width: 767px) {
  body.fs-interior-page > header > div {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .5rem;
    padding: .55rem 14px .45rem;
  }
  body.fs-interior-page > header > div > a:first-child { order: 1; }
  body.fs-interior-page > header .btn { order: 2; margin-left: auto; padding: .55rem .68rem; font-size: .78rem; }
  body.fs-interior-page #theme-toggle { order: 3; margin-left: 0; padding: .5rem .62rem; font-size: .7rem; }
  body.fs-interior-page > header nav {
    display: flex !important;
    order: 4;
    flex: 1 0 100%;
    width: 100%;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    gap: .15rem !important;
    padding: .15rem 0 .35rem;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body.fs-interior-page > header nav::-webkit-scrollbar { display: none; }
  body.fs-interior-page > header nav a { min-height: 35px; padding: .4rem .58rem !important; font-size: .77rem !important; }
  body.fs-interior-page main { padding: 28px 16px 58px !important; }
  body.fs-interior-page main > :first-child:has(h1) { padding: 28px 22px !important; border-radius: 22px !important; }
  body.fs-interior-page main > :first-child:has(h1)::after { width: 62vw; right: -27%; opacity: .6; }
  body.fs-interior-page main > :first-child:has(h1) h1 { max-width: 16ch; font-size: clamp(2.3rem, 10vw, 3.4rem) !important; letter-spacing: -.05em !important; }
  body.fs-interior-page main > :first-child:has(h1) h1 + p { font-size: 1rem !important; }
  body.fs-interior-page main.max-w-2xl,
  body.fs-interior-page main.max-w-3xl,
  body.fs-interior-page main.max-w-4xl,
  body.fs-interior-page main.max-w-5xl,
  body.fs-interior-page main.max-w-6xl,
  body.fs-interior-page main.max-w-7xl { width: 100% !important; max-width: 100% !important; }
  body.fs-interior-page main [class*="rounded-2xl"][class*="border"],
  body.fs-interior-page main [class*="rounded-xl"][class*="border"] { border-radius: 17px; }
  body.fs-interior-page main table { min-width: 600px; }
}
@media (max-width: 380px) {
  body.fs-interior-page > header > div { padding-inline: 10px; gap: .35rem; }
  body.fs-interior-page > header > div > a:first-child { padding-right: .35rem !important; }
  body.fs-interior-page > header > div > a:first-child::before { width: 30px; height: 30px; }
  body.fs-interior-page > header .btn { padding: .48rem .5rem; font-size: .7rem; }
  body.fs-interior-page #theme-toggle { padding: .45rem .48rem; font-size: .64rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.fs-interior-page *, body.fs-interior-page *::before, body.fs-interior-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* Keep a stray wide child from scrolling the whole page; tables manage their own horizontal overflow. */
body.fs-interior-page { overflow-x: clip; }
body.fs-interior-page #theme-toggle { font-family: inherit; font-size: .78rem; font-weight: 650; line-height: 1.2; }


/* FinSmarter glass-card polish adapted from the supplied redesign. */
body.fs-interior-page main h1,
body.fs-interior-page main h2,
body.fs-interior-page main h3 {
  text-wrap: balance;
}
body.fs-interior-page main [class*="rounded-2xl"][class*="border"],
body.fs-interior-page main [class*="rounded-xl"][class*="border"] {
  border-color: rgba(139, 169, 198, .25) !important;
  box-shadow: 0 12px 30px rgba(2, 6, 23, .16);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
@media (hover: hover) and (pointer: fine) {
  body.fs-interior-page main [class*="rounded-2xl"][class*="border"]:hover,
  body.fs-interior-page main [class*="rounded-xl"][class*="border"]:hover {
    transform: translateY(-2px);
    border-color: rgba(98, 229, 150, .48) !important;
    box-shadow: 0 18px 38px rgba(2, 6, 23, .22), 0 0 24px rgba(34, 197, 94, .08);
  }
}
body.fs-interior-page a:focus-visible,
body.fs-interior-page button:focus-visible,
body.fs-interior-page input:focus-visible,
body.fs-interior-page select:focus-visible,
body.fs-interior-page textarea:focus-visible,
body.fs-interior-page summary:focus-visible {
  outline: 3px solid rgba(98, 229, 150, .82);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  body.fs-interior-page main [class*="rounded-2xl"][class*="border"],
  body.fs-interior-page main [class*="rounded-xl"][class*="border"] {
    transition: none;
  }
}

/* Use the shared FinSmarter hero treatment on text-first public pages. */
body.fs-interior-page main > h1:first-child {
  margin: 0 !important;
  padding: clamp(28px, 4.1vw, 50px) clamp(24px, 4vw, 48px) 12px !important;
  border: 1px solid rgba(125, 161, 195, .24) !important;
  border-bottom: 0 !important;
  border-radius: 28px 28px 0 0 !important;
  background:
    radial-gradient(ellipse at 88% 16%, rgba(34,197,94,.19), transparent 31%),
    radial-gradient(ellipse at 72% 95%, rgba(56,122,196,.15), transparent 38%),
    linear-gradient(122deg, #0b1a2b 0%, #0b1a2a 58%, #0d2130 100%) !important;
  box-shadow: none !important;
}
body.fs-interior-page main > h1:first-child + p {
  max-width: none !important;
  margin: 0 0 clamp(1.8rem, 3.4vw, 2.7rem) !important;
  padding: 0 clamp(24px, 4vw, 48px) clamp(28px, 3.5vw, 42px) !important;
  border: 1px solid rgba(125, 161, 195, .24) !important;
  border-top: 0 !important;
  border-radius: 0 0 28px 28px !important;
  background:
    radial-gradient(ellipse at 88% 16%, rgba(34,197,94,.19), transparent 31%),
    radial-gradient(ellipse at 72% 95%, rgba(56,122,196,.15), transparent 38%),
    linear-gradient(122deg, #0b1a2b 0%, #0b1a2a 58%, #0d2130 100%) !important;
  box-shadow: 0 26px 68px rgba(0,0,0,.2) !important;
}
html.light-theme body.fs-interior-page main > h1:first-child {
  border-color: #d9e6ed !important;
  background:
    radial-gradient(ellipse at 88% 16%, rgba(34,197,94,.13), transparent 31%),
    radial-gradient(ellipse at 72% 95%, rgba(56,122,196,.08), transparent 38%),
    linear-gradient(122deg, #edf8f2, #fff 57%, #eff6fa) !important;
  color: #101d30 !important;
}
html.light-theme body.fs-interior-page main > h1:first-child + p {
  border-color: #d9e6ed !important;
  background:
    radial-gradient(ellipse at 88% 16%, rgba(34,197,94,.13), transparent 31%),
    radial-gradient(ellipse at 72% 95%, rgba(56,122,196,.08), transparent 38%),
    linear-gradient(122deg, #edf8f2, #fff 57%, #eff6fa) !important;
  color: #4b6075 !important;
  box-shadow: 0 24px 58px rgba(15,38,60,.075) !important;
}
@media (max-width: 767px) {
  body.fs-interior-page main > h1:first-child {
    padding: 28px 22px 10px !important;
    border-radius: 22px 22px 0 0 !important;
  }
  body.fs-interior-page main > h1:first-child + p {
    padding: 0 22px 28px !important;
    border-radius: 0 0 22px 22px !important;
  }
}


/* Personal loan comparison: clearer filters and lender cards */
html.light-theme body.fs-interior-page main.plc-wrap {
  width: min(100% - 32px, 1480px) !important;
  max-width: 1480px !important;
  padding: clamp(28px, 4vw, 54px) 0 76px !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-layout {
  grid-template-columns: minmax(270px, 318px) minmax(0, 1fr) !important;
  gap: clamp(18px, 2vw, 28px) !important;
  margin-top: 28px !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-panel {
  border: 1px solid #d8e5eb !important;
  border-radius: 24px !important;
  background: linear-gradient(155deg, rgba(255,255,255,.98), rgba(246,250,251,.96)) !important;
  box-shadow: 0 16px 42px rgba(24,54,74,.07) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-side {
  top: 96px !important;
  padding: 24px !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-panel h2 {
  font-size: 23px !important;
  letter-spacing: -.035em !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-label {
  color: #31475d !important;
  font-size: 13px !important;
  margin-top: 20px !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-control {
  min-height: 48px !important;
  border: 1px solid #cfdee7 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #142238 !important;
  box-shadow: inset 0 1px 2px rgba(17,35,54,.025) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-control:focus {
  border-color: #20b95c !important;
  box-shadow: 0 0 0 4px rgba(32,185,92,.13) !important;
  outline: 0 !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-range { accent-color: #18b85b !important; }
html.light-theme body.fs-interior-page main.plc-wrap .plc-summary {
  padding: 14px 16px;
  margin-bottom: 16px !important;
  border: 1px solid #dbe8ed;
  border-radius: 18px;
  background: rgba(255,255,255,.68);
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-results { gap: 20px !important; }
html.light-theme body.fs-interior-page main.plc-wrap .plc-offer {
  position: relative;
  overflow: hidden;
  padding: clamp(20px, 2.2vw, 30px) !important;
  border: 1px solid #d7e4ea !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, #fff 0%, #fbfdfd 70%, #f4fbf7 100%) !important;
  box-shadow: 0 16px 44px rgba(24,54,74,.075) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-offer::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #22c55e, #68d7a1);
  opacity: .75;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-offer:hover {
  transform: translateY(-3px) !important;
  border-color: #a8ddbd !important;
  box-shadow: 0 22px 54px rgba(24,84,59,.12) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-offer-top {
  align-items: center !important;
  gap: 18px !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-brand { gap: 14px !important; }
html.light-theme body.fs-interior-page main.plc-wrap .plc-brand img {
  width: 76px !important;
  height: 58px !important;
  padding: 7px !important;
  object-fit: contain !important;
  border: 1px solid #dce7ed !important;
  border-radius: 17px !important;
  background: #fff !important;
  box-shadow: 0 5px 13px rgba(19,44,66,.05) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-lender {
  color: #111d31 !important;
  font-size: clamp(18px, 1.35vw, 21px) !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-type {
  padding: 5px 11px !important;
  border: 1px solid #d2e8da !important;
  background: #eff9f2 !important;
  color: #247345 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-rate {
  min-width: 220px;
  padding: 12px 16px;
  border: 1px solid #d3efdd;
  border-radius: 18px;
  background: linear-gradient(135deg, #f1fbf4, #e7f8ee);
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-rate strong {
  color: #10a94d !important;
  font-size: clamp(25px, 2.5vw, 36px) !important;
  letter-spacing: -.04em !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-rate small {
  color: #587166 !important;
  font-size: 11px !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-facts {
  gap: 12px !important;
  margin-top: 20px !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-fact {
  min-height: 78px;
  padding: 14px 15px !important;
  border: 1px solid #dce7ed !important;
  border-radius: 17px !important;
  background: #f8fafb !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-fact span {
  color: #607184 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-fact strong {
  color: #142238 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-total-estimate {
  margin-top: 14px !important;
  padding: 17px 19px !important;
  border-left: 4px solid #18b85b !important;
  border-radius: 16px !important;
  background: linear-gradient(110deg, #eaf8ef, #f0f8fb) !important;
  color: #142238 !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-total-estimate strong { color: #10243a !important; }
html.light-theme body.fs-interior-page main.plc-wrap .plc-note {
  color: #52677d !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-check {
  padding: 12px 14px;
  border: 1px solid #e0e9ed;
  border-radius: 14px;
  background: #f7fafb;
  color: #30465b;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-check input { accent-color: #18b85b !important; }
html.light-theme body.fs-interior-page main.plc-wrap .plc-links { gap: 8px !important; }
html.light-theme body.fs-interior-page main.plc-wrap .plc-links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid #d9e5ec;
  border-radius: 999px;
  background: #fff;
  color: #1761a4 !important;
  font-size: 12px !important;
  font-weight: 650;
  text-decoration: none !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-links a:hover {
  border-color: #a8ddbd;
  background: #f0faf3;
  color: #11723b !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-offer a[href*="callback.php"] {
  min-height: 46px;
  padding: 12px 20px !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(25,174,83,.15) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-compare,
html.light-theme body.fs-interior-page main.plc-wrap .plc-empty {
  border: 1px solid #d8e5eb !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 14px 38px rgba(24,54,74,.06) !important;
}
@media (max-width: 900px) {
  html.light-theme body.fs-interior-page main.plc-wrap { width: min(100% - 28px, 720px) !important; }
  html.light-theme body.fs-interior-page main.plc-wrap .plc-layout { grid-template-columns: minmax(0,1fr) !important; }
  html.light-theme body.fs-interior-page main.plc-wrap .plc-side { position: static !important; }
}
@media (max-width: 620px) {
  html.light-theme body.fs-interior-page main.plc-wrap { width: min(100% - 22px, 540px) !important; padding-top: 24px !important; }
  html.light-theme body.fs-interior-page main.plc-wrap .plc-offer { padding: 20px 17px !important; border-radius: 21px !important; }
  html.light-theme body.fs-interior-page main.plc-wrap .plc-offer-top { align-items: flex-start !important; flex-direction: column; }
  html.light-theme body.fs-interior-page main.plc-wrap .plc-rate { width: 100%; min-width: 0; text-align: left !important; }
  html.light-theme body.fs-interior-page main.plc-wrap .plc-facts { grid-template-columns: 1fr !important; }
  html.light-theme body.fs-interior-page main.plc-wrap .plc-fact { min-height: 0; }
  html.light-theme body.fs-interior-page main.plc-wrap .plc-actions { align-items: flex-start !important; }
  html.light-theme body.fs-interior-page main.plc-wrap .plc-links { width: 100%; }
}


/* Personal Loans page: apply the supplied glass-card and soft-glow design language */
html.light-theme body.fs-interior-page main.plc-wrap .plc-hero {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(34px, 5vw, 66px) clamp(24px, 5vw, 64px) !important;
  border: 1px solid rgba(203, 221, 229, .95) !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 72% 18%, rgba(16,185,129,.18) 0%, rgba(16,185,129,0) 34%),
    radial-gradient(circle at 93% 86%, rgba(99,102,241,.12) 0%, rgba(99,102,241,0) 40%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,251,252,.84)) !important;
  box-shadow: 0 28px 76px rgba(24,54,74,.11) !important;
  backdrop-filter: blur(12px);
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-kicker {
  color: #0aa850 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .16em !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-hero h1 {
  max-width: 900px !important;
  color: #101b2e !important;
  font-size: clamp(38px, 5.4vw, 66px) !important;
  font-weight: 760 !important;
  letter-spacing: -.06em !important;
  line-height: 1.02 !important;
  margin: 18px 0 16px !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-sub {
  max-width: 780px !important;
  color: #4a6077 !important;
  font-size: clamp(16px, 1.5vw, 20px) !important;
  line-height: 1.72 !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-badges { gap: 10px !important; margin-top: 24px !important; }
html.light-theme body.fs-interior-page main.plc-wrap .plc-badges > * {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 14px !important;
  border: 1px solid #d6e5e7 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.77) !important;
  color: #263a4d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 20px rgba(18,45,66,.035);
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-hero .plc-callout {
  padding: 18px 20px !important;
  border: 1px solid #cbead6 !important;
  border-left: 4px solid #18b85b !important;
  border-radius: 18px !important;
  background: linear-gradient(115deg, rgba(232,249,238,.94), rgba(238,245,255,.82)) !important;
  color: #304b5c !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-guide-title,
html.light-theme body.fs-interior-page main.plc-wrap #plc-guide-title,
html.light-theme body.fs-interior-page main.plc-wrap #plc-faq-title {
  color: #111d31 !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  font-weight: 760 !important;
  letter-spacing: -.045em !important;
  line-height: 1.12 !important;
}
html.light-theme body.fs-interior-page main.plc-wrap > :has(#plc-guide-title),
html.light-theme body.fs-interior-page main.plc-wrap > :has(#plc-faq-title) {
  padding: clamp(22px, 3vw, 38px) !important;
  border: 1px solid rgba(213,228,234,.95) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(16,185,129,.09), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(247,251,252,.88)) !important;
  box-shadow: 0 20px 54px rgba(24,54,74,.075) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap :has(> #plc-guide-title) > ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 24px !important;
}
html.light-theme body.fs-interior-page main.plc-wrap :has(> #plc-guide-title) > ul > li {
  min-height: 154px;
  padding: 20px !important;
  border: 1px solid #dce7ed !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.84) !important;
  box-shadow: 0 10px 28px rgba(18,45,66,.045) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-layout { margin-top: 32px !important; }
html.light-theme body.fs-interior-page main.plc-wrap .plc-side {
  background: rgba(255,255,255,.86) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 52px rgba(24,54,74,.09) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-summary {
  padding: 16px 18px !important;
  border: 1px solid #d8e6ea !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 12px 32px rgba(24,54,74,.055) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-summary > * { color: #263c53 !important; }
html.light-theme body.fs-interior-page main.plc-wrap .plc-sort .plc-control { min-height: 44px !important; }
html.light-theme body.fs-interior-page main.plc-wrap .plc-offer {
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 98% 3%, rgba(16,185,129,.075), transparent 31%),
    rgba(255,255,255,.88) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 58px rgba(24,54,74,.09) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-rate {
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgba(16,185,129,.09) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-fact {
  min-height: 90px !important;
  border-radius: 18px !important;
  background: rgba(248,250,252,.92) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-total-estimate {
  border-radius: 20px !important;
  background: linear-gradient(125deg, rgba(226,248,235,.96), rgba(238,244,255,.9)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.9) !important;
}
html.light-theme body.fs-interior-page main.plc-wrap .plc-offer a[href*="callback.php"] {
  min-height: 50px !important;
  border-radius: 16px !important;
  font-weight: 760 !important;
}
html.light-theme body.fs-interior-page main.plc-wrap :has(> #plc-faq-title) button {
  min-height: 54px;
  padding: 16px 18px !important;
  border: 1px solid #dce7ed !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.86) !important;
  color: #17253a !important;
  text-align: left;
}
html.light-theme body.fs-interior-page main.plc-wrap :has(> #plc-faq-title) button:hover {
  border-color: #a7ddba !important;
  background: #f2fbf5 !important;
}
@media (max-width: 700px) {
  html.light-theme body.fs-interior-page main.plc-wrap .plc-hero { padding: 30px 22px !important; border-radius: 26px !important; }
  html.light-theme body.fs-interior-page main.plc-wrap .plc-hero h1 { font-size: clamp(34px, 10vw, 48px) !important; }
  html.light-theme body.fs-interior-page main.plc-wrap > :has(#plc-guide-title),
  html.light-theme body.fs-interior-page main.plc-wrap > :has(#plc-faq-title) { padding: 22px 17px !important; border-radius: 23px !important; }
  html.light-theme body.fs-interior-page main.plc-wrap :has(> #plc-guide-title) > ul { grid-template-columns: 1fr !important; }
  html.light-theme body.fs-interior-page main.plc-wrap :has(> #plc-guide-title) > ul > li { min-height: 0; }
}


/* Keep every public navigation link reachable on narrow screens. */
@media (max-width: 767px) {
  body.fs-interior-page > header > div.max-w-7xl {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-content: initial !important;
    gap: 6px 10px !important;
    min-height: 0 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  body.fs-interior-page > header > div.max-w-7xl > a:first-child {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }
  body.fs-interior-page > header > div.max-w-7xl > a.btn {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    min-height: 38px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    white-space: nowrap;
  }
  body.fs-interior-page > header > div.max-w-7xl > nav {
    display: grid !important;
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px 5px !important;
    width: 100%;
    min-width: 0;
    overflow: visible !important;
    white-space: normal !important;
  }
  body.fs-interior-page > header > div.max-w-7xl > nav a {
    justify-content: center;
    min-height: 31px !important;
    padding: 5px 1px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    text-align: center;
    white-space: nowrap;
  }
  body.fs-interior-page > header > div.max-w-7xl > button#theme-toggle {
    grid-column: 2;
    grid-row: 3;
    justify-self: end;
    min-height: 31px !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
  }
}


/* Personal Loans topic menu and original guide pages */
.pl-nav-group{position:static}
.pl-nav-trigger{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.pl-nav-trigger::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .18s ease}
.pl-nav-group:hover .pl-nav-trigger::after,.pl-nav-group[open] .pl-nav-trigger::after{transform:rotate(225deg);margin-top:4px}
.pl-nav-menu{display:none;position:fixed;left:50%;top:88px;transform:translateX(-50%);width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 106px);overflow:auto;z-index:9999;padding:18px;border:1px solid #dbe8e2;border-radius:20px;background:#fff;color:#17263c;box-shadow:0 22px 55px rgba(8,28,48,.22)}
.pl-nav-group:hover .pl-nav-menu,.pl-nav-group[open] .pl-nav-menu{display:block}
.pl-nav-menu-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 2px 14px;padding-bottom:12px;border-bottom:1px solid #e7eeeb}
.pl-nav-menu-head strong{font-size:15px;font-weight:850;color:#12243a}
.pl-nav-menu-head span{font-size:12px;color:#607389}
.pl-nav-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}
.pl-nav-category{min-width:0;padding:14px 12px 12px;border:1px solid #e6eeeb;border-radius:15px;background:#f7faf9}
.pl-nav-category h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#087c5a;font-size:13px;font-weight:850;letter-spacing:.01em}
.pl-nav-symbol{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#e6f6ee;color:#078a60;font-size:13px;font-weight:900;flex:0 0 24px}
.pl-nav-category a{display:block;padding:7px 8px;border-radius:9px;color:#3a4d63;font-size:12.5px;line-height:1.35;text-decoration:none;transition:background .15s ease,color .15s ease}
.pl-nav-category a:hover,.pl-nav-category a:focus-visible{background:#e8f5ef;color:#08734f;outline:none}
.pl-nav-category a:focus-visible{box-shadow:0 0 0 2px #20bf70}
html:not(.light-theme) .pl-nav-menu{background:#0d1a29;color:#e8eff7;border-color:#2a3b4e;box-shadow:0 24px 60px rgba(0,0,0,.5)}
html:not(.light-theme) .pl-nav-menu-head{border-color:#293b4f}
html:not(.light-theme) .pl-nav-menu-head strong{color:#f2f7fb}
html:not(.light-theme) .pl-nav-menu-head span{color:#a8bad0}
html:not(.light-theme) .pl-nav-category{background:#132338;border-color:#2a3e53}
html:not(.light-theme) .pl-nav-category h3{color:#8fe6b8}
html:not(.light-theme) .pl-nav-symbol{background:#173a38;color:#8fe6b8}
html:not(.light-theme) .pl-nav-category a{color:#c0cfe0}
html:not(.light-theme) .pl-nav-category a:hover,html:not(.light-theme) .pl-nav-category a:focus-visible{background:#1a3a3b;color:#b9f2d1}
@media(max-width:1050px){.pl-nav-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-nav-menu{top:80px}}
@media(max-width:767px){.pl-nav-menu-grid{grid-template-columns:minmax(0,1fr)}.pl-nav-menu{top:72px;width:calc(100vw - 20px);max-height:calc(100vh - 82px);padding:12px}.pl-nav-menu-head{align-items:start;flex-direction:column;gap:4px}.pl-nav-category{padding:12px}}

.pl-topic-page{width:min(1320px,100%);margin:0 auto;padding:44px 24px 76px;color:#18273b;box-sizing:border-box}
.pl-topic-hero{position:relative;overflow:hidden;padding:clamp(28px,5vw,64px);border:1px solid #d8e9e1;border-radius:28px;background:radial-gradient(ellipse at 88% 12%,rgba(47,202,120,.16),transparent 36%),linear-gradient(135deg,#f4fbf7,#f4f8fc);box-shadow:0 18px 45px rgba(25,60,82,.08)}
.pl-topic-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 12px;border:1px solid #d6e9df;border-radius:999px;background:#fff;color:#087c5a;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.pl-topic-hero h1{max-width:900px;margin:0 0 14px;color:#111b2d;font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.045em}
.pl-topic-hero p{max-width:850px;margin:0;color:#4c6077;font-size:clamp(16px,1.8vw,19px);line-height:1.7}
.pl-topic-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.pl-topic-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #15ae68;border-radius:12px;background:#19bd68;color:#062717;font-size:14px;font-weight:850;text-decoration:none;box-shadow:0 8px 20px rgba(17,160,91,.16);transition:transform .16s ease,box-shadow .16s ease}
.pl-topic-action:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(17,160,91,.23)}
.pl-topic-action-secondary{border-color:#cbd8e5;background:#fff;color:#20334a;box-shadow:none}
.pl-topic-note{margin-top:22px;padding:13px 16px;border-left:3px solid #19bd68;border-radius:10px;background:rgba(226,247,237,.8);color:#3d5369;font-size:13px;line-height:1.6}
.pl-topic-content{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:20px;margin-top:22px;align-items:start}
.pl-topic-section,.pl-topic-aside{padding:clamp(20px,3vw,30px);border:1px solid #dce6ef;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(31,52,76,.05)}
.pl-topic-section h2,.pl-topic-aside h2{margin:0 0 12px;color:#14233a;font-size:clamp(21px,2.5vw,29px);letter-spacing:-.025em}
.pl-topic-section>p,.pl-topic-aside>p{color:#586b80;line-height:1.7}
.pl-topic-checklist{display:grid;gap:11px;margin:18px 0 0;padding:0;list-style:none}
.pl-topic-checklist li{position:relative;padding:13px 14px 13px 42px;border:1px solid #e5edf3;border-radius:13px;background:#f8fafc;color:#33485e;line-height:1.55}
.pl-topic-checklist li::before{content:"✓";position:absolute;left:14px;top:13px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#dff7e9;color:#0d9257;font-size:12px;font-weight:900}
.pl-topic-estimate{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}
.pl-topic-estimate-card{padding:14px;border:1px solid #dce8ef;border-radius:14px;background:#f8fbfd}
.pl-topic-estimate-card span{display:block;color:#607387;font-size:12px}
.pl-topic-estimate-card strong{display:block;margin-top:6px;color:#14233a;font-size:21px}
.pl-topic-faq{margin-top:22px}
.pl-topic-faq h2{margin:0 0 12px}
.pl-topic-faq details{margin:9px 0;padding:14px 16px;border:1px solid #dce6ef;border-radius:13px;background:#fff}
.pl-topic-faq summary{cursor:pointer;color:#172940;font-weight:800;line-height:1.45}
.pl-topic-faq details p{margin:10px 0 0;color:#556b81;line-height:1.65}
.pl-topic-related{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.pl-topic-related a{padding:9px 12px;border:1px solid #dce8ef;border-radius:999px;background:#f7fafc;color:#1d3853;font-size:13px;font-weight:750;text-decoration:none}
.pl-topic-related a:hover{border-color:#8fd8b4;background:#edf9f2}
html:not(.light-theme) .pl-topic-page{color:#e7eef7}
html:not(.light-theme) .pl-topic-hero{border-color:#274257;background:radial-gradient(ellipse at 88% 12%,rgba(24,180,103,.15),transparent 38%),linear-gradient(135deg,#102337,#0c1829);box-shadow:0 18px 45px rgba(0,0,0,.18)}
html:not(.light-theme) .pl-topic-eyebrow{border-color:#2a5646;background:#143127;color:#99ebbc}
html:not(.light-theme) .pl-topic-hero h1,html:not(.light-theme) .pl-topic-section h2,html:not(.light-theme) .pl-topic-aside h2,html:not(.light-theme) .pl-topic-estimate-card strong{color:#f3f7fc}
html:not(.light-theme) .pl-topic-hero p,html:not(.light-theme) .pl-topic-section>p,html:not(.light-theme) .pl-topic-aside>p,html:not(.light-theme) .pl-topic-faq details p{color:#b5c4d6}
html:not(.light-theme) .pl-topic-note{border-color:#1cbd70;background:#123328;color:#cae5d7}
html:not(.light-theme) .pl-topic-section,html:not(.light-theme) .pl-topic-aside,html:not(.light-theme) .pl-topic-faq details{border-color:#2b4057;background:#112237;box-shadow:none}
html:not(.light-theme) .pl-topic-checklist li,html:not(.light-theme) .pl-topic-estimate-card,html:not(.light-theme) .pl-topic-related a{border-color:#2a4056;background:#15293f;color:#c9d6e5}
html:not(.light-theme) .pl-topic-faq summary{color:#edf3f9}
html:not(.light-theme) .pl-topic-related a:hover{border-color:#3b8d66;background:#153a33}
.pl-topic-page a:focus-visible{outline:3px solid #38cc82;outline-offset:3px}
@media(max-width:850px){.pl-topic-content{grid-template-columns:minmax(0,1fr)}.pl-topic-aside{order:-1}}
@media(max-width:560px){.pl-topic-page{padding:24px 14px 48px}.pl-topic-hero{border-radius:20px;padding:24px 20px}.pl-topic-section,.pl-topic-aside{border-radius:17px;padding:20px}.pl-topic-estimate{grid-template-columns:minmax(0,1fr)}}

.pl-nav-group > summary{list-style:none;cursor:pointer}
.pl-nav-group > summary::-webkit-details-marker{display:none}
.pl-nav-group > summary::marker{content:""}

body > header nav .pl-nav-menu .pl-nav-category a{display:block!important;width:100%;padding:7px 8px!important;white-space:normal!important;text-align:left;text-decoration:none}




/* Personal-loan dropdown: use the mobile category-card look on desktop too. */
@media (min-width: 768px) {
  body > header nav .pl-nav-menu {
    width: min(980px, calc(100vw - 48px));
    top: 80px;
    padding: 18px;
  }

  body > header nav .pl-nav-menu-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
  }

  body > header nav .pl-nav-category {
    padding: 14px 16px 12px;
  }

  body > header nav .pl-nav-category a {
    font-size: 13px;
    padding: 8px 10px !important;
  }
}