:root{--vgpn-accent:#0f8f7a;--vgpn-max:1120px}
.vg-premium-notes-page{--bg:#f3f8f7;--card:#fff;--text:#17232b;--muted:#647278;--border:#d8e7e3;--soft:#edf8f5;--shadow:0 14px 42px rgba(17,77,68,.10);background:var(--bg);color:var(--text)}
.vg-premium-notes-page.vgpn-dark{--bg:#0d1718;--card:#142224;--text:#eef8f6;--muted:#afbfbc;--border:#294143;--soft:#17302d;--shadow:0 16px 44px rgba(0,0,0,.3)}
.vg-premium-notes-page .entry-content{box-sizing:border-box;width:min(calc(100% - 28px),var(--vgpn-max));max-width:var(--vgpn-max);margin:28px auto 60px!important;color:var(--text);font-family:"Noto Sans Devanagari","Hind","Segoe UI",system-ui,sans-serif}
.vg-premium-notes-page .entry-content *{box-sizing:border-box}
.vgpn-hidden-title{display:none!important}.vg-note-shell{width:100%;max-width:none!important}.vg-note-heading{margin:0 0 20px!important;color:#123f38!important;font-size:clamp(28px,4vw,44px)!important;font-weight:800!important;line-height:1.18!important}.vgpn-dark .vg-note-heading{color:var(--text)!important}
.vgpn-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.vgpn-tool,.vgpn-copy-one{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;font:700 15px/1 system-ui;padding:11px 16px;cursor:pointer;box-shadow:0 5px 15px rgba(17,77,68,.06)}

/* One clean outer group keeps Question, Solution and Video visually connected. */
.vg-note-item{position:relative;width:100%;max-width:none!important;margin:0 0 34px;padding:6px;border:1px solid rgba(15,143,122,.22);border-radius:25px;background:rgba(255,255,255,.55);box-shadow:0 12px 34px rgba(17,77,68,.09);overflow:hidden}
.vg-note-item:before{display:none!important;content:none!important}
.vg-question-card,.vg-solution-card,.vg-video-card{position:relative;width:100%;max-width:none!important;margin:0 0 7px;background:var(--card);border:1px solid var(--border);border-radius:19px;box-shadow:none;overflow:hidden}
.vg-note-item>.vg-video-card:last-child,.vg-note-item>:last-child{margin-bottom:0}
.vg-question-card{padding:92px 30px 34px;border-left:7px solid var(--vgpn-accent);background:linear-gradient(135deg,var(--card),var(--soft))}.vg-question-card:before{content:"QUESTION " var(--vgpn-qnum);position:absolute;left:28px;top:30px;padding:9px 18px;border-radius:999px;background:var(--vgpn-accent);color:#fff;font:800 14px/1 system-ui;letter-spacing:.08em}.vg-question-text{font-size:clamp(19px,2vw,26px);line-height:1.65;font-weight:750;white-space:normal;overflow-wrap:anywhere}.vgpn-copy-one{position:absolute;right:24px;top:24px;z-index:2}
.vg-solution-card{padding:28px 34px 34px;border-top:5px solid var(--vgpn-accent)}.vg-solution-card>h3{display:flex;align-items:center;gap:12px;margin:0 0 26px!important;color:var(--vgpn-accent)!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.2!important}.vg-solution-card>h3 span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft);font-size:24px}
.vg-solution-book{width:min(100%,760px);margin:0 auto;padding:4px 0 8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.vg-solution-row{width:100%;margin:0;padding:7px 12px;color:var(--text);font-family:"Noto Sans Devanagari","Hind","Segoe UI",system-ui,sans-serif;font-size:clamp(18px,1.75vw,24px);line-height:1.5;font-weight:650;white-space:pre;word-break:normal}.vg-row-calc,.vg-row-operator,.vg-row-answer{text-align:center}.vg-row-operator{padding-top:2px;padding-bottom:2px}.vg-row-answer{font-weight:750}.vg-row-prose{text-align:left;white-space:normal;line-height:1.75}.vg-answer-red{color:#e32636;font-weight:800}
.vg-video-card{background:#0b8e79}.vg-video-card>h3{margin:0!important;padding:22px 28px;color:#fff!important;font-size:clamp(24px,3vw,34px)!important}.vgpn-youtube-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#111}.vgpn-youtube-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vgpn-video-error,.vgpn-video-empty{padding:24px;background:#fff;color:#b42318}
.vgpn-progress{position:fixed;z-index:99999;top:0;left:0;width:100%;height:4px}.vgpn-progress span{display:block;width:0;height:100%;background:var(--vgpn-accent)}

@media(max-width:767px){
 body.vg-premium-notes-page .site-content,body.vg-premium-notes-page .ast-container,body.vg-premium-notes-page .content-area,body.vg-premium-notes-page .site-main,body.vg-premium-notes-page article{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
 /* Break out of theme/Gutenberg gutters so the notes container actually becomes wider. */
 body.vg-premium-notes-page .entry-content{position:relative;left:50%;width:100vw!important;max-width:100vw!important;margin:22px 0 45px!important;padding:0 2px!important;transform:translateX(-50%)}
 body.vg-premium-notes-page .entry-content>.vg-note-shell,body.vg-premium-notes-page .entry-content .vg-note-shell,body.vg-premium-notes-page .is-layout-constrained>.vg-note-shell,body.vg-premium-notes-page .is-layout-constrained>.vg-note-item{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
 body.vg-premium-notes-page .vg-note-shell.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),body.vg-premium-notes-page .vg-note-shell>.vg-note-item{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
 .vg-note-heading{font-size:28px!important;line-height:1.22!important;margin-bottom:16px!important;padding:0 4px}.vgpn-toolbar{gap:7px;overflow-x:auto;flex-wrap:nowrap;padding:0 4px 4px}.vgpn-tool{flex:0 0 auto;font-size:13px;padding:9px 13px}
 .vg-note-item{width:calc(100% - 2px)!important;max-width:none!important;margin:0 1px 24px!important;padding:3px;border-radius:19px;box-shadow:0 7px 20px rgba(17,77,68,.08)}
 .vg-question-card,.vg-solution-card,.vg-video-card{width:100%!important;max-width:none!important;border-radius:16px;margin:0 0 4px!important}
 .vg-note-item>.vg-video-card:last-child,.vg-note-item>:last-child{margin-bottom:0!important}
 .vg-question-card{padding:76px 14px 22px;border-left-width:4px}.vg-question-card:before{left:14px;top:22px;font-size:11px;padding:7px 12px}.vgpn-copy-one{right:12px;top:18px;padding:8px 10px;font-size:11px}.vg-question-text{font-size:15px!important;line-height:1.48!important;font-weight:700}
 .vg-solution-card{padding:20px 8px 22px;border-top-width:3px}.vg-solution-card>h3{font-size:22px!important;line-height:1.2!important;margin-bottom:14px!important;padding-left:3px;gap:8px}.vg-solution-card>h3 span{width:32px;height:32px;border-radius:9px;font-size:19px}
 .vg-solution-book{width:100%;max-width:100%;overflow-x:auto}.vg-solution-row{min-width:0;padding:4px 3px;font-size:15px!important;line-height:1.42!important;white-space:pre}.vg-row-prose{white-space:normal;text-align:left;line-height:1.55!important}.vg-row-calc,.vg-row-operator,.vg-row-answer{text-align:center}
 .vg-video-card>h3{padding:16px 16px;font-size:22px!important;line-height:1.2!important}
}
@media print{.vgpn-toolbar,.vgpn-copy-one,.vgpn-progress{display:none!important}.vg-premium-notes-page{background:#fff}.vg-note-item{border:0;box-shadow:none;padding:0}.vg-question-card,.vg-solution-card,.vg-video-card{box-shadow:none;break-inside:avoid}.vg-video-card{display:none}}

/* V14: Remove Gutenberg/Astra constrained-layout width limits around the notes shell. */
.vg-premium-notes-page .entry-content > .vg-note-shell,
.vg-premium-notes-page .vg-note-shell,
.vg-premium-notes-page .vg-note-shell.is-layout-constrained,
.vg-premium-notes-page .vg-note-shell.wp-block-group-is-layout-constrained {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.vg-premium-notes-page .vg-note-shell.is-layout-constrained > *,
.vg-premium-notes-page .vg-note-shell.wp-block-group-is-layout-constrained > *,
.vg-premium-notes-page .vg-note-shell > .vg-note-item {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

@media(max-width:767px){
  body.vg-premium-notes-page .entry-content{
    left:auto !important;
    width:calc(100% - 6px) !important;
    max-width:none !important;
    margin:10px 3px 42px !important;
    padding:0 !important;
    transform:none !important;
  }

  body.vg-premium-notes-page .entry-content > .vg-note-shell,
  body.vg-premium-notes-page .vg-note-shell.is-layout-constrained,
  body.vg-premium-notes-page .vg-note-shell.wp-block-group-is-layout-constrained,
  body.vg-premium-notes-page .vg-note-shell.is-layout-constrained > *,
  body.vg-premium-notes-page .vg-note-shell.wp-block-group-is-layout-constrained > *{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}


/* V17: True mobile full-bleed fix for Astra + Gutenberg constrained layouts.
   The notes shell itself breaks out of every parent container, so theme gutters
   cannot keep the Question/Solution/Video cards narrow. */
@media (max-width: 767px) {
  html body.vg-premium-notes-page #content.site-content,
  html body.vg-premium-notes-page #content.site-content > .ast-container,
  html body.vg-premium-notes-page #primary.content-area,
  html body.vg-premium-notes-page main#main.site-main,
  html body.vg-premium-notes-page main#main > article,
  html body.vg-premium-notes-page main#main > article > .entry-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.vg-premium-notes-page .entry-content > .vg-note-shell,
  html body.vg-premium-notes-page .entry-content .vg-note-shell.wp-block-group,
  html body.vg-premium-notes-page .entry-content .vg-note-shell.is-layout-constrained,
  html body.vg-premium-notes-page .entry-content .vg-note-shell.wp-block-group-is-layout-constrained {
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    width: calc(100vw - 8px) !important;
    max-width: calc(100vw - 8px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
  }

  html body.vg-premium-notes-page .vg-note-shell > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  html body.vg-premium-notes-page .vg-note-shell > .vg-note-item {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body.vg-premium-notes-page .vg-note-heading,
  html body.vg-premium-notes-page .vgpn-toolbar {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body.vg-premium-notes-page .vg-note-item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}