/* English landing page only: fluid layout and genuinely concise course cards. */
.english-portal-page{--portal-gutter:clamp(12px,1.7vw,32px)}
.english-portal-page *{box-sizing:border-box}
.english-portal-page main{width:100%;max-width:none}
.english-portal-page .site-header,.english-portal-page .english-index-hero{position:relative;inset:auto;background-attachment:scroll}
.english-portal-page .navbar{max-width:none;width:100%;padding-inline:var(--portal-gutter)}
.english-portal-page .english-index-hero{width:100%;max-width:none;margin:0;padding:24px var(--portal-gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-height:0;align-items:stretch}
.english-portal-page .english-hero-panel{min-width:0;padding:clamp(20px,2.4vw,36px);display:flex;flex-direction:column;justify-content:center}
.english-portal-page .english-hero-panel h1{font-size:clamp(2rem,3vw,3.4rem);margin-bottom:14px}
.english-portal-page .english-hero-panel .hero-text{margin-bottom:18px}
.english-portal-page .english-hero-panel .hero-actions{gap:8px;flex-wrap:wrap}
.english-portal-page .english-hero-panel .btn{padding:11px 16px;min-height:44px;font-size:.92rem}
.english-portal-page .english-hero-image{min-width:0;min-height:0;max-height:360px}
.english-portal-page .english-hero-image img{width:100%;height:100%;min-height:0;max-height:360px;object-fit:cover}
.english-portal-page .quick-access-panel,.english-portal-page .course-search-panel,.english-portal-page .course-search-empty{width:calc(100% - 2 * var(--portal-gutter));max-width:none;margin:18px auto 0}
.english-portal-page .english-program-section{width:100%;max-width:none;padding:28px var(--portal-gutter) 36px}
.english-portal-page .english-program-section .section-heading{margin-bottom:20px}
.english-portal-page .english-program-grid.has-four-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.english-portal-page .english-program-card{min-width:0;border-radius:20px}
.english-portal-page .english-program-grid.has-four-levels .english-program-image{height:auto;aspect-ratio:16/9}
.english-portal-page .english-program-image img{width:100%;height:100%;object-fit:cover}
.english-portal-page .english-program-grid.has-four-levels .english-program-content{padding:18px;gap:10px}
.english-portal-page .english-program-content .section-number{width:32px;height:32px;font-size:.85rem;margin:0}
.english-portal-page .english-program-grid.has-four-levels .english-program-content h3{font-size:clamp(1.1rem,1.35vw,1.4rem);line-height:1.25;margin:0}
.english-portal-page .english-program-content p{font-size:.95rem;line-height:1.45;margin:0 0 4px;color:#425c70}
.english-portal-page .english-program-grid.has-four-levels .english-program-content .card-link{min-height:44px;padding:10px;font-size:.9rem}
.english-portal-page .english-method-band{width:100%;max-width:none;padding:28px var(--portal-gutter);grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:24px}
.english-portal-page .english-method-content{max-width:none}
.english-portal-page .english-method-content h2{font-size:clamp(1.5rem,2.2vw,2.25rem)}
.english-portal-page .english-method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.english-portal-page .method-item{padding:18px;min-width:0}
@media(max-width:1100px){.english-portal-page .english-program-grid.has-four-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.english-portal-page .english-method-band{grid-template-columns:1fr}.english-portal-page .english-program-grid.has-four-levels .english-program-image{aspect-ratio:2/1}}
@media(max-width:800px){.english-portal-page .english-index-hero{grid-template-columns:1fr;gap:16px}.english-portal-page .english-hero-image,.english-portal-page .english-hero-image img{height:220px;max-height:220px}.english-portal-page .english-hero-panel .hero-actions{flex-direction:row}.english-portal-page .english-hero-panel .btn{width:auto;flex:1 1 140px}.english-portal-page .english-method-grid{grid-template-columns:1fr}}
@media(max-width:560px){.english-portal-page .english-program-grid.has-four-levels{grid-template-columns:1fr}.english-portal-page .english-program-section{padding-top:22px}.english-portal-page .english-program-content p{font-size:.95rem}.english-portal-page .course-search-meta{flex-wrap:wrap;gap:5px}}
