/* Clear reading typography inside the existing retro desktop shell. Screen only. */
html{font-size:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-size:1rem;line-height:1.65}
.view :where(p,li){overflow-wrap:break-word}
.view :where(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}
.detail-page h1,.recruiter-intro h1,.automotive-heading h1,.puzzle-heading h1{letter-spacing:-.03em;line-height:1.2}
.about-page .about-title-row h1{letter-spacing:-.03em;line-height:1.2}
.lead,.reliability-header .lead,.detail-page>.lead,.recruiter-intro .lead{font-size:1.1875rem;line-height:1.65;max-width:65ch}
.about-intro .lead{font-size:1.125rem;line-height:1.7;max-width:65ch}
.about-intro .about-copy{max-width:70ch;margin-bottom:1.5rem}
.eyebrow,.small-label{font-size:.8125rem;line-height:1.65;letter-spacing:.035em}
.career-line,.section-deck,.scope-note,.platform-work p:not(.small-label){font-size:1rem;line-height:1.7}
.scope-note{padding:1rem 1.25rem}
.view :where(p,ul){max-width:72ch}
.detail-page,.recruiter-intro,.recruiter-body,.automotive-heading,.contribution,.platform-work{min-width:0}
.detail-page{padding-block:2rem}
.detail-page :where(h2),.contribution h2,.evidence-path h2{line-height:1.3;letter-spacing:-.02em}
.evidence-grid,.contribution-grid,.case-detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:2rem}
.evidence-grid p,.contribution-grid p,.hardware-evidence .contribution-grid p,.contribution-grid ul,.timeline-row p,.details-list p{font-size:1rem;line-height:1.75}
.contribution-grid h3,.evidence-grid h2{line-height:1.35}
.contribution-grid li+li{margin-top:.75rem}
.evidence-tools,.evidence-grid .evidence-tools{font-size:.875rem;line-height:1.65;color:#485468}
.evidence-path{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
.reliability-page{max-width:68rem}
.reliability-case{padding:clamp(1rem,3vw,2rem);margin-bottom:2rem}
.reliability-case h2{font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1.3;letter-spacing:-.02em}
.case-role{font-size:.9375rem;line-height:1.65;color:#485468;margin-bottom:1.25rem}
.case-intro,.thesis-scope,.thesis-relevance,.reliability-summary>p:not(.eyebrow){font-size:1.0625rem;line-height:1.75;max-width:68ch}
.case-detail-grid{margin:1.75rem 0}
.case-detail-grid h3{font-family:var(--body);font-size:1.125rem;line-height:1.45;padding-top:1rem;margin-bottom:1rem}
.case-detail-grid ul{padding-left:1.25rem}
.case-detail-grid li{font-size:1.0625rem;line-height:1.75;margin-bottom:.875rem;padding-left:.125rem}
.case-takeaway{padding:1.125rem 1.25rem;margin:1.75rem 0}
.case-takeaway strong{font:700 1rem/1.5 var(--body)}
.case-takeaway p{font-size:1.0625rem;line-height:1.75;max-width:68ch}
.thesis-source p{font-size:.9375rem;line-height:1.75;max-width:72ch}
.thesis-source cite{font-style:normal}
.reliability-tags span{font: .875rem/1.5 var(--body);padding:.5rem .625rem}
.case-index{gap:.5rem;margin:1.5rem 0 2rem}
.case-index a{font-size:.9375rem;line-height:1.5;min-height:2.75rem;display:inline-flex;align-items:center;padding:.625rem .75rem}
.retro-button,.text-button,.reliability-case>.retro-button,.thesis-source .retro-button{font-size:.9375rem;line-height:1.5;min-height:2.75rem;white-space:normal}
.retro-button{display:inline-flex;align-items:center;justify-content:center;padding:.625rem .875rem;max-width:100%}
.menubar button,.work-tabs button{font-size:.9375rem;line-height:1.5;min-height:2.75rem}
.work-tabs{overflow-x:auto;align-items:stretch;scrollbar-width:thin;overscroll-behavior-x:contain}
.work-tabs button{flex:0 0 auto;min-width:fit-content;white-space:nowrap;padding-inline:.875rem}
.work-folder{flex:none;align-self:center}
.menubar,.work-tabs{scroll-padding-inline:.75rem}
.view a:not(.retro-button){text-underline-offset:.2em;text-decoration-thickness:1px}
.view a:not(.retro-button):hover{text-decoration-thickness:2px}
.skill-tags span{font-size:.875rem;line-height:1.5}
.timeline-row time{font-size:.875rem;line-height:1.7}
.career-timeline{list-style:none;padding:0;max-width:none!important}
.career-timeline>.timeline-row{max-width:none}
.career-highlights{padding-left:1.25rem;margin:.75rem 0 0}
.career-highlights li{font-size:1rem;line-height:1.75;margin:.5rem 0}
.hardware-evidence .device-deliverable{margin-top:1.25rem}
.case-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;margin:1.5rem 0}
.case-brief-stacked{grid-template-columns:1fr}
.case-brief dt{font:700 1rem/1.5 var(--body);color:var(--ink,#262b35);margin-bottom:.375rem}
.case-brief dd{font:400 1rem/1.75 var(--body);margin:0;max-width:65ch;overflow-wrap:break-word}
.case-methods{border-top:1px solid #b9c1cf;margin:1.5rem 0}
.case-methods summary{font:700 1rem/1.6 var(--body);padding:.875rem 0;cursor:pointer}
.case-methods summary:focus-visible{outline:2px solid #2148b8;outline-offset:4px}
.hobby-card p{line-height:1.65;color:#485468}
.hobby-card h3{line-height:1.45;letter-spacing:0}
.resume-paper{font-size:1rem;line-height:1.75;max-width:54rem}
.resume-header p,.resume-role,.resume-job-heading span{font-size:.9375rem;line-height:1.65}
.resume-header .resume-subtitle{font-size:.875rem;line-height:1.6}
.resume-section h2{font-size:1rem;line-height:1.5}
.resume-job-heading{flex-wrap:wrap;gap:.25rem 1rem}
.resume-job-heading h3{font-size:1.125rem;line-height:1.5}
.resume-job-heading span{white-space:normal}
.resume-job li{margin:.625rem 0}
.resume-section{margin-top:1.75rem}
.resume-section p+p{margin-top:.75rem}
.puzzle-intro,#puzzle-feedback,.selected-piece p,.puzzle-help,.puzzle-notes,#record-form>p,#record-save-status,#puzzle-cover p{font-size:1rem;line-height:1.65}
.puzzle-notes summary{font-size:1rem;min-height:2.75rem;padding-block:.5rem}
.piece-button{font-size:.875rem;height:auto;min-height:6.125rem;padding:.625rem}
.transform-controls button,.puzzle-utilities button,#record-name{font-size:.9375rem;line-height:1.5}
.transform-controls button{white-space:normal}
.board-caption,.record-label,.tray-heading>span,.puzzle-timer span{font-size:.8125rem;line-height:1.5}
.contact-link strong{font-size:clamp(1.0625rem,2vw,1.375rem);line-height:1.5}
.contact-link span{font-size:.875rem;line-height:1.5}
.section-heading{flex-wrap:wrap}
.section-heading>span,.card-meta,.axis,.stage-badge{font-size:.75rem;line-height:1.5;letter-spacing:0}
#garage-view .explorer-controls button,#garage-view .explorer-title{font-size:.875rem;line-height:1.5}
.titlebar{font-size:.875rem;letter-spacing:0}
.addressbar,.addressbar>span:last-child,.window-status{font-size:.75rem}
@media(max-width:700px){
 .case-brief{grid-template-columns:1fr}
 .lead,.recruiter-intro .lead,.reliability-header .lead{font-size:1.125rem}
 .detail-page h1,.recruiter-intro h1,.automotive-heading h1{font-size:clamp(1.75rem,6.8vw,2.5rem)}
 .eyebrow,.small-label{font-size:.75rem}
 .case-intro,.case-detail-grid li,.case-takeaway p,.thesis-scope,.thesis-relevance{font-size:1rem}
 .reliability-case{margin-bottom:1.5rem}
 .case-detail-grid{gap:1.25rem}
 .case-index{gap:.25rem}
 .case-index a{font-size:.875rem}
 .case-takeaway{padding:1rem}
 .resume-canvas{padding:.5rem}
 .resume-paper{padding:1.5rem 1.125rem}
 .timeline-row{gap:.5rem}
 .hobby-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}
 .contact-link{display:block}
 .game-invite{display:block}
 .game-invite button{margin-top:1rem}
}
@media(max-width:380px){
 :root{--page-gutter:1rem}
 .reliability-case{padding:.875rem}
 .case-index{display:grid;grid-template-columns:1fr}
 .about-title-row{flex-wrap:wrap}
}
/* Keep the three work areas together; only the resume moves to its own row. */
.recruiter-intro{container-type:inline-size;container-name:overview-intro}
.overview-primary-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;align-items:stretch}
.overview-primary-actions>.retro-button{min-width:0;text-align:center;line-height:1.45}
@container overview-intro (max-width:56rem){
 .overview-primary-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 .overview-primary-actions>.overview-resume-download{grid-column:1 / -1}
}
@container overview-intro (max-width:30rem){
 .overview-primary-actions{gap:.5rem}
 .overview-primary-actions>.retro-button{font-size:.875rem;padding:.625rem .25rem;overflow-wrap:break-word}
}