@import url('/tenant-plus.css?v=4');

.tenant-split { scroll-behavior: smooth; }
.tenant-split [id] { scroll-margin-top: 100px; }
.tenant-split .split-hero-note { margin: 18px 0 0; font-size: 12px; color: #61757c; }
.tenant-split .tenant-plus__ticker { flex-wrap: wrap; }
.split-planner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; width: min(1180px, calc(100% - 40px)); margin: 0 auto 130px; padding: 64px; border-radius: 36px; background: #edf4f1; align-items: center; }
.split-planner h2, .split-faq h2 { margin: 18px 0 24px; font-size: clamp(46px, 5.5vw, 72px); font-weight: 900; letter-spacing: -.055em; line-height: .96; color: var(--plus-ink); }
.split-planner__copy > p { color: var(--plus-muted); font-size: 18px; line-height: 1.55; }
.split-planner form { margin-top: 30px; }
.split-planner label { display: block; margin: 20px 0 9px; font-size: 14px; font-weight: 750; }
.split-fields { display: grid; grid-template-columns: 1.3fr 1fr; gap: 14px; }
.split-fields > div { min-width: 0; }
.split-planner input, .split-planner select { width: 100%; min-height: 54px; border: 1px solid #bccfd0; border-radius: 12px; background: #fff; color: var(--plus-ink); padding: 12px; font: inherit; }
.split-amount { position: relative; }
.split-amount > span { position: absolute; left: 15px; top: 17px; font-weight: 750; }
.split-amount input { padding-left: 34px; }
.split-planner form > small { display: block; margin-top: 9px; font-size: 11px; color: #526a73; line-height: 1.4; }
.split-planner button { margin-top: 26px; border: 0; cursor: pointer; width: 100%; }
.tenant-split :is(a, button, input, select, summary):focus-visible { outline: 3px solid #0786b5; outline-offset: 4px; }
.split-schedule { padding: 28px; border-radius: 26px; background: #fff; box-shadow: 0 18px 60px #183c4710; }
.split-schedule__top { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 10px; font-weight: 800; letter-spacing: .06em; }
.split-pill { border-radius: 30px; padding: 8px 10px; color: #075f80; background: #e5f4fa; white-space: nowrap; letter-spacing: 0; }
.split-landlord { display: flex; align-items: center; gap: 16px; padding: 30px 0; border-bottom: 1px solid var(--plus-line); }
.split-house { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: #eef4f1; font-size: 34px; }
.split-landlord div { flex: 1; }
.split-landlord div > span, .split-payment div > span { display: block; font-size: 13px; color: var(--plus-muted); }
.split-landlord strong { display: block; margin: 5px 0; font-size: 36px; letter-spacing: -.04em; }
.split-landlord small, .split-payment small { display: block; color: var(--plus-muted); font-size: 12px; }
.split-check { color: #26775c; background: #dff5eb; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; }
.split-timeline { padding: 14px 0; }
.split-payment { display: flex; align-items: center; gap: 18px; padding: 20px 0; position: relative; }
.split-payment:first-child::after { content: ''; position: absolute; left: 7px; top: 62px; bottom: -40px; border-left: 1px dashed #a8c4c8; }
.split-dot { width: 15px; height: 15px; flex-shrink: 0; border: 4px solid #e4f2fa; border-radius: 50%; background: #0786b5; }
.split-dot--mint { background: #318365; border-color: #dff5eb; }
.split-payment div { flex: 1; }
.split-payment strong { display: block; margin: 7px 0; font-size: 32px; letter-spacing: -.035em; }
.split-payment-tag { font-size: 12px; color: #899ba0; }
.split-total { display: flex; justify-content: space-between; gap: 12px; padding-top: 20px; border-top: 1px solid var(--plus-line); font-size: 14px; }
.split-example-note { color: #64777e; margin: 18px 0 0; font-size: 11px; line-height: 1.55; }
.split-status { color: #26775c; font-size: 12px; line-height: 1.5; margin: 12px 0 0; }
.split-status:empty { display: none; }
.split-faq { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; width: min(1180px, calc(100% - 40px)); margin: 0 auto 130px; }
.split-faq details { border-bottom: 1px solid var(--plus-line); }
.split-faq details:first-child { border-top: 1px solid var(--plus-line); }
.split-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; list-style: none; padding: 25px 0; cursor: pointer; font-weight: 750; font-size: 18px; line-height: 1.4; }
.split-faq summary::-webkit-details-marker { display: none; }
.split-faq summary::after { content: '+'; font-size: 24px; font-weight: 400; color: var(--plus-blue); }
.split-faq details[open] summary::after { content: '−'; }
.split-faq details p { margin: 0; padding: 0 24px 25px 0; color: var(--plus-muted); font-size: 16px; line-height: 1.65; }
.split-faq a { color: var(--plus-blue-dark); text-decoration: underline; }
@media (max-width: 980px) {
  .split-planner { gap: 36px; padding: 40px; }
  .split-faq { gap: 40px; }
}
@media (max-width: 760px) {
  .split-planner { grid-template-columns: 1fr; width: calc(100% - 24px); padding: 36px 24px; gap: 32px; margin-bottom: 90px; border-radius: 28px; }
  .split-schedule { padding: 24px; }
  .split-faq { grid-template-columns: 1fr; gap: 24px; margin-bottom: 90px; }
  .split-planner h2, .split-faq h2 { font-size: clamp(44px, 12vw, 62px); }
  .tenant-split .tenant-plus__ticker { justify-content: center; gap: 12px; font-size: 10px; }
  .tenant-split .tenant-plus__ticker i { display: none; }
}
@media (prefers-reduced-motion: reduce) { .tenant-split { scroll-behavior: auto; } }