.tutorials-page { font-family: var(--font); color: var(--body); background: var(--white); }
.tutorial-written-steps { padding: 0 28px 22px 88px; }
.tutorial-dialog { width: min(1120px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: 16px; background: var(--white); color: var(--body); box-shadow: 0 28px 90px rgba(0,0,0,.45); }
.tutorial-dialog::backdrop { background: rgba(2,5,16,.78); }
.tutorial-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 20px; border-bottom: 1px solid var(--border); }
.tutorial-dialog-head h2 { color: var(--dark); font-size: 18px; }
.tutorial-dialog-close { display: grid; place-items: center; width: 38px; height: 38px; border: 0; border-radius: 50%; background: var(--bg); color: var(--dark); font-size: 26px; cursor: pointer; }
.tutorial-dialog-frame { display: block; width: 100%; height: min(74vh, 720px); border: 0; color-scheme: light; }
@media (max-width: 600px) {
    .tutorial-written-steps { padding: 0 20px 20px; }
    .tutorial-dialog-frame { height: 72vh; }
}