/* スマホ表示: 機器の作動ページで、3Dと説明を同時に見られるレイアウト */
@media (max-width:740px){
  .studio-body{display:flex;flex-direction:column;height:100%;min-height:0;position:relative}
  .studio-stage{display:contents}
  .stage-screen{order:0;flex:1 1 auto;min-height:0}
  .stage-hint{display:none}
  .stage-modebar{padding-top:4px;padding-bottom:6px}
  .stage-topbar{padding-top:8px;padding-bottom:2px}

  /* 現在のステップの説明を3Dの下に常時表示 */
  .studio-lesson{display:flex;order:1;flex:0 0 auto;max-height:32%;border-left:0;border-top:1px solid #e5ebf2;position:relative}
  .lesson-panel-head{display:none}
  .studio-lesson-scroll{padding:11px 96px 10px 16px}
  .studio-lesson-scroll .step-eyebrow{margin:0 0 3px;font-size:9px;letter-spacing:.1em}
  .studio-lesson-scroll h2{font-size:15px;line-height:1.5;margin:0 0 6px}
  .studio-lesson-scroll .step-explanation{font-size:13px;line-height:1.75}
  .studio-lesson .step-line,.studio-lesson .lesson-model-description,.studio-lesson .model-reference-card,
  .studio-lesson .lesson-detail-links,.studio-lesson .learning-check,.lesson-completion{display:none}
  .studio-lesson .key-point{margin:10px 0 0;padding:9px 11px}
  .studio-lesson .key-point p{font-size:12px;line-height:1.7;margin-top:4px}

  /* 「解説」ボタンだけ残して説明欄の右上に配置 */
  .mobile-current-step{display:contents}
  .mobile-current-step>div{display:none}
  .mobile-current-step>button{position:absolute;right:12px;bottom:calc(98px + env(safe-area-inset-bottom,0px));z-index:3;min-height:36px;font-size:11px;padding:6px 10px}
  @media (max-height:600px){.mobile-current-step>button{bottom:calc(90px + env(safe-area-inset-bottom,0px))}}
  .studio-player{order:2}

  /* 学習ガイド(解説)は画面下半分のシートにして、上の3Dはそのまま見える */
  dialog.detail-sheet[aria-label="学習ガイド"]{inset:auto 0 0 0;height:50dvh;max-height:50dvh;border-radius:16px 16px 0 0;box-shadow:0 -12px 40px #10203640}
  dialog.detail-sheet[aria-label="学習ガイド"]::backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
  dialog.detail-sheet[aria-label="学習ガイド"] .sheet-inner>header{padding:10px 18px}
  dialog.detail-sheet[aria-label="学習ガイド"] .sheet-content{padding:14px 16px calc(24px + env(safe-area-inset-bottom))}
  dialog.detail-sheet[aria-label="学習ガイド"] .sheet-step-list{gap:8px;margin-bottom:16px}
  dialog.detail-sheet[aria-label="学習ガイド"] .sheet-step-list button{padding:11px 13px}
}

/* ホーム: 会社名・英字サブタイトル・LEARNING INDEX の文字を非表示 */
.hcompany,.heyebrow{display:none!important}
.home-index-label>span:first-child{display:none!important}
.home-index-label{justify-content:flex-end!important}