/* Authenticated work is a workspace, not a narrow marketing/login form. */
#app[data-workspace="teacher"]{display:block;padding:28px clamp(16px,3.5vw,56px);min-height:calc(100vh - 136px)}
#app[data-workspace="teacher"] .layout{display:grid;grid-template-columns:minmax(0,1fr);width:min(1320px,100%);margin:0 auto;gap:20px;align-items:start}
#app[data-workspace="teacher"] .intro{padding:0;min-width:0}
#app[data-workspace="teacher"] .intro h1{font-size:clamp(27px,3vw,36px);margin:8px 0}
#app[data-workspace="teacher"] .intro>.ornament{display:none}
#app[data-workspace="teacher"] .intro>p{max-width:none;margin:8px 0;line-height:1.7}
#app[data-workspace="teacher"] .intro .notice{margin:12px 0 0;padding:10px 14px;font-size:12px;line-height:1.6}
#app[data-workspace="teacher"] .card{width:100%;min-width:0;padding:24px clamp(16px,2.5vw,32px);border-radius:16px}
#app[data-workspace="teacher"] .staff-portal-nav{display:flex;flex-wrap:wrap;gap:8px 14px;border-top:0;border-bottom:1px solid var(--line);padding:0 0 16px;margin:0 0 22px;line-height:1.7}
#app[data-workspace="teacher"] .staff-portal-nav a{padding:4px 7px;border-radius:6px;text-decoration:none}
#app[data-workspace="teacher"] .staff-portal-nav a:hover{background:#f8f1ed}
#app[data-workspace="teacher"] .staff-portal-nav a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
#app[data-workspace="teacher"] #catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#app[data-workspace="teacher"] #catalog-list .catalog-list-card{margin:0;min-width:0;overflow-wrap:anywhere}
#app[data-workspace="teacher"] #catalog-list .catalog-list-card strong{font:600 16px/1.65 var(--sans)}
#app[data-workspace="teacher"] #catalog-list .catalog-list-card>div{align-items:flex-start}
#app[data-workspace="teacher"] .catalog-empty{grid-column:1/-1}
#app[data-workspace="teacher"] .catalog-alphabet button{font-family:inherit;font-size:14px;font-weight:600}
@media(min-width:1000px){#app[data-workspace="teacher"] .directory-toolbar{grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(140px,1fr))}#app[data-workspace="teacher"] .directory-toolbar .field:first-child{grid-column:auto}}
@media(max-width:760px){#app[data-workspace="teacher"]{padding:20px 12px}#app[data-workspace="teacher"] .layout{gap:14px}#app[data-workspace="teacher"] #catalog-list{grid-template-columns:1fr}#app[data-workspace="teacher"] .card{padding:18px 14px}#app[data-workspace="teacher"] .staff-portal-nav span{flex-basis:100%}#app[data-workspace="teacher"] .catalog-list-card>div{flex-direction:column}}