/* 互動鋼琴示範（three.js）— 嵌入區塊樣式 */
.piano-embed-head{ margin-bottom:clamp(2rem,3.5vw,3rem); }
.piano-embed-head .lede{ max-width:52ch; }

.piano-embed{
  margin:0;
  border:1px solid var(--border);
  background:var(--surface);
}
.piano-embed-frame{
  display:block;
  width:100%;
  height:clamp(420px,56vw,640px);
  border:0;
  background:var(--bg);
}
.piano-embed-cap{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.6rem 1.2rem;
  padding:.85rem 1.1rem;
  border-top:1px solid var(--border);
  font-family:var(--font-label);
  font-size:.6rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--muted);
}
.piano-embed-cap .btn-link{ font-size:.6rem; letter-spacing:.2em; }
.piano-embed-cap i{ font-size:.72em; margin-left:.35rem; }

@media (max-width:640px){
  .piano-embed-frame{ height:clamp(380px,92vw,520px); }
}