/* Parking fee workspace. Shared CSS owns the hero, meta, design note and Article. */
.tn-pfc-page[data-tn-fixed-partials="character-counter"] {
  --pfc-ink:#1a1208; --pfc-muted:#5a4a30; --pfc-line:#b8a888; --pfc-soft:#ddd4be;
  --pfc-paper:#faf6ee; --pfc-surface:#fffdf7; --pfc-wash:#f5efdf; --pfc-accent:#c44a00;
  --pfc-button:#ede6d4; --pfc-button-hover:#dfd4bb; --pfc-button-text:#1a1208;
  --pfc-primary:#1a1208; --pfc-primary-text:#faf6ee; --pfc-scheme:light;
  --pfc-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-pfc-page .tn-pfc-tool,.tn-pfc-page .tn-pfc-tool * { box-sizing:border-box!important; min-width:0!important; }
.tn-pfc-page .tn-pfc-tool {
  width:100%!important; max-width:1080px!important; margin:0 auto!important; padding:25px!important;
  border:1px solid var(--pfc-line)!important; border-top:3px double var(--pfc-line)!important;
  background:var(--pfc-paper)!important; color:var(--pfc-ink)!important; -webkit-text-fill-color:var(--pfc-ink)!important;
  color-scheme:var(--pfc-scheme)!important; font:400 14px/1.5 var(--pfc-font)!important;
}
.tn-pfc-page .tn-pfc-tool :is(p,h2,h3) { margin:0!important; }
.tn-pfc-page .tn-pfc-tool :is(p,span,small) { overflow-wrap:anywhere!important; }
.tn-pfc-page .tn-pfc-index { display:block!important; color:var(--pfc-accent)!important; -webkit-text-fill-color:var(--pfc-accent)!important; font:800 11px/1.2 var(--pfc-font)!important; letter-spacing:.08em!important; }
.tn-pfc-page .tn-pfc-time { display:grid!important; grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)!important; align-items:center!important; gap:14px!important; padding-bottom:22px!important; border-bottom:1px solid var(--pfc-soft)!important; }
.tn-pfc-page .tn-pfc-time-group { display:grid!important; gap:9px!important; }
.tn-pfc-page .tn-pfc-time-fields,.tn-pfc-page .tn-pfc-rule-row { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:11px!important; }
.tn-pfc-page .tn-pfc-time-arrow { align-self:end!important; padding-bottom:10px!important; color:var(--pfc-accent)!important; -webkit-text-fill-color:var(--pfc-accent)!important; font:800 22px/1 var(--pfc-font)!important; text-align:center!important; }
.tn-pfc-page .tn-pfc-field { border:0!important; background:transparent!important; }
.tn-pfc-page .tn-pfc-field label { display:block!important; margin:0 0 5px!important; padding:0!important; color:var(--pfc-muted)!important; -webkit-text-fill-color:var(--pfc-muted)!important; font:600 12px/1.3 var(--pfc-font)!important; }
.tn-pfc-page .tn-pfc-control { display:flex!important; align-items:stretch!important; width:100%!important; height:44px!important; border:1px solid var(--pfc-line)!important; background:var(--pfc-surface)!important; }
.tn-pfc-page .tn-pfc-tool :is(input,select) { display:block!important; flex:1 1 auto!important; width:auto!important; height:42px!important; min-height:42px!important; margin:0!important; padding:7px 10px!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; color:var(--pfc-ink)!important; -webkit-text-fill-color:var(--pfc-ink)!important; font:600 15px/1.2 var(--pfc-font)!important; font-variant-numeric:lining-nums tabular-nums!important; }
.tn-pfc-page .tn-pfc-tool select { padding-right:23px!important; font-size:13px!important; }
.tn-pfc-page .tn-pfc-tool input::placeholder { opacity:.35!important; color:var(--pfc-ink)!important; font-weight:400!important; }
.tn-pfc-page .tn-pfc-control > b { display:flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:center!important; min-width:34px!important; padding:0 8px!important; border-left:1px solid var(--pfc-soft)!important; background:var(--pfc-wash)!important; color:var(--pfc-muted)!important; -webkit-text-fill-color:var(--pfc-muted)!important; font:700 12px/1 var(--pfc-font)!important; }
.tn-pfc-page .tn-pfc-control:has([aria-invalid="true"]) { border-color:var(--pfc-accent)!important; }
.tn-pfc-page .tn-pfc-tool :is(input,select,button):focus-visible { outline:2px solid var(--pfc-accent)!important; outline-offset:2px!important; }
.tn-pfc-page .tn-pfc-main { display:grid!important; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important; gap:30px!important; padding-top:22px!important; }
.tn-pfc-page .tn-pfc-rules,.tn-pfc-page .tn-pfc-results { display:flex!important; flex-direction:column!important; gap:13px!important; }
.tn-pfc-page .tn-pfc-results { padding-left:30px!important; border-left:1px solid var(--pfc-soft)!important; }
.tn-pfc-page .tn-pfc-panel-head { display:flex!important; align-items:baseline!important; justify-content:space-between!important; gap:10px!important; padding-bottom:9px!important; border-bottom:1px solid var(--pfc-soft)!important; }
.tn-pfc-page .tn-pfc-panel-head p { color:var(--pfc-muted)!important; -webkit-text-fill-color:var(--pfc-muted)!important; font:500 12px/1.4 var(--pfc-font)!important; text-align:right!important; }
.tn-pfc-page .tn-pfc-rule-heading { display:flex!important; align-items:baseline!important; justify-content:space-between!important; gap:10px!important; margin-top:4px!important; }
.tn-pfc-page .tn-pfc-rule-heading span { font:700 13px/1.3 var(--pfc-font)!important; }
.tn-pfc-page .tn-pfc-rule-heading small,.tn-pfc-page .tn-pfc-hint { color:var(--pfc-muted)!important; -webkit-text-fill-color:var(--pfc-muted)!important; font:400 11px/1.45 var(--pfc-font)!important; }
.tn-pfc-page .tn-pfc-hint { margin-top:-7px!important; }
.tn-pfc-page .tn-pfc-actions,.tn-pfc-page .tn-pfc-result-actions { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:7px!important; }
.tn-pfc-page .tn-pfc-actions { margin-top:3px!important; }
.tn-pfc-page .tn-pfc-result-actions { margin-top:auto!important; }
.tn-pfc-page .tn-pfc-tool button { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-height:42px!important; margin:0!important; padding:0 11px!important; border:1px solid var(--pfc-line)!important; border-radius:0!important; box-shadow:none!important; background:var(--pfc-button)!important; color:var(--pfc-button-text)!important; -webkit-text-fill-color:var(--pfc-button-text)!important; font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important; text-align:center!important; cursor:pointer!important; transition:background-color .15s,border-color .15s,transform .15s!important; }
.tn-pfc-page .tn-pfc-tool button:hover:not(:disabled) { background:var(--pfc-button-hover)!important; }
.tn-pfc-page .tn-pfc-tool button:active:not(:disabled) { transform:scale(.97)!important; }
.tn-pfc-page .tn-pfc-tool button:disabled { opacity:.55!important; cursor:not-allowed!important; }
.tn-pfc-page #pfcCopy { background:var(--pfc-primary)!important; border-color:var(--pfc-primary)!important; color:var(--pfc-primary-text)!important; -webkit-text-fill-color:var(--pfc-primary-text)!important; }
.tn-pfc-page .tn-pfc-status { min-height:34px!important; color:var(--pfc-muted)!important; -webkit-text-fill-color:var(--pfc-muted)!important; font:500 12px/1.45 var(--pfc-font)!important; }
.tn-pfc-page .tn-pfc-tool[data-state="invalid"] .tn-pfc-status { color:var(--pfc-accent)!important; -webkit-text-fill-color:var(--pfc-accent)!important; }
.tn-pfc-page .tn-pfc-total { padding:16px 18px!important; border:1px solid var(--pfc-line)!important; background:var(--pfc-surface)!important; }
.tn-pfc-page .tn-pfc-total > span { color:var(--pfc-muted)!important; -webkit-text-fill-color:var(--pfc-muted)!important; font:700 12px/1.2 var(--pfc-font)!important; }
.tn-pfc-page .tn-pfc-total > div { display:flex!important; align-items:baseline!important; gap:8px!important; margin-top:7px!important; }
.tn-pfc-page #pfcFee { font:800 clamp(31px,4vw,50px)/1.05 var(--pfc-font)!important; letter-spacing:normal!important; font-variant-numeric:lining-nums tabular-nums!important; overflow-wrap:anywhere!important; }
.tn-pfc-page .tn-pfc-total b { font:700 16px/1 var(--pfc-font)!important; }
.tn-pfc-page .tn-pfc-time-summary { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important; }
.tn-pfc-page .tn-pfc-time-summary > div { padding:10px!important; border:1px solid var(--pfc-soft)!important; background:var(--pfc-wash)!important; }
.tn-pfc-page .tn-pfc-time-summary span { display:block!important; color:var(--pfc-muted)!important; -webkit-text-fill-color:var(--pfc-muted)!important; font:600 11px/1.3 var(--pfc-font)!important; }
.tn-pfc-page .tn-pfc-time-summary strong { display:block!important; margin-top:5px!important; font:800 15px/1.25 var(--pfc-font)!important; font-variant-numeric:lining-nums tabular-nums!important; overflow-wrap:anywhere!important; }
.tn-pfc-page .tn-pfc-timeline { display:flex!important; width:100%!important; height:8px!important; overflow:hidden!important; border:1px solid var(--pfc-line)!important; background:var(--pfc-wash)!important; }
.tn-pfc-page #pfcTimelineFree { display:block!important; width:0; height:100%!important; background:var(--pfc-soft)!important; }
.tn-pfc-page #pfcTimelinePaid { display:block!important; width:0; height:100%!important; background:var(--pfc-accent)!important; }
.tn-pfc-page .tn-pfc-ledger { display:grid!important; gap:0!important; }
.tn-pfc-page .tn-pfc-ledger > div { display:flex!important; align-items:baseline!important; justify-content:space-between!important; gap:10px!important; padding:8px 0!important; border-bottom:1px solid var(--pfc-soft)!important; }
.tn-pfc-page .tn-pfc-ledger span { color:var(--pfc-muted)!important; -webkit-text-fill-color:var(--pfc-muted)!important; font:500 12px/1.3 var(--pfc-font)!important; }
.tn-pfc-page .tn-pfc-ledger strong { font:800 14px/1.3 var(--pfc-font)!important; font-variant-numeric:lining-nums tabular-nums!important; text-align:right!important; }
.tn-pfc-page .tn-pfc-projection strong { color:var(--pfc-accent)!important; -webkit-text-fill-color:var(--pfc-accent)!important; }
.tn-pfc-page .tn-pfc-disclaimer { margin:18px 0 0!important; padding-top:10px!important; border-top:1px solid var(--pfc-soft)!important; color:var(--pfc-muted)!important; -webkit-text-fill-color:var(--pfc-muted)!important; font:400 12px/1.5 var(--pfc-font)!important; }
.tn-pfc-page .tn-pfc-ad { display:block!important; width:100%!important; max-width:900px!important; min-height:90px!important; height:auto!important; max-height:none!important; margin-left:auto!important; margin-right:auto!important; background:transparent!important; }
.tn-pfc-page .tn-pfc-ad--top { margin-top:54px!important; margin-bottom:20px!important; }
.tn-pfc-page .tn-pfc-ad--bottom { margin-top:24px!important; margin-bottom:30px!important; }
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-d="dark"],[data-scheme="auto"][data-l="dark"]) .tn-pfc-page,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-pfc-page {
  --pfc-ink:#efe6d2; --pfc-muted:#c3b492; --pfc-line:#6f6047; --pfc-soft:#574a37;
  --pfc-paper:#241d12; --pfc-surface:#322a1a; --pfc-wash:#2c2417; --pfc-accent:#e8823f;
  --pfc-button:#2f2115; --pfc-button-hover:#3a2a1b; --pfc-button-text:#f7ead1;
  --pfc-primary:#6a3b1f; --pfc-primary-text:#f7ead1; --pfc-scheme:dark;
}
@media(prefers-color-scheme:dark) {
  body[data-scheme="auto"] .tn-pfc-page {
    --pfc-ink:#efe6d2; --pfc-muted:#c3b492; --pfc-line:#6f6047; --pfc-soft:#574a37;
    --pfc-paper:#241d12; --pfc-surface:#322a1a; --pfc-wash:#2c2417; --pfc-accent:#e8823f;
    --pfc-button:#2f2115; --pfc-button-hover:#3a2a1b; --pfc-button-text:#f7ead1;
    --pfc-primary:#6a3b1f; --pfc-primary-text:#f7ead1; --pfc-scheme:dark;
  }
}
@media(max-width:900px) {
  .tn-pfc-page .tn-pfc-main { grid-template-columns:minmax(0,1fr)!important; gap:22px!important; }
  .tn-pfc-page .tn-pfc-results { padding:18px 0 0!important; border-left:0!important; border-top:1px solid var(--pfc-soft)!important; }
  .tn-pfc-page .tn-pfc-ad--top { margin-top:48px!important; }
}
@media(max-width:600px) {
  .tn-pfc-page .tn-pfc-tool { padding:16px 10px!important; }
  .tn-pfc-page .tn-pfc-time { grid-template-columns:minmax(0,1fr)!important; gap:6px!important; padding-bottom:17px!important; }
  .tn-pfc-page .tn-pfc-time-arrow { align-self:center!important; justify-self:center!important; padding:0!important; transform:rotate(90deg)!important; font-size:18px!important; }
  .tn-pfc-page .tn-pfc-time-group { gap:5px!important; }
  .tn-pfc-page .tn-pfc-time-fields,.tn-pfc-page .tn-pfc-rule-row { gap:7px!important; }
  .tn-pfc-page .tn-pfc-main { padding-top:16px!important; }
  .tn-pfc-page .tn-pfc-panel-head { align-items:flex-start!important; flex-direction:column!important; gap:3px!important; }
  .tn-pfc-page .tn-pfc-panel-head p { text-align:left!important; }
  .tn-pfc-page .tn-pfc-tool :is(input,select) { font-size:14px!important; padding-left:7px!important; padding-right:5px!important; }
  .tn-pfc-page .tn-pfc-tool select { font-size:11px!important; }
  .tn-pfc-page .tn-pfc-rule-heading small { text-align:right!important; }
  .tn-pfc-page .tn-pfc-time-summary strong { font-size:13px!important; }
}
@media(max-width:360px) {
  .tn-pfc-page .tn-pfc-tool input[type="date"] { font-size:12px!important; }
  .tn-pfc-page .tn-pfc-time-summary { gap:4px!important; }
  .tn-pfc-page .tn-pfc-time-summary > div { padding:7px!important; }
  .tn-pfc-page #pfcFee { font-size:32px!important; }
}
@media(prefers-reduced-motion:reduce) { .tn-pfc-page .tn-pfc-tool button { transition:none!important; } }