.manta-tutorial-page { padding: 28px 0 100px; background: var(--manta-paper); color: var(--manta-ink); }
.manta-tutorial-page__container { width: min(1180px, calc(100% - 44px)); margin-inline: auto; }
.manta-tutorial-library { padding-top: clamp(56px, 7vw, 90px); color: var(--manta-ink); font-family: var(--manta-font-sans); }
.manta-tutorial-page .manta-tutorial-library { padding-top: 0; }
.manta-tutorial-library * { box-sizing: border-box; }
.manta-tutorial-library__intro { max-width: 760px; margin-bottom: 36px; }
.manta-tutorial-library__eyebrow, .manta-tutorial-card__group { margin: 0 0 10px; color: var(--manta-accent-deep); font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.manta-tutorial-library h2, .manta-tutorial-guide h3, .manta-tutorial-card h3 { color: var(--manta-ink); font-family: var(--manta-font-serif); font-weight: 400; letter-spacing: -.025em; }
.manta-tutorial-library h2 { margin: 0 0 18px; font-size: clamp(38px, 5vw, 64px); line-height: 1.04; }
.manta-tutorial-library__intro > p:last-child { margin: 0; color: var(--manta-muted); font-size: 17px; line-height: 1.55; }
.manta-tutorial-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.manta-tutorial-card { min-width: 0; overflow: hidden; border: 1px solid var(--manta-line); background: #fff; scroll-margin-top: 130px; }
.manta-tutorial-card video { display: block; width: 100%; margin-top: 14px; aspect-ratio: 16 / 10; background: var(--manta-cream); object-fit: cover; }
.manta-tutorial-card__body { padding: 20px; }
.manta-tutorial-card h3 { margin: 0 0 12px; font-size: clamp(24px, 2vw, 30px); line-height: 1.12; }
.manta-tutorial-card__body > p:last-of-type { margin: 0; color: var(--manta-muted); font-size: 15px; line-height: 1.55; }
.manta-tutorial-card__player { margin-top: 22px; }
.manta-tutorial-card__player summary { display: inline-block; padding: 11px 16px; background: var(--manta-ink); color: #fff; cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.manta-tutorial-card__player summary:hover { background: var(--manta-accent-deep); }
.manta-tutorial-card__player summary:focus-visible { outline: 2px solid var(--manta-ink); outline-offset: 4px; }
.manta-tutorial-card a, .manta-tutorial-guide a, .manta-tutorial-more a { color: var(--manta-ink); font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.manta-tutorial-guides { margin-top: clamp(56px, 8vw, 100px); }
.manta-tutorial-guide { padding: 32px 0 42px; border-top: 1px solid var(--manta-line); }
.manta-tutorial-guide h3 { margin: 0 0 24px; font-size: clamp(30px, 3vw, 42px); }
.manta-tutorial-guide__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.manta-tutorial-guide article { padding: 20px; background: var(--manta-cream); }
.manta-tutorial-guide h4 { margin: 0 0 10px; color: var(--manta-ink); font: 500 22px/1.2 var(--manta-font-serif); }
.manta-tutorial-guide p { margin: 0 0 14px; color: var(--manta-muted); font-size: 15px; line-height: 1.55; }
.manta-tutorial-more { margin: 20px 0 0; }
body.single-product #manta-tutorials .manta-tutorial-grid { margin-top: 22px; }
body.single-product #manta-tutorials .manta-tutorial-card video { max-height: 250px; }
@media (max-width: 900px) { .manta-tutorial-grid, .manta-tutorial-guide__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px) { .manta-tutorial-grid, .manta-tutorial-guide__grid { grid-template-columns: 1fr; } }