.bonsai-export-page .bonsai-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:22px 0; }
.bonsai-export-page .bonsai-grid > article { min-width:0; padding:21px; border:1px solid #cbd7cf; background:#fff; }
.bonsai-export-page .bonsai-grid h3 { margin-top:0; }
.bonsai-export-page .bonsai-note,
.bonsai-export-page .bonsai-warning { margin:22px 0; padding:17px 19px; border:1px solid #9bbba3; background:#eff7f0; }
.bonsai-export-page .bonsai-warning { border-color:#d3b886; background:#fff8e8; }
.bonsai-export-page .bonsai-table { width:100%; margin:22px 0; border-collapse:collapse; table-layout:fixed; }
.bonsai-export-page .bonsai-table th,
.bonsai-export-page .bonsai-table td { padding:14px 16px; border:1px solid #cbd7cf; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.bonsai-export-page .bonsai-table th { width:24%; background:#edf4ee; }
.bonsai-export-page .scene-block { padding:32px 0; border-bottom:1px solid #d6ded8; }
.bonsai-export-page .scene-block:last-child { border-bottom:0; }
.bonsai-export-page .scene-grid { display:grid; grid-template-columns:1fr; gap:22px; align-items:start; }
.bonsai-export-page .scene-grid > div { min-width:0; }
.bonsai-export-page .scene-list { padding-left:22px; }
.bonsai-export-page .scene-list li { margin:8px 0; }
.bonsai-export-page .bonsai-trial { margin:0; padding:15px 17px; border:1px solid #d3b886; background:#fff8e8; }
.bonsai-export-page .bonsai-open { margin:12px 0 0; text-align:right; }
.bonsai-export-page .scene-caption { margin:0 0 12px; font-weight:700; }
.bonsai-export-page .scene-mock-wrap { position:relative; padding-top:82px; }
.bonsai-export-page .mock-bubble { position:absolute; top:0; right:0; left:0; min-height:62px; padding:12px 16px; border:1px solid #718b79; background:#fff; text-align:center; }
.bonsai-export-page .mock-bubble::after { position:absolute; bottom:-13px; left:50%; width:24px; height:24px; border-right:1px solid #718b79; border-bottom:1px solid #718b79; background:#fff; content:""; transform:translateX(-50%) rotate(45deg); }
.bonsai-export-page .mock-bubble-label { color:#506259; font-size:14px; font-weight:700; }
.bonsai-export-page .mock-bubble span { position:relative; z-index:1; }
.bonsai-export-page .scene-mock-frame { display:block; width:100%; height:clamp(740px,58vw,900px); border:8px solid #344a3c; border-radius:10px; background:#edf3ef; box-shadow:0 14px 28px rgba(26,53,39,.14); }
.bonsai-export-page .bonsai-source-list li { margin:10px 0; }
.bonsai-export-page .indetail3-float-list i { width:1.25em; margin-right:7px; text-align:center; }

@media (min-width:1100px) {
  .bonsai-export-page .scene-text { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.42fr); gap:14px 28px; align-items:start; padding:20px 22px; border:1px solid #d6ded8; background:#f7faf7; }
  .bonsai-export-page .scene-text > p:first-child,
  .bonsai-export-page .scene-text > .scene-list,
  .bonsai-export-page .scene-text > .bonsai-trial { margin-top:0; margin-bottom:0; }
  .bonsai-export-page .scene-text > p:first-child { grid-column:1; grid-row:1; }
  .bonsai-export-page .scene-text > .scene-list { grid-column:1; grid-row:2; }
  .bonsai-export-page .scene-text > .bonsai-trial { grid-column:2; grid-row:1/span 2; align-self:stretch; }
  .bonsai-export-page .scene-image { width:100%; }
}
@media (max-width:1099px) {
  .bonsai-export-page .scene-mock-frame { height:1080px; border:1px solid #adbbb2; border-radius:0; box-shadow:none; }
}
@media (max-width:780px) {
  .bonsai-export-page .bonsai-grid { grid-template-columns:1fr; }
  .bonsai-export-page .bonsai-table,
  .bonsai-export-page .bonsai-table tbody,
  .bonsai-export-page .bonsai-table tr,
  .bonsai-export-page .bonsai-table th,
  .bonsai-export-page .bonsai-table td { display:block; width:auto; }
  .bonsai-export-page .bonsai-table tr { margin-bottom:14px; }
  .bonsai-export-page .bonsai-table th { border-bottom:0; }
  .bonsai-export-page .scene-mock-wrap { padding-top:100px; }
  .bonsai-export-page .scene-mock-frame { height:1180px; }
  .bonsai-export-page .bonsai-open { text-align:left; }
}