.team-note{max-width:1120px;margin:26px auto 28px;padding:24px 28px;border-left:4px solid #347466;border-radius:0 10px 10px 0;background:#edf3ef;color:#203c35;line-height:1.8}
.team-note p:first-child{font-size:23px;margin-bottom:7px}.team-note p+p{font-size:20px}
.interaction-hint{color:#347466;font-weight:650;margin-bottom:10px!important}
.interaction-hint::before{content:'↳';margin-right:9px;font-size:23px}
.visual-note{padding:20px 24px;background:#f5f1e9;border-left:3px solid #b39363;border-radius:0 8px 8px 0;color:#5b594f}
.module-scroll{overflow:hidden}.module-scroll iframe{min-width:0;width:100%}
.sketch-upload{display:block;object-fit:contain;height:auto!important;aspect-ratio:3/2!important}
.flow-table{min-width:0}
.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto 36px}
.product-gallery figure,.product-render{margin:0;min-width:0;overflow:hidden;border-radius:10px;background:#10151b}
.product-gallery img,.product-render img{display:block;width:100%;height:auto}
.product-render{max-width:1120px;margin:0 auto 36px}.mechanism-render{max-width:720px}
@media(max-width:1100px){
  .table-scroll{overflow:visible;border:0;background:transparent}
  .source-table,.source-table tbody{display:block;width:100%;min-width:0;background:transparent}
  .source-table colgroup{display:none}
  .source-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .source-table tbody tr{display:block;margin:0 0 22px;border:1px solid #dce5df;border-radius:12px;overflow:hidden;background:#fff}
  .source-table tbody tr>td{display:block;width:auto;padding:20px 24px;border:0!important;background:#fff!important}
  .source-table:not(.flow-table) tbody tr>td:first-child{background:#edf3ef!important;font-size:21px;font-weight:650}
  .source-table:not(.flow-table) tbody tr>td+td{border-top:1px solid #e7ede9!important}
  .source-table tbody td[data-label]::before{content:attr(data-label);display:block;font-size:16px;line-height:1.6;font-weight:600;color:#6a7b70;margin-bottom:8px}
  .source-table:not(.flow-table) tbody td:first-child::before{display:none}
  .flow-table tbody tr{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch}
  .flow-table tbody tr>td{border-radius:0!important;padding:22px}
  .flow-table tbody tr>td:nth-child(1){grid-column:1;grid-row:1}
  .flow-table tbody tr>td:nth-child(2){grid-column:2;grid-row:1;background:#f8faf8!important}
  .flow-table tbody tr>td:nth-child(3){grid-column:2;grid-row:2;background:#fcfbf8!important;border-top:1px solid #e7ede9!important}
  .flow-table tbody tr>td:nth-child(4){grid-column:1;grid-row:2;border-top:1px solid #e7ede9!important}
  .flow-table tbody tr>.sketch-cell{align-content:center;padding:16px}
  .flow-table .sketch-cell .sketch{max-width:480px;margin:auto}
}
@media(max-width:760px){
  .product-gallery{grid-template-columns:minmax(0,1fr);gap:20px}.product-render{margin-bottom:28px}
  .opening-frame{height:420px}
  .team-note{padding:20px;margin-top:22px}.team-note p:first-child{font-size:21px}.team-note p+p{font-size:18px}
  .document-section{padding:28px 16px}.document-title{font-size:30px}
  .source-table tbody tr>td{padding:18px 20px}
  .module-scroll{margin-top:18px}.interaction-hint{margin-top:24px!important}
}
@media(max-width:600px){
  .flow-table tbody tr{display:flex;flex-direction:column;margin-bottom:28px}
  .flow-table tbody tr>td:nth-child(2){order:0;padding:20px;background:#edf3ef!important}
  .flow-table tbody tr>td:nth-child(1){order:1}
  .flow-table tbody tr>td:nth-child(3){order:2;padding:20px}
  .flow-table tbody tr>td:nth-child(4){order:3;border-top:0!important}
  .flow-table tbody tr>.sketch-cell{padding:14px}
  .flow-table .sketch-cell .sketch{border:0}
}