.tutor-page{color:hsl(var(--foreground));--tutor-space: clamp(1.25rem, 3vw, 2.5rem)}.tutor-container{max-width:1240px;margin-inline:auto;padding-inline:var(--page-gutter)}.tutor-breadcrumbs{padding-block:1.75rem}.tutor-intro{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:3rem;align-items:end;padding-block:2rem 3rem}.tutor-intro h1{max-width:18ch;font-size:clamp(2.25rem,4.6vw,3.75rem);font-weight:500;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}.tutor-intro>div:first-child>p{max-width:48ch;margin-top:1.5rem;font-size:1.125rem;line-height:1.6;text-wrap:pretty}.tutor-start>p{font-size:.875rem;line-height:1.5;margin-top:.875rem;color:hsl(var(--muted-foreground))}.tutor-start>a{width:100%}.tutor-player>header,.tutor-player>footer{position:relative;z-index:auto}.tutor-player-body{padding-bottom:5rem}.tutor-disclosure{font-size:.875rem;line-height:1.5;margin-top:1rem;color:hsl(var(--muted-foreground))}.tutor-details{display:grid;grid-template-columns:1fr 1.7fr;gap:5rem;padding-block:5rem 6rem}.tutor-details h2{font-size:1.75rem;font-weight:500;line-height:1.3}.tutor-details-intro>p{margin-top:1rem;font-size:1rem;line-height:1.6;max-width:35ch}.tutor-course-link{display:inline-block;margin-top:1.25rem;padding-block:.5rem;font-size:1rem;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}.tutor-answers{display:grid;gap:2rem}.tutor-answers h3{font-size:1.125rem;font-weight:600;line-height:1.5}.tutor-answers p{margin-top:.625rem;font-size:1rem;line-height:1.7;text-wrap:pretty}.tutor-page :is(button,a):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.tutor-page :lang(ar){letter-spacing:0}.tutor-intro h1:lang(ar){line-height:1.35}@media(hover:hover){.tutor-course-link:hover{text-decoration-thickness:2px}}@media(max-width:900px){.tutor-intro{grid-template-columns:1fr;gap:1.5rem;padding-block:1rem 2.5rem}.tutor-start{max-width:30rem}.tutor-start>a{width:auto}.tutor-details{grid-template-columns:1fr;gap:2.5rem;padding-block:3.5rem 4rem}}@media(max-width:480px){.tutor-breadcrumbs{padding-block:1.25rem}.tutor-intro h1{font-size:2.125rem}.tutor-intro>div:first-child>p{font-size:1rem;margin-top:1rem}.tutor-details h2{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.tutor-page *,.tutor-page *:before,.tutor-page *:after{transition:none!important;animation:none!important}}