/* CVPN Knowledge Base v1.1 — LG webOS product documentation.
   Scopes all additions to .cv11-* to preserve existing brand styles. */
.cv11-gallery-section {
  padding-top: 10px;
  padding-bottom: 40px;
}
.cv11-section-eyebrow {
  margin-bottom: 12px;
  color: var(--cvpn-accent, #8bc2ff);
  font: 700 10px/1.6 var(--cvpn-font-mono, ui-monospace, monospace);
  letter-spacing: .11em;
}
.cv11-gallery-section > p:first-of-type {max-width: 690px;}
.cv11-tv-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
.cv11-shot {
  margin:0;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--cvpn-border,rgba(255,255,255,.09));
  border-radius:18px;
  background:linear-gradient(165deg,rgba(24,32,44,.84),rgba(12,17,23,.90));
  box-shadow:0 13px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.025);
}
.cv11-shot a {display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;position:relative;text-decoration:none!important;}
.cv11-shot a:focus-visible {outline:3px solid var(--cvpn-accent,#8bc2ff);outline-offset:-3px;}
.cv11-shot img {display:block;max-width:100%;width:100%;height:auto;transition:transform .3s var(--cvpn-ease,cubic-bezier(.22,1,.36,1));}
.cv11-screen-tv img {aspect-ratio:16/9;object-fit:contain;}
.cv11-shot a:hover img {transform:scale(1.018);}
.cv11-shot figcaption {min-height:53px;padding:14px 15px;color:var(--cvpn-muted,rgba(220,230,245,.68));font-size:11px;line-height:1.5;border-top:1px solid rgba(255,255,255,.065);}
.cv11-microcopy {margin-top:14px!important;font-size:11px!important;color:var(--cvpn-faint,rgba(203,216,235,.45))!important;line-height:1.7!important;}
.cv11-phone-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:24px 0;}
.cv11-screen-phone {border-radius:15px;}
.cv11-screen-phone a {align-items:flex-start;}
.cv11-screen-phone img {aspect-ratio:860/1864;object-fit:contain;object-position:top center;background:rgba(4,7,12,.52);}
.cv11-screen-phone figcaption {font-size:10px;padding:12px 10px;min-height:60px;}
.cv11-compat-note {margin:13px 0 19px;padding:17px 18px;color:var(--cvpn-muted,rgba(220,230,245,.68));font-size:12px;line-height:1.78;border-left:2px solid rgba(139,194,255,.55);background:rgba(139,194,255,.045);border-radius:0 11px 11px 0;}
.cv11-compat-note strong {color:var(--cvpn-text,rgba(255,255,255,.94));}
.cv11-compat-note a {color:#b2d7ff;text-underline-offset:3px;}
.cv11-source-links {font-size:12px!important;line-height:1.8!important;margin-top:16px!important;}
.cv11-gallery-section .guide-note {margin-top:22px;}
@media(max-width:1020px){.cv11-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}.cv11-screen-phone figcaption{min-height:0}.cv11-screen-phone img{max-height:425px;object-fit:contain;background:rgba(4,7,12,.3);}}
@media(max-width:700px){.cv11-tv-grid{grid-template-columns:1fr;gap:12px;margin-top:20px}.cv11-shot{border-radius:15px}.cv11-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cv11-screen-phone{border-radius:12px}.cv11-screen-phone img{max-height:none;aspect-ratio:860/1864}.cv11-gallery-section{padding-bottom:28px}.cv11-compat-note{padding:14px;font-size:11px}.cv11-shot figcaption{font-size:10px;padding:12px 13px;min-height:0}.cv11-screen-phone figcaption{padding:10px 9px;font-size:9px}}
@media(max-width:360px){.cv11-phone-grid{gap:7px}.cv11-screen-phone figcaption{font-size:9px;padding:8px}}
@media(prefers-reduced-motion:reduce){.cv11-shot img{transition:none}.cv11-shot a:hover img{transform:none}}