/* Voice Zoom 3 article components inside the shared Blog shell. */
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 {
  --vz3-accent: #098dcc;
  --vz3-soft: color-mix(in srgb, var(--vz3-accent) 8%, var(--vm-panel-bg));
  --vz3-line: color-mix(in srgb, var(--vz3-accent) 25%, var(--vm-border));
  min-width: 0;
}
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-lead { font-size: 1.12rem; line-height: 1.7; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-quick,
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 20px 0; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-quick { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-quick > div,
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .card { min-width: 0; padding: 17px; border: 1px solid var(--vz3-line); border-radius: 16px; background: var(--vz3-soft); }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-quick strong,
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-quick span { display: block; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-quick strong { margin-bottom: 6px; color: var(--vm-text-strong); }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .visual,
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-visual { margin: 26px 0; overflow: hidden; border: 1px solid var(--vz3-line); border-radius: 18px; background: #092838; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-visual img { display: block; width: 100%; height: auto; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-visual figcaption { padding: 10px 15px; font-size: .85rem; color: #e4f5fb; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 section { margin: 30px 0; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 section h2 { scroll-margin-top: 110px; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .callout,
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .note,
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .quote { margin: 20px 0; padding: 16px 18px; border: 1px solid var(--vz3-line); border-left: 4px solid var(--vz3-accent); border-radius: 14px; background: var(--vz3-soft); }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .note { display: flex; align-items: flex-start; gap: 10px; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .card h3 { margin: 0 0 8px; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .card p { margin: 0; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .flow { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 8px; margin: 20px 0; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .flow .box { min-width: 0; padding: 14px; border: 1px solid var(--vz3-line); border-radius: 12px; background: var(--vz3-soft); text-align: center; font-weight: 700; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .flow .arrow { color: var(--vz3-accent); font-size: 1.4rem; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .pill { display: inline-block; margin: 5px 5px 5px 0; padding: 6px 10px; border: 1px solid var(--vz3-line); border-radius: 999px; background: var(--vz3-soft); }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-table-scroll { width: 100%; overflow-x: auto; margin: 18px 0; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-table-scroll table { width: 100%; min-width: 570px; border-collapse: collapse; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-table-scroll th,
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-table-scroll td { padding: 12px; border: 1px solid var(--vm-border); text-align: left; vertical-align: top; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .steps { display: grid; gap: 10px; margin-top: 18px; }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .step { padding: 14px 16px; border: 1px solid var(--vz3-line); border-radius: 12px; background: var(--vz3-soft); }
.vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .sources { font-size: .9rem; }
@media (max-width: 720px) {
  .vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3-quick,
  .vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .grid-2 { grid-template-columns: minmax(0,1fr); }
  .vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .flow { grid-template-columns: minmax(0,1fr); }
  .vm-article-theme[data-article-slug="voice-zoom-3-bravia"] .vz3 .flow .arrow { transform: rotate(90deg); text-align: center; }
}