/* Tutorial-only additions; reuse the approved site tokens and article layout. */
.tutorial-article .tutorial-language-note{margin-top:16px;color:var(--muted)}
.tutorial-article .tutorial-figure{margin:26px 0 4px;min-width:0}
.tutorial-image-link{display:block;position:relative;overflow:hidden;border:1px solid rgba(197,168,120,.3);border-radius:4px;background:var(--lowest);cursor:zoom-in}
.tutorial-image-link:hover{border-color:var(--gold-dim)}
.tutorial-image-link:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.tutorial-image-link img{display:block;width:100%;height:auto}
.tutorial-enlarge{position:absolute;bottom:10px;right:10px;padding:5px 9px;background:rgba(10,15,19,.92);border:1px solid var(--line);border-radius:3px;color:var(--gold);font-size:11px}
.tutorial-figure figcaption{margin-top:12px;font-size:12px;line-height:1.85;color:var(--muted)}
.tutorial-figure-number{color:var(--gold);margin-right:4px}
.tutorial-figure figcaption small{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.tutorial-lightbox{width:min(1280px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:18px;background:var(--lowest);color:var(--text);border:1px solid var(--gold-dim);border-radius:5px;box-shadow:0 24px 90px #0008;overflow-y:auto}
.tutorial-lightbox::backdrop{background:rgba(5,9,13,.88)}
.tutorial-lightbox-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.tutorial-lightbox-toolbar h2{font-size:15px;margin-right:auto}
.tutorial-lightbox-toolbar a,.tutorial-lightbox-toolbar button{font-size:12px;color:var(--gold);padding:9px 10px;min-height:40px;white-space:nowrap}
.tutorial-lightbox-toolbar button{border:1px solid var(--line);border-radius:3px;background:var(--card)}
.tutorial-lightbox-picture{border:1px solid var(--line);border-radius:3px;background:var(--bg)}
.tutorial-lightbox-picture img{display:block;width:100%;height:auto;max-height:calc(100dvh - 220px);object-fit:contain}
.tutorial-lightbox>p{margin-top:14px;font-size:13px;line-height:1.85;color:var(--muted)}
.tutorial-lightbox>small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}
@media(max-width:600px){.tutorial-article .tutorial-figure{margin-top:22px}.tutorial-enlarge{bottom:6px;right:6px;font-size:10px;padding:3px 6px}.tutorial-lightbox{padding:12px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.tutorial-lightbox-toolbar{gap:4px}.tutorial-lightbox-toolbar h2{font-size:13px}.tutorial-lightbox-toolbar a,.tutorial-lightbox-toolbar button{padding:8px;min-height:44px}.tutorial-lightbox-picture img{max-height:calc(100dvh - 260px)}}