/* RC288 focus. Reuses shared --ls-* tokens for light, dim, dark and palettes. */
.sk288-focus-shell {max-width:800px; margin:24px auto 68px; min-width:0;}
.sk288-focus-nav {display:flex; align-items:center; gap:10px; margin:0 0 10px; font-size:14px; color:var(--ls-muted);}
.sk288-focus-nav a {color:var(--ls-text); text-decoration:underline; text-underline-offset:3px;}
.sk288-focus-nav a:focus-visible {outline:3px solid var(--ls-focus); outline-offset:3px;}
.sk288-focus-title {font-size:clamp(1.4rem,2vw,2rem); color:var(--ls-text); line-height:1.25; margin:0 0 18px;}
.sk288-focus-shell .sk-today-ai {background:var(--ls-surface); color:var(--ls-text); border:1px solid var(--ls-line); border-radius:var(--ls-radius-lg); min-width:0;}
.sk288-focus-shell .sk-ask-card {min-width:0; max-width:100%;}
.sk288-focus-shell .sk-ask-form, .sk288-focus-shell .sk-ask-result {max-width:100%; min-width:0;}
.sk288-focus-shell .sk-ask-result {overflow-wrap:anywhere;}
.sk288-focus-shell .sk-ask-result [data-sk-ask-retry] textarea {max-width:100%;}
.sk288-today-cta-inner {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;}
.sk288-today-cta-inner h2 {color:var(--ls-text); margin:0 0 4px;}
.sk288-today-cta-inner p {color:var(--ls-muted); margin:0;}
.sk288-today-cta-inner .sk-btn {min-height:44px;}
@media (max-width:600px) { .sk288-focus-shell {width:calc(100% - 20px); padding:0 6px; margin:16px auto 45px;} .sk288-focus-shell .sk-today-ai {padding:14px;} .sk288-focus-shell .sk-ask-form-actions {display:flex; flex-wrap:wrap; gap:10px;} .sk288-focus-shell .sk-ask-form-actions > * {min-height:44px;} }