/* Bluna Note extends the existing black/cobalt product-detail system. */
.note-screen { padding:18px; background:var(--blue); border-radius:4px; }
.note-page .screen-panel img { width:100%; height:auto; }
.note-page .screen-tabs button { min-height:44px; }
.note-continuity { background:var(--surface); }
.note-continuity-inner { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px; padding-block:90px; }
.note-device { width:min(100%,400px); margin:0 auto; }
.note-device img { width:100%; border-radius:4px; }
.note-device figcaption { margin-top:14px; color:var(--muted); font-size:12px; text-align:center; }
.note-continuity h2 { font-size:clamp(32px,3.4vw,48px); font-weight:550; letter-spacing:-.035em; line-height:1.35; }
.note-continuity h2+p { margin-top:26px; color:var(--muted); font-size:17px; line-height:1.9; }
.note-continuity-details { margin-top:32px; }
.note-continuity-details>div { padding-block:26px; border-top:1px solid var(--line); }
.note-continuity-details>div:first-child { padding-top:0; border-top:0; }
.note-continuity h3 { font-size:20px; font-weight:550; letter-spacing:-.02em; }
.note-continuity-details p { margin-top:12px; color:var(--muted); font-size:15px; line-height:1.85; max-width:50ch; }
.note-continuity-details .note-sync-caption { font-size:12px; margin-top:0; }
.note-faq details { border-top:1px solid var(--line); }
.note-faq details:last-child { border-bottom:1px solid var(--line); }
.note-faq summary { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:80px; padding-block:24px; cursor:pointer; list-style:none; font-size:19px; font-weight:500; letter-spacing:-.02em; }
.note-faq summary::-webkit-details-marker { display:none; }
.note-faq summary:hover { color:var(--blue-light); }
.note-faq summary:focus-visible { outline:2px solid var(--blue-light); outline-offset:5px; }
.note-faq summary .icon { width:19px; height:19px; transition:transform .25s var(--ease); }
.note-faq details[open] summary .icon { transform:rotate(45deg); }
.note-faq details>p { max-width:70ch; padding-bottom:28px; padding-right:44px; color:var(--muted); font-size:15px; line-height:1.85; }
@media(max-width:1100px) {
  .note-continuity-inner { gap:50px; padding-block:70px; }
}
@media(max-width:760px) {
  .note-screen { padding:8px; }
  .note-page .screen-tabs button { padding-inline:8px; }
  .note-continuity-inner { grid-template-columns:1fr; gap:36px; padding-block:58px; }
  .note-device { order:2; width:min(100%,340px); }
  .note-continuity h2 { font-size:34px; }
  .note-continuity h2+p { margin-top:20px; font-size:15px; }
  .note-continuity-details>div { padding-block:22px; }
  .note-continuity-details>div:first-child { padding-top:24px; border-top:1px solid var(--line); }
  .note-continuity h3 { font-size:18px; }
  .note-continuity-details p,.note-faq details>p { font-size:14px; }
  .note-faq summary { font-size:16px; min-height:76px; gap:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .note-faq summary .icon { transition:none; }
}