:root {
  --topic-accent: #bd637e;
  --topic-support: #a0c9c3;
  --topic-paper: #fef8ec;
  --topic-ink: #52696d;
  --topic-line: rgba(82, 105, 109, .2);
  --topic-radius: 18px;
  --topic-space: clamp(20px, 4vw, 40px);
}
html[data-theme="day"] { color-scheme: light; }
html[data-theme="night"] {
  color-scheme: dark;
  --vm-bg: #182326;
  --vm-surface: rgba(28, 42, 45, .96);
  --vm-surface-soft: rgba(254, 248, 236, .08);
  --vm-text: #fef8ec;
  --vm-heading: #ffffff;
  --vm-muted: rgba(254, 248, 236, .76);
  --vm-line: rgba(254, 248, 236, .18);
}
html, body { scrollbar-width: none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; }
.toc { display: none !important; }
.band, .summary, .comparison, .references { scroll-margin-top: 96px; }
.hero-media img, .media img { aspect-ratio: 16 / 9; object-fit: contain; background: transparent; }
@media (max-width: 760px) {
  .wrap { width: min(calc(100% - 24px), var(--vm-max)); }
  .hero { padding-top: 34px; }
  .hero-facts, .feature-grid, .education-grid, .demo-advice { grid-template-columns: 1fr; }
  .band { padding-inline: 8px; }
  .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }


/* VITAMIND_BRAVIA_IMAGE_RADIUS */
.hero-media, .media {
  overflow: hidden;
  border-radius: 18px;
}
.hero-media img, .media img {
  border-radius: 14px;
}

/* VITAMIND_LINKED_SOURCE_MARQUEE */
    .references-marquee{position:relative;width:100%;overflow:hidden;margin-top:6px}
    .references-marquee::before,.references-marquee::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:clamp(24px,6vw,64px);pointer-events:none}
    .references-marquee::before{left:0;background:linear-gradient(90deg,var(--vm-bg) 14%,transparent)}
    .references-marquee::after{right:0;background:linear-gradient(270deg,var(--vm-bg) 14%,transparent)}
    .ref-row{position:relative;width:100%;overflow:hidden}
    .ref-track{display:flex;width:max-content;will-change:transform;animation:bravia-7ii-ref-scroll 80s linear infinite}
    .ref-set{display:flex;flex:none;align-items:center;gap:8px;padding-right:8px}
    .ref{flex:none;width:max-content;max-width:none;white-space:nowrap;text-decoration:none}
    .references-marquee:hover .ref-track,.references-marquee:focus-within .ref-track{animation-play-state:paused}
    @keyframes bravia-7ii-ref-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
    @media(prefers-reduced-motion:reduce){.ref-track{animation:none}.references-marquee::before,.references-marquee::after{display:none}}


/* VITAMIND_TOPIC_RESPONSIVE_CONTRACT_V1
   Keep BRAVIA topic geometry aligned with the BRAVIA 3 II reference. */
html,body{width:100%;max-width:100%;min-width:0;overflow-x:clip}
body,.wrap,.hero-grid,.hero-copy,.hero-media,.article,.summary,.summary-inner,.band,.editorial-pair,.editorial-copy,.media,.feature-grid,.feature,.education-grid,.education-card,.demo-advice,.guidance,.comparison,.comparison-body,.compare-tabs,.compare-panel,.table-wrap,.demo-cue-list,.consult-principles,.references,.references-marquee,.ref-row{min-width:0;max-width:100%;box-sizing:border-box}
img,video,svg,canvas{max-width:100%}
.hero-grid,.editorial-pair{grid-template-columns:minmax(0,1fr) minmax(320px,.92fr)}
.editorial-pair.reverse{grid-template-columns:minmax(320px,.92fr) minmax(0,1fr)}
.editorial-pair.reverse .media{order:-1}
.hero-media,.media{width:100%}
.hero-media img,.media img{display:block;width:100%;height:auto}
.compare-tab,.fact strong,.feature strong,.guidance strong,.education-card h3,.demo-scene-copy strong{max-width:100%}
.compare-tab{min-width:0;overflow:hidden;text-overflow:ellipsis}
.table-wrap,.references-marquee,.ref-row{overflow:hidden}
@media(max-width:900px){
  .hero-grid,.editorial-pair,.editorial-pair.reverse{grid-template-columns:minmax(0,1fr)}
  .editorial-pair.reverse .media{order:0}
  .hero-copy{text-align:center}
  .hero .lead{margin-inline:auto}
  .hero-media,.media{width:min(100%,760px);margin-inline:auto}
  .hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-grid,.education-grid,.demo-advice{grid-template-columns:minmax(0,1fr)}
  .consult-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compare-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .demo-cue-list li{grid-template-columns:34px minmax(150px,.55fr) minmax(0,1fr)}
}
@media(max-width:560px){
  .wrap{width:min(calc(100% - 20px),var(--vm-max))}
  .hero{padding:38px 0 30px}
  .hero h1{font-size:clamp(2rem,10vw,2.45rem);overflow-wrap:anywhere}
  .hero-facts,.feature-grid,.education-grid,.demo-advice,.price-row,.value-tech-grid,.demo-scenes,.consult-principles{grid-template-columns:minmax(0,1fr)!important}
  .band{padding:22px 14px}
  .band h2{font-size:clamp(1.45rem,8vw,1.85rem);overflow-wrap:anywhere}
  .compare-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px}
  .compare-tab{padding-inline:7px;font-size:.78rem;text-overflow:clip}
  .comparison-body{padding:17px 11px}
  .comparison>summary{align-items:flex-start;flex-direction:column}
  .comparison>summary::after{align-self:flex-start}
  .demo-cue-list li{grid-template-columns:30px minmax(0,1fr)}
  .demo-cue-list li::before{grid-row:1/span 2}
  .demo-cue-list strong,.demo-cue-list span{grid-column:2}
  .table-wrap{overflow:visible}
  table,thead,tbody,tr,th,td{width:100%!important;max-width:100%}
  tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  td{overflow-wrap:anywhere}
  .atomic,.keep{white-space:normal;overflow-wrap:anywhere;word-break:normal}
  .chip{width:auto;white-space:normal;overflow-wrap:anywhere}
  .ref{white-space:nowrap}
}


