/* Parking-account workspace only. Fixed partials own the landing page and Article. */
.tn-pai-page {
  --pai-ink:#1a1208; --pai-muted:#5a4a30; --pai-line:#b8a888; --pai-soft:#ddd4be;
  --pai-paper:#faf6ee; --pai-surface:#fffdf7; --pai-wash:#f5efdf; --pai-accent:#c44a00; --pai-accent-text:#b84000;
  --pai-button:#ede6d4; --pai-hover:#dfd4bb; --pai-button-text:#1a1208;
  --pai-primary:#1a1208; --pai-primary-text:#faf6ee; --pai-scheme:light;
  --pai-font:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;
  width:min(1180px,100%)!important; max-width:1180px!important; margin:0 auto 56px!important; padding:0!important;
}
.tn-pai-page .tn-pai-tool,.tn-pai-page .tn-pai-tool * { box-sizing:border-box!important; min-width:0!important; }
.tn-pai-page .tn-pai-tool {
  width:100%!important; margin:0 auto!important; padding:24px!important; border:1px solid var(--pai-line)!important;
  border-top:3px double var(--pai-line)!important; background:var(--pai-paper)!important;
  color:var(--pai-ink)!important; -webkit-text-fill-color:var(--pai-ink)!important;
  color-scheme:var(--pai-scheme)!important; font:400 14px/1.55 var(--pai-font)!important; -webkit-font-smoothing:antialiased;
}
.tn-pai-page .tn-pai-tool :is(h2,h3,p,dl,dd) { margin:0!important; }
.tn-pai-page .tn-pai-tool :is(h2,h3) { font:800 16px/1.4 var(--pai-font)!important; text-wrap:balance; }
.tn-pai-page .tn-pai-tool :is(p,small,span) { overflow-wrap:anywhere; }
.tn-pai-page .tn-pai-setup { display:flex!important; flex-direction:column!important; gap:12px!important; padding-bottom:22px!important; border-bottom:1px solid var(--pai-line)!important; }
.tn-pai-page .tn-pai-main { display:grid!important; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important; gap:28px!important; margin-top:24px!important; align-items:start!important; }
.tn-pai-page .tn-pai-conditions { display:flex!important; flex-direction:column!important; gap:24px!important; }
.tn-pai-page .tn-pai-results { padding-left:28px!important; border-left:1px solid var(--pai-soft)!important; display:flex!important; flex-direction:column!important; gap:20px!important; }
.tn-pai-page .tn-pai-section { display:flex!important; flex-direction:column!important; gap:12px!important; }
.tn-pai-page .tn-pai-section + .tn-pai-section { border-top:1px solid var(--pai-soft)!important; padding-top:20px!important; }
.tn-pai-page .tn-pai-section-head { display:flex!important; justify-content:space-between!important; align-items:center!important; gap:12px!important; }
.tn-pai-page .tn-pai-section-head :is(h2,h3)::before { content:""; display:inline-block; width:6px; height:6px; margin:0 8px 2px 0; background:var(--pai-accent); }
.tn-pai-page .tn-pai-field { display:flex!important; flex-direction:column!important; gap:6px!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; }
.tn-pai-page .tn-pai-field > :is(label,span:first-child),.tn-pai-page .tn-pai-field > label { color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:600 12px/1.4 var(--pai-font)!important; }
.tn-pai-page .tn-pai-control { display:flex!important; width:100%!important; align-items:stretch!important; min-height:44px!important; border:1px solid var(--pai-line)!important; background:var(--pai-surface)!important; }
.tn-pai-page .tn-pai-tool :is(input,select) { display:block!important; width:100%!important; max-width:100%!important; height:44px!important; min-height:44px!important; margin:0!important; padding:8px 10px!important; border:1px solid var(--pai-line)!important; border-radius:0!important; background:var(--pai-surface)!important; color:var(--pai-ink)!important; -webkit-text-fill-color:var(--pai-ink)!important; box-shadow:none!important; font:600 15px/1.2 var(--pai-font)!important; font-variant-numeric:lining-nums tabular-nums!important; }
.tn-pai-page .tn-pai-control > :is(input,select) { flex:1 1 auto!important; width:0!important; height:42px!important; min-height:42px!important; border:0!important; background:transparent!important; }
.tn-pai-page .tn-pai-tool select { font-size:13px!important; padding-right:26px!important; }
.tn-pai-page .tn-pai-tool input::placeholder { color:var(--pai-ink)!important; opacity:.35!important; font-weight:400!important; }
.tn-pai-page .tn-pai-control > :is(b,span) { display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; padding:0 8px!important; border-left:1px solid var(--pai-soft)!important; background:var(--pai-wash)!important; color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:600 12px/1 var(--pai-font)!important; }
.tn-pai-page .tn-pai-tool :is(button,input,select,summary):focus-visible { outline:2px solid var(--pai-accent)!important; outline-offset:2px!important; }
.tn-pai-page .tn-pai-tool button { display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; min-height:40px!important; height:40px!important; padding:0 12px!important; margin:0!important; border:1px solid var(--pai-line)!important; border-radius:0!important; background:var(--pai-button)!important; color:var(--pai-button-text)!important; -webkit-text-fill-color:var(--pai-button-text)!important; font:700 12px/1 var(--pai-font)!important; letter-spacing:0!important; text-transform:none!important; box-shadow:none!important; cursor:pointer!important; transition:background-color 120ms ease!important; }
.tn-pai-page .tn-pai-tool button:hover { background:var(--pai-hover)!important; }
.tn-pai-page .tn-pai-tool button:disabled { opacity:.5!important; cursor:not-allowed!important; }
.tn-pai-page .tn-pai-tool #paiExample { background:var(--pai-primary)!important; color:var(--pai-primary-text)!important; -webkit-text-fill-color:var(--pai-primary-text)!important; }
.tn-pai-page .tn-pai-actions { display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:wrap!important; }
.tn-pai-page .tn-pai-tool :is(.tn-pai-hint,.tn-pai-empty,.tn-pai-disclaimer) { color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:400 12px/1.6 var(--pai-font)!important; text-wrap:pretty; }
.tn-pai-page .tn-pai-empty { padding:10px 0!important; }
.tn-pai-page :is(#paiTiers,#paiBalances,#paiRateChanges) { display:grid!important; gap:12px!important; }
.tn-pai-page .tn-pai-tier-row { display:grid!important; grid-template-columns:16px minmax(0,1.35fr) minmax(0,.85fr) 44px!important; gap:8px!important; align-items:end!important; }
.tn-pai-page .tn-pai-row-index { align-self:center!important; padding-top:20px!important; color:var(--pai-accent-text)!important; -webkit-text-fill-color:var(--pai-accent-text)!important; font:800 12px/1 var(--pai-font)!important; }
.tn-pai-page .tn-pai-unlimited strong { display:flex!important; align-items:center!important; height:44px!important; color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:600 13px/1.3 var(--pai-font)!important; }
.tn-pai-page .tn-pai-balance-row { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 44px!important; gap:8px!important; align-items:end!important; }
.tn-pai-page :is(.tn-pai-tier-row,.tn-pai-balance-row,.tn-pai-rate-head) > button { padding:0 6px!important; margin-bottom:2px!important; }
.tn-pai-page .tn-pai-rate-row { padding:12px!important; background:var(--pai-wash)!important; border:1px solid var(--pai-soft)!important; }
.tn-pai-page .tn-pai-rate-head { display:flex!important; align-items:end!important; gap:12px!important; justify-content:space-between!important; }
.tn-pai-page .tn-pai-rate-head .tn-pai-field { max-width:210px!important; flex:1!important; }
.tn-pai-page .tn-pai-rate-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; margin-top:12px!important; }
.tn-pai-page .tn-pai-options-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
.tn-pai-page .tn-pai-result-primary { padding:19px 20px!important; border-top:3px double var(--pai-line)!important; border-bottom:1px solid var(--pai-line)!important; background:var(--pai-wash)!important; }
.tn-pai-page .tn-pai-result-primary > :is(span,p,label) { color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:700 13px/1.5 var(--pai-font)!important; }
.tn-pai-page .tn-pai-result-primary > div { display:flex!important; align-items:baseline!important; gap:6px!important; margin-top:7px!important; }
.tn-pai-page #paiNet { font:800 clamp(32px,3.4vw,48px)/1.15 var(--pai-font)!important; font-variant-numeric:lining-nums tabular-nums!important; letter-spacing:normal!important; color:var(--pai-accent-text)!important; -webkit-text-fill-color:var(--pai-accent-text)!important; overflow-wrap:anywhere!important; }
.tn-pai-page .tn-pai-result-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:0 20px!important; }
.tn-pai-page .tn-pai-result-grid > div { overflow-wrap:anywhere!important; padding:10px 0!important; border-bottom:1px solid var(--pai-soft)!important; }
.tn-pai-page .tn-pai-result-grid :is(dt,span) { color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:500 12px/1.4 var(--pai-font)!important; }
.tn-pai-page .tn-pai-result-grid dd { margin-top:4px!important; }
.tn-pai-page :is(#paiGross,#paiTax,#paiDays,#paiAvgBalance) { font:800 19px/1.35 var(--pai-font)!important; font-variant-numeric:lining-nums tabular-nums!important; letter-spacing:normal!important; }
.tn-pai-page #paiStatus { min-height:38px!important; padding:10px 12px!important; border:1px solid var(--pai-soft)!important; background:var(--pai-wash)!important; color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:500 12px/1.55 var(--pai-font)!important; }
.tn-pai-page #paiStatus[data-state="invalid"] { border-color:var(--pai-accent)!important; }
.tn-pai-page #paiTimeline { display:grid!important; gap:9px!important; }
.tn-pai-page .tn-pai-month-bar { display:grid!important; grid-template-columns:61px minmax(0,1fr) max-content!important; align-items:center!important; gap:10px!important; font:500 11px/1.4 var(--pai-font)!important; }
.tn-pai-page .tn-pai-bar-track { height:7px!important; background:var(--pai-soft)!important; }
.tn-pai-page .tn-pai-bar-track i { display:block!important; height:100%!important; background:var(--pai-accent)!important; }
.tn-pai-page .tn-pai-month-bar strong { font:800 12px/1.4 var(--pai-font)!important; font-variant-numeric:lining-nums tabular-nums!important; }
.tn-pai-page .tn-pai-table { width:100%!important; border-collapse:collapse!important; table-layout:fixed!important; margin:0!important; border:0!important; background:transparent!important; font:500 12px/1.5 var(--pai-font)!important; }
.tn-pai-page .tn-pai-table caption { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; }
.tn-pai-page .tn-pai-table :is(th,td) { padding:10px 6px!important; border:0!important; border-bottom:1px solid var(--pai-soft)!important; background:transparent!important; color:var(--pai-ink)!important; -webkit-text-fill-color:var(--pai-ink)!important; vertical-align:top!important; overflow-wrap:anywhere!important; font:600 12px/1.55 var(--pai-font)!important; font-variant-numeric:lining-nums tabular-nums!important; text-align:right!important; }
.tn-pai-page .tn-pai-table th:first-child { text-align:left!important; width:31%!important; padding-left:0!important; }
.tn-pai-page .tn-pai-table :is(th,td):last-child { width:25%!important; padding-right:0!important; }
.tn-pai-page .tn-pai-table thead th { color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font-weight:500!important; font-size:11px!important; }
.tn-pai-page .tn-pai-table tbody td { font-weight:800!important; }
.tn-pai-page .tn-pai-table small { display:block!important; margin-top:3px!important; color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:400 10px/1.5 var(--pai-font)!important; }
.tn-pai-page .tn-pai-tool details { border-top:1px solid var(--pai-soft)!important; padding-top:12px!important; }
.tn-pai-page .tn-pai-tool summary { min-height:40px!important; padding:8px 0!important; cursor:pointer!important; font:700 13px/1.5 var(--pai-font)!important; }
.tn-pai-page .tn-pai-disclaimer { margin-top:18px!important; padding-top:12px!important; border-top:1px solid var(--pai-soft)!important; }
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-d="dark"],[data-scheme="auto"][data-l="dark"]) .tn-pai-page,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-pai-page {
  --pai-ink:#efe6d2; --pai-muted:#c3b492; --pai-line:#6f6047; --pai-soft:#574a37;
  --pai-paper:#241d12; --pai-surface:#322a1a; --pai-wash:#2c2417; --pai-accent:#e8823f; --pai-accent-text:#e8823f;
  --pai-button:#2f2115; --pai-hover:#3a2a1b; --pai-button-text:#f7ead1;
  --pai-primary:#6a3b1f; --pai-primary-text:#f7ead1; --pai-scheme:dark;
}
@media(prefers-color-scheme:dark) {
  body[data-scheme="auto"] .tn-pai-page {
    --pai-ink:#efe6d2; --pai-muted:#c3b492; --pai-line:#6f6047; --pai-soft:#574a37;
    --pai-paper:#241d12; --pai-surface:#322a1a; --pai-wash:#2c2417; --pai-accent:#e8823f; --pai-accent-text:#e8823f;
    --pai-button:#2f2115; --pai-hover:#3a2a1b; --pai-button-text:#f7ead1;
    --pai-primary:#6a3b1f; --pai-primary-text:#f7ead1; --pai-scheme:dark;
  }
}
@media(max-width:900px) {
  .tn-pai-page .tn-pai-tool { padding:20px 16px!important; }
  .tn-pai-page .tn-pai-main { grid-template-columns:minmax(0,1fr)!important; gap:26px!important; }
  .tn-pai-page .tn-pai-results { padding:24px 0 0!important; border-left:0!important; border-top:1px solid var(--pai-line)!important; }
}
@media(max-width:600px) {
  .tn-pai-page .tn-pai-tool { padding:17px 10px!important; }
  .tn-pai-page .tn-pai-setup-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px 8px!important; }
  .tn-pai-page .tn-pai-setup-grid > :last-child { grid-column:1/-1!important; }
  .tn-pai-page .tn-pai-main { margin-top:20px!important; }
  .tn-pai-page .tn-pai-section-head { gap:8px!important; }
  .tn-pai-page .tn-pai-tool h3 { font-size:15px!important; }
  .tn-pai-page .tn-pai-tool button { padding:0 9px!important; font-size:11px!important; }
  .tn-pai-page .tn-pai-tier-row { grid-template-columns:12px minmax(0,1.15fr) minmax(0,1fr) 40px!important; gap:5px!important; }
  .tn-pai-page .tn-pai-balance-row { grid-template-columns:minmax(0,1fr) 40px!important; gap:7px!important; padding:10px!important; border:1px solid var(--pai-soft)!important; background:var(--pai-wash)!important; }
  .tn-pai-page .tn-pai-balance-row > :first-child { grid-column:1!important; }
  .tn-pai-page .tn-pai-balance-row > :nth-child(2) { grid-column:1!important; grid-row:2!important; }
  .tn-pai-page .tn-pai-balance-row > button { grid-column:2!important; grid-row:1!important; }
  .tn-pai-page .tn-pai-field > span:first-child { font-size:11px!important; }
  .tn-pai-page .tn-pai-tool :is(input,select) { padding-left:7px!important; padding-right:7px!important; font-size:14px!important; }
  .tn-pai-page .tn-pai-tool select { font-size:12px!important; padding-right:22px!important; }
  .tn-pai-page .tn-pai-control > :is(b,span) { padding:0 6px!important; }
  .tn-pai-page .tn-pai-result-primary { padding:16px!important; }
  .tn-pai-page .tn-pai-options-grid { gap:12px 8px!important; }
  .tn-pai-page #paiNet { font-size:38px!important; }
}
@media(prefers-reduced-motion:reduce) { .tn-pai-page .tn-pai-tool button { transition:none!important; } }

