/* LessonSky RC326-U28 — student-only visual focus and decorative original learning illustrations. */
/* Purposefully scoped: no global WP theme selectors and no hidden content approval gates. */
.sk-shell .sk28-focus-launch{box-sizing:border-box;display:grid;grid-template-columns:66px minmax(0,1fr) minmax(180px,230px);align-items:center;gap:18px;margin:16px 0 18px;padding:22px 24px;border:1px solid #c6d6ee;border-radius:24px;color:#152745;background:linear-gradient(110deg,#f5f6ff 0%,#e9f5ff 55%,#eefbf4 100%);box-shadow:0 12px 35px #223d6820}
.sk-shell .sk28-focus-launch *{box-sizing:border-box}
.sk-shell .sk28-focus-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:linear-gradient(140deg,#6249d9,#3996e7);color:#fff;font-size:33px;box-shadow:0 9px 17px #533eb94a}
.sk-shell .sk28-focus-eyebrow{display:block;color:#5635a3;font-size:11px;font-weight:900;letter-spacing:.09em}
.sk-shell .sk28-focus-copy h2{color:#112b4f!important;font-size:clamp(20px,2vw,27px)!important;line-height:1.25!important;letter-spacing:-.025em;margin:6px 0!important;overflow-wrap:anywhere}
.sk-shell .sk28-focus-copy p{color:#3e577a!important;font-size:14px;line-height:1.5;margin:0!important;max-width:53ch}
.sk-shell .sk28-focus-actions{display:flex;flex-direction:column;gap:9px}
.sk-shell .sk28-focus-actions a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;border-radius:14px;padding:10px 15px;font-size:14px;font-weight:800;text-decoration:none!important;box-sizing:border-box;transition:transform .16s ease,box-shadow .16s ease}
.sk-shell .sk28-focus-actions .sk28-start{background:#543fc9;color:#fff!important;box-shadow:0 6px 16px #543fc93d;gap:12px}
.sk-shell .sk28-focus-actions .sk28-secondary{border:1px solid #b4bee4;color:#374895!important;background:#fff}
.sk-shell .sk28-focus-actions a:is(:hover,:focus-visible){box-shadow:0 7px 20px #524ac13a;transform:translateY(-1px)}
.sk-shell .sk28-focus-actions a:focus-visible{outline:3px solid #217bc2;outline-offset:3px}
/* Portal's fallback nav has exactly four destinations; other WP menus are handled separately. */
.sk-shell .sk-dashboard-primary-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border-radius:19px;background:#f0f3fc;border:1px solid #d6e0f0}
.sk-shell .sk-dashboard-primary-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:56px;padding:8px 5px!important;border-radius:12px;color:#253c62!important;font-weight:800;text-align:center;font-size:clamp(11px,1.4vw,14px);white-space:nowrap;text-decoration:none!important}
.sk-shell .sk-dashboard-primary-nav a>span{font-size:19px;line-height:1}
.sk-shell .sk-dashboard-primary-nav a:is(.is-active,[aria-current=page]){background:#fff;color:#4c35b3!important;box-shadow:0 3px 12px #2935611e}
.sk-shell .sk-dashboard-primary-nav a:focus-visible{outline:3px solid #217bc2;outline-offset:2px}
/* The new card images are original lightweight SVG illustrations, and remain decorative for screen readers. */
.sk28-story .sk27-card{border-color:#afc5e9;box-shadow:0 10px 20px #1d385b18;min-height:370px;overflow:hidden}
.sk28-story .sk28-card-top{min-height:118px;align-items:start}
.sk28-story .sk28-card-art{display:block;width:min(69%,230px);height:116px;flex:0 1 auto}
.sk28-story .sk28-card-art img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.sk28-story .sk27-card-step{align-self:flex-start;flex-shrink:0}
.sk28-story .sk27-card-body h5{max-width:100%;font-weight:850}
.sk28-story .sk27-card-foot{margin-top:auto;padding-top:10px;gap:8px}
/* Language label stays beside the selector on compact screens; it never collapses to one-letter rows. */
@media(max-width:560px){
 .sk-auth-shell .sk-auth-card .sk-auth-language label{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:center!important;gap:10px!important}
 .sk-auth-shell .sk-auth-card .sk-auth-language select{min-width:0!important;max-width:100%!important}
 .sk-shell .sk28-focus-launch{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:15px;border-radius:21px}
 .sk-shell .sk28-focus-mark{width:49px;height:49px;border-radius:17px;font-size:25px}
 .sk-shell .sk28-focus-copy h2{font-size:21px!important}
 .sk-shell .sk28-focus-copy p{font-size:13px}
 .sk-shell .sk28-focus-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:9px}
 .sk-shell .sk28-focus-actions a{min-height:48px;padding:9px 9px;font-size:13px}
 .sk-shell .sk-dashboard-primary-nav{gap:3px;padding:5px;border-radius:15px}
 .sk-shell .sk-dashboard-primary-nav a{min-height:56px;padding:6px 2px!important;gap:3px;font-size:11px}
 .sk-shell .sk-dashboard-primary-nav a>span{font-size:18px}
 .sk28-story .sk27-card{min-height:360px}
 .sk28-story .sk28-card-art{width:min(70%,210px);height:104px}
}
@media(max-width:355px){.sk-shell .sk28-focus-copy h2{font-size:19px!important}.sk-shell .sk28-focus-actions{grid-template-columns:1fr}.sk28-story .sk28-card-art{height:90px}}
:is(html.lessonsky-dark body,body.lessonsky-dark,html.lessonsky-dim body,body.lessonsky-dim) .sk-shell .sk28-focus-launch{background:linear-gradient(120deg,#202a4a,#172d47);border-color:#455778;color:#edf5ff}
:is(html.lessonsky-dark body,body.lessonsky-dark,html.lessonsky-dim body,body.lessonsky-dim) .sk-shell .sk28-focus-copy :is(h2,p),:is(html.lessonsky-dark body,body.lessonsky-dark,html.lessonsky-dim body,body.lessonsky-dim) .sk-shell .sk28-focus-eyebrow{color:#f0f4ff!important}
:is(html.lessonsky-dark body,body.lessonsky-dark,html.lessonsky-dim body,body.lessonsky-dim) .sk-shell .sk28-focus-actions .sk28-secondary{background:#24334e;border-color:#6681a7;color:#edf3ff!important}
:is(html.lessonsky-dark body,body.lessonsky-dark,html.lessonsky-dim body,body.lessonsky-dim) .sk-shell .sk-dashboard-primary-nav{background:#1b2d46;border-color:#385371}
:is(html.lessonsky-dark body,body.lessonsky-dark,html.lessonsky-dim body,body.lessonsky-dim) .sk-shell .sk-dashboard-primary-nav a{color:#e1efff!important}
:is(html.lessonsky-dark body,body.lessonsky-dark,html.lessonsky-dim body,body.lessonsky-dim) .sk-shell .sk-dashboard-primary-nav a:is(.is-active,[aria-current=page]){background:#343e70;color:#fff!important}
@media(prefers-reduced-motion:reduce){.sk-shell .sk28-focus-actions a{transition:none!important}}
@media(forced-colors:active){.sk-shell .sk28-focus-launch,.sk-shell .sk28-focus-mark,.sk-shell .sk28-focus-actions a{forced-color-adjust:auto;border:1px solid CanvasText;background:Canvas;color:CanvasText}}