/* TomHow guide components: "How to get your business recommended by ChatGPT", 26 October 2026, private review.
   Loaded after visual-b4.css. Every selector is scoped under .vx with a vx-cg- prefix and uses Design OS tokens only.
   No new colours: Paper, Bone, Ecru, Coal, Smoke, Citation Coral, Citation Hot, Live Green and the console palette. */

/* Reading progress: a 3px Citation Coral line above the sticky header */
.vx-cg-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:80;pointer-events:none;background:transparent}
.vx-cg-progress i{display:block;height:100%;background:var(--citation);transform-origin:0 50%;transform:scaleX(var(--cg-p,0))}

/* Mono labels keep their size wherever a paragraph rule would enlarge them; colour is left to each surface */
.vx-cg-terms p.vx-mono,.vx-cg-obs-row p.vx-mono,.vx-cg-rb-out p.vx-mono,.vx-cg-ba p.vx-mono,.vx-cg-st p.vx-mono{font-family:var(--font-mono);font-size:var(--text-mono-xs);line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.vx-cg-btn[hidden]{display:none}
.vx-cg-block{margin-top:var(--space-8)}
.vx-cg-block-head{margin-bottom:var(--space-6);align-items:end}

/* Hero byline and answer card */
.vx-cg-by{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}
.vx-cg-by img{width:44px;height:44px;border-radius:50%;filter:grayscale(1);object-fit:cover;flex:none}
.vx-cg-by p{font-size:14px;line-height:1.45;color:var(--smoke)}
.vx-cg-by b{display:block;color:var(--coal);font-weight:500}
.vx-cg-short{background:var(--bone);border:1px solid var(--ecru);border-top:3px solid var(--citation);padding:var(--space-6);display:grid;grid-template-columns:4fr 7fr;gap:var(--space-7)}
.vx-cg-short h2{font-size:var(--text-3xl);letter-spacing:-.025em;line-height:1.1}
.vx p.vx-cg-short-lead{font-size:var(--text-lg);line-height:1.55;color:var(--coal);margin-bottom:var(--space-5)}
.vx ul.vx-cg-ticks li{position:relative;padding:10px 0 10px 26px;border-top:1px solid var(--ecru);font-size:16px;line-height:1.5}
.vx ul.vx-cg-ticks li::before{content:"";position:absolute;left:0;top:17px;width:10px;height:10px;background:var(--citation)}
.vx ul.vx-cg-ticks li b{font-weight:500}

/* Contents strip */
.vx ol.vx-cg-toc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--coal);margin-top:var(--space-7)}
.vx-cg-toc li{border-bottom:1px solid var(--ecru)}
.vx-cg-toc a{display:flex;gap:var(--space-3);padding:14px var(--space-4) 14px 0;font-size:15px;font-weight:500;line-height:1.3;color:var(--coal)}
.vx-cg-toc a span{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.08em;color:var(--smoke);padding-top:3px}
.vx-cg-toc a:hover,.vx-cg-toc a[aria-current="true"]{color:var(--citation)}
.vx-cg-toc a[aria-current="true"] span{color:var(--citation)}

/* Prose blocks inside sections */
.vx-cg-prose{max-width:68ch}
.vx .vx-cg-prose p{font-size:var(--text-md);line-height:1.7;color:var(--coal);margin:0 0 var(--space-5)}
.vx .vx-cg-prose p a,.vx .vx-cg-note a{color:var(--coal);border-bottom:1px solid var(--citation)}
.vx .vx-cg-prose p a:hover,.vx .vx-cg-note a:hover{color:var(--citation)}
.vx .vx-cg-prose h3{margin:var(--space-7) 0 var(--space-4)}
.vx .vx-cg-note{font-size:14px;line-height:1.55;color:var(--smoke);max-width:72ch;margin-top:var(--space-4)}
.vx-cg-two{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-8);align-items:start}

/* Source markers: every figure links to the numbered source list */
.vx sup.vx-cg-sup{font-size:0;line-height:0;vertical-align:super}
.vx sup.vx-cg-sup a{font-family:var(--font-mono);font-size:11px;line-height:1;color:var(--citation);border:0;padding:0 1px;letter-spacing:0}
.vx sup.vx-cg-sup a:hover{text-decoration:underline}
.vx a.vx-cg-srclink{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);border-bottom:1px solid var(--ecru)}
.vx a.vx-cg-srclink:hover{color:var(--citation);border-color:var(--citation)}

