@media(max-width:1050px){
  .toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toolbar input,.toolbar button{grid-column:1/-1}
}

/* Member profile and account control panel */
.profile-heading{background:linear-gradient(135deg,#fff,#f1f5fb);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}
.profile-heading h1{margin-bottom:3px}
.account-grid{grid-template-columns:250px minmax(0,1fr);align-items:start}
.account-grid>section{grid-column:2;grid-row:1}
.account-grid>aside{grid-column:1;grid-row:1;position:sticky;top:92px;align-content:start}
.account-grid>aside.facts{display:flex;flex-direction:column;gap:8px}
.account-grid>aside .button,.account-grid>aside form button{width:100%;min-height:44px;padding:11px 13px;text-align:left}
.account-grid>aside .button.danger{margin-top:10px}
.account-grid>section.card h2{margin-top:0}
.account-grid input[type=color]{height:48px;padding:5px;cursor:pointer}
@media(max-width:820px){
  .page-shell{width:min(100% - 24px,1180px);margin-top:24px}
  .app-grid,.detail-grid{grid-template-columns:1fr}
  .section-header{align-items:flex-start;flex-direction:column}
  .hero{padding:42px 0 48px}
  .account-grid{grid-template-columns:1fr}
  .account-grid>section,.account-grid>aside{grid-column:1;grid-row:auto}
  .account-grid>aside{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));order:-1}
  .account-grid>aside form{grid-column:1/-1}
  .profile-heading{margin-top:18px}
}
@media(max-width:600px){
  .toolbar{grid-template-columns:1fr;gap:9px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
  .toolbar input,.toolbar button{grid-column:auto}
  .toolbar button,.toolbar select,.toolbar input{min-height:46px}
  .toolbar button{width:100%}
  .search-wrap{grid-template-columns:1fr}
  .search-wrap button{padding:11px 14px}
  .card{padding:17px}
  .app-head,.detail-title{align-items:flex-start}
  .detail-title .app-icon{width:68px;height:68px}
  .section-header h2{font-size:1.45rem}
  h1{overflow-wrap:anywhere}
  .profile-heading{padding:18px;gap:14px}.profile-heading .profile-icon{width:58px;height:58px}.profile-heading h1{font-size:1.8rem!important}.profile-heading p{overflow-wrap:anywhere}
  .account-grid{gap:16px}.account-grid>aside{grid-template-columns:1fr}.account-grid>aside form{grid-column:auto}.account-grid>aside .button.danger{margin-top:4px}
  .account-grid>section.card{padding:18px}.account-grid textarea{min-height:120px}
  .comments-section{margin-top:26px}.comment-head,.comment-form-footer{gap:8px}
}