header{margin-bottom:24px}.tabs{margin-bottom:40px}
@media(max-width:800px){
  .shell{width:min(100% - 24px,1100px);padding:18px 0 30px}
  header{margin-bottom:18px;gap:14px}
  .page-brand .eyebrow{margin-bottom:7px}
  .page-brand h1{font-size:clamp(2rem,11vw,3rem);line-height:.95}
  .page-brand .subtitle{font-size:.85rem;margin-top:9px}
  .account-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;justify-content:stretch}
  .account-actions>span{grid-column:1/-1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .account-actions form{margin:0}
  .account-actions .button,.account-actions button{display:block;width:100%;height:100%;padding:10px 7px;font-size:.72rem;text-align:center;white-space:normal;line-height:1.15}
  .tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:5px;margin:0 -12px 28px;padding:0 12px 6px;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tabs a{flex:0 0 auto;scroll-snap-align:start;padding:8px 11px;font-size:.76rem}
}
@media(max-width:380px){.account-actions{grid-template-columns:1fr 1fr}.account-actions>a{grid-column:1/-1}}