/* Founder quote with portrait */
.vx-cg-quote{margin:var(--space-7) 0}
.vx-cg-quote blockquote{margin:0}
.vx-cg-quote .vx-quote-by{display:flex;align-items:center;gap:var(--space-3)}
.vx-cg-quote .vx-quote-by img{width:40px;height:40px;border-radius:50%;filter:grayscale(1);object-fit:cover;flex:none}

/* Segmented control (light surface) */
.vx-cg-seg{display:inline-flex;border:1px solid var(--ecru);background:var(--paper);flex-wrap:wrap}
.vx-cg-seg button{font:inherit;font-size:14px;font-weight:500;padding:10px 16px;border:0;background:transparent;color:var(--coal);cursor:pointer;line-height:1.2}
.vx-cg-seg button+button{border-left:1px solid var(--ecru)}
.vx-cg-seg button[aria-pressed="true"]{background:var(--coal);color:var(--paper)}
.vx-cg-seg button:focus-visible,.vx-cg-btn:focus-visible,.vx-cg-copy:focus-visible{outline:2px solid var(--citation);outline-offset:3px}

/* Small buttons */
.vx-cg-btn{font:inherit;font-size:14px;font-weight:500;padding:10px 16px;border:1px solid var(--ecru);background:var(--paper);color:var(--coal);cursor:pointer;line-height:1.2;display:inline-flex;align-items:center;gap:8px}
.vx-cg-btn:hover{border-color:var(--coal)}
.vx-cg-btn.vx-cg-primary{background:var(--citation);border-color:var(--citation);color:var(--paper)}
.vx-cg-btn.vx-cg-primary:hover{background:var(--citation-hot);border-color:var(--citation-hot)}
.vx-cg-copy{font:inherit;font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.08em;text-transform:uppercase;border:0;border-bottom:1px solid var(--citation);background:transparent;color:var(--coal);cursor:pointer;padding:2px 0;flex:none}
.vx-cg-copy:hover{color:var(--citation)}

/* Prompt builder */
.vx-cg-pb{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);border:1px solid var(--ecru);background:var(--paper)}
.vx-cg-pb-form{background:var(--bone);padding:var(--space-6);border-right:1px solid var(--ecru)}
.vx-cg-field{display:block;margin-bottom:var(--space-5)}
.vx-cg-field span{display:block;font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);margin-bottom:6px}
.vx-cg-field input,.vx-cg-field textarea,.vx-cg-field select{width:100%;font:inherit;font-size:16px;color:var(--coal);background:var(--paper);border:1px solid var(--ecru);padding:11px 12px;border-radius:0}
.vx-cg-field textarea{font-family:var(--font-mono);font-size:13px;line-height:1.55;min-height:220px;resize:vertical}
.vx-cg-field input:focus,.vx-cg-field textarea:focus,.vx-cg-field select:focus{outline:2px solid var(--citation);outline-offset:1px;border-color:var(--coal)}
.vx-cg-field small{display:block;font-size:12px;color:var(--smoke);margin-top:6px;line-height:1.45}
.vx-cg-pb-out{padding:var(--space-6)}
.vx-cg-pb-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}
.vx ol.vx-cg-qs{border-top:1px solid var(--coal)}
.vx-cg-qs li{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:var(--space-4);align-items:baseline;padding:14px 0;border-bottom:1px solid var(--ecru)}
.vx-cg-qs .vx-mono{color:var(--smoke)}
.vx-cg-qs li.vx-cg-ctrl .vx-mono{color:var(--citation)}
.vx-cg-qs q{quotes:none;font-size:16px;line-height:1.5;color:var(--coal)}
.vx-cg-qs q em{font-style:normal;color:var(--citation)}
.vx-cg-pb-foot{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;margin-top:var(--space-5)}

