/* Keep the reference desktop layout; fit the same three cards on shorter screens. */
@media (min-width:1100px) and (min-height:600px) and (max-height:1079px){
 #info-materials{padding-block:24px}
 #info-materials .info-section-heading{margin-bottom:22px}
 #info-materials .info-section-heading h2{font-size:clamp(38px,calc(8.5dvh - 27px),64px);line-height:1.08;margin:12px 0 0}
 #info-materials .info-guide-cards{grid-template-columns:1.04fr 1fr;gap:20px 32px}
 #info-materials .info-guide-card>div{padding-top:0}
 #info-materials .info-guide-card:first-child>div{padding-top:18px}
 #info-materials .info-guide-card:first-child>figure{height:clamp(200px,calc(var(--nm63-scene-height,calc(100dvh - 142px))*.4),360px);min-height:0}
 #info-materials .info-guide-card:first-child>figure img{height:100%;min-height:0;object-fit:cover}
 #info-materials .info-guide-card:not(:first-child){grid-template-columns:.72fr 1fr;gap:18px}
 #info-materials .info-guide-card:not(:first-child)>figure{min-height:0;height:100%}
 #info-materials .info-guide-card:not(:first-child)>figure img{height:100%;min-height:0;object-fit:cover}
 #info-materials .info-guide-card h3{font-size:24px;line-height:1.2;margin:10px 0}
 #info-materials .info-guide-card:first-child h3{font-size:32px;line-height:1.2}
 #info-materials .info-guide-card p{font-size:14px;line-height:22px;margin:0 0 16px}
 #info-materials .info-guide-card .text-link{font-size:14px}
}
@media (min-width:1100px) and (min-height:600px) and (max-height:800px){
 #info-materials{padding-block:18px}
 #info-materials .info-section-heading{margin-bottom:18px}
 #info-materials .info-section-heading h2{font-size:38px;margin-top:10px}
 #info-materials .info-guide-cards{gap:18px 28px}
 #info-materials .info-guide-card:first-child>figure{height:clamp(160px,calc(var(--nm63-scene-height,calc(100dvh - 142px))*.32),220px)}
 #info-materials .info-guide-card:first-child>div{padding-top:14px}
 #info-materials .info-guide-card:not(:first-child){grid-template-columns:.55fr 1fr;gap:16px}
 #info-materials .info-guide-card h3{font-size:22px;margin:8px 0}
 #info-materials .info-guide-card:first-child h3{font-size:28px}
 #info-materials .info-guide-card p{line-height:21px;margin-bottom:12px}
}