/* Review controls remain readable too; device preview never scales phone text. */
body{font-size:17px;line-height:1.6}
body .intro p,body .intro-copy{font-size:18px;line-height:1.8}
body .eyebrow,body .edition{font-size:15px}
body .concept b,body .concept-copy strong{font-size:19px;line-height:1.45}
body .concept span,body .concept-copy small,body .concept-copy>span{font-size:15px;line-height:1.5}
body .selector,body .collection-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
body .concept{padding:16px;min-height:110px}
body .toolbar button,body .toolbar a,body .segments button,body .open-screen{font-size:17px;min-height:46px;padding:10px 15px}
body .caption,body .details p,body .design-notes p{font-size:17px;line-height:1.8}
body .details h3,body .design-notes h3{font-size:20px}
body .pdf,body .plain-link{font-size:16px}
body .preview-heading p{font-size:17px;line-height:1.7}
body .preview-heading h2{font-size:27px}
body .density-control label,body .density-control output,body .text-button{font-size:17px}
body .review-controls p,body .source-label,body .source-note strong,body .source-note a,body .source-caption{font-size:15px}
body .card b,body .screen-card h3{font-size:19px}
body .card p,body .card a,body .screen-card .screen-source,body .screen-links a{font-size:15px}
body .screen-links a,body .card a{display:inline-block;min-height:42px;padding:8px}
body .section-heading>span{font-size:16px}
body footer,body .site-footer{font-size:14px}
body .screen-grid,body .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body .frame-wrap{transition:none}
.device-note{font-size:17px;color:#47614e;padding:12px 5%;margin:0;line-height:1.7}
.preview-section .device-note{padding:12px 24px}
@media(max-width:700px){
 body .selector,body .collection-picker,body .screen-grid,body .grid{grid-template-columns:1fr}
 body .concept{padding:18px;min-height:0}body .concept>img{width:58px;height:78px}
 body .intro h1{font-size:34px}body .intro p,body .intro-copy{font-size:18px}
 body .concept b,body .concept-copy strong{font-size:21px}
 body .concept span,body .concept-copy small,body .concept-copy>span{font-size:16px}
 body .toolbar,body .preview-toolbar{gap:8px}
 body .toolbar button,body .toolbar a,body .segments button{font-size:17px;min-height:46px}
 body .toolbar a,body .open-screen{font-size:18px;width:100%;margin:0}
 body .preview-toolbar{padding:0 12px 16px}
 body .segments{flex-wrap:wrap}
 body .stage{padding:0;border-radius:0;min-height:0}
 body .frame-wrap{border-radius:0;box-shadow:none}
 body main{padding:0 10px}body .preview-heading{padding:20px 14px}
 body .preview-heading h2{font-size:26px}body .preview-heading p{font-size:17px}
 body .density-control{flex-wrap:wrap;gap:8px}body .density-control input{min-width:80px}
 body .source-note>div{gap:8px}body .source-note a{margin-left:0}
 body .device-note,body .preview-section .device-note{padding:14px;font-size:17px}
 body .screen-card h3{font-size:21px}body .screen-links a{font-size:17px}
 body .section-heading>span{font-size:16px}
 body .details,body .design-notes{grid-template-columns:1fr;gap:20px}
 body .details p,body .design-notes p{font-size:18px}
}