/* Shared course selector and logo; portable responsive layout. */
body.learning-layout{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start}
body.learning-layout .learning-masthead{grid-column:1/-1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:18px;height:auto;min-height:0;padding:20px 24px 22px;background:#faf7f0;border-bottom:1px solid #d1d8cc;letter-spacing:0}
body.learning-layout .learning-masthead .course-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(720px,100%);margin:0;padding:7px;border:2px solid #702f43;border-radius:12px;background:#f1f0e6;box-shadow:0 4px 0 #702f4314;overflow:visible}
body.learning-layout .learning-masthead .course-tabs a{display:flex;align-items:center;justify-content:center;min-height:58px;margin:0;padding:12px 16px;border-radius:6px;font-size:clamp(15px,2.4vw,21px);font-weight:700;line-height:1.35;text-align:center;white-space:normal;color:#4c3840}
body.learning-layout .learning-masthead .course-tabs a.active{color:#fff}
body.learning-layout .learning-masthead .course-tabs a:not(.active):hover{background:#e2e8db}
body.learning-layout .learning-masthead .course-tabs a:focus-visible{outline:3px solid #702f43;outline-offset:3px}
body.learning-layout .learning-masthead .brand{display:flex;justify-content:center;width:100%;margin:0}
body.learning-layout .learning-masthead .learning-brand-logo{width:200px;max-width:100%}
body.learning-layout .learning-masthead .preview-badge{align-self:center}
body.learning-layout>aside{grid-column:1;grid-row:2;position:sticky;top:0;width:100%;height:100vh;height:100dvh;overflow-y:auto}
body.learning-layout>.workspace{grid-column:2;grid-row:2;min-width:0;margin:0}
@media(max-width:1050px){body.learning-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:700px){
 body.learning-layout{grid-template-columns:minmax(0,1fr)}
 body.learning-layout .learning-masthead{padding:14px 20px 18px;gap:15px}
 body.learning-layout .learning-masthead .course-tabs{padding:5px;gap:5px}
 body.learning-layout .learning-masthead .course-tabs a{padding:12px 8px;min-height:58px}
 body.learning-layout .learning-masthead .learning-brand-logo{width:170px}
 body.learning-layout>aside{grid-column:1;grid-row:2;position:static;height:auto}
 body.learning-layout>.workspace{grid-column:1;grid-row:3}
}