/* Keep the account portal useful on a phone without making every detail compete. */
.mobile-news-summary{display:none}
@media(max-width:600px){
  body.account-home-active{overflow-x:hidden}
  body.account-home-active #accountHome.account-home{box-sizing:border-box;width:100%;max-width:none;margin:10px auto 28px;padding:0 12px}
  body.account-home-active #accountHome .account-welcome{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:14px 15px;border-radius:13px}
  body.account-home-active #accountHome .account-welcome>.source-kicker{grid-column:1/-1;margin:0;font-size:9px}
  body.account-home-active #accountHome .account-welcome h1{grid-column:1;grid-row:2;margin:4px 0;font-size:22px;line-height:1.15;letter-spacing:-.4px}
  body.account-home-active #accountHome .account-welcome>p:not(.small){display:none}
  body.account-home-active #accountHome .account-welcome [data-account-edit]{grid-column:2;grid-row:2;min-height:34px;padding:6px 9px;font-size:10px;white-space:nowrap}
  body.account-home-active #accountHome .account-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:9px 0 12px}
  body.account-home-active #accountHome .account-profile-stats>div{min-width:0;padding:8px 9px;border-left-width:3px;border-radius:9px}
  body.account-home-active #accountHome .account-profile-stats dt{font-size:9px;line-height:1.2}
  body.account-home-active #accountHome .account-profile-stats dd{overflow:hidden;margin:4px 0 0;font-size:15px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
  body.account-home-active #accountHome .account-villages{gap:11px;margin-top:0}
  body.account-home-active #accountHome .village-home-card{min-width:0;padding:13px;border-radius:13px;border-top-width:2px}
  body.account-home-active #accountHome .village-card-top{min-height:0;gap:10px;align-items:center}
  body.account-home-active #accountHome .village-hall-image{width:58px;height:58px;filter:drop-shadow(0 3px 5px #0004)}
  body.account-home-active #accountHome .village-card-top .source-kicker{font-size:9px;letter-spacing:.06em}
  body.account-home-active #accountHome .village-card-top h2{margin:3px 0;font-size:18px;line-height:1.2}
  body.account-home-active #accountHome .village-card-top p{overflow:hidden;max-width:100%;font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
  body.account-home-active #accountHome .village-goal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0;padding:8px 10px}
  body.account-home-active #accountHome .village-goal>span{flex:none;font-size:9px}
  body.account-home-active #accountHome .village-goal h3{margin:0;text-align:right;font-size:13px;line-height:1.25}
  body.account-home-active #accountHome .village-progress{padding:10px;border-radius:9px}
  body.account-home-active #accountHome .village-progress>span{align-items:flex-start;font-size:10px;line-height:1.3}
  body.account-home-active #accountHome .village-progress>span strong{flex:none;font-size:17px}
  body.account-home-active #accountHome .village-progress progress{height:8px;margin:8px 0 3px}
  body.account-home-active #accountHome .village-resource-note{display:none}
  body.account-home-active #accountHome .goal-calculation-help{margin-top:5px;padding:0;border:0;background:transparent}
  body.account-home-active #accountHome .goal-calculation-help summary{min-height:24px;font-size:10px}
  body.account-home-active #accountHome .goal-calculation-help p,body.account-home-active #accountHome .goal-calculation-help li{font-size:11px}
  body.account-home-active #accountHome .village-stats{gap:0;margin:8px 0}
  body.account-home-active #accountHome .village-stats>div{flex:1;min-width:0;padding:0 7px 0 0;border:0}
  body.account-home-active #accountHome .village-stats>div+div{padding-left:9px;border-left:1px solid var(--border,#34415d)}
  body.account-home-active #accountHome .village-stats dt{font-size:9px;line-height:1.2}
  body.account-home-active #accountHome .village-stats dd{margin:3px 0;font-size:14px;line-height:1.1}
  body.account-home-active #accountHome .home-goal-resources{padding-top:9px}
  body.account-home-active #accountHome .home-goal-resources h4{margin:0 0 7px;font-size:11px}
  body.account-home-active #accountHome .home-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body.account-home-active #accountHome .home-resource{min-width:0;gap:6px;padding:7px;border-radius:8px}
  body.account-home-active #accountHome .home-resource img{width:22px;height:22px}
  body.account-home-active #accountHome .home-resource span{min-width:0;font-size:9px;line-height:1.2}
  body.account-home-active #accountHome .home-resource strong{margin-top:2px;font-size:14px;line-height:1.1}
  body.account-home-active #accountHome .home-goal-resources>.small,body.account-home-active #accountHome .account-home-note{display:none}
  body.account-home-active #accountHome .account-actions{gap:7px;margin-top:11px;padding-top:0;flex-wrap:nowrap}
  body.account-home-active #accountHome .account-actions .btn{min-width:0;min-height:38px;padding:7px 8px;border-radius:8px;font-size:10px;line-height:1.2}
  body.account-home-active #accountHome .account-actions>.purple{flex:1.25}
  body.account-home-active #accountHome .account-actions>.dark{flex:.75}
  body.account-home-active #accountHome .synced-resume{gap:10px;margin:10px 0;padding:12px;border-radius:11px}
  body.account-home-active #accountHome .synced-resume h2{margin:4px 0;font-size:16px}
  body.account-home-active #accountHome .synced-resume>div>p{font-size:11px}
  body.account-home-active #accountHome .account-news.mobile-news-disclosure{margin-top:13px;padding:0;border-radius:11px;background:var(--panel2,#151e31)}
  body.account-home-active #accountHome .mobile-news-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 13px;color:var(--text,#fff2d8);font-size:13px;font-weight:800;cursor:pointer;list-style:none}
  body.account-home-active #accountHome .mobile-news-summary::-webkit-details-marker{display:none}
  body.account-home-active #accountHome .mobile-news-summary::after{content:"+";color:var(--gold,#ffd866);font-size:18px}
  body.account-home-active #accountHome .mobile-news-disclosure[open]>.mobile-news-summary::after{content:"−"}
  body.account-home-active #accountHome .mobile-news-summary b{margin-left:auto;color:var(--muted,#bac5d9);font-size:10px;font-weight:600}
  body.account-home-active #accountHome .account-news-content{padding:0 10px 10px}
  body.account-home-active #accountHome .news-section-heading{align-items:flex-start;gap:8px;margin-bottom:10px}
  body.account-home-active #accountHome .account-news .news-card{padding:13px;border-radius:10px}
  body.account-home-active #accountHome .account-news .news-card h3{margin:10px 0 5px;font-size:15px}
  body.account-home-active #accountHome .account-news .news-card p{margin-bottom:10px;font-size:11px;line-height:1.45}
  body.account-home-active #accountHome .news-card-action{padding-top:8px;font-size:10px}
}

/* Do not trade legibility for density. */
@media(max-width:600px){
 body.account-home-active #accountHome .account-welcome{display:flex;flex-wrap:wrap;padding:18px}
 body.account-home-active #accountHome .account-welcome h1{font-size:25px}
 body.account-home-active #accountHome .account-profile-stats dt,body.account-home-active #accountHome .source-kicker,body.account-home-active #accountHome .village-stats dt,body.account-home-active #accountHome .home-resource span{font-size:12px}
 body.account-home-active #accountHome .village-card-top p{font-size:13px;white-space:normal}
 body.account-home-active #accountHome .account-actions .btn,body.account-home-active #accountHome .account-welcome [data-account-edit]{min-height:44px;font-size:13px}
 body.account-home-active #accountHome .village-home-card{padding:18px}
 body.account-home-active #accountHome .village-progress>span{font-size:13px}
 body.account-home-active #accountHome .village-hall-image{width:68px;height:68px}
 body.account-home-active #accountHome .home-goal-resources h4{font-size:14px}
}