/* Consistent dimensions for every menu tile, including rows with short labels. */
#main-content .choices,
#main-content .sign-choices,
#main-content .vehicle-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 width:100%;max-width:640px;gap:12px;align-items:stretch;
 grid-auto-rows:clamp(235px,calc((100vw - 44px)/2),314px);
 margin:18px 0;
}
#main-content .choices>.choice,
#main-content .sign-choices>.sign-choice,
#main-content .vehicle-grid>.vehicle-card{
 box-sizing:border-box;grid-column:auto;width:100%;height:100%;
 min-width:0;min-height:0;max-width:none;aspect-ratio:auto;
 display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
 position:relative;padding:18px;border-radius:18px;gap:0;
}
#main-content .choices>.choice>.choice-number{flex-shrink:0;margin-bottom:10px}
#main-content .choices>.choice>div{min-width:0;width:100%}
#main-content .choices>.choice>.arrow{position:absolute;bottom:13px;right:15px;margin:0}
#main-content .choices>.choice h2,
#main-content .sign-choices>.sign-choice h2{font-size:21px;line-height:1.23;letter-spacing:-.3px;margin:0 0 8px;white-space:normal;overflow-wrap:break-word}
#main-content .choices>.choice p,
#main-content .sign-choices>.sign-choice p{font-size:13px;line-height:1.4;margin:0 0 10px}
#main-content .sign-choices>.sign-choice>strong{margin-top:auto;font-size:12px;line-height:1.35}
#main-content .choices>.choice .exam-ready-photo{height:105px;width:100%;object-fit:cover;aspect-ratio:auto;margin:0 0 10px}
#main-content .choices>.choice .license-menu-image{height:105px;aspect-ratio:auto;margin:0 0 10px}
/* Keep the title embedded in the driving-licence illustration. */
#main-content .choices>.choice .license-menu-image h2{font-size:clamp(13px,2vw,18px);margin:0}
#main-content .sign-choices .licence-person-visual{position:relative;height:86px;flex:0 0 86px;margin:0 0 10px;overflow:hidden}
#main-content .sign-choices .scan-licence-photo{display:block;width:100%;height:100%;object-fit:contain}
#main-content .sign-choices .licence-person-cutout{position:absolute;left:2%;bottom:0;width:32%;height:100%;object-fit:contain}
#main-content .sign-choices .mini-book,
#main-content .sign-choices .mini-sign{flex-shrink:0}
#main-content .vehicle-grid>.vehicle-card{padding:0}
#main-content .vehicle-grid .vehicle-stage{flex:1;min-height:0;padding-top:30px}
#main-content .vehicle-grid .vehicle-copy{padding:10px 14px 14px}
#main-content .vehicle-grid .vehicle-copy h2{font-size:19px;line-height:1.2}
@media(max-width:520px){
 #main-content.home-main{padding-left:16px;padding-right:16px}
 #main-content .choices,#main-content .sign-choices,#main-content .vehicle-grid{gap:10px;grid-auto-rows:235px}
 #main-content .choices>.choice,#main-content .sign-choices>.sign-choice{padding:12px;border-radius:14px}
 #main-content .choices>.choice h2,#main-content .sign-choices>.sign-choice h2{font-size:16px;line-height:1.22;margin-bottom:7px}
 #main-content .choices>.choice p,#main-content .sign-choices>.sign-choice p{font-size:12px;line-height:1.35;margin-bottom:8px}
 #main-content .choices>.choice .exam-ready-photo,#main-content .choices>.choice .license-menu-image{height:76px;margin-bottom:8px}
 #main-content .choices>.choice .license-menu-image h2{font-size:12px}
 #main-content .sign-choices .licence-person-visual{height:60px;flex-basis:60px;margin-bottom:8px}
 #main-content .sign-choices>.sign-choice>strong{font-size:11px}
 #main-content .sign-choices .licence-start-button{padding:8px 6px}
 #main-content .vehicle-grid .vehicle-copy{padding:7px 9px 10px}
 #main-content .vehicle-grid .vehicle-copy h2{font-size:14px}
}
/* Keep narrow-screen text comfortable without allowing the tiles to overflow. */
@media(max-width:340px){
 #main-content .choices,#main-content .sign-choices,#main-content .vehicle-grid{grid-template-columns:1fr;max-width:280px;grid-auto-rows:280px}
 #main-content .choices>.choice h2,#main-content .sign-choices>.sign-choice h2{font-size:18px}
}

/* Let the licence illustration use the available tile width at its own proportions. */
#main-content.home-main .choices>.choice-license .license-menu-image{height:auto;width:calc(100% + 16px);max-width:none;aspect-ratio:1.6;margin:0 -8px 10px}
#main-content.home-main .choices>.choice-license .license-menu-image h2{font-size:clamp(13px,6.2cqw,19px);line-height:1.18}
@media(max-width:520px){#main-content.home-main .choices>.choice-license .license-menu-image{margin-bottom:8px}#main-content.home-main .choices>.choice-license .license-menu-image h2{font-size:clamp(12px,7cqw,16px)}}

/* Two large, balanced examples for the traffic-signs home tile. */
#main-content.home-main .choices>.choice-signs .home-sign-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;height:138px;margin:0 0 10px}
#main-content.home-main .choices>.choice-signs .home-sign-preview img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
@media(max-width:520px){#main-content.home-main .choices>.choice-signs .home-sign-preview{height:96px;gap:8px;margin-bottom:8px}}