/* VITAMIND_FEATURE_CARD_ICONS */
.fact::after,
.feature::after{
  content:"";
  position:absolute;
  top:13px;
  right:13px;
  width:40px;
  height:40px;
  border:0;
  border-radius:0;
  background:var(--sony-slate);
  opacity:.13;
  transform:none;
  -webkit-mask:var(--card-icon,url('/iconify/lucide/sparkles.svg')) center/contain no-repeat;
  mask:var(--card-icon,url('/iconify/lucide/sparkles.svg')) center/contain no-repeat;
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.hero-facts .fact:nth-child(1){--card-icon:url('/iconify/lucide/palette.svg')}
.hero-facts .fact:nth-child(2){--card-icon:url('/iconify/lucide/lightbulb.svg')}
.hero-facts .fact:nth-child(3){--card-icon:url('/iconify/lucide/cpu.svg')}
.hero-facts .fact:nth-child(4){--card-icon:url('/iconify/lucide/audio-lines.svg')}
#sound .feature:nth-child(1){--card-icon:url('/iconify/lucide/message-circle.svg')}
#sound .feature:nth-child(2){--card-icon:url('/iconify/lucide/waves.svg')}
#sound .feature:nth-child(3){--card-icon:url('/iconify/lucide/speaker.svg')}
#experience .feature:nth-child(1){--card-icon:url('/iconify/lucide/clapperboard.svg')}
#experience .feature:nth-child(2){--card-icon:url('/iconify/lucide/gamepad-2.svg')}
#experience .feature:nth-child(3){--card-icon:url('/iconify/lucide/tv.svg')}
#design .feature:nth-child(1){--card-icon:url('/iconify/lucide/ruler.svg')}
#design .feature:nth-child(2){--card-icon:url('/iconify/lucide/maximize-2.svg')}
#design .feature:nth-child(3){--card-icon:url('/iconify/lucide/panels-top-left.svg')}
@media(hover:hover){
  .fact:hover::after,
  .feature:hover::after{
    opacity:.24;
    transform:translate(-2px,-2px) scale(1.06);
  }
}
@media(prefers-reduced-motion:reduce){
  .fact::after,
  .feature::after{transition:none}
}

/* VITAMIND_TRUE_RGB_EVIDENCE_AND_SIZE_MATRIX */
.tech-clarification{margin:clamp(20px,3vw,30px) 0;padding:clamp(20px,3vw,30px);border:1px solid rgba(160,201,195,.7);border-left:4px solid var(--mint);border-radius:18px;background:linear-gradient(135deg,rgba(160,201,195,.18),rgba(254,248,236,.55))}
.tech-clarification-kicker,.bravia-verdict>span{display:block;margin-bottom:8px;color:var(--vm-accent-dark);font-size:.73rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.tech-clarification h3,.bravia-verdict h3{margin:0 0 10px;color:var(--vm-heading)}
.tech-clarification p:last-child,.bravia-verdict p:last-child{margin-bottom:0}
.tech-clarification-result{padding-top:14px;border-top:1px solid var(--vm-line)}
.bravia-verdict{margin:0 0 20px;padding:18px 20px;border:1px solid rgba(189,99,126,.45);border-left:4px solid var(--rose);border-radius:16px;background:linear-gradient(135deg,rgba(189,99,126,.13),rgba(160,201,195,.12))}
.size-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.size-card{padding:18px}
.size-card::after{display:none}
.size-card dl{display:grid;gap:0;margin:16px 0 0}
.size-card dl div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--vm-line)}
.size-card dt{color:var(--vm-muted);font-size:.82rem}.size-card dd{margin:0;color:var(--vm-heading);font-size:.84rem;font-weight:750;text-align:right}

.size-note{margin:16px 0 0;padding:14px 16px;border-radius:14px;background:rgba(101,125,129,.08);color:var(--vm-muted);font-size:.86rem}
html[data-theme="night"] .tech-clarification{background:linear-gradient(135deg,rgba(160,201,195,.13),rgba(254,248,236,.04))}
@media(max-width:760px){.size-matrix{grid-template-columns:minmax(0,1fr)}.size-card dl div{gap:10px}}
@media(max-width:380px){.size-card dl div{display:grid;gap:3px}.size-card dd{text-align:left}}

.hero-media picture, .media picture { display: block; width: 100%; }