/* Canroad R10 accessibility and readability layer — 2026-11-01 */
:root{--r10-focus:#ffbf47;--r10-text:#173145;--r10-muted:#5f7584}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{min-width:320px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html body{font-size:17px!important}button,input,select,textarea{font-size:16px!important}small{font-size:max(.875rem,14px)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--r10-focus)!important;outline-offset:3px!important;box-shadow:0 0 0 2px #071d31!important}
:where(button,.button,.nav-button,.language-toggle,.menu,input,select,textarea){min-height:44px}
.skip{z-index:10000}.skip:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;padding:12px 16px;background:#fff;color:#071d31;border-radius:8px;clip:auto;overflow:visible}
.prose p,.article-body p,.legal p,.notice-card p,.form-note,.portal-main p{color:var(--r10-muted);line-height:1.75}
.article-body a:not(.button),.prose a:not(.button),.legal a:not(.button){text-decoration-thickness:2px;text-underline-offset:3px}
.form-field label,label>span{line-height:1.45}
input::placeholder,textarea::placeholder{opacity:1;color:#718692}
.button,.nav-button,.menu{touch-action:manipulation}
.menu{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.button,.nav-button,.status-tag,.language-toggle{border:2px solid ButtonText}.hero::before,.hero::after{display:none}}
@media(max-width:760px){html body,button,input,select,textarea{font-size:16px!important}.nav a,.utility-strip a{min-height:44px;display:flex;align-items:center}.portal-code-actions{display:grid}.portal-code-actions .button{width:100%}}
@media print{.utility-strip,.announcement,.header,.whatsapp-float,.footer,.portal-code-actions{display:none!important}a[href]::after{content:" (" attr(href) ")";font-size:.8em}}
