/* Preserve student content as the viewport narrows. Loaded after app.css. */
.community-shell>*{min-width:0}.person-row>span,.friend-card>div{min-width:0;overflow-wrap:anywhere}.person-row{flex-wrap:wrap}.community-right .card-heading{flex-wrap:wrap;gap:8px}.community-left .side-links{gap:8px}.community-right{align-self:start}.community-left{max-height:none}.main-nav{gap:2px}.main-nav>a{padding-inline:8px}.album-grid,.photo-grid,.friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:24px}.album-tile{padding:0;overflow:hidden}.album-tile h2,.album-tile small{display:block;margin:12px 18px;overflow-wrap:anywhere}.album-tile img,.album-placeholder{width:100%;height:190px;object-fit:cover}.album-placeholder{display:grid;place-items:center;background:#dff7ec;color:#07543f;font-size:24px}.photo-card{min-width:0}.photo-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#eff5f1;border-radius:12px}.photo-card p{overflow-wrap:anywhere}.photo-control{display:flex;flex-direction:column;gap:10px;margin-block:12px}.photo-control label{display:flex;flex-direction:column;gap:4px}.photo-control input,.photo-control select,.friend-search input{min-width:0;width:100%;padding:11px;border:1px solid #bdcec5;border-radius:8px;background:white}.photo-buttons{display:flex;gap:8px;flex-wrap:wrap}.photo-buttons .photo-control{margin:0}.album-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px}.album-create summary{font-weight:700;cursor:pointer;padding:8px}.photo-guidance{max-width:850px;margin-top:18px}.friend-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.friend-card{display:flex;gap:14px;align-items:start}.friend-card>img{width:56px;height:56px;border-radius:50%;object-fit:cover}.friend-card h2{font-size:18px}.friend-card p{font-size:13px}.album-detail{scroll-margin-top:90px}.photo-control button{min-height:44px;align-self:start}.photo-card small{font-weight:700}.photo-buttons a:focus-visible,summary:focus-visible{outline:3px solid #07543f;outline-offset:3px}
@media(max-width:1200px) and (min-width:761px){.nav-shell{flex-wrap:wrap}.site-header{height:auto}.main-nav{flex-wrap:wrap;justify-content:center}.main-nav>a{font-size:12px}.nav-shell .brand{margin:auto}}
@media(max-width:1040px){.community-shell{grid-template-columns:190px minmax(0,1fr)}.community-right{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;gap:16px;position:static}.community-right .side-card{margin:0}.photo-grid,.album-grid,.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.community-shell{display:flex;flex-direction:column;gap:18px}.community-left{width:100%;position:static}.community-left .profile-summary{display:block;padding:18px}.community-left .side-links{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:12px}.community-left .side-links a{flex:1 1 130px}.community-right{display:grid;grid-template-columns:1fr;width:100%;order:1}.feed-column{order:2;width:100%}.community-left{order:0}.main-nav{max-height:calc(100dvh - 85px);overflow-y:auto;z-index:100}.main-nav a,.main-nav button{min-height:44px}.album-tools{grid-template-columns:1fr}.friend-search{grid-template-columns:1fr}.friend-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card{padding:12px}.photo-buttons{flex-direction:column}.photo-buttons button{white-space:normal;text-align:left}.profile-intro>div{min-width:0;max-width:100%;overflow-wrap:anywhere}.stat-card,.card-heading>*{min-width:0;overflow-wrap:anywhere}.course-row>span{display:block}.subject-nav h2{display:block}.messages-shell:has(.chat-header) .conversation-list{display:block;max-height:200px;overflow-y:auto}.messages-shell{height:auto}.chat-panel{min-height:480px}.post-actions button{min-height:44px}}
@media(max-width:430px){.photo-grid{grid-template-columns:1fr}.album-grid{gap:10px}.album-tile img,.album-placeholder{height:130px}.album-tile h2{font-size:17px}.album-tile h2,.album-tile small{margin:10px}.album-tools{padding:15px}}
.dashboard-grid,.profile-layout,.question-layout,.course-content{min-width:0}.dashboard-grid>*,.profile-layout>*,.question-layout>*{min-width:0}.table-wrap{max-width:100%;overflow-x:auto}.card-heading{flex-wrap:wrap;gap:10px}.mini-course-grid{min-width:0}.mini-course{min-width:0;overflow-wrap:anywhere}