/* R2 Tutorial Formatting — scoped, additive, non-visual identity changes only */
.tutorial-page {
    line-height: 1.65;
    text-rendering: optimizeLegibility;
}

.tutorial-page h1,
.tutorial-page h2,
.tutorial-page h3,
.tutorial-page h4 {
    margin-top: 1.6rem;
    margin-bottom: 0.6rem;
}

.tutorial-page h1 { font-size: clamp(1.6rem, 2.2vw, 2.2rem); }
.tutorial-page h2 { font-size: clamp(1.3rem, 1.8vw, 1.7rem); }
.tutorial-page h3 { font-size: clamp(1.1rem, 1.4vw, 1.4rem); }

.tutorial-page p,
.tutorial-page li {
    max-width: 72ch;
    margin-top: 0;
    margin-bottom: 0.8rem;
}

.tutorial-page ul,
.tutorial-page ol {
    padding-left: 1.2rem;
    margin-bottom: 1rem;
}

.tutorial-page pre {
    margin: 1rem 0 1.2rem 0;
    padding: 0.9rem 1rem;
    overflow: auto;
    border-radius: 10px;
}

.tutorial-page code {
    font-size: 0.95em;
}

.tutorial-page :not(pre) > code {
    padding: 0.15rem 0.35rem;
    border-radius: 6px;
}