/* Record strip: six fields written down for every check */
.vx ol.vx-cg-rec{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--coal);margin-top:var(--space-7)}
.vx-cg-rec li{padding:var(--space-4) var(--space-4) var(--space-4) 0;border-bottom:1px solid var(--ecru)}
.vx-cg-rec li span{display:block;font-family:var(--font-mono);font-size:var(--text-mono-xs);color:var(--citation);letter-spacing:.08em;margin-bottom:6px}
.vx-cg-rec li b{display:block;font-weight:500;font-size:15px;line-height:1.3;margin-bottom:4px}
.vx-cg-rec li small{display:block;color:var(--smoke);font-size:13px;line-height:1.45}

/* Outcome terms (mention, recommendation, citation) */
.vx ol.vx-cg-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--coal)}
.vx-cg-terms li{padding:var(--space-5) var(--space-5) var(--space-5) 0;border-bottom:1px solid var(--ecru)}
.vx-cg-terms li+li{padding-left:var(--space-5);border-left:1px solid var(--ecru)}
.vx-cg-terms b{display:block;font-size:var(--text-xl);font-weight:500;letter-spacing:-.01em;margin:6px 0}
.vx-cg-terms p{font-size:15px;line-height:1.55;color:var(--smoke)}
.vx-cg-terms li:last-child .vx-mono{color:var(--citation)}

/* Before and after opening */
.vx-cg-ba{border:1px solid var(--ecru);background:var(--paper)}
.vx-cg-ba-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--ecru);background:var(--bone);flex-wrap:wrap}
.vx-cg-ba-view{padding:var(--space-6) var(--space-5)}
.vx-cg-ba-view[hidden]{display:none}
.vx p.vx-cg-ba-line{font-size:28px;line-height:1.3;letter-spacing:-.02em;font-weight:500;max-width:30ch;margin-bottom:var(--space-6)}
.vx-cg-ba-line mark{background:transparent;color:inherit;box-shadow:inset 0 -6px 0 var(--vx-coral-14)}
.vx ul.vx-cg-ba-list{border-top:1px solid var(--ecru)}
.vx-cg-ba-list li{display:flex;justify-content:space-between;gap:var(--space-4);padding:12px 0;border-bottom:1px solid var(--ecru);font-size:15px}
.vx-cg-pill{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;line-height:1.3;white-space:nowrap}
.vx-cg-pill.vx-cg-yes{background:var(--vx-indexed-fill);color:var(--vx-indexed-text)}
.vx-cg-pill.vx-cg-no{background:var(--vx-coral-14);color:var(--citation-hot)}
.vx-cg-pill.vx-cg-wait{background:var(--bone);color:var(--smoke);border:1px solid var(--ecru)}

/* Observed page record */
.vx-cg-obs{border-top:1px solid var(--coal)}
.vx-cg-obs-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--ecru)}
.vx-cg-obs-row p.vx-cg-obs-h{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:6px;color:var(--coal)}
.vx-cg-obs-row.vx-cg-proposed p.vx-cg-obs-h{color:var(--citation)}
.vx-cg-obs-row p{font-size:15px;line-height:1.55;color:var(--smoke)}

/* Customer question table */
.vx table.vx-cg-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.vx-cg-table caption{text-align:left;font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);padding-bottom:var(--space-3)}
.vx-cg-table th,.vx-cg-table td{text-align:left;vertical-align:top;padding:14px 16px 14px 0;border-top:1px solid var(--ecru)}
.vx-cg-table thead th{border-top:1px solid var(--coal);font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);font-weight:500}
.vx-cg-table tbody th{font-weight:500;color:var(--coal);width:40%}
.vx-cg-table td{color:var(--smoke)}
.vx-cg-table td.vx-cg-num{font-family:var(--font-mono);text-align:right;color:var(--coal);white-space:nowrap}
.vx-cg-tablewrap{overflow-x:auto}

