/* Focus is a navigation cue, separate from a control's selected state. */
:root{--cwk-focus-color:#12ABF8}
html :focus-visible,
html[data-cwk-input="keyboard"] :focus{
 outline:2px solid var(--cwk-focus-color)!important;
 outline-offset:4px!important;
}
html[data-cwk-input="pointer"] :focus{outline:none!important}
/* The frame's own document displays focus; avoid a second frame-sized ring. */
html iframe:focus{outline:none!important}

/* Radio and checkbox cards receive one keyboard ring around their full label. */
html[data-cwk-input="keyboard"] :is(.book-option,.book-plan,.co-plan):has(>input:focus){
 outline:2px solid var(--cwk-focus-color)!important;
 outline-offset:4px!important;
}
html[data-cwk-input="keyboard"] :is(.book-option,.book-plan,.co-plan)>input:focus{outline:none!important}

@media(forced-colors:active){
 :root{--cwk-focus-color:Highlight}
}