.menu-page{--menu-accent:#755084;--menu-tint:#eee5f2;background:radial-gradient(ellipse at 10% 25%,#e9dfe94d,transparent 48%),var(--paper)}
.menu-czech{--menu-accent:#966c4f;--menu-tint:#f5e9df}.menu-world{--menu-accent:#617c62;--menu-tint:#e7eee3}.menu-english{--menu-accent:#60778e;--menu-tint:#e5edf5}
.menu-page .hub-main{max-width:1080px}.menu-page .lesson-grid{gap:22px}.menu-page .lesson-card{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:20px;min-height:250px;padding:26px;border-radius:25px;background:linear-gradient(135deg,#fdfbfc 36%,var(--menu-tint));border:1px solid #ded2df;box-shadow:0 5px 22px #38223b05;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.menu-page .lesson-card::after{content:'';position:absolute;right:-35px;bottom:-48px;width:130px;height:130px;border:1px solid color-mix(in srgb,var(--menu-accent) 16%,transparent);border-radius:50%;pointer-events:none}
.menu-page .lesson-card:hover{transform:translateY(-4px);border-color:var(--menu-accent);box-shadow:0 12px 28px #38223b12}.menu-page .lesson-card:focus-visible{outline:3px solid var(--menu-accent);outline-offset:5px}
.topic-art{display:block;width:128px;height:150px;position:relative}.topic-art img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;transition:transform .2s}.lesson-card:hover .topic-art img{transform:rotate(-3deg)}
.topic-copy{position:relative;z-index:1;min-width:0}.topic-kicker{display:inline-block;color:var(--menu-accent);font-size:.875rem;font-weight:650;letter-spacing:.045em;border-bottom:1px solid color-mix(in srgb,var(--menu-accent) 25%,transparent);padding-bottom:4px}
.menu-page .lesson-card h2{font:500 clamp(1.45rem,2.3vw,1.85rem)/1.17 var(--serif);letter-spacing:-.025em;margin:11px 0 12px;overflow-wrap:anywhere;color:var(--plum)}.menu-page .lesson-card p{font-size:1rem;line-height:1.55;color:var(--muted);margin:0 0 20px;max-width:none}
.menu-page .lesson-action{display:inline-block;background:transparent;border-radius:0;padding:0;min-height:0;color:var(--menu-accent);font-size:.9375rem;font-weight:650;margin:0}.menu-page .lesson-card:hover .lesson-action{text-decoration:underline;text-underline-offset:5px}
.menu-page .subject-nav{gap:9px}.menu-page .subject-nav a{background:#fbfaf9;border-radius:14px}.menu-page .subject-nav a[aria-current=page]{background:var(--menu-accent);border-color:var(--menu-accent);color:white}
@media(max-width:950px){.menu-page .lesson-card{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:23px}.topic-art{width:100px;height:130px}}
@media(max-width:720px){.menu-page .lesson-card{grid-template-columns:1fr;align-content:start;gap:6px;padding:24px;min-height:310px}.topic-art{width:110px;height:115px;justify-self:center}.menu-page .lesson-card h2{font-size:1.6rem}.menu-page .lesson-card p{margin-bottom:16px}}
@media(max-width:560px){.menu-page .lesson-card{grid-template-columns:105px minmax(0,1fr);align-items:center;align-content:normal;min-height:230px;gap:15px;padding:23px 20px}.topic-art{width:105px;height:130px}.menu-page .lesson-grid{gap:16px}}
@media(max-width:350px){.menu-page .lesson-card{grid-template-columns:1fr}.topic-art{height:110px}.menu-page .lesson-card h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.menu-page .lesson-card,.topic-art img{transition:none}.menu-page .lesson-card:hover,.lesson-card:hover .topic-art img{transform:none}}