/* Tutoring internship: the shared detail shell supplies colors, type and motion. */
html[data-page="tutoring"]{scroll-padding-top:96px;}
html[data-page="tutoring"] .detail-hero{align-items:center;}
#tutoring-hero h1{font-size:clamp(3rem,5.8vw,5.5rem);letter-spacing:-.025em;}
.tutoring-organization{margin:0;font-size:var(--text-lg);line-height:1.5;color:var(--color-accent-bright);}
.tutoring-skills{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);padding:var(--space-md) 0 0;margin:var(--space-lg) 0 0;border-top:1px solid var(--color-rule);list-style:none;font-size:var(--text-sm);color:var(--color-muted);}
.tutoring-list{margin:0;min-width:0;}
.tutoring-list>div+div{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-rule);}
.tutoring-list dt,.tutoring-learnings h3{font-size:var(--text-md);font-weight:500;color:var(--color-ink);}
.tutoring-list dd{margin:var(--space-xs) 0 0;line-height:1.75;color:var(--color-ink-soft);}
#tutoring-results,#tutoring-gallery{display:block;}
.tutoring-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl);}
.tutoring-section-head p{margin:0;max-width:40ch;font-size:var(--text-sm);color:var(--color-muted);}
.tutoring-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-lg) var(--space-xl);}
.tutoring-metric{grid-column:span 2;padding-block:var(--space-lg);border-top:1px solid var(--color-rule);min-width:0;}
.tutoring-metric:nth-child(-n+2){grid-column:span 3;}
.tutoring-metric .metric-number{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.025em;color:var(--color-accent-bright);font-variant-numeric:tabular-nums;}
.tutoring-metric h3{margin:0 0 var(--space-xs);font-size:var(--text-sm);font-weight:500;line-height:1.5;}
.tutoring-metric p{margin:0;font-size:var(--text-sm);line-height:1.75;color:var(--color-ink-soft);}
.tutoring-source{max-width:85ch;margin:var(--space-md) 0 0;font-size:var(--text-xs);line-height:1.8;color:var(--color-muted);}
.tutoring-screenshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl) var(--space-lg);}
.tutoring-screenshots figure{margin:0;min-width:0;}
.screenshot-placeholder{aspect-ratio:4/3;display:grid;place-items:center;padding:var(--space-lg);background:var(--color-paper-raised);border:1px dashed var(--color-rule);text-align:center;}
.screenshot-placeholder span{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.8;color:var(--color-muted);}
.tutoring-screenshots figcaption{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-soft);}
.tutoring-design-link{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-accent-bright);text-decoration:underline;text-underline-offset:.3em;}
.tutoring-designs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);max-width:840px;margin-inline:auto;}
.tutoring-designs .detail-media{margin:0;}
.screenshot-reserve{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule);}
.screenshot-reserve summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;font-size:var(--text-sm);color:var(--color-ink-soft);list-style:none;}
.screenshot-reserve summary::-webkit-details-marker{display:none;}
.screenshot-reserve summary::after{content:"+";font-size:var(--text-lg);color:var(--color-accent-bright);}
.screenshot-reserve[open] summary::after{content:"−";}
.screenshot-reserve>p{margin:var(--space-sm) 0 var(--space-lg);font-size:var(--text-sm);color:var(--color-muted);}
.screenshot-reserve .screenshot-placeholder{aspect-ratio:16/9;}
@media(max-width:40rem){.tutoring-designs{grid-template-columns:minmax(0,1fr);gap:var(--space-lg);}}
.tutoring-learnings article+article{margin-top:var(--space-xl);}
.tutoring-learnings h3{margin:0 0 var(--space-xs);}
.tutoring-learnings p{margin:0;color:var(--color-ink-soft);}
@media(max-width:75rem){html[data-page="tutoring"] .detail-nav .links{display:none;}html[data-page="tutoring"] .detail-nav .compact-nav{display:block;}}
@media(max-width:60rem){.tutoring-section-head{align-items:start;flex-direction:column;}.tutoring-metrics{gap:var(--space-lg);}}
@media(max-width:40rem){.tutoring-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm) var(--space-md);}.tutoring-metric,.tutoring-metric:nth-child(-n+2){grid-column:auto;}.tutoring-metric:first-child{grid-column:1/-1;}.tutoring-metric .metric-number{font-size:clamp(2.6rem,11vw,3.5rem);}.tutoring-screenshots{grid-template-columns:minmax(0,1fr);}.tutoring-skills{gap:var(--space-xs) var(--space-sm);}}