.portal-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.portal-learning-grid .card{margin:0}
.portal-learning-grid progress{width:100%;accent-color:#786653;height:14px}
.portal-video-list{list-style:none;padding:0;display:grid;gap:1rem}
.portal-video-item{padding:1rem;border:1px solid var(--border);border-radius:12px;overflow-wrap:anywhere}
.portal-video-item>a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.portal-video-bookmark{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end;margin-top:.6rem}
.portal-video-bookmark label{display:grid;gap:.25rem;font-size:.9rem;flex:1 1 150px}
.portal-video-bookmark input,.portal-video-bookmark select,.portal-video-bookmark button{font:inherit;min-height:44px;border:1px solid #a89987;border-radius:8px;padding:.5rem;background:#fff;color:#423b33;max-width:100%}
.portal-video-bookmark button{background:#eee6da;cursor:pointer}
.portal-video-bookmark input{width:100%}
.portal-bookmark-note{color:var(--muted);font-size:.9rem}
.portal-content{min-width:0}
.portal-content :where(a,button,input,select):focus-visible{outline:3px solid #786653;outline-offset:3px}
@media(max-width:640px){
 .portal-shell{grid-template-columns:minmax(0,1fr)}
 .portal-side{min-width:0}
 .portal-learning-grid{grid-template-columns:1fr}
 .portal-profile{overflow-wrap:anywhere}
 .portal-side-nav{display:flex;overflow-x:auto;gap:.4rem;padding:.3rem 0 .7rem;scroll-snap-type:x proximity}
 .portal-side-link{flex:0 0 auto;min-height:44px;scroll-snap-align:start}
 .portal-side-title,.portal-side-sub,.portal-side-trust{display:none!important}
 .portal-side{padding:.8rem}
 .portal-profile{margin-bottom:.65rem}
 .portal-content :where(button,input,select,.teams-btn){min-height:44px}
 .portal-content input,.portal-content select{font-size:16px}
 .portal-next-actions{flex-wrap:wrap}
 .portal-video-bookmark button{width:100%}
}