/* Departure ODO: independent digits retain the existing saved ODO field. */
html:has(#stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn):has(#stepBar) body.nippo-unified-flow:is(#nippoLateFlow,.step1-basic-page) .ckas-odo-digits { display: grid; grid-template-columns: repeat(6, minmax(44px, 1fr)); gap: 8px; max-width: 480px; margin: 16px auto 0; }
html:has(#stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn):has(#stepBar) body.nippo-unified-flow:is(#nippoLateFlow,.step1-basic-page) .ckas-odo-digit { display: grid; gap: 8px; min-width: 0; }
html:has(#stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn):has(#stepBar) body.nippo-unified-flow:is(#nippoLateFlow,.step1-basic-page) .ckas-odo-digit button { width: 100% !important; min-width: 44px !important; min-height: 44px !important; height: 44px !important; padding: 0 !important; border: 1px solid var(--nf-line) !important; border-radius: 8px !important; background: var(--nf-soft) !important; color: var(--nf-ink) !important; font-size: 26px !important; line-height: 1 !important; }
html:has(#stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn):has(#stepBar) body.nippo-unified-flow:is(#nippoLateFlow,.step1-basic-page) .ckas-odo-digit button:disabled { opacity: .35; cursor: default; }
html:has(#stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn):has(#stepBar) body.nippo-unified-flow:is(#nippoLateFlow,.step1-basic-page) .ckas-odo-digit input { width: 100% !important; min-width: 0 !important; min-height: 60px !important; padding: 8px 0 !important; text-align: center !important; font-size: 30px !important; font-variant-numeric: tabular-nums; border-radius: 8px !important; box-sizing: border-box !important; }
html:has(#stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn):has(#stepBar) body.nippo-unified-flow:is(#nippoLateFlow,.step1-basic-page) .ckas-odo-unit { max-width: 480px; margin: 8px auto 18px; text-align: right; font-size: 19px; }
html:has(#stepBar):has(#stepContextDate):has(#returnNextBtn) body.nippo-unified-flow .ckas-odo-title { display: block !important; margin: 18px 0 0 !important; font-size: 20px !important; font-weight: 700 !important; }
html:has(#stepBar):has(#stepContextDate):has(#returnNextBtn) body.nippo-unified-flow .odo-inline-row:has(.odo-depart-display),
html:has(#stepBar):has(#stepContextDate):has(#returnNextBtn) body.nippo-unified-flow .odo-depart-display,
html:has(#stepBar):has(#stepContextDate):has(#returnNextBtn) body.nippo-unified-flow .odo-depart-wrap .odo-plain-unit { color: var(--nf-muted) !important; font-size: 19px !important; font-weight: 500 !important; }
/* Match the return page's scoped cascade while lowering the reference hierarchy. */
html:has(#stepBar):has(#stepContextDate):has(#nippoLateFlow) body#nippoLateFlow .page #inputField-93 { font-size: 19px !important; font-weight: 500 !important; color: var(--nf-muted) !important; }
html:has(#stepBar):has(#stepContextDate):has(#nippoLateFlow) body#nippoLateFlow .odo-inline-row:has(.odo-depart-display) :is(.odo-inline-label,.odo-plain-unit) { color: var(--nf-muted) !important; font-size: 18px !important; font-weight: 500 !important; }
html:has(#stepBar):has(#stepContextDate):has(#nippoLateFlow) body#nippoLateFlow .ckas-odo-title { font-size: 20px !important; color: var(--late-ink) !important; }
html:has(#stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn):has(#stepBar) body.nippo-unified-flow:is(#nippoLateFlow,.step1-basic-page) .ckas-odo-digit :is(input,button):focus-visible { outline: 3px solid var(--nf-ink) !important; outline-offset: 2px !important; }
html:has(#stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn):has(#stepBar) body.nippo-unified-flow:is(#nippoLateFlow,.step1-basic-page) .ckas-odo-digit button:active:not(:disabled) { background: var(--nf-ink) !important; color: var(--nf-paper) !important; }
html:has(#stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn):has(#stepBar) body.nippo-unified-flow:is(#nippoLateFlow,.step1-basic-page) .ckas-odo-digit input { scroll-margin-block: 180px 120px; }
html:has(#stepBar):has(#stepContextDate) body.nippo-unified-flow .ckas-odo-help { font-size: 17px; line-height: 1.5; color: var(--nf-muted); margin: 0 0 16px; }
html:has(#stepBar):has(#stepContextDate) body.nippo-unified-flow .ckas-odo-help[hidden] { display: none; }
html:has(#stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn):has(#stepBar) body.nippo-unified-flow:is(#nippoLateFlow,.step1-basic-page) .ckas-odo-canonical[hidden] { display: none !important; }