@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/barlow-semi-condensed-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/barlow-semi-condensed-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/barlow-semi-condensed-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root { color-scheme: light dark; font-family: system-ui, sans-serif; line-height: 1.65; color: light-dark(#172b3b, #e6edf3); background: light-dark(#fff, #101820); }
body { margin: 0; }
a { color: light-dark(#0878b5, #8ed6ff); }
header { padding: 1rem max(1rem, calc((100vw - 54rem) / 2)); border-bottom: 1px solid light-dark(#e1e8ed, #334454); }
header a:first-child { font-weight: 650; text-decoration: none; }
header nav { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin-top: .75rem; }
main, footer { max-width: 54rem; margin: 2rem auto; padding: 0 1rem; }
h1 { line-height: 1.2; margin: 2rem 0; }
img { max-width: 100%; height: auto; }
pre { overflow: auto; padding: 1rem; border: 1px solid light-dark(#e1e8ed, #334454); border-radius: .5rem; }
button, input, textarea, select { font: inherit; padding: .4rem .8rem; border-radius: .35rem; border: 1px solid light-dark(#b4c5d1, #607487); box-sizing: border-box; max-width: 100%; }
main form > label { display: block; margin: 1rem 0; }
main form > label > input, main form > label > textarea, main form > label > select { display: block; width: 100%; }
main form > label > input[type="checkbox"] { display: inline-block; width: auto; margin-right: .5rem; }
textarea { font-family: ui-monospace, monospace; line-height: 1.5; }
button { cursor: pointer; }
footer { border-top: 1px solid light-dark(#e1e8ed, #334454); padding-top: 1rem; }

/* Approved vSTAGE knowledge base design; scoped to the SQL reader. */

#vh-help { --vh-bg:#071017; --vh-surface:#0d1821; --vh-raised:#111f29; --vh-line:#23313c; --vh-text:#e8f0f4; --vh-muted:#a1b1bd; --vh-orange:#f47a20; --vh-on-orange:#15100b; --vh-soft:rgba(244,122,32,.1); --vh-radius:14px; color:var(--vh-text); font:14px/1.6 Inter,system-ui,sans-serif; color-scheme:dark; }
#vh-help *,#vh-help *::before,#vh-help *::after { box-sizing:border-box; }
#vh-help button,#vh-help input,#vh-help textarea,#vh-help select { font:inherit; }
#vh-help button { cursor:pointer; }
#vh-help button:focus-visible,#vh-help input:focus-visible,#vh-help textarea:focus-visible,#vh-help select:focus-visible { outline:2px solid var(--vh-orange); outline-offset:4px; }
#vh-help button { color:inherit; }
#vh-help [hidden] { display:none!important; }
#vh-help h1,#vh-help h2,#vh-help h3,#vh-help p { margin:0; }
#vh-help h1,#vh-help h2,#vh-help h3 { font-family:'Barlow Semi Condensed',Inter,sans-serif; font-weight:600; letter-spacing:-.02em; line-height:1.12; }
#vh-help h1 { font-size:clamp(34px,5vw,57px); }
#vh-help h2 { font-size:27px; }
#vh-help h3 { font-size:22px; }
#vh-help .vh-window { background:var(--vh-bg); border:1px solid var(--vh-line); border-radius:16px; overflow:clip; }
#vh-help .vh-topbar { min-height:78px; padding:18px 26px; display:flex; gap:22px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--vh-line); }
#vh-help .vh-brand { background:none; border:0; padding:0; display:flex; align-items:center; gap:14px; text-align:left; }
#vh-help .vh-logo { width:190px; height:auto; display:block; flex-shrink:0; }
#vh-help .vh-logo path { fill:var(--vh-text); }
#vh-help .vh-brand-label { border-left:1px solid var(--vh-line); padding-left:14px; color:var(--vh-muted); font-size:12px; letter-spacing:.07em; }
#vh-help .vh-top-actions,#vh-help .vh-inline { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
#vh-help .vh-action { background:none; border:1px solid var(--vh-line); border-radius:8px; padding:9px 13px; display:inline-flex; justify-content:center; align-items:center; gap:8px; white-space:normal; text-align:center; }
#vh-help .vh-action:hover { background:var(--vh-raised); }
#vh-help .vh-primary { color:var(--vh-on-orange); background:var(--vh-orange); border-color:var(--vh-orange); font-weight:600; }
#vh-help .vh-primary:hover { background:var(--vh-orange); filter:brightness(1.07); }
#vh-help .vh-quiet { border:0; background:none; color:var(--vh-muted); padding:7px 0; display:inline-flex; align-items:center; gap:8px; text-align:left; }
#vh-help .vh-quiet:hover { color:var(--vh-text); }
#vh-help .vh-avatar { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--vh-soft); color:var(--vh-orange); font-size:11px; font-weight:600; }
#vh-help .vh-account { position:relative; }
#vh-help .vh-account-trigger { cursor:pointer; list-style:none; border-radius:8px; display:flex; align-items:center; gap:6px; min-height:44px; }
#vh-help .vh-account-trigger::after { content:''; width:6px; height:6px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg) translateY(-2px); }
#vh-help .vh-account-trigger::-webkit-details-marker { display:none; }
#vh-help .vh-account-trigger:focus-visible { outline:2px solid var(--vh-orange); outline-offset:3px; }
#vh-help .vh-account-menu { position:absolute; right:0; top:calc(100% + 8px); z-index:10; min-width:170px; padding:6px; background:var(--vh-surface); border:1px solid var(--vh-line); border-radius:8px; box-shadow:0 8px 24px #0002; }
#vh-help .vh-account-menu form { margin:0; }
#vh-help .vh-account-signout { display:block; width:100%; padding:10px 12px; border:0; border-radius:5px; background:none; color:var(--vh-text); text-align:left; cursor:pointer; white-space:nowrap; }
#vh-help .vh-account-signout:hover { background:var(--vh-raised); }
#vh-help .vh-layout { display:grid; grid-template-columns:260px minmax(0,1fr); }
#vh-help .vh-sidebar { padding:26px 16px; border-right:1px solid var(--vh-line); background:var(--vh-surface); }
#vh-help .vh-overline { font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:var(--vh-muted); font-weight:600; }
#vh-help .vh-sidebar .vh-overline { padding:0 10px; margin:23px 0 10px; }
#vh-help .vh-sidebar .vh-overline:first-child { margin-top:0; }
#vh-help .vh-nav { border:0; background:none; padding:9px 10px; margin:2px 0; width:100%; display:flex; align-items:center; gap:9px; color:var(--vh-muted); text-align:left; border-radius:7px; }
#vh-help .vh-nav:hover { background:var(--vh-raised); color:var(--vh-text); }
#vh-help .vh-nav.vh-active { background:var(--vh-soft); color:var(--vh-orange); }
#vh-help .vh-nav .vh-trailing { margin-left:auto; opacity:.65; }
#vh-help .vh-subnav { border-left:1px solid var(--vh-line); margin:5px 0 8px 7px; padding-left:4px; }
#vh-help .vh-subnav .vh-subnav .vh-subnav .vh-subnav { margin-left:0; padding-left:0; border-left:0; }
#vh-help .vh-subnav .vh-nav { font-size:12px; padding:6px 9px; }
#vh-help .vh-support { border-top:1px solid var(--vh-line); margin:34px 10px 0; padding-top:18px; font-size:12px; color:var(--vh-muted); }
#vh-help .vh-main { min-width:0; padding:32px clamp(20px,3vw,40px) 36px; }
#vh-help .vh-crumb { font-size:11px; color:var(--vh-muted); display:flex; gap:8px; align-items:center; margin-bottom:27px; flex-wrap:wrap; }
#vh-help .vh-hero { padding:5px 0 29px; }
#vh-help .vh-kicker { color:var(--vh-orange); display:flex; gap:9px; align-items:center; font-size:10px; font-weight:600; letter-spacing:.14em; margin-bottom:15px; }
#vh-help .vh-kicker::before { content:''; width:20px; height:1px; background:var(--vh-orange); }
#vh-help .vh-hero h1 { max-width:510px; }
#vh-help .vh-hero p { color:var(--vh-muted); max-width:510px; margin-top:15px; font-size:14px; }
#vh-help .vh-search-wrap { position:relative; margin-top:25px; }
#vh-help .vh-search-wrap > i,#vh-help .vh-search-wrap > svg { position:absolute; top:19px; left:18px; color:var(--vh-orange); }
#vh-help .vh-search { width:100%; color:var(--vh-text); background:var(--vh-raised); border:1px solid var(--vh-line); border-radius:10px; padding:16px 62px 16px 48px; }
#vh-help .vh-search::placeholder { color:var(--vh-muted); opacity:1; }
#vh-help .vh-key { position:absolute; right:15px; top:15px; border:1px solid var(--vh-line); border-radius:4px; padding:2px 6px; color:var(--vh-muted); font-size:11px; }
#vh-help .vh-section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:12px 0 15px; }
#vh-help .vh-section-head h2 { font-size:23px; }
#vh-help .vh-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#vh-help .vh-topic { padding:18px; border:1px solid var(--vh-line); border-radius:var(--vh-radius); background:var(--vh-surface); color:var(--vh-text); text-align:left; min-width:0; display:flex; flex-direction:column; gap:10px; }
#vh-help .vh-topic:hover { border-color:var(--vh-orange); background:var(--vh-raised); }
#vh-help .vh-topic-top { display:flex; align-items:center; justify-content:space-between; color:var(--vh-orange); margin-bottom:5px; }
#vh-help .vh-topic p { font-size:12px; color:var(--vh-muted); }
#vh-help .vh-topic-bottom { display:flex; gap:6px; align-items:center; margin-top:auto; padding-top:9px; font-size:10px; color:var(--vh-muted); }
#vh-help .vh-start { margin-top:27px; }
#vh-help .vh-guide { display:flex; gap:15px; align-items:center; width:100%; background:none; border:0; border-bottom:1px solid var(--vh-line); padding:16px 0; text-align:left; }
#vh-help .vh-guide-number { font-size:11px; color:var(--vh-muted); width:23px; }
#vh-help .vh-guide-copy { flex:1; min-width:0; }
#vh-help .vh-guide-copy strong { font-weight:500; }
#vh-help .vh-guide-copy span { display:block; font-size:11px; color:var(--vh-muted); margin-top:2px; }
#vh-help .vh-guide .vh-arrow { color:var(--vh-orange); }
#vh-help .vh-bottom { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-top:30px; color:var(--vh-muted); font-size:10px; }
#vh-help .vh-badge { display:inline-flex; gap:5px; align-items:center; border:1px solid var(--vh-line); padding:3px 8px; border-radius:5px; font-size:10px; color:var(--vh-muted); }
#vh-help .vh-detail-head { display:flex; justify-content:space-between; align-items:start; gap:16px; margin-bottom:18px; }
#vh-help .vh-detail-head h1 { font-size:40px; margin:13px 0 12px; max-width:460px; }
#vh-help .vh-lead { color:var(--vh-muted); }
#vh-help .vh-meta { color:var(--vh-muted); font-size:11px; display:flex; align-items:center; gap:12px; margin:19px 0 30px; flex-wrap:wrap; }
#vh-help .vh-body-grid { display:grid; grid-template-columns:minmax(0,1fr) 135px; gap:30px; }
#vh-help .vh-article-text h2 { font-size:25px; margin:24px 0 12px; }
#vh-help .vh-article-text p { color:var(--vh-muted); margin-bottom:15px; }
#vh-help .vh-step { display:flex; align-items:start; gap:13px; margin:20px 0; }
#vh-help .vh-step-number { min-width:27px; height:27px; border-radius:7px; background:var(--vh-soft); color:var(--vh-orange); display:grid; place-items:center; font-size:12px; }
#vh-help .vh-step strong { display:block; font-weight:500; margin-bottom:5px; }
#vh-help .vh-step p { font-size:12px; }
#vh-help .vh-note { border-left:2px solid var(--vh-orange); padding:13px 16px; background:var(--vh-soft); margin:24px 0; border-radius:0 8px 8px 0; font-size:12px; }
#vh-help .vh-note p { color:var(--vh-text); margin:5px 0 0; }
#vh-help .vh-toc { font-size:11px; border-left:1px solid var(--vh-line); padding-left:16px; }
#vh-help .vh-toc button { padding:8px 0; font-size:11px; }
#vh-help .vh-toc strong { font-size:10px; color:var(--vh-muted); font-weight:500; }
#vh-help .vh-related { margin-top:28px; border-top:1px solid var(--vh-line); padding-top:20px; }
#vh-help .vh-manage-head { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
#vh-help .vh-manage-head h1 { font-size:38px; }
#vh-help .vh-manage-head p { color:var(--vh-muted); margin-top:10px; font-size:12px; }
#vh-help .vh-table { width:100%; border-collapse:collapse; text-align:left; }
#vh-help .vh-table th { text-transform:uppercase; letter-spacing:.1em; font-weight:500; font-size:9px; color:var(--vh-muted); padding:12px 8px; border-bottom:1px solid var(--vh-line); }
#vh-help .vh-table td { padding:17px 8px; border-bottom:1px solid var(--vh-line); font-size:12px; }
#vh-help .vh-table small { color:var(--vh-muted); display:block; margin-top:4px; font-size:10px; }
#vh-help .vh-state-dot { width:5px; height:5px; border-radius:50%; background:var(--vh-orange); display:inline-block; margin-right:4px; }
#vh-help .vh-edit-layout { display:grid; grid-template-columns:minmax(0,1fr) 190px; gap:20px; }
#vh-help .vh-label { display:block; color:var(--vh-muted); font-size:11px; margin:0 0 7px; }
#vh-help .vh-input,#vh-help .vh-select,#vh-help .vh-textarea { width:100%; border:1px solid var(--vh-line); border-radius:8px; background:var(--vh-surface); color:var(--vh-text); padding:11px 12px; min-width:0; }
#vh-help .vh-field { margin-bottom:18px; min-width:0; }
#vh-help .vh-toolbar { display:flex; flex-wrap:wrap; align-items:center; border:1px solid var(--vh-line); border-bottom:0; border-radius:8px 8px 0 0; padding:6px; gap:4px; background:var(--vh-raised); }
#vh-help .vh-tool { border:0; background:none; padding:7px 9px; border-radius:4px; display:inline-flex; align-items:center; gap:6px; font-size:11px; }
#vh-help .vh-tool:hover { background:var(--vh-soft); }
#vh-help .vh-textarea { border-radius:0 0 8px 8px; min-height:280px; resize:vertical; line-height:1.8; }
#vh-help .vh-properties { border-left:1px solid var(--vh-line); padding-left:18px; }
#vh-help .vh-properties h3 { font-family:Inter,sans-serif; font-size:11px; font-weight:500; letter-spacing:0; margin-bottom:20px; }
#vh-help .vh-editor-bottom { margin-top:20px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
#vh-help .vh-danger { color:#ef9991; }
#vh-help .vh-preview-text { border:1px solid var(--vh-line); padding:20px; border-radius:8px; background:var(--vh-surface); min-height:280px; }
#vh-help .vh-preview-text h2 { font-size:25px; margin-bottom:15px; }
#vh-help .vh-preview-text p { margin-bottom:12px; }
#vh-help .vh-prototype-label { text-align:right; font-size:10px; margin:8px 0 0; color:var(--vh-muted); }
#vh-help .vh-toast { background:var(--vh-raised); border-left:2px solid var(--vh-orange); padding:12px 15px; margin-bottom:22px; font-size:12px; }
#vh-help .vh-mobile-nav { display:none; }
#vh-help .vh-empty { padding:24px 0; color:var(--vh-muted); }
/* Live application layout and native form fallbacks. */
body:has(#vh-help) { background:#071017; }
#vh-help { min-height:100vh; }
#vh-help .vh-main { width:100%; max-width:1120px; margin:0 auto; }
#vh-help .vh-topbar { max-width:none; }
#vh-help .vh-brand { text-decoration:none; color:var(--vh-text); }
#vh-help a { color:inherit; text-decoration:none; }
#vh-help .vh-icon { width:17px; height:17px; flex-shrink:0; vertical-align:middle; }
#vh-help .vh-nav span { min-width:0; overflow-wrap:anywhere; }
#vh-help .vh-sidebar { align-self:start; position:sticky; top:0; max-height:100vh; overflow:auto; }
#vh-help .vh-sidebar .vh-support .vh-overline { padding:0; }
#vh-help .vh-nav:hover,#vh-help .vh-guide:hover { color:var(--vh-orange); }
#vh-help .vh-crumb { margin-bottom:25px; }
#vh-help .vh-crumb a:hover { color:var(--vh-orange); }
#vh-help .vh-page-heading { margin-bottom:24px; }
#vh-help .vh-page-heading h1 { font-size:38px; }
#vh-help .vh-body-grid { grid-template-columns:minmax(0,1fr) 160px; }
#vh-help .vh-search-wrap,#vh-help .vh-search-form { display:flex; align-items:center; gap:8px; position:relative; }
#vh-help .vh-search-form { margin:20px 0; }
#vh-help .vh-search-wrap > svg,#vh-help .vh-search-form > svg { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:var(--vh-orange); }
#vh-help .vh-search { flex:1; min-width:0; width:0; }
#vh-help .vh-search-wrap button,#vh-help .vh-search-form button { padding:15px 18px; }
#vh-help .vh-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
#vh-help .vh-bottom { max-width:none; margin:0; border:0; padding:32px 0 0; align-items:center; }
#vh-help .vh-bottom form { margin:0; }
#vh-help .vh-topbar .vh-brand-label { white-space:nowrap; }
#vh-help .vh-article-text { min-width:0; overflow-wrap:anywhere; }
#vh-help .vh-article-text h1 { font-size:32px; margin:24px 0 14px; }
#vh-help .vh-article-text h2 { scroll-margin-top:25px; }
#vh-help .vh-article-text h3 { margin:22px 0 12px; font-size:22px; }
#vh-help .vh-article-text p,#vh-help .vh-article-text li { color:var(--vh-text); line-height:1.85; }
#vh-help .vh-article-text a { color:var(--vh-orange); text-decoration:underline; text-underline-offset:3px; }
#vh-help .vh-article-text img { display:block; max-width:100%; height:auto; border-radius:10px; margin:20px 0; }
#vh-help .vh-article-text pre { background:var(--vh-surface); border-color:var(--vh-line); max-width:100%; }
#vh-help .vh-article-text table { border-collapse:collapse; display:block; overflow:auto; max-width:100%; }
#vh-help .vh-article-text th,#vh-help .vh-article-text td { border:1px solid var(--vh-line); padding:10px; }
#vh-help .vh-article-text blockquote { border-left:2px solid var(--vh-orange); background:var(--vh-soft); margin:22px 0; padding:14px 18px; }
#vh-help .vh-toc { position:sticky; top:25px; align-self:start; }
#vh-help .vh-toc nav { display:flex; flex-direction:column; gap:12px; margin-top:17px; }
#vh-help .vh-toc a { color:var(--vh-muted); overflow-wrap:anywhere; }
#vh-help .vh-toc a:hover { color:var(--vh-orange); }
#vh-help .vh-toc-child { padding-left:8px; }
#vh-help .vh-home-intro { margin-top:28px; border-top:1px solid var(--vh-line); padding-top:18px; }
#vh-help summary { cursor:pointer; color:var(--vh-muted); }
#vh-help .vh-filter { display:flex; gap:10px; margin:0 0 18px; flex-wrap:wrap; }
#vh-help .vh-filter input { flex:1; min-width:150px; }
#vh-help .vh-filter select { width:auto; }
#vh-help .vh-table-wrap { max-width:100%; overflow:auto; }
#vh-help .vh-table td:first-child { width:55%; }
#vh-help .vh-table a:hover { color:var(--vh-orange); }
#vh-help .vh-table th:last-child { text-align:right; }
#vh-help .vh-table td:last-child { text-align:right; }
#vh-help .vh-published { color:var(--vh-orange); background:var(--vh-soft); border-color:transparent; }
#vh-help .vh-properties h2 { font-family:Inter,sans-serif; font-size:11px; letter-spacing:.06em; margin:0 0 20px; text-transform:uppercase; }
#vh-help .vh-properties-note { color:var(--vh-muted); font-size:11px; }
#vh-help .vh-field label,#vh-help .vh-properties label { margin:0 0 7px; }
#vh-help .vh-editor-meta { margin:0 0 24px; color:var(--vh-muted); font-size:11px; }
#vh-help .vh-editor-meta a { color:var(--vh-orange); }
#vh-help .vh-image-picker { margin-top:24px; background:var(--vh-surface); border:1px solid var(--vh-line); border-radius:10px; padding:16px; }
#vh-help .vh-image-picker form { padding-top:15px; }
#vh-help .vh-image-picker input { display:block; margin-bottom:10px; }
#vh-help .vh-image-picker p { color:var(--vh-muted); font-size:12px; margin:9px 0; }
#vh-help .vh-feedback { font-size:12px; color:var(--vh-muted); margin:12px 0; }
#vh-help .vh-notice { background:var(--vh-soft); border-left:2px solid var(--vh-orange); padding:15px 18px; margin-bottom:20px; }
#vh-help .vh-editor-bottom { border-top:1px solid var(--vh-line); padding-top:20px; }
#vh-help .vh-main>form:not(#article-editor):not(.vh-filter):not(.vh-search-form) { margin:22px 0; }
#vh-help .vh-main>form>label { display:block; margin:18px 0; }
#vh-help input[type="checkbox"] { width:auto; }
#vh-help .vh-main>p { margin:12px 0; }
#vh-help .vh-main>form>button { background:var(--vh-orange); color:var(--vh-on-orange); border:0; border-radius:8px; padding:11px 16px; }
#vh-help .vh-main>p>a { color:var(--vh-orange); }
@media(max-width:850px) { #vh-help .vh-body-grid { grid-template-columns:minmax(0,1fr); } #vh-help .vh-properties h2 { grid-column:1/-1; } }
@media(max-width:650px) { #vh-help .vh-sidebar { position:static; max-height:none; } #vh-help .vh-filter select { flex:1; } #vh-help .vh-article-text { width:100%; } #vh-help .vh-action-label { display:none; } #vh-help .vh-logo { width:165px; } #vh-help .vh-properties { grid-template-columns:minmax(0,1fr); } #vh-help .vh-search { font-size:16px; } #vh-help .vh-manage-head { align-items:flex-start; } }
@media(prefers-reduced-motion:reduce) { #vh-help * { scroll-behavior:auto!important; } }
@media(max-width:850px) { #vh-help .vh-body-grid,#vh-help .vh-edit-layout { grid-template-columns:minmax(0,1fr); } #vh-help .vh-toc { display:none; } #vh-help .vh-properties { border:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:0 15px; } #vh-help .vh-properties h3 { grid-column:1/-1; } #vh-help .vh-topic-grid { gap:8px; } #vh-help .vh-topic { padding:14px; } }
@media(max-width:650px) { #vh-help .vh-layout { grid-template-columns:1fr; } #vh-help .vh-sidebar { display:none; } #vh-help .vh-sidebar.vh-open { display:block; border-bottom:1px solid var(--vh-line); } #vh-help .vh-mobile-nav { display:inline-flex; } #vh-help .vh-topbar { padding:15px 17px; gap:12px; flex-wrap:wrap; } #vh-help .vh-brand-label { display:none; } #vh-help .vh-top-actions { gap:8px; } #vh-help .vh-main { padding:22px 18px; } #vh-help .vh-top-actions .vh-admin-label { display:none; } #vh-help .vh-topic-grid { grid-template-columns:1fr; } #vh-help .vh-topic { gap:6px; } #vh-help .vh-topic-top { margin:0; } #vh-help .vh-topic-bottom { padding-top:4px; } #vh-help .vh-detail-head { flex-wrap:wrap; } #vh-help .vh-table .vh-audience-col { display:none; } #vh-help .vh-table td { padding:13px 5px; } #vh-help .vh-input,#vh-help .vh-textarea,#vh-help .vh-select { font-size:16px; } #vh-help .vh-action,#vh-help .vh-nav,#vh-help .vh-tool { min-height:44px; } }
@media(max-width:650px) { #vh-help .vh-properties { grid-template-columns:minmax(0,1fr); } #vh-help .vh-logo { width:165px; } }