#multimedia-instructions{scroll-margin-top:24px}
html[lang="hu"] .hero-grid>div{min-width:0}
html[lang="hu"] .hero h1{overflow-wrap:anywhere}
@media(max-width:350px){html[lang="hu"] .hero h1{font-size:30px}}
#multimedia-instructions .tutorial-container{width:min(100% - 36px,1100px);margin-inline:auto}
#multimedia-instructions .section-heading{margin-bottom:24px}
#multimedia-instructions .lesson-layout{display:grid;gap:24px;align-items:start}
#multimedia-instructions .watch-column{min-width:0}
#multimedia-instructions .player{aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#0c1927}
#multimedia-instructions video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;scroll-margin-top:16px}
#multimedia-instructions .chapters{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding-bottom:8px;overflow:hidden}
#multimedia-instructions .chapters-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 17px 14px;gap:10px}
#multimedia-instructions .chapters-heading h3{font-size:17px;margin:0;letter-spacing:-.015em}
#multimedia-instructions .chapters-heading>span{font-size:12px;color:#737c88;white-space:nowrap}
#multimedia-instructions ol{list-style:none;margin:0;padding:0 7px}
#multimedia-instructions li{margin:0;padding:0}
#multimedia-instructions li+li{border-top:1px solid #edf0f4}
#multimedia-instructions .chapter{position:relative;display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;min-height:58px;padding:17px 10px;border:0;border-radius:7px;background:transparent;color:var(--body);font:inherit;cursor:pointer}
#multimedia-instructions .chapter:hover{background:#f7f9fd}
#multimedia-instructions .chapter[aria-current=true]{background:#eef4ff;color:var(--ink)}
#multimedia-instructions .chapter[aria-current=true]::before{content:'';position:absolute;left:-7px;top:11px;bottom:11px;width:3px;background:var(--accent);border-radius:0 2px 2px 0}
#multimedia-instructions .chapter-copy{flex:1;min-width:0}
#multimedia-instructions .chapter-title{font-size:16px;line-height:1.4;display:block;font-weight:600;overflow-wrap:anywhere}
#multimedia-instructions .chapter-time{color:#677589;font-size:12px;font-variant-numeric:tabular-nums;padding-top:3px;min-width:36px}
#multimedia-instructions .chapter[aria-current=true] .chapter-time{color:var(--accent)}
#multimedia-instructions .chapter-expanded{display:none}
#multimedia-instructions .chapter[aria-current=true] .chapter-expanded{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:#53647a}
#multimedia-instructions .manual-section{min-width:0;border-top:1px solid var(--line);padding-top:24px}
#multimedia-instructions .manual-section h3{font-size:20px;letter-spacing:-.02em;margin:0 0 9px}
#multimedia-instructions .manual-section>p{font-size:16px;line-height:1.6;color:var(--body);margin:0 0 16px}
#multimedia-instructions .download-card{display:flex;align-items:center;gap:12px;width:100%;max-width:540px;text-align:left;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;color:var(--ink);min-height:72px}
#multimedia-instructions .download-card:hover{border-color:#b1caff;background:#f5f8ff}
#multimedia-instructions .file-icon{display:grid;place-items:center;flex:none;width:36px;height:40px;color:var(--accent);background:var(--blue-soft);border-radius:6px}
#multimedia-instructions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
#multimedia-instructions .download-copy{flex:1;min-width:0}
#multimedia-instructions .download-title{display:block;font-size:16px;font-weight:650;line-height:1.35}
#multimedia-instructions .manual-detail{display:block;font-size:12px;color:#68717d;margin-top:4px;line-height:1.4}
#multimedia-instructions .download-arrow{color:var(--accent)}
#multimedia-instructions button:focus-visible,#multimedia-instructions a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
#multimedia-instructions .playback-message{font-size:14px;line-height:1.5;color:#80571b;margin:10px 0}
@media(min-width:900px){#multimedia-instructions .lesson-layout{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);grid-template-rows:auto 1fr;gap:28px}#multimedia-instructions .watch-column{grid-column:1;grid-row:1}#multimedia-instructions .chapters{grid-column:2;grid-row:1/span 2}#multimedia-instructions .manual-section{grid-column:1;grid-row:2}#multimedia-instructions .download-card{padding:17px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#multimedia-instructions *{scroll-behavior:auto}}