/* Robots.txt checker */
.vx-cg-rb{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);border:1px solid var(--ecru)}
.vx-cg-rb-in{padding:var(--space-6);background:var(--bone);border-right:1px solid var(--ecru)}
.vx-cg-rb-out{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}
.vx-cg-rb-bots{margin-bottom:var(--space-5)}
.vx p.vx-cg-verdict{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.025em;line-height:1.1}
.vx-cg-verdict.vx-cg-ok{color:var(--live-green-light)}
.vx-cg-verdict.vx-cg-bad{color:var(--citation)}
.vx-cg-rb-out p{font-size:15px;line-height:1.55;color:var(--smoke)}
.vx-cg-rb-out code{font-family:var(--font-mono);font-size:13px;color:var(--coal);background:var(--bone);border:1px solid var(--ecru);padding:2px 6px;word-break:break-all}
.vx-cg-roles{border-top:1px solid var(--coal);margin-top:var(--space-6)}
.vx-cg-roles li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--space-4);padding:12px 0;border-bottom:1px solid var(--ecru);font-size:15px;line-height:1.5}
.vx-cg-roles li code{font-family:var(--font-mono);font-size:13px;color:var(--coal)}
.vx-cg-roles li span{color:var(--smoke)}

/* Answer assembly motion explainer: four stages lit in turn, rules between columns, no nested boxes */
.vx-cg-flow{border:1px solid var(--ecru);background:var(--bone);margin:0}
.vx-cg-flow-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--ecru)}
.vx ol.vx-cg-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.vx-cg-st{padding:var(--space-5);border-top:3px solid transparent;opacity:.32;transition:opacity .45s var(--vx-ease),border-color .45s var(--vx-ease);display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.vx-cg-st+.vx-cg-st{border-left:1px solid var(--ecru)}
.vx-cg-st.vx-cg-on{opacity:1;border-top-color:var(--citation)}
.vx-cg-st .vx-mono{color:var(--smoke)}
.vx-cg-st.vx-cg-on .vx-mono{color:var(--citation)}
.vx-cg-st-vis{min-height:132px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.vx p.vx-cg-st-q{font-size:15px;line-height:1.45;font-weight:500;border-left:3px solid var(--citation);padding-left:var(--space-3)}
.vx-cg-st-vis code{display:block;font-family:var(--font-mono);font-size:12px;line-height:1.4;color:var(--coal);overflow-wrap:anywhere}
.vx-cg-st-vis code::before{content:"\2192\00a0";color:var(--citation)}
.vx-cg-res{display:flex;align-items:center;gap:8px}
.vx-cg-res i{display:block;height:8px;background:var(--steel);opacity:.55}
.vx-cg-res.vx-cg-hi i{background:var(--citation);opacity:1}
.vx-cg-res span{font-family:var(--font-mono);font-size:11px;color:var(--smoke);white-space:nowrap}
.vx-cg-ans{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;line-height:1.3;padding:5px 0;border-bottom:1px solid var(--ecru)}
.vx-cg-ans.vx-cg-you{color:var(--citation);font-weight:500}
.vx-cg-ans sup{font-family:var(--font-mono);font-size:10px;line-height:1;padding:3px 5px;background:var(--paper);border:1px solid var(--ecru);color:var(--coal)}
.vx p.vx-cg-st-d{font-size:14px;line-height:1.5;color:var(--smoke);margin-top:auto}
.vx-cg-st-d b{display:block;color:var(--coal);font-weight:500;margin-bottom:2px}
.vx-cg-flow figcaption{padding:var(--space-3) var(--space-5);border-top:1px solid var(--ecru)}

/* Proof console: research */
.vx-cg-console .vx-sub{color:var(--vx-muted-dark)}
.vx-cg-console .vx-mono{color:var(--vx-muted-dark)}
.vx-cg-stat{background:var(--carbon-2);padding:var(--space-5);display:flex;flex-direction:column;gap:8px}
.vx-cg-stat .vx-cg-val{font-family:var(--font-mono);font-size:48px;letter-spacing:-.04em;line-height:1;color:var(--paper)}
.vx-cg-stat .vx-cg-val.vx-cg-hot{color:var(--citation)}
.vx-cg-stat p{font-size:15px;line-height:1.5;color:var(--off-white)}
.vx-cg-stat a{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-muted-dark);border-bottom:1px solid var(--steel);align-self:flex-start;margin-top:auto}
.vx-cg-stat a:hover{color:var(--paper);border-color:var(--citation)}
.vx-cg-chart{background:var(--carbon);padding:var(--space-6);margin-top:2px}
.vx-cg-chart-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap}
.vx-cg-chart-top h3{color:var(--paper);font-size:var(--text-xl);max-width:34ch}
.vx-cg-dseg{display:inline-flex;flex-wrap:wrap;gap:2px}
.vx-cg-dseg button{font:inherit;font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.08em;text-transform:uppercase;padding:9px 12px;border:0;background:var(--carbon-2);color:var(--vx-muted-dark);cursor:pointer}
.vx-cg-dseg button[aria-pressed="true"]{color:var(--paper);box-shadow:inset 0 -2px 0 var(--citation)}
.vx-cg-dseg button:focus-visible,.vx-cg-bar:focus-visible{outline:2px solid var(--citation);outline-offset:2px}
.vx ol.vx-cg-bars{display:flex;flex-direction:column;gap:var(--space-4)}
.vx-cg-bar{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:6px var(--space-4);align-items:center;position:relative}
.vx-cg-bar-l{font-size:15px;color:var(--off-white)}
.vx-cg-bar-v{font-family:var(--font-mono);font-size:18px;color:var(--paper);text-align:right}
.vx-cg-bar-t{grid-column:1/-1;height:14px;background:var(--carbon-2);position:relative;overflow:hidden}
.vx-cg-bar-t i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v,0) * 100%);background:var(--steel);transition:width .7s var(--vx-ease)}
.vx-cg-bar.vx-cg-top .vx-cg-bar-t i{background:var(--citation)}
.vx-cg-axis{display:flex;justify-content:space-between;margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-mono-xs);color:var(--steel)}
.vx-cg-tip{position:absolute;right:0;top:-34px;background:var(--paper);color:var(--coal);font-family:var(--font-mono);font-size:12px;padding:6px 8px;line-height:1.3;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;z-index:2;white-space:nowrap}
.vx-cg-bar:hover .vx-cg-tip,.vx-cg-bar:focus .vx-cg-tip{opacity:1;transform:none}
.vx-cg-chart-foot{font-size:13px;line-height:1.55;color:var(--vx-muted-dark);margin-top:var(--space-5);max-width:80ch}
.vx-cg-chart-foot a{color:var(--off-white);border-bottom:1px solid var(--citation)}
.vx-cg-console details{border-color:var(--carbon-2);margin-top:var(--space-4)}
.vx-cg-console details:last-child{border-bottom-color:var(--carbon-2)}
.vx-cg-console summary{color:var(--off-white);font-size:15px;padding:14px 0}
.vx-cg-console table.vx-cg-table th,.vx-cg-console table.vx-cg-table td{border-top-color:var(--carbon-2);color:var(--vx-muted-dark)}
.vx-cg-console table.vx-cg-table thead th{border-top-color:var(--steel)}
.vx-cg-console table.vx-cg-table tbody th,.vx-cg-console table.vx-cg-table td.vx-cg-num{color:var(--off-white)}
.vx-cg-console .vx-cg-table caption{color:var(--vx-muted-dark)}
.vx-cg-console .vx-cg-sup a{color:var(--citation)}

