@import url('./base.css');

@media (max-width:760px){
  html,body{background:#fffdf8;}
  #lake-glass-mockup{padding:0;background:#fffdf8;}
  #lake-glass-mockup .frame{display:block;max-width:none;}
  #lake-glass-mockup .side{display:none;}
  #lake-glass-mockup .phone{max-width:none;width:100%;margin:0;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;}
  #lake-glass-mockup .status{height:42px;padding:16px 20px 0;font-size:10px;}
  #lake-glass-mockup .screen{min-height:calc(100dvh - 42px);padding:24px 22px 40px;}
  #lake-glass-mockup .eyebrow,#lake-glass-mockup .group-label,#lake-glass-mockup .section-label{font-size:10px;}
  #lake-glass-mockup h1{font-size:50px;line-height:.98;}
  #lake-glass-mockup h2{font-size:34px;}
  #lake-glass-mockup h3{font-size:22px;}
  #lake-glass-mockup .lede{font-size:17px;line-height:1.6;max-width:none;}
  #lake-glass-mockup button{font-size:12px;min-height:50px;}
  #lake-glass-mockup .brand-wordmark{font-size:23px;}
  #lake-glass-mockup .brand-subtitle{font-size:8px;}
  #lake-glass-mockup .hero-find{padding:19px;border-radius:22px;}
  #lake-glass-mockup .hero-find strong{font-size:14px;}
  #lake-glass-mockup .hero-find span{font-size:13px;line-height:1.4;}
  #lake-glass-mockup .metric{padding:17px 14px;}
  #lake-glass-mockup .metric b{font-size:34px;}
  #lake-glass-mockup .metric span{font-size:10px;}
  #lake-glass-mockup .find-card b{font-size:10px;}
  #lake-glass-mockup .find-card small{font-size:11px;}
  #lake-glass-mockup .field-note p{font-size:13px;}
  #lake-glass-mockup .question{font-size:38px;max-width:12ch;}
  #lake-glass-mockup .hint{font-size:14px;line-height:1.5;}
  #lake-glass-mockup .swatch{min-height:78px;padding:15px;font-size:12.5px;}
  #lake-glass-mockup .choice{min-height:78px;padding:16px;font-size:13px;}
  #lake-glass-mockup .choice small{font-size:11px;}
  #lake-glass-mockup .text-field{font-size:16px;padding:15px;}
  #lake-glass-mockup .microcopy{font-size:12px;}
  #lake-glass-mockup .result-summary{font-size:22px;}
  #lake-glass-mockup .data-cell small{font-size:8.5px;}
  #lake-glass-mockup .data-cell b{font-size:15px;}
  #lake-glass-mockup .rating-label,#lake-glass-mockup .confidence-note,#lake-glass-mockup .evidence-copy{font-size:13px;}
  #lake-glass-mockup .deep-note-body p{font-size:13px;line-height:1.6;}
  #lake-glass-mockup details.deep-note summary{font-size:10px;min-height:52px;}
  #lake-glass-mockup .guide-card{padding:16px;}
  #lake-glass-mockup .guide-card b{font-size:15px;}
  #lake-glass-mockup .guide-card p{font-size:12.5px;line-height:1.5;}
  #lake-glass-mockup .spec-card h3{font-size:19px;}
  #lake-glass-mockup .spec-card p{font-size:12px;}
  #lake-glass-mockup .detail-meta small{font-size:9px;}
  #lake-glass-mockup .detail-meta b{font-size:14px;}
  #lake-glass-mockup .status-card strong{font-size:14px;}
  #lake-glass-mockup .status-card p{font-size:13px;}
}