/* The primary audience uses phones. Keep touch controls within reach. */
.report-quick-actions{display:flex;gap:12px;margin-bottom:24px}.text-button{min-height:44px}.primary,.secondary{min-height:48px}header nav a{display:inline-flex;align-items:center;min-height:44px}
.card-dialog{max-width:480px;max-height:92dvh;padding:25px;overflow:auto}.card-dialog h2{font-size:23px;padding-right:25px}.card-dialog .card-tip{font-size:14px;margin:10px 0 15px}.share-preview{display:block;width:100%;height:auto;border-radius:4px;user-select:auto;-webkit-touch-callout:default}.card-buttons{display:flex;gap:10px;margin-top:17px}.card-buttons button{flex:1}.card-buttons [hidden]{display:none!important}
@media(max-width:680px){
 header{padding:12px 18px;gap:10px}.brand small{font-size:9px;letter-spacing:1.3px}nav{gap:5px}nav a{font-size:13px}nav .text-button{display:none}main{padding:0 18px}
 .hero{padding:32px 0;gap:32px}.hero .intro{line-height:1.8}.hero .actions{display:grid;grid-template-columns:1fr}.hero .secondary{border-color:#435343}.hero .micro{font-size:12px}.stats{justify-content:space-between;max-width:340px;margin-bottom:24px}.stats span{font-size:14px}.hero h1{font-size:clamp(36px,10vw,45px)}
 .quiz{padding-bottom:30px}.quiz .hint{margin:12px 0 20px}.quiz .track{margin-bottom:24px}.quiz h2{font-size:23px}.option{min-height:64px;padding:14px 15px;line-height:1.7}.option .letter{height:32px;width:32px}.options{gap:10px}
 .quiz-controls{position:sticky;bottom:0;padding:14px 0 calc(14px + env(safe-area-inset-bottom));margin-top:16px;background:var(--bg);z-index:2;border-top:1px solid var(--line)}.quiz-controls .primary{min-height:52px}.quiz-controls .secondary{min-width:98px}.quiz .micro{margin-top:4px;font-size:13px}
 .result-heading{padding:28px 0 20px}.result-heading .eyebrow{margin-bottom:13px;letter-spacing:2px}.result-heading p{margin-top:10px;line-height:1.7}.report-quick-actions{gap:10px;margin-bottom:22px}.report-quick-actions button{flex:1;padding:13px 10px;min-height:50px;font-size:15px}
 .result-card{padding:25px 22px}.result-card .lead{font-size:18px;margin:18px 0}.result-card .copy{font-size:16px;line-height:1.9}.note-box{padding:15px}.note-box p{font-size:14px}.result-card h2{font-size:34px}.result-card .pill{font-size:13px;padding:7px 10px}
 .dimensions{display:grid;grid-template-columns:1fr 1fr;gap:18px 17px}.dim-label{font-size:13px}.dim-label b{font-size:13px}.bar{height:6px}.panel .radar{max-height:300px}.panel .micro{font-size:12px;line-height:1.9;margin-top:20px}
 .report-section h2{font-size:23px;margin-top:30px;margin-bottom:17px}.list-item p,.mode p,.step p{font-size:16px;line-height:1.85}.step{grid-template-columns:1fr;gap:8px;padding:19px 0}.step strong{font-size:13px}.result-actions{display:grid;grid-template-columns:1fr;gap:12px}.result-actions button{min-height:50px}.result-actions .primary{order:0}
 footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.faq p{font-size:16px}.faq summary{padding:5px 0;line-height:1.7}.intro-panel{padding:23px}.intro-panel .actions{display:grid;grid-template-columns:1fr}.intro-panel ol{font-size:16px;line-height:2.1}dialog{padding:32px 24px}.close{min-height:44px;min-width:44px}.confirm-actions{flex-direction:column}.type-detail .actions{display:grid;grid-template-columns:1fr}.type-tile{min-height:115px}
}
@media(max-width:360px){.brand{gap:9px}.brand small{display:none}.monogram{width:32px;height:32px}.hero h1{font-size:36px}.result-card h2{font-size:30px}.dim-label{font-size:12px}.dimensions{gap:16px 12px}.quiz h2{font-size:22px}.option{font-size:15px}.section-title h2{font-size:23px}}
@media print{.report-quick-actions{display:none!important}}