/* Source filter */
.vx-cg-sf{border-top:1px solid var(--coal)}
.vx-cg-sf-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:center;padding:14px 0;border-bottom:1px solid var(--ecru)}
.vx-cg-sf-row p{font-size:16px;line-height:1.45}
.vx-cg-sf-out{display:flex;gap:var(--space-4);align-items:baseline;padding:var(--space-5) 0 0;flex-wrap:wrap}
.vx p.vx-cg-sf-v{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em}
.vx p.vx-cg-sf-d{font-size:15px;color:var(--smoke);line-height:1.5;flex-basis:100%}

/* FAQ: the question is a heading inside the summary so the page outline carries it */
.vx-cg-faq summary h3{font:inherit;font-size:var(--text-lg);font-weight:500;letter-spacing:-.01em;line-height:1.35;margin:0;color:inherit;text-transform:none;flex:1;max-width:none}
.vx-cg-faq details p.vx-cg-faq-by{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);padding-bottom:var(--space-5)}
.vx-cg-faq details p.vx-cg-faq-by a{color:var(--smoke);border-bottom:1px solid var(--ecru)}
.vx-cg-faq .vx-faq-group{margin:var(--space-7) 0 var(--space-3)}
.vx-cg-faq .vx-faq-group:first-child{margin-top:0}

