/* v200: compact card with a larger desktop portrait, using its transparent headroom. */
.october-grade-switch{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.october-grade-switch>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;border-radius:10px;text-decoration:none}
html[data-theme] body.landing-shell .landing-page>.october-cover.october-prep3{
 position:relative;isolation:isolate;display:grid;grid-template-columns:46% minmax(0,1fr);grid-template-areas:"portrait copy";align-items:center;direction:ltr;overflow:visible;
 width:var(--home-desktop-width,min(1000px,calc(100% - 48px)));max-width:none;
 height:150px;min-height:150px;max-height:150px;margin:0 auto;padding:8px 24px;
 border:1px solid color-mix(in srgb,#72a5e5 22%,var(--bg));border-radius:26px;
 background:linear-gradient(110deg,color-mix(in srgb,#8ebcf3 12%,var(--bg)),var(--bg) 72%);
 color:var(--text);box-shadow:var(--home-soft-surface-shadow);text-decoration:none;
}
body.landing-shell .october-cover.october-prep3::before,body.landing-shell .october-cover.october-prep3::after{display:none}
body.landing-shell .october-prep3>.october-cover-image{
 position:relative;grid-area:portrait;align-self:center;justify-self:center;z-index:1;inset:auto;
 width:100%;max-width:100%;height:132px;max-height:100%;margin:0;
 object-fit:contain;object-position:center;transform:none;
 filter:drop-shadow(0 7px 8px #142c4512);pointer-events:none;
}
body.landing-shell .october-prep3>.october-cover-copy{
 position:relative;grid-area:copy;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
 width:100%;max-width:none;min-width:0;min-height:0;height:100%;top:auto;bottom:auto;right:auto;left:auto;
 margin:0;padding:0 12px;gap:5px;transform:none;text-align:right;direction:rtl;
 font-family:"Segoe UI",Tahoma,Arial,sans-serif;
}
body.landing-shell .october-prep3 .october-cover-kicker{display:inline-flex;align-items:center;gap:7px;min-height:24px;padding:0;background:none;border:0;color:var(--muted);font-size:11px;font-weight:650;line-height:1.6}
body.landing-shell .october-prep3 svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.landing-shell .october-prep3 .october-cover-kicker>svg{color:#2761b5;width:16px;height:16px}
body.landing-shell .october-prep3 .october-cover-copy h2{margin:0;color:var(--text);font-family:inherit;font-size:clamp(18px,2vw,24px);font-weight:800;line-height:1.25;letter-spacing:-.02em}
body.landing-shell .october-prep3 .october-cover-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
body.landing-shell .october-prep3 .october-cover-copy h2>.october-cover-month{display:block;color:#245eb6}
body.landing-shell .october-prep3 .october-cover-copy>p{margin:0 0 15px;color:var(--muted);font-size:13px;line-height:1.7;font-weight:500}
body.landing-shell .october-prep3 .october-cover-button{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:0;min-height:34px;margin:0;padding:5px 14px;border:1px solid #245eb6;border-radius:11px;background:#245eb6;color:#fff;box-shadow:0 4px 10px #245eb61c;font-size:13px;font-weight:750;line-height:1.5}
body.landing-shell .october-prep3:hover .october-cover-button{background:#1b4d99;border-color:#1b4d99}
body.landing-shell .october-prep3:focus-visible{outline:3px solid #245eb6;outline-offset:6px}
html:not([data-theme=chalk-light]) body.landing-shell .october-prep3 .october-cover-copy h2>.october-cover-month{color:#9bc4ff}
html:not([data-theme=chalk-light]) body.landing-shell .october-prep3 .october-cover-kicker>svg{color:#9bc4ff}
/* The default portrait and the 800x700 grammar cutout have transparent headroom.
   Offset it on desktop so the visible artwork fills the existing 150px card.
   Other upload dimensions retain the safe contain layout. */
@media(min-width:761px){
 html[data-theme] body.landing-shell .landing-page>.october-cover.october-prep3{grid-template-rows:minmax(0,1fr)}
 body.landing-shell .october-prep3>.october-cover-image[src*="october-prep3-students-v196"],body.landing-shell .october-prep3>.october-cover-image[src*="/october-review-card-image/"][width="800"][height="700"]{height:172px;max-height:none;transform:translateY(-12px);filter:none}
}
/* Phones share the game card's 130px height; the complete image fits inside. */
@media(max-width:760px){
 html[data-theme] body.landing-shell .landing-page>.october-cover.october-prep3{grid-template-columns:44% minmax(0,1fr);width:min(440px,calc(100% - 24px));height:var(--home-mobile-feature-height,130px);min-height:var(--home-mobile-feature-height,130px);max-height:var(--home-mobile-feature-height,130px);margin:0 auto;padding:6px 10px}
 body.landing-shell .october-prep3>.october-cover-image{height:116px;margin:0}
 body.landing-shell .october-prep3>.october-cover-copy{height:100%;max-height:100%;min-height:0;padding:0 0 0 6px;gap:4px;justify-content:center;align-items:center;text-align:center}
 body.landing-shell .october-prep3 .october-cover-copy h2{width:100%;min-width:0;margin:0;font-size:clamp(14px,3.8vw,16px);line-height:1.25}
 body.landing-shell .october-prep3 .october-cover-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
 body.landing-shell .october-prep3 .october-cover-copy h2>.october-cover-month{margin-top:3px;font-size:clamp(12px,3.4vw,14px);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.landing-shell .october-prep3 .october-cover-button{flex:none;min-height:34px;max-width:100%;padding:5px 10px;border-radius:9px;font-size:12px;line-height:1.5;gap:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(prefers-reduced-motion:reduce){body.landing-shell .october-prep3{transition:none}}
body.landing-shell .october-prep3[dir=ltr]>.october-cover-copy{direction:ltr;text-align:left}
body.landing-shell .october-prep3 .october-cover-copy h2,body.landing-shell .october-prep3 .october-cover-copy>p{overflow-wrap:anywhere}
@media(max-width:760px){body.landing-shell .october-prep3[dir=ltr]>.october-cover-copy{text-align:center}}