/* Portrait guide lists follow the geographic layouts; single-question exercises retain their layout. */
@media(orientation:portrait){
html body[data-region-id="01hkt"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-auto-rows:auto;align-content:start;}
html body[data-region-id="01hkt"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .blockTitle{display:none !important;}
html body[data-region-id="01hkt"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="1"]{grid-row:1 !important;grid-column:1 / span 2 !important;transform:none !important;min-width:0;}
html body[data-region-id="01hkt"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="2"]{grid-row:2 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="01hkt"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="3"]{grid-row:2 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="01hkt"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="5"]{grid-row:3 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="01hkt"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="4"]{grid-row:3 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="01hkt"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="6"]{grid-row:4 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="01hkt"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="7"]{grid-row:4 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="01hkt"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="1"]{width:calc((100% - 7px) / 2) !important;justify-self:center;}
html body[data-region-id="02kan"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-auto-rows:auto;align-content:start;}
html body[data-region-id="02kan"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .blockTitle{display:none !important;}
html body[data-region-id="02kan"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="10"]{grid-row:1 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="02kan"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="9"]{grid-row:1 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="02kan"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="11"]{grid-row:2 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="02kan"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="8"]{grid-row:2 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="02kan"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="13"]{grid-row:3 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="02kan"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="12"]{grid-row:3 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="02kan"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="14"]{grid-row:4 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="03chu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list{grid-template-columns:repeat(3,minmax(0,1fr)) !important;grid-auto-rows:auto;align-content:start;}
html body[data-region-id="03chu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .blockTitle{display:none !important;}
html body[data-region-id="03chu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="15"]{grid-row:1 !important;grid-column:3 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="03chu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="20"]{grid-row:2 !important;grid-column:3 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="03chu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="16"]{grid-row:1 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="03chu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="19"]{grid-row:3 !important;grid-column:3 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="03chu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="17"]{grid-row:1 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="03chu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="22"]{grid-row:4 !important;grid-column:3 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="03chu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="18"]{grid-row:2 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="03chu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="21"]{grid-row:2 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="03chu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="23"]{grid-row:3 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="04kin"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-auto-rows:auto;align-content:start;}
html body[data-region-id="04kin"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .blockTitle{display:none !important;}
html body[data-region-id="04kin"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="26"]{grid-row:1 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="04kin"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="25"]{grid-row:1 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="04kin"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="28"]{grid-row:2 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="04kin"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="24"]{grid-row:2 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="04kin"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="27"]{grid-row:3 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="04kin"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="29"]{grid-row:3 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="04kin"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="30"]{grid-row:4 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list{grid-template-columns:repeat(3,minmax(0,1fr)) !important;grid-auto-rows:auto;align-content:start;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="32"]{grid-row:2 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="31"]{grid-row:2 !important;grid-column:3 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="35"]{grid-row:2 / span 2 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;align-self:center;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="34"]{grid-row:3 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="33"]{grid-row:3 !important;grid-column:3 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="38"]{grid-row:4 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="37"]{grid-row:4 !important;grid-column:3 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="39"]{grid-row:5 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="36"]{grid-row:5 !important;grid-column:3 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .blockTitle{display:flex !important;transform:none !important;align-items:center;min-width:0;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .blockTitle[data-region-subblock="chugoku"]{grid-row:1 !important;grid-column:1 / -1 !important;}
html body[data-region-id="05chs"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .blockTitle[data-region-subblock="shikoku"]{grid-row:4 !important;grid-column:1 !important;}
html body[data-region-id="06kyu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-auto-rows:auto;align-content:start;}
html body[data-region-id="06kyu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .blockTitle{display:none !important;}
html body[data-region-id="06kyu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="41"]{grid-row:1 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="06kyu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="40"]{grid-row:1 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="06kyu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="42"]{grid-row:2 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="06kyu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="44"]{grid-row:2 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="06kyu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="43"]{grid-row:3 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="06kyu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="45"]{grid-row:3 !important;grid-column:2 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="06kyu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="46"]{grid-row:4 !important;grid-column:1 / span 2 !important;transform:none !important;min-width:0;}
html body[data-region-id="06kyu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="47"]{grid-row:5 !important;grid-column:1 / span 1 !important;transform:none !important;min-width:0;}
html body[data-region-id="06kyu"]:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item[data-code="46"]{width:calc((100% - 7px) / 2) !important;justify-self:center;}
html body[data-region-id="03chu"] #svgHost > svg{transform:translate(calc(var(--mapShiftX) + var(--guide-map-offset-x,0px)),var(--mapShiftY)) scale(calc(var(--mapScale) * .855)) !important;}
}

/* Keep portrait prefecture cards compact even on wide tablet screens. */
@media(orientation:portrait){
  html body:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list{
    box-sizing:border-box;width:100%;max-width:440px;
    margin-left:auto;margin-right:auto;align-self:center;
  }
}

/* Slightly larger prefecture names within the compact portrait cards. */
@media(orientation:portrait){
  html body:is([data-practice-mode="view"],[data-practice-mode="name"]) .cardBody #list .item .name{
    font-size:20px;
  }
}

/* Kanto uses the same 90% scale in portrait and landscape. */
html body[data-region-id="02kan"] #svgHost > svg{
  transform:translate(calc(var(--mapShiftX) + var(--guide-map-offset-x,0px)),var(--mapShiftY)) scale(calc(var(--mapScale) * .90)) !important;
}

/* Portrait allocates 60% to the map and 40% to the scrollable choices. */
@media(orientation:portrait){
  html body > .frame{grid-template-rows:minmax(0,60fr) minmax(0,40fr);}
}