.tn-pai-page .tn-pai-kicker { display:block!important; color:var(--pai-accent-text)!important; -webkit-text-fill-color:var(--pai-accent-text)!important; font:800 10px/1.5 var(--pai-font)!important; letter-spacing:.06em!important; margin-bottom:4px!important; }
.tn-pai-page .tn-pai-setup-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px!important; }
.tn-pai-page :is(.tn-pai-setup-note,.tn-pai-section > p,.tn-pai-results-head > p,.tn-pai-field > small) { color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:400 12px/1.6 var(--pai-font)!important; }
.tn-pai-page .tn-pai-result-grid > div > span { display:block!important; margin-bottom:5px!important; }
.tn-pai-page .tn-pai-result-grid > div > small { padding-left:4px!important; color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:500 12px/1.4 var(--pai-font)!important; }
.tn-pai-page .tn-pai-breakdown { display:grid!important; gap:13px!important; }
.tn-pai-page .tn-pai-tool details:not([open]) > :not(summary) { display:none!important; }
@media(max-width:600px) { .tn-pai-page .tn-pai-setup-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px 8px!important; } }

.tn-pai-page details.tn-pai-optional { display:block!important; }
.tn-pai-page details.tn-pai-optional[open] > :not(summary) { margin-top:12px!important; }
.tn-pai-page .tn-pai-optional summary > small { display:block!important; color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:400 11px/1.5 var(--pai-font)!important; margin-top:3px!important; }
.tn-pai-page .tn-pai-optional-body { display:grid!important; gap:12px!important; }
.tn-pai-page .tn-pai-optional-body > button { justify-self:start!important; }
.tn-pai-page .tn-pai-optional-body > p { color:var(--pai-muted)!important; -webkit-text-fill-color:var(--pai-muted)!important; font:400 12px/1.6 var(--pai-font)!important; }
@media(max-width:600px) {
  .tn-pai-page .tn-pai-conditions { gap:16px!important; }
  .tn-pai-page .tn-pai-section { gap:9px!important; }
  .tn-pai-page .tn-pai-section + .tn-pai-section { padding-top:12px!important; }
  .tn-pai-page .tn-pai-optional summary .tn-pai-kicker { display:none!important; }
}
/* Ad creative owns its height; only reserve space and separate landing sections. */
.tn-pai-page .tn-pai-ad {
  display:block!important; width:100%!important; max-width:100%!important;
  min-height:90px!important; height:auto!important; max-height:none!important;
  margin-left:auto!important; margin-right:auto!important; background:transparent!important;
}
.tn-pai-page .tn-pai-ad--top { margin-top:54px!important; margin-bottom:20px!important; }
.tn-pai-page .tn-pai-ad--bottom { margin-top:24px!important; margin-bottom:30px!important; }
@media(max-width:900px) { .tn-pai-page .tn-pai-ad--top { margin-top:48px!important; } }
.tn-pai-page .tn-pai-tool[data-valid="false"] :is(.tn-pai-breakdown,.tn-pai-breakdown-details) { display:none!important; }
