/* RCNWEB UI polish — 03 November 2026. Additive, no structural changes. */
:root{--rcn-focus:#2468d7;--rcn-tap:44px}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--rcn-focus)!important;outline-offset:3px!important}
:where(button,a,summary){-webkit-tap-highlight-color:transparent}
:where(.tt-card,.doc,.resource,.panel,.homeNotice){overflow-wrap:break-word}
:where(input,select,textarea){max-width:100%}
:where(.tt-card,.rcnShortcut,.homeTextButton,.seg button){transition:box-shadow .17s ease,transform .17s ease,border-color .17s ease}
@media(hover:hover) and (pointer:fine){:where(.tt-card,.rcnShortcut,.homeTextButton):hover{box-shadow:0 7px 22px rgba(14,45,82,.12);transform:translateY(-1px)}}
@media(max-width:740px){
 /* Previously several content labels were 8–10px. Preserve compact layout while making text readable. */
 .pagehead .eyebrow{font-size:11px!important;letter-spacing:.07em}
 .pagehead h1{font-size:clamp(22px,6vw,29px)!important;line-height:1.22}
 .filters select,.filters input{font-size:14px!important;min-height:44px}
 .seg button{font-size:12px!important;min-height:42px}
 .doc .actions button,.doc .actions a{min-height:40px;font-size:12px}
 .schedule b,.noticeMini strong{font-size:12px!important}
 .schedule p,.noticeMini p{font-size:11px!important}
 .tile b{font-size:11px!important;line-height:1.32!important}
 .tile{min-height:93px}
 .panelTitle h2{font-size:16px!important}
 #p-home .homeNoticeText b{font-size:13px!important}
 #p-home .homeNoticeText small{font-size:11px!important}
 #p-home .rcnShortcut span{font-size:12px!important;line-height:1.33!important}
 .bottomnav button span{font-size:10px!important}
}
@media(max-width:390px){.tile b{font-size:10.5px!important}#p-home .rcnShortcut span{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){:where(.tt-card,.rcnShortcut,.homeTextButton,.seg button){transition:none!important}}