/* Numbered source list */
.vx ol.vx-cg-refs{border-top:1px solid var(--coal);counter-reset:cgref}
.vx-cg-refs li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--ecru);scroll-margin-top:calc(var(--th-h,64px) + 24px)}
.vx-cg-refs li:target{background:var(--vx-coral-06)}
.vx-cg-refs .vx-cg-refn{font-family:var(--font-mono);font-size:var(--text-mono-sm);color:var(--citation)}
.vx-cg-refs a{font-weight:500;color:var(--coal);border-bottom:1px solid var(--citation);font-size:16px;line-height:1.4}
.vx-cg-refs a:hover{color:var(--citation)}
.vx-cg-refs p{font-size:14px;line-height:1.5;color:var(--smoke);margin-top:4px}
.vx-cg-refs .vx-mono{display:block;margin-top:6px}
.vx ul.vx-cg-method li{padding:10px 0;border-top:1px solid var(--ecru);font-size:15px;line-height:1.55;color:var(--smoke)}
.vx ul.vx-cg-method li b{color:var(--coal);font-weight:500}

/* Responsive rails (Design OS): 16px gutter and 24px panel padding to 720px, 12px and 16px to 420px */
@media (max-width:1060px){
  .vx ol.vx-cg-rec{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vx-cg-pb,.vx-cg-rb{grid-template-columns:1fr}
  .vx-cg-pb-form,.vx-cg-rb-in{border-right:0;border-bottom:1px solid var(--ecru)}
}
@media (max-width:860px){
  .vx-cg-short,.vx-cg-two{grid-template-columns:1fr;gap:var(--space-6)}
  .vx ol.vx-cg-toc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vx ol.vx-cg-terms{grid-template-columns:1fr}
  .vx-cg-terms li+li{padding-left:0;border-left:0}
  .vx-cg-obs-row{grid-template-columns:1fr;gap:var(--space-2)}
  .vx ol.vx-cg-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vx-cg-st:nth-child(3){border-left:0}
  .vx-cg-st:nth-child(n+3){border-top-width:3px;box-shadow:inset 0 1px 0 var(--ecru)}
}
@media (max-width:720px){
  .vx-cg-short,.vx-cg-pb-form,.vx-cg-pb-out,.vx-cg-rb-in,.vx-cg-rb-out,.vx-cg-chart,.vx-cg-ba-view{padding:var(--space-5)}
  .vx-cg-ba-top,.vx-cg-flow-top{padding:var(--space-3) var(--space-4)}
  .vx ol.vx-cg-rec{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vx-cg-qs li{grid-template-columns:minmax(0,1fr) auto;gap:6px var(--space-3)}
  .vx-cg-qs li .vx-mono{grid-column:1/-1}
  .vx p.vx-cg-ba-line{font-size:22px}
  .vx-cg-stat .vx-cg-val{font-size:40px}
  .vx-cg-roles li{grid-template-columns:1fr;gap:2px}
  .vx-cg-table tbody th{width:auto}
  .vx-cg-st{padding:var(--space-4)}
  .vx-cg-flow figcaption{padding:var(--space-3) var(--space-4)}
}
@media (max-width:540px){
  .vx ol.vx-cg-flow-grid{grid-template-columns:1fr}
  .vx-cg-st+.vx-cg-st{border-left:0;box-shadow:inset 0 1px 0 var(--ecru)}
  .vx-cg-st-vis{min-height:0}
}
@media (max-width:420px){
  .vx-cg-short,.vx-cg-pb-form,.vx-cg-pb-out,.vx-cg-rb-in,.vx-cg-rb-out,.vx-cg-chart,.vx-cg-ba-view{padding:var(--space-4)}
  .vx ol.vx-cg-toc{grid-template-columns:1fr}
  .vx-cg-seg button{padding:10px 12px;font-size:13px}
  .vx-cg-refs li{grid-template-columns:36px minmax(0,1fr);gap:var(--space-3)}
}
@media (prefers-reduced-motion:reduce){
  .vx-cg-bar-t i,.vx-cg-st,.vx-cg-tip{transition:none}
}
@media print{
  .vx-cg-progress,.vx-cg-pb-form,.vx-cg-rb,.vx-cg-flow-top,.vx-cg-dseg{display:none}
}