:root{--teal:#207f87;--coral:#c36355;--azure:#4379b2;--mustard:#ad7f28;--leaf:#4e875a}
.sidebar-gallery{display:block;padding:10px 12px;margin-top:12px;border:1px solid #6e627c;border-radius:10px;color:#d6ece5;font-size:12px;background:#3b354b}.sidebar-gallery:hover{color:white;background:#4d425f;text-decoration:none}
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#79628c #211b35}.side-bottom{flex-shrink:0}.svg-scroll:after{content:'A részletekhez válaszd az Ábra nagyítása gombot.';display:block;font-size:10px;color:#6a7b84;padding:8px 15px;background:#f7fafb}
.kuromi-note{display:flex;gap:16px;align-items:center}.note-companions{display:flex;align-items:center;flex-shrink:0;gap:5px}.kuromi-note .note-kuromi{float:none;width:45px;margin:0}.kuromi-note .jani-portrait{width:66px;height:72px}.kuromi-note .jani-portrait img{float:none;margin:0;width:264px!important;top:-187px}.kuromi-note p{flex:1}body .hero-scene-pair img{object-fit:contain;background:#fff7e9}body .topic-visual-thumb{object-fit:contain;background:#fff5e9}
.jani-guide{display:flex;align-items:center;gap:20px;background:#e8f4f0;border:1px solid #c4e0d6;border-left:4px solid #459786;border-radius:18px;padding:18px 22px;margin:22px 0;color:#2c5148;min-height:132px}.jani-guide p{margin:6px 0 0;font-size:15px;line-height:1.65}.jani-label{font:800 10px Manrope,sans-serif;letter-spacing:1.7px;color:#327064}.jani-portrait{position:relative;overflow:hidden;flex-shrink:0;width:104px;height:101px}.jani-portrait img{position:absolute;width:416px!important;height:auto;max-width:none!important;left:0;top:-295px;object-fit:initial!important}.jani-guide.compact{gap:15px;padding:12px 18px;min-height:112px}.jani-guide.compact .jani-portrait{width:78px;height:77px}.jani-guide.compact .jani-portrait img{width:312px!important;top:-221px}.jani-guide.compact p{font-size:13px}.learning-scene{margin:0 0 26px;border:1px solid #ded4cd;border-radius:20px;background:#fffefb;overflow:hidden}.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;background:#f5e9d7;font-size:11px;color:#7e674a}.scene-heading .pill{background:#f8d2d9;color:#8d3e5f}.scene-image{width:100%;display:block;height:auto;max-height:440px;object-fit:contain;background:#fff8ed}.learning-scene figcaption{padding:22px 24px}.learning-scene h3{font-size:18px;margin:0 0 12px}.learning-scene p{font-size:14px;margin-bottom:12px}.scene-bridge{color:#456a70}.scene-bottom{border-top:1px solid #e9dfd3;padding-top:12px;display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:10px;color:#7d746d}.scene-bottom button{white-space:nowrap;font-size:11px}.rich-figure{margin:24px 0 16px;background:#fffefb;border:1px solid #d1dce2;border-radius:18px;overflow:hidden}.rich-figure-head{padding:19px 23px 8px;background:#f0f5f8}.rich-figure-head .eyebrow{color:#3c7480;font-size:9px;margin:0 0 6px}.rich-figure-head h3{font-size:18px;margin-bottom:12px}.svg-scroll{width:100%;overflow:auto;background:#fff}.svg-scroll img{width:100%;height:auto;display:block}.rich-figure figcaption{padding:17px 23px;background:#f8fbfb;font-size:12px;color:#49616b}.rich-figure .figure-tools{margin-top:8px}.visual-source{font-size:10px;color:#6f717c;margin-top:14px;border-top:1px solid #dce5e6;padding-top:10px}.visual-source summary{font-size:10px;font-weight:500;color:#586f80}.visual-source p{margin-top:10px;font-size:10px}.visual-legend{display:flex;flex-wrap:wrap;gap:10px 17px;font-size:11px;margin-bottom:12px}.visual-legend span{display:flex;align-items:center;gap:7px}.visual-legend i{width:12px;height:12px;border-radius:3px;border:1px solid #0002;display:block}.visual-text>.figure{background:#fff;border:0;margin:8px 0 0;padding:0}.visual-text .figure-tools{display:none}.diagram-node:nth-child(5n+1){border-left:4px solid #59929e;background:#edf6f7}.diagram-node:nth-child(5n+2){border-left:4px solid #cf8a73;background:#fbf0e9}.diagram-node:nth-child(5n+3){border-left:4px solid #7b9a62;background:#f1f5e9}.diagram-node:nth-child(5n+4){border-left:4px solid #aa86b5;background:#f4edf7}.diagram-node:nth-child(5n){border-left:4px solid #b59b4c;background:#fbf7e8}.diagram-nodes.structure .diagram-node:first-child{border-left-color:#c3a3da;background:#3c2d53}.hero-art{align-self:stretch;height:auto;min-height:330px;padding:28px 25px 75px 6px;display:flex;align-items:center;justify-content:center}.hero-scene-pair{display:flex;gap:8px;align-items:center;width:100%;transform:rotate(-3deg)}.hero-scene-pair img{width:52%;height:210px;object-fit:cover;border:5px solid #f1e5cd;border-radius:17px;box-shadow:0 10px 0 #160c2633}.hero-scene-pair img+img{margin-left:-4%;margin-top:45px;transform:rotate(6deg)}.hero-jani{display:flex;align-items:center;gap:5px;position:absolute;bottom:-5px;right:20px;color:#f0deec;font-size:10px;line-height:1.5}.hero-jani .jani-portrait{width:96px;height:98px}.hero-jani .jani-portrait img{width:384px!important;top:-273px}.hero-jani span{background:#3e2d51cc;border:1px solid #5f4971;padding:7px 12px;border-radius:11px}.hero-jani span b{font-size:11px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.gallery-scene-card,.gallery-diagram-card{background:#fffdf9;border:1px solid #e2d9d2;border-radius:20px;overflow:hidden;min-width:0}.gallery-scene-card>img{display:block;width:100%;aspect-ratio:1.5;object-fit:contain;background:#fff6e7}.gallery-scene-card>div,.gallery-diagram-card>div+div{padding:23px}.gallery-scene-card h3,.gallery-diagram-card h3{font-size:19px}.gallery-scene-card p,.gallery-diagram-card p{font-size:13px}.gallery-diagram-preview{height:260px;background:white;border-bottom:1px solid #e1e5e6;display:flex;align-items:center;justify-content:center}.gallery-diagram-preview img{width:100%;height:100%;object-fit:contain}.gallery-grid .eyebrow{font-size:10px}.zoom-visual{max-width:100%}.zoom-visual h2{font-size:22px}.zoom-scroll{max-width:100%;overflow:auto;background:white;border:1px solid #d8d4d2;border-radius:12px;margin:18px 0}.zoom-svg{display:block;width:1050px;max-width:none;height:auto}.zoom-scene{display:block;max-width:100%;height:auto}.zoom-visual p{font-size:14px}.scene-return{display:flex;align-items:center;gap:13px;border:1px solid #d9e7e1;background:#f1f8f5;border-radius:13px;overflow:hidden;color:#376252;margin:20px 0;font-size:12px}.scene-return img{width:105px;height:80px;object-fit:cover}.scene-return span{flex:1}.scene-return small{display:block;font-size:10px;color:#7b8881}.scene-return b{margin-right:18px}.topic-visual-thumb{width:100%;height:160px;object-fit:cover;border-radius:13px;margin-bottom:20px}.lesson-visual-thumb{width:62px;height:48px;object-fit:cover;border-radius:8px;border:1px solid #e6ddd3;margin-left:auto}.lesson-link .right{margin-left:0}.visual-feature-link{margin-top:22px;display:flex;align-items:center;gap:12px;background:#e6f0f1;border:1px solid #c8dddf;border-radius:15px;padding:20px 24px;color:#345e65;font-size:14px}.visual-feature-link b{font-size:21px}.visual-feature-link span{flex:1}
@media(max-width:1150px){.hero-art{padding-right:20px;min-height:320px}.hero-scene-pair img{height:190px}.hero-jani{right:5px}.hero-jani span{font-size:9px}}
@media(max-width:760px){.learning-scene figcaption{padding:18px}.scene-heading{padding:12px 15px;flex-wrap:wrap;font-size:10px}.scene-bottom{align-items:flex-start;flex-direction:column}.scene-image{max-height:none}.jani-guide{padding:13px 15px;gap:12px}.jani-portrait{width:79px;height:82px}.jani-portrait img{width:316px!important;top:-224px}.jani-guide p{font-size:13px}.rich-figure-head{padding:15px 16px 5px}.rich-figure-head h3{font-size:16px}.rich-figure figcaption{padding:15px}.svg-scroll img{min-width:550px}.visual-legend{font-size:10px;gap:8px 12px}.gallery-grid{grid-template-columns:1fr}.hero-art{width:100%;min-height:270px;padding:24px 24px 68px}.hero-scene-pair img{height:158px}.hero-jani{right:10px;bottom:-9px}.hero-jani .jani-portrait{width:80px;height:86px}.hero-jani .jani-portrait img{width:320px!important;top:-227px}.hero-jani span{font-size:9px;padding:6px 9px}.lesson-visual-thumb{display:none}.lesson-link .right{margin-left:auto}.visual-feature-link{padding:16px;font-size:12px}.zoom-svg{width:900px}.visual-text .diagram-nodes{grid-template-columns:1fr}.topic-visual-thumb{height:180px}}
@media print{.learning-scene,.rich-figure{break-inside:avoid}.scene-image{max-height:75mm;object-fit:contain}.scene-bottom button,.figure-tools,.jani-guide,.visual-feature-link,.visual-source{display:none}.svg-scroll img{min-width:0;width:100%}.rich-figure-head h3{font-size:13pt}.rich-figure figcaption{font-size:8pt}.learning-scene figcaption{font-size:9pt}}