/* Fit the first Home step to the available mobile content area; store lists keep scrolling. */
@media (max-width:760px) and (orientation:portrait){
  .representative-entry:has(>.representative-selection){height:100%;min-height:480px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:14px 16px 18px}
  .representative-entry:has(>.representative-selection) .representative-entry-intro{display:block;min-height:0;padding:16px 18px;border-radius:22px 32px 22px 22px}
  .representative-entry:has(>.representative-selection) .representative-entry-intro .eyebrow{font-size:9px;letter-spacing:.12em}
  .representative-entry:has(>.representative-selection) .representative-entry-intro h1{font-size:clamp(23px,6vw,28px);line-height:1.1;margin:8px 0}
  .representative-entry:has(>.representative-selection) .representative-entry-intro p{max-width:none;font-size:12px;line-height:1.4}
  .representative-entry:has(>.representative-selection) .representative-entry-art{display:none}
  .representative-entry:has(>.representative-selection) .representative-entry-route{gap:12px;margin-top:12px;font-size:10px}
  .representative-entry:has(>.representative-selection) .representative-entry-route>span{gap:5px}
  .representative-entry:has(>.representative-selection) .representative-entry-route b{width:22px;height:22px;font-size:9px}
  .representative-entry:has(>.representative-selection) .representative-selection{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}
  .representative-entry:has(>.representative-selection) .representative-selection>header{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:10px;margin:0}
  .representative-entry:has(>.representative-selection) .representative-selection>header .eyebrow{font-size:9px}
  .representative-entry:has(>.representative-selection) .representative-selection h2{font-size:clamp(17px,4.5vw,21px);line-height:1.15;margin:4px 0 0;letter-spacing:-.035em}
  .representative-entry:has(>.representative-selection) .representative-selection-options{align-items:stretch}
  .representative-entry:has(>.representative-selection) .representative-selection-options p{display:none}
  .representative-entry:has(>.representative-selection) .representative-selection-options .btn{min-height:44px;height:auto;padding:6px 8px;font-size:11px;white-space:normal;gap:5px;text-align:left}
  .representative-entry:has(>.representative-selection) .representative-selection-options .ic{font-size:17px}
  .representative-entry:has(>.representative-selection) .rep-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-height:0;padding-bottom:4px}
  .representative-entry:has(>.representative-selection) .rep-choice{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:4px;min-height:0;padding:10px 12px;border-radius:20px!important;box-shadow:0 3px 0 #263048}
  .representative-entry:has(>.representative-selection) .rep-choice-label{display:none}
  .representative-entry:has(>.representative-selection) .rep-choice>.rep-avatar{width:auto;height:100%;max-height:104px;max-width:85%;min-height:0;min-width:0;aspect-ratio:1;align-self:center;justify-self:center;margin:0}
  .representative-entry:has(>.representative-selection) .rep-choice strong{font-size:clamp(20px,5.5vw,25px);line-height:1.1;margin:0}
  .representative-entry:has(>.representative-selection) .rep-choice small{font-size:11px;line-height:1.2;padding-right:25px}
  .representative-entry:has(>.representative-selection) .rep-choice-arrow{width:24px;height:24px;right:10px;bottom:10px;font-size:16px}
}
@media (max-width:760px) and (max-height:640px) and (orientation:portrait){
  .representative-entry:has(>.representative-selection){gap:10px;padding:10px 12px 14px}
  .representative-entry:has(>.representative-selection) .representative-entry-intro{padding:12px 14px}
  .representative-entry:has(>.representative-selection) .representative-entry-intro h1{font-size:23px;margin:6px 0}
  .representative-entry:has(>.representative-selection) .representative-entry-intro p{font-size:11px}
  .representative-entry:has(>.representative-selection) .representative-entry-route{margin-top:8px;gap:10px}
  .representative-entry:has(>.representative-selection) .representative-entry-route b{width:20px;height:20px}
  .representative-entry:has(>.representative-selection) .representative-selection,.representative-entry:has(>.representative-selection) .rep-choice-grid{gap:9px}
  .representative-entry:has(>.representative-selection) .rep-choice{grid-template-columns:48px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:7px;padding:8px}
  .representative-entry:has(>.representative-selection) .rep-choice>.rep-avatar{grid-column:1;grid-row:1/3;width:48px;height:48px;max-width:none;max-height:none}
  .representative-entry:has(>.representative-selection) .rep-choice strong{grid-column:2;grid-row:1;align-self:end;font-size:18px;overflow-wrap:normal}
  .representative-entry:has(>.representative-selection) .rep-choice small{grid-column:2;grid-row:2;align-self:start;font-size:10px;padding:0}
  .representative-entry:has(>.representative-selection) .rep-choice-arrow{display:none}
}