/* VERMAD_GUIDE_UNIFIED_V1 */
#vcg.vgu-ready{
  background:
    radial-gradient(ellipse at 15% 0,rgba(30,99,160,.15),transparent 42%),
    #080f1b;
}
#vcg .vcg-hero{padding-top:54px;padding-bottom:28px}
#vcg .vcg-hero h1{
  font-size:clamp(36px,5.4vw,66px);letter-spacing:-1.5px;
  margin:14px 0 20px;line-height:1.08;
}
#vcg .vcg-lead{max-width:780px;font-size:18px;line-height:1.8}
.vgu-intro-note{
  display:flex;align-items:center;gap:10px;
  color:#a9c1d4;font-size:12px;line-height:1.7;margin-top:20px;
}
.vgu-dot{
  width:7px;height:7px;flex:0 0 7px;border-radius:50%;
  background:#65ccec;box-shadow:0 0 14px #65ccec55;
}
#vcg .vpd-tabs{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;padding-top:10px;padding-bottom:30px;
}
#vcg .vpd-tabs button{
  display:flex;flex-direction:column;align-items:flex-start;
  text-align:left;gap:9px;min-width:0;min-height:150px;
  padding:18px 16px;border:1px solid #294159;border-radius:14px;
  background:linear-gradient(145deg,#122237,#0d1828);
  color:#e7f1fb;cursor:pointer;
  transition:border-color .18s,background .18s;
}
#vcg .vpd-tabs button:hover{border-color:#628da8}
#vcg .vpd-tabs button[aria-pressed="true"]{
  background:linear-gradient(145deg,#173a52,#102b40);
  border-color:#65ccec;box-shadow:inset 0 0 0 1px #65ccec22;
  color:#fff;
}
#vcg .vpd-tabs button:focus-visible{
  outline:3px solid #fff;outline-offset:4px;
}
.vgu-card-number{
  display:inline-flex;align-items:center;justify-content:center;
  width:29px;height:25px;border:1px solid #3a6079;border-radius:7px;
  color:#65ccec;font-size:11px;letter-spacing:1px;
}
#vcg .vpd-tabs button[aria-pressed="true"] .vgu-card-number{
  background:#65ccec;color:#0a2436;border-color:#65ccec;
}
.vgu-card-title{font-size:14px;font-weight:700;line-height:1.35}
.vgu-card-description{font-size:11px;color:#a6bfd2;line-height:1.6}
#vcg .vpd,#vcg .vgd,#vcg .vid,#vcg .viz{
  margin-top:0;padding-top:0;
}
#vcg .vpd-heading,#vcg .vgd-heading,
#vcg .vid-heading,#vcg .viz-heading{
  padding:5px 0 10px;
}
#vcg .vpd-heading h2,#vcg .vgd-heading h2,
#vcg .vid-heading h2,#vcg .viz-heading h2{
  font-size:clamp(27px,3.3vw,39px);letter-spacing:-.6px;
  line-height:1.22;margin:10px 0 14px;
}
#vcg .vcg-layout,#vcg .vpd-layout,#vcg .vgd-layout,
#vcg .vid-layout,#vcg .viz-layout{
  grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);
  border:1px solid #2a435a;border-radius:18px;
  background:#101e30;box-shadow:0 16px 45px #0002;
}
#vcg .vpd-layout,#vcg .vgd-layout,
#vcg .vid-layout,#vcg .viz-layout{margin-top:15px}
#vcg .vcg-info,#vcg .vpd-panel,#vcg .vgd-panel,
#vcg .vid-panel,#vcg .viz-panel{padding:26px}
#vcg .vcg-note{
  color:#91a9be;font-size:11px;line-height:1.85;
  padding:14px 0;margin:8px 0 0;
}
#vcg .vpd-picture,#vcg .vgd-picture,
#vcg .vid-picture,#vcg .viz-picture{
  align-self:stretch;display:flex;align-items:center;background:#142b40;
}
#vcg .vpd-picture>svg,#vcg .vgd-picture>svg,
#vcg .vid-picture>svg,#vcg .viz-picture>svg{flex:1;min-width:0}
#vcg #vpd-start,#vcg #vgd-start,#vcg #viz-start,
#vcg .vid-controls button{min-height:46px;border-radius:10px}
#vcg .vcg-bottom{
  margin-top:35px;padding-top:32px;
}
@media(max-width:1000px){
  #vcg .vpd-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  #vcg .vpd-tabs button{min-height:137px}
}
@media(max-width:850px){
  #vcg .vcg-layout,#vcg .vpd-layout,#vcg .vgd-layout,
  #vcg .vid-layout,#vcg .viz-layout{grid-template-columns:1fr}
  #vcg .vcg-info,#vcg .vpd-panel,#vcg .vgd-panel,
  #vcg .vid-panel,#vcg .viz-panel{padding:22px}
}
@media(max-width:600px){
  #vcg .vcg-hero{padding-top:35px}
  #vcg .vcg-hero h1{letter-spacing:-.8px}
  #vcg .vcg-lead{font-size:16px}
  #vcg .vpd-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #vcg .vpd-tabs button{padding:14px;min-height:132px;gap:7px}
  .vgu-card-title{font-size:13px}
  .vgu-card-description{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  #vcg .vpd-tabs button{transition:none}
}