/* Finclar portal tour: scoped Ledger & Ink presentation. */
.portal-tour-page {
  --tour-paper: #f5f3ec;
  --tour-card: #fffefa;
  --tour-soft: #eeeee5;
  --tour-ink: #17251f;
  --tour-copy: #43534a;
  --tour-muted: #596a60;
  --tour-rule: #d5d9cf;
  --tour-green: #245946;
  --tour-copper: #8d4a2b;
  background: var(--tour-paper) !important;
  color: var(--tour-ink) !important;
  overflow-x: clip;
  padding-bottom: 88px;
}
:root[data-theme="dark"] .portal-tour-page {
  --tour-paper: #111c2c;
  --tour-card: #19283a;
  --tour-soft: #203248;
  --tour-ink: #f1eee5;
  --tour-copy: #d0d9d5;
  --tour-muted: #b5c3bf;
  --tour-rule: #3a4d5d;
  --tour-green: #9ad1b5;
  --tour-copper: #e2a078;
}
:root[data-theme="light"] .portal-tour-page {
  --tour-paper: #f5f3ec;
  --tour-card: #fffefa;
  --tour-soft: #eeeee5;
  --tour-ink: #17251f;
  --tour-copy: #43534a;
  --tour-muted: #596a60;
  --tour-rule: #d5d9cf;
  --tour-green: #245946;
  --tour-copper: #8d4a2b;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) .portal-tour-page {
    --tour-paper: #111c2c;
    --tour-card: #19283a;
    --tour-soft: #203248;
    --tour-ink: #f1eee5;
    --tour-copy: #d0d9d5;
    --tour-muted: #b5c3bf;
    --tour-rule: #3a4d5d;
    --tour-green: #9ad1b5;
    --tour-copper: #e2a078;
  }
}
.portal-tour-page .site-header,
.portal-tour-page .section,
.portal-tour-page .section-alt,
.portal-tour-page .faq-item,
.portal-tour-page .portal-mock,
.portal-tour-page .pm-bar,
.portal-tour-page .feat-pill,
.portal-tour-page .tab-card,
.portal-tour-page .auth-step {
  background-color: var(--tour-card) !important;
  color: var(--tour-ink) !important;
  border-color: var(--tour-rule) !important;
}
.portal-tour-page .site-header { border-bottom: 1px solid var(--tour-rule); }
.portal-tour-page .brand-text .b-name,
.portal-tour-page .tab-card h3,
.portal-tour-page .auth-step h3,
.portal-tour-page .sec-title,
.portal-tour-page .faq-item summary,
.portal-tour-page .lead-row .name,
.portal-tour-page .demo-box h2 { color: var(--tour-ink) !important; }
.portal-tour-page .brand-text .b-sub,
.portal-tour-page .tab-card .lede,
.portal-tour-page .tab-card ul,
.portal-tour-page .auth-step p,
.portal-tour-page .sec-sub,
.portal-tour-page .lead-row p,
.portal-tour-page .faq-item p,
.portal-tour-page .foot-inner,
.portal-tour-page .feat-pill span { color: var(--tour-copy) !important; }
.portal-tour-page .section-alt { background: var(--tour-soft) !important; }
.portal-tour-page .hero {
  background: #10213f !important;
  color: #f6f3ec !important;
  border-bottom: 1px solid #42645d;
}
.portal-tour-page .hero h1,
.portal-tour-page .hero .sub { color: #f6f3ec !important; }
.portal-tour-page .hero .accent { color: #a5d8cc !important; }
.portal-tour-page .sec-kicker,
.portal-tour-page .tab-card .tag,
.portal-tour-page .lead-row .role { color: var(--tour-copper) !important; }
.portal-tour-page .tab-card .tag { background: var(--tour-soft) !important; }
.portal-tour-page .demo-box {
  background: var(--tour-card) !important;
  border: 1px solid var(--tour-rule) !important;
  border-left: 4px solid var(--tour-copper) !important;
  color: var(--tour-ink) !important;
}
.portal-tour-page .demo-box p { color: var(--tour-copy) !important; }
.portal-tour-page .demo-box code,
.portal-tour-page .auth-step code { background: var(--tour-soft) !important; color: var(--tour-ink) !important; border: 1px solid var(--tour-rule); }
.portal-tour-page .lead-row { background: var(--tour-card) !important; border-color: var(--tour-rule) !important; border-left-color: var(--tour-green) !important; }
.portal-tour-page .portal-mock { box-shadow: 0 16px 42px rgba(10, 24, 48, .14); }
.portal-tour-page .pm-bar .url { background: var(--tour-soft); color: var(--tour-muted); border-color: var(--tour-rule); }
.portal-tour-page .portal-mock > div[style*="background:#fff"] { background: var(--tour-card) !important; }
.portal-tour-page .portal-mock [style*="color:var(--navy)"],
.portal-tour-page .feat-pill b { color: var(--tour-green) !important; }
.portal-tour-page .portal-mock [style*="color:var(--muted)"],
.portal-tour-page .portal-mock [style*="color:var(--teal)"],
.portal-tour-page .portal-mock [style*="color:var(--success)"] { color: var(--tour-copy) !important; }
.portal-tour-page .portal-mock [style*="background:var(--surface-2)"] { background: var(--tour-soft) !important; }
.portal-tour-page .auth-step .num { border-color: var(--tour-card) !important; }
.portal-tour-page .cta-band { background: #10213f !important; color: #f6f3ec !important; }
.portal-tour-page .cta-band h2,
.portal-tour-page .cta-band p { color: #f6f3ec !important; }
.portal-tour-page footer { background: #10213f; color: #e0e7e2; }
.portal-tour-page footer a { color: #c6ded6; }
.portal-tour-page .portal-call {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  color: #fff !important;
  font-weight: 700;
  text-underline-offset: 4px;
}
.portal-tour-page .hero-ctas .btn-outline {
  color: #f6f3ec;
  border-color: rgba(246, 243, 236, .72);
}
.portal-tour-page .hero-ctas .btn-outline:hover {
  background: #f6f3ec;
  color: #10213f;
}
.portal-tour-page .hero-ctas a:focus-visible {
  outline-color: #a5d8cc !important;
}
.portal-tour-page .faq-item summary::after {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  margin-left: auto;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}
.portal-tour-page .faq-item[open] summary::after {
  transform: rotate(225deg);
}
.portal-tour-page a:focus-visible,
.portal-tour-page summary:focus-visible {
  outline: 3px solid #a55a32 !important;
  outline-offset: 4px;
  border-radius: 3px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .portal-tour-page a:focus-visible,
  :root:not([data-theme="light"]) .portal-tour-page summary:focus-visible { outline-color: #f0b28b !important; }
}
:root[data-theme="dark"] .portal-tour-page a:focus-visible,
:root[data-theme="dark"] .portal-tour-page summary:focus-visible { outline-color: #f0b28b !important; }
.portal-tour-page .tab-card,
.portal-tour-page .tab-card:hover { transform: none !important; transition: none !important; box-shadow: none; }
.portal-tour-page .wa-fab { z-index: 90; }
@media (max-width: 760px) {
  .portal-tour-page { padding-bottom: 104px; }
  .portal-tour-page .hero-grid > div { min-width: 0; }
  .portal-tour-page .hero h1 {
    max-width: 100%;
    font-size: clamp(29px, 9vw, 46px);
    line-height: 1.08;
    letter-spacing: -.035em;
    white-space: normal;
    overflow-wrap: break-word;
    text-wrap: balance;
  }
  .portal-tour-page .hero-ctas { align-items: flex-start; }
  .portal-tour-page .utility-right { flex-wrap: wrap; row-gap: 4px; }
}
@media (max-width: 520px) {
  .portal-tour-page { padding-bottom: 24px; }
  .portal-tour-page .wa-fab {
    position: static !important;
    right: auto;
    bottom: auto;
    display: flex;
    width: 48px;
    min-width: 48px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin: 16px 14px 24px auto;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 50%;
  }
  .portal-tour-page .hero-ctas > * { max-width: 100%; }
  .portal-tour-page .demo-box { padding: 17px 16px; }
  .portal-tour-page .lead-row { padding: 18px 16px; }
  .portal-tour-page .faq-item { padding: 15px 16px !important; }
}
