/* Keep lesson headings free of decorative overlays on every screen. */
.topic-head::after{content:none}.gear-icon:empty{display:none}
@media(max-width:600px){
  html{scroll-padding-top:88px}
  .container{width:calc(100% - 28px)}
  .page-intro{padding:28px 0 22px}
  .page-intro h1{font-size:clamp(28px,8vw,36px);line-height:1.18;letter-spacing:-1px;overflow-wrap:anywhere}
  .page-intro p{font-size:15px;line-height:1.65}
  .eyebrow{font-size:10px;letter-spacing:.7px;padding:6px 9px;max-width:100%;white-space:normal}
  .ribbon{font-size:10px;line-height:1.5;padding:7px 14px}
  .explorer{gap:16px}
  .explorer-menu{padding:12px;border-radius:14px}
  .explorer-menu #topic-list{scroll-padding-inline:4px;gap:6px;padding-bottom:5px}
  .topic-btn{min-height:44px;font-size:13px;padding:8px;flex-shrink:0}
  .topic-head{padding:18px 16px;border-radius:16px 16px 0 0}
  .topic-head h2{font-size:clamp(25px,7.5vw,32px);line-height:1.2;letter-spacing:-.7px;margin:10px 0;overflow-wrap:anywhere}
  .topic-head .sub{font-size:14px;line-height:1.5}
  .topic-head .tag{font-size:10px;letter-spacing:.1px;line-height:1.5;max-width:100%;white-space:normal}
  .head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
  .head-actions button{min-height:44px;padding:8px;font-size:13px;line-height:1.35;color:var(--ink);white-space:normal}
  .head-actions button.is-on{color:#33523e}
  .detail-body{padding:16px 12px;border-radius:0 0 16px 16px}
  .play-area{gap:16px}.explain-box,.control-box{padding:13px}
  .pill-row{gap:6px;margin:10px 0 16px}.pill{min-height:40px;padding:7px 10px}
  .film-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .film-card{min-width:0;padding:9px;overflow-wrap:anywhere;color:var(--ink)}
  .film-card b{font-size:12px;line-height:1.4}.film-card small{font-size:11px;line-height:1.5}
  .learn-feature{padding:16px 13px}.learn-feature h2,.quiz-hero h2{font-size:25px;line-height:1.25;overflow-wrap:anywhere}
  .lesson,.gear-card,.feature-card{padding:18px;min-width:0}
  .quiz-content,.quiz-hero{padding:16px 13px}.quiz-meta{flex-wrap:wrap;gap:6px}
  .quiz-option,.choice,.learn-tracker button{min-height:44px;color:var(--ink)}
  .section-heading h2{font-size:28px;line-height:1.2}
  input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{font-size:16px!important}
  select{min-height:44px;max-width:100%}
  .lab-panel{padding:16px 13px}.lab-preview{padding:10px;min-width:0}
  .preview-toolbar{align-items:stretch}.preview-toolbar b{align-self:center;font-size:12px}
  .preview-toolbar select{flex:1 1 160px;min-width:0;width:100%}
  .lab-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .lab-actions .btn{min-height:44px;padding:10px 8px;font-size:13px;line-height:1.4}
  .upload-actions .btn,.upload-actions .small-btn{min-height:44px}
  .saved-item{padding:12px 10px;gap:10px}.saved-item .recipe-item-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 40px;gap:5px}
  .recipe-item-actions button{min-height:44px;padding:6px 4px;font-size:12px;color:var(--ink)}
  .modal-shade{padding:14px}.modal{padding:20px 16px;max-height:calc(100dvh - 28px);overflow:auto}
  dialog{max-height:calc(100dvh - 28px);overflow:auto}.modal h3{font-size:23px}
  .fuji-auth-dialog>.small-btn{min-height:44px;white-space:normal}
  .site-search-dialog{padding:18px 14px}.search-result{min-height:56px}
  .radio-toggle{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;gap:3px;border-radius:50%;font-size:18px}
  .radio-toggle>span:first-child{display:none}.radio-toggle .radio-pulse{font-size:7px}
  .fuji-radio{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .radio-body{max-width:calc(100vw - 24px)}
  .back-to-top{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .recipe-undo{bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .footer{padding-bottom:80px}
}
@media(pointer:coarse){
  /* Reading content stays fully visible while navigating on touch devices. */
  .js-motion .page.active .reveal-target{opacity:1!important;transform:none!important}
  .feature-card:hover,.gear-card:hover,.lesson:hover,.topic-btn:hover{transform:none!important}
}