/* bn Vorgehen: Roadmap-App und Phasen-Arbeitsansicht. Präfix c-vg-. Tokens aus /css/tokens.css. */
.c-vg [hidden] { display: none !important; }
.c-vg { --vg-glass: rgba(255, 255, 255, .66); --vg-glass-line: rgba(183, 203, 184, .75); --vg-ease: var(--ease, cubic-bezier(.2, .7, .2, 1)); position: relative; }
.c-vg--hub { background: linear-gradient(180deg, var(--color-tint, #EEF3EE) 0%, var(--color-sand, #F1ECDF) 100%); }
.c-vg--conf { background: var(--color-sand, #F1ECDF); padding-top: 0; }
.c-vg-glass { background: var(--vg-glass); border: 1px solid var(--vg-glass-line); border-radius: var(--radius-lg, 10px); -webkit-backdrop-filter: blur(14px) saturate(1.1); backdrop-filter: blur(14px) saturate(1.1); box-shadow: 0 18px 40px -26px rgba(11, 20, 12, .35); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .c-vg-glass { background: rgba(255, 255, 255, .92); } }

.c-vg-head { display: flex; gap: var(--space-4, 32px); justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: var(--space-4, 32px); }
.c-vg-head__title { font-size: var(--fs-h2); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); font-weight: var(--fw-light, 300); margin: 8px 0 12px; max-width: 24ch; }
.c-vg-head__intro { max-width: 62ch; color: var(--color-text-muted); margin: 0; }
.c-vg-note { margin: var(--space-3, 24px) 0 0; color: var(--color-text-muted); font-size: var(--fs-sm); }
.c-vg-linkbtn { background: none; border: 0; padding: 4px 2px; font: inherit; color: var(--color-secondary); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.c-vg-linkbtn:hover { color: var(--color-primary); }
.c-vg-linkbtn:disabled { opacity: .4; cursor: default; text-decoration: none; }
.c-vg .c-btn:disabled { opacity: .4; cursor: default; }
.c-vg-print { background: transparent; border: 1px solid var(--color-line-green); color: var(--color-primary); }
.c-vg-print:hover { background: var(--color-sage-soft); }
.c-vg a:focus-visible, .c-vg button:focus-visible, .c-vg input:focus-visible + span, .c-vg summary:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; border-radius: 4px; }

/* ---- Zeitleiste (Hub) ---- */
.c-vg-track { position: relative; margin-bottom: var(--space-4, 32px); }
.c-vg-track__rail { position: absolute; left: 12.5%; right: 12.5%; top: 27px; height: 3px; background: var(--color-line-green); border-radius: 3px; overflow: hidden; }
.c-vg-track__fill { display: block; height: 100%; width: 100%; background: var(--color-secondary); transform-origin: left; transform: scaleX(var(--p, 0)); transition: transform .7s var(--vg-ease); }
.c-vg-track__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); position: relative; }
.c-vg-node { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0 8px 12px; text-align: center; text-decoration: none; color: var(--color-text); }
.c-vg-node__dot { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; font-size: 20px; font-weight: var(--fw-medium); background: #fff; border: 2px solid var(--color-line-green); color: var(--color-text-muted); transition: background .4s var(--vg-ease), border-color .4s, color .4s, transform .4s var(--vg-ease); }
.c-vg-node:hover .c-vg-node__dot { border-color: var(--color-secondary); transform: translateY(-2px); }
.c-vg-node.is-done .c-vg-node__dot { background: var(--color-sage); border-color: var(--color-secondary); color: var(--color-primary); }
.c-vg-node.is-active .c-vg-node__dot { background: var(--color-secondary); border-color: var(--color-secondary); color: #fff; transform: scale(1.08); box-shadow: 0 0 0 6px rgba(63, 107, 66, .16); }
.c-vg-node__name { font-weight: var(--fw-medium); margin-top: 8px; line-height: 1.25; }
.c-vg-node__dur { font-size: var(--fs-sm); color: var(--color-text-muted); }
.c-vg-node__done { font-size: var(--fs-xs); color: var(--color-secondary); background: var(--color-sage-soft); border-radius: var(--radius-pill); padding: 2px 10px; margin-top: 4px; }

/* ---- Phasen-Panels (Hub) ---- */
.c-vg-stage { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3, 24px); }
.c-vg-panel, .c-vg-conf, .c-vg-conf__grid > *, .c-vg-result-card { min-width: 0; }
.c-vg-panel { padding: clamp(20px, 3.4vw, 44px); }
.c-vg-panel__title { font-size: var(--fs-h2); font-weight: var(--fw-light, 300); letter-spacing: var(--ls-heading); line-height: var(--lh-heading); margin: 6px 0 10px; }
.c-vg-panel__lead { max-width: 60ch; color: var(--color-text-muted); margin: 0 0 12px; }
.c-vg-panel__decision { display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: baseline; margin: 6px 0 0; padding: 8px 14px; background: var(--color-sand); border: 1px solid var(--color-sand-deep); border-radius: var(--radius-md, 6px); font-size: var(--fs-sm); }
.c-vg-panel__decision span { font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: .08em; font-size: var(--fs-xs); color: var(--color-accent-deep); }
.c-vg-panel__foot { display: flex; flex-wrap: wrap; gap: var(--space-2, 16px); align-items: center; margin-top: var(--space-4, 32px); padding-top: var(--space-3, 24px); border-top: 1px solid var(--color-line-green); }
.c-vg-tab { margin-top: var(--space-4, 32px); }
.c-vg-tab__title { font-size: var(--fs-h3); font-weight: var(--fw-medium); margin: 0 0 4px; }
.c-vg-tab__sub { margin: 0 0 var(--space-2, 16px); color: var(--color-text-muted); max-width: 64ch; }
.c-vg.is-app .c-vg-tab { margin-top: var(--space-3, 24px); }
.c-vg.is-app .c-vg-tab__title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.c-vg-tabs { display: flex; gap: 4px; flex-wrap: wrap; margin-top: var(--space-3, 24px); border-bottom: 1px solid var(--color-line-green); }
.c-vg-tabs__btn { background: none; border: 0; border-bottom: 3px solid transparent; margin-bottom: -1px; padding: 12px 16px; font: inherit; font-weight: var(--fw-medium); color: var(--color-text-muted); cursor: pointer; transition: color .25s, border-color .25s; }
.c-vg-tabs__btn:hover { color: var(--color-primary); }
.c-vg-tabs__btn[aria-selected="true"] { color: var(--color-primary); border-bottom-color: var(--color-secondary); }

/* Animationen, ruhig */
@keyframes vg-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.is-enter { animation: vg-enter .45s var(--vg-ease) both; }

/* ---- Wochen-Timeline / Stepper ---- */
.c-vg-timeline__scale { display: flex; justify-content: space-between; font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .08em; color: var(--color-text-muted); margin: 0 0 8px; padding: 0 2px; }
.c-vg-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.c-vg-step { position: relative; padding: 14px 16px; border-radius: var(--radius-md, 6px); background: rgba(255, 255, 255, .55); border: 1px solid var(--color-border-input); transition: background .3s, border-color .3s; }
.c-vg-step__head { display: block; }
.c-vg-step__head, .c-vg-step__btn { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; }
.c-vg-step__btn { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; }
.c-vg-step__n { flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 1.5px solid var(--color-line-green); font-weight: var(--fw-medium); font-size: 14px; transition: background .3s, color .3s, border-color .3s; }
.c-vg-step__title { flex: 1; margin: 0; font-size: var(--fs-md); font-weight: var(--fw-medium); line-height: 1.3; }
.c-vg-step__when { flex: none; font-size: var(--fs-sm); color: var(--color-text-muted); white-space: nowrap; }
.c-vg-step__bar { position: relative; height: 8px; margin: 12px 0 2px 44px; background: var(--color-surface-2); border-radius: 8px; overflow: hidden; }
.c-vg-step__bar span { position: absolute; top: 0; bottom: 0; left: var(--from); width: var(--w); background: var(--color-sage); border-radius: 8px; transform-origin: left; }
.c-vg-step__text { margin: 10px 0 0 44px; color: var(--color-text-muted); max-width: 70ch; }
.c-vg-stepper { padding: clamp(16px, 2.6vw, 32px); }
.c-vg-stepper.is-app .c-vg-step:not(.is-current) .c-vg-step__text { display: none; }
.c-vg-stepper.is-app .c-vg-step__btn::after { content: ""; flex: none; width: 8px; height: 8px; border-right: 1.5px solid var(--color-text-muted); border-bottom: 1.5px solid var(--color-text-muted); transform: rotate(45deg); transition: transform .3s; margin-left: 4px; }
.c-vg-stepper.is-app .c-vg-step.is-current .c-vg-step__btn::after { transform: rotate(-135deg); }
.c-vg-step.is-done { background: rgba(220, 232, 220, .6); }
.c-vg-step.is-done .c-vg-step__n { background: var(--color-sage); border-color: var(--color-secondary); }
.c-vg-step.is-current { background: #fff; border-color: var(--color-secondary); box-shadow: 0 10px 28px -22px rgba(11, 20, 12, .6); }
.c-vg-step.is-current .c-vg-step__n { background: var(--color-secondary); border-color: var(--color-secondary); color: #fff; }
.c-vg-step.is-current .c-vg-step__bar span { background: var(--color-secondary); animation: vg-grow .9s var(--vg-ease) both; }
@keyframes vg-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.c-vg-stepper__nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: var(--space-3, 24px); }
.c-vg-stepper__pos { color: var(--color-text-muted); font-size: var(--fs-sm); }

/* ---- Ergebnisse / Checkliste ---- */
.c-vg-results { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.c-vg-result { background: rgba(255, 255, 255, .55); border: 1px solid var(--color-border-input); border-radius: var(--radius-md, 6px); transition: background .3s, border-color .3s; }
.c-vg-result__label { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; cursor: pointer; height: 100%; }
.c-vg-results:not(.c-vg-results--check) .c-vg-result__body { padding: 14px 16px 14px 18px; border-left: 3px solid var(--color-sage); display: block; }
.c-vg-result__body { display: grid; gap: 2px; }
.c-vg-result__body span { color: var(--color-text-muted); font-size: var(--fs-sm); }
.c-vg-result__box { flex: none; width: 22px; height: 22px; margin-top: 2px; accent-color: var(--color-secondary); cursor: pointer; }
.c-vg-result.is-checked { background: rgba(220, 232, 220, .7); border-color: var(--color-secondary); }
.c-vg-result.is-checked strong { text-decoration: line-through; text-decoration-color: var(--color-secondary); text-decoration-thickness: 1px; }
.c-vg-check { padding: clamp(16px, 2.6vw, 32px); }
.c-vg-progress { margin-bottom: var(--space-3, 24px); }
.c-vg-progress__bar { height: 10px; border-radius: 10px; background: var(--color-surface-2); overflow: hidden; }
.c-vg-progress__bar span { display: block; height: 100%; width: 100%; background: var(--color-secondary); transform-origin: left; transform: scaleX(var(--p, 0)); transition: transform .5s var(--vg-ease); }
.c-vg-progress__txt { margin: 8px 0 0; font-size: var(--fs-sm); color: var(--color-text-muted); display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }

/* ---- Rollen-Matrix ---- */
.c-vg-tablewrap { overflow-x: auto; }
.c-vg-table { width: 100%; border-collapse: collapse; min-width: 0; }
.c-vg-table th, .c-vg-table td { padding: 12px 14px; border-bottom: 1px solid var(--color-border-input); text-align: left; vertical-align: middle; }
.c-vg-table thead th { font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .1em; color: var(--color-text-muted); font-weight: var(--fw-semibold); }
.c-vg-table tbody th { font-weight: var(--fw-regular); }
.c-vg-table tbody tr:hover { background: rgba(255, 255, 255, .6); }
.c-vg-role { display: inline-block; padding: 3px 12px; border-radius: var(--radius-pill); font-size: var(--fs-sm); line-height: 1.5; white-space: nowrap; }
.c-vg-role--lead { background: var(--color-secondary); color: #fff; }
.c-vg-role--decide { background: var(--color-accent); color: var(--color-dark); }
.c-vg-role--assist { background: var(--color-sage-soft); color: var(--color-primary); border: 1px solid var(--color-line-green); }
.c-vg-role--info { background: transparent; color: var(--color-text-muted); border: 1px dashed var(--color-line-green); }
.c-vg-role--none { color: var(--color-text-muted); padding-left: 4px; }
.c-vg-legend { margin: var(--space-2, 16px) 0 0; font-size: var(--fs-sm); color: var(--color-text-muted); line-height: 2.1; }
.c-vg-pad { padding: clamp(12px, 2vw, 24px); }

/* ---- Risiken ---- */
.c-vg-risks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.c-vg-risk { background: rgba(255, 255, 255, .6); border: 1px solid var(--color-border-input); border-radius: var(--radius-md, 6px); padding: 16px 18px; }
.c-vg-risk p { margin: 0; }
.c-vg-risk__what { font-weight: var(--fw-medium); margin-bottom: 8px !important; }
.c-vg-risk__fix { color: var(--color-text-muted); font-size: var(--fs-sm); }
.c-vg-risk__tag { display: block; font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .1em; color: var(--color-accent-deep); font-weight: var(--fw-semibold); margin-bottom: 2px; }
.c-vg-risk__tag--fix { color: var(--color-secondary); }

/* ---- Konfigurator ---- */
.c-vg-conf { padding: clamp(20px, 3.4vw, 44px); background: var(--vg-glass); }
.c-vg-conf__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-4, 32px); margin-top: var(--space-3, 24px); align-items: start; }
.c-vg-field { border: 0; margin: 0 0 var(--space-3, 24px); padding: 0; min-width: 0; }
.c-vg-field legend { font-weight: var(--fw-medium); margin-bottom: 10px; padding: 0; }
.c-vg-seg { display: flex; flex-wrap: wrap; gap: 8px; }
.c-vg-seg__opt { position: relative; }
.c-vg-seg__opt input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.c-vg-seg__opt span { display: inline-block; padding: 10px 16px; border: 1px solid var(--color-line-green); border-radius: var(--radius-pill); background: #fff; font-size: var(--fs-sm); transition: background .25s, color .25s, border-color .25s; }
.c-vg-seg__opt:hover span { border-color: var(--color-secondary); }
.c-vg-seg__opt input:checked + span { background: var(--color-secondary); border-color: var(--color-secondary); color: #fff; }
.c-vg-seg__opt input:focus-visible + span { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.c-vg-result-card { background: #fff; border: 1px solid var(--color-line-green); border-radius: var(--radius-lg, 10px); padding: clamp(16px, 2.4vw, 28px); }
.c-vg-result-card__label, .c-vg-reco__label { margin: 0; font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .1em; color: var(--color-text-muted); font-weight: var(--fw-semibold); }
.c-vg-result-card__value { margin: 4px 0 14px; font-size: clamp(1.5rem, 1rem + 1.8vw, 2.25rem); font-weight: var(--fw-light, 300); letter-spacing: var(--ls-heading); line-height: 1.15; }
.c-vg-seq { display: flex; gap: 4px; margin-bottom: 14px; }
.c-vg-seq__seg { flex-basis: 0; min-width: 0; padding: 8px 10px; font-size: var(--fs-xs); border-radius: 6px; color: var(--color-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: flex-grow .6s var(--vg-ease); }
.c-vg-seq__seg--1 { background: var(--color-sage-soft); } .c-vg-seq__seg--2 { background: var(--color-sage); } .c-vg-seq__seg--3 { background: var(--color-secondary); color: #fff; }
.c-vg-result-card__list { list-style: none; margin: 0 0 var(--space-3, 24px); padding: 0; }
.c-vg-result-card__list li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--color-border); font-size: var(--fs-sm); }
.c-vg-result-card__list li.is-open strong { color: var(--color-secondary); }
.c-vg-reco { background: var(--color-sand); border-radius: var(--radius-md, 6px); padding: 16px 18px; }
.c-vg-reco__title { margin: 4px 0 6px; font-weight: var(--fw-medium); font-size: var(--fs-lg); }
.c-vg-reco__text { margin: 0 0 14px; color: var(--color-text-muted); }
.c-vg-reco__links { margin: 0; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.c-vg-note--tag { padding: 10px 12px; border-left: 3px solid var(--color-accent); background: rgba(227, 184, 92, .12); border-radius: 0 6px 6px 0; margin-top: var(--space-2, 16px); }

/* ---- Phasenseite ---- */
.c-vg-subnav { position: sticky; top: var(--header-h, 76px); z-index: 20; background: rgba(250, 250, 250, .86); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid var(--color-line-green); }
.c-vg-subnav__inner { display: flex; gap: 12px 28px; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 10px; padding-bottom: 10px; }
.c-vg-chips, .c-vg-anchors { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px; flex-wrap: wrap; }
.c-vg-chip { display: inline-flex; gap: 8px; align-items: center; padding: 6px 14px 6px 6px; border-radius: var(--radius-pill); border: 1px solid var(--color-line-green); text-decoration: none; color: var(--color-text); font-size: var(--fs-sm); background: #fff; transition: background .25s, border-color .25s; }
.c-vg-chip span { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--color-sage-soft); font-size: 12px; font-weight: var(--fw-medium); }
.c-vg-chip:hover { border-color: var(--color-secondary); }
.c-vg-chip.is-current { background: var(--color-secondary); color: #fff; border-color: var(--color-secondary); }
.c-vg-chip.is-current span { background: #fff; color: var(--color-secondary); }
.c-vg-anchors a { display: inline-block; padding: 6px 12px; border-radius: var(--radius-pill); font-size: var(--fs-sm); text-decoration: none; color: var(--color-text-muted); transition: background .25s, color .25s; }
.c-vg-anchors a:hover, .c-vg-anchors a.is-current { background: var(--color-sage-soft); color: var(--color-primary); }
.c-vg-sec { scroll-margin-top: calc(var(--header-h, 76px) + 64px); }
.c-vg-sec--tint { background: linear-gradient(180deg, var(--color-tint) 0%, var(--color-sand) 100%); }
.vg-js .c-vg--phase .c-vg-sec:not(.is-in) { opacity: 0; transform: translateY(16px); }
.c-vg--phase .c-vg-sec { transition: opacity .7s var(--vg-ease), transform .7s var(--vg-ease); }
.c-vg-ziel { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-5, 48px); align-items: center; }
.c-vg-ziel__fig { margin: 0; padding: 10px; }
.c-vg-ziel__fig img { display: block; width: 100%; height: auto; border-radius: 6px; }
.c-vg-next__inner { display: grid; grid-template-columns: 1fr 2fr; gap: var(--space-3, 24px); }
.c-vg-next__card { display: flex; flex-direction: column; gap: 6px; padding: clamp(18px, 2.6vw, 32px); text-decoration: none; color: var(--color-text); transition: transform .35s var(--vg-ease), border-color .35s; }
.c-vg-next__card:hover { transform: translateY(-3px); border-color: var(--color-secondary); }
.c-vg-next__card--next { background: var(--color-dark); color: #fff; border-color: var(--color-dark); }
.c-vg-next__card--next strong { font-size: var(--fs-h3); font-weight: var(--fw-light, 300); }
.c-vg-next__card--next em { font-style: normal; color: var(--color-on-dark-muted); }
.c-vg-next__k { font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .1em; color: var(--color-text-muted); }
.c-vg-next__card--next .c-vg-next__k { color: var(--color-accent); }

/* ---- Mobil ---- */
@media (max-width: 1023px) {
  .c-vg-conf__grid, .c-vg-ziel { grid-template-columns: 1fr; }
  .c-vg-results, .c-vg-risks { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .c-vg-track__rail { left: 27px; right: auto; top: 28px; bottom: 28px; width: 3px; height: auto; }
  .c-vg-track__fill { transform-origin: top; transform: scaleY(var(--p, 0)); }
  .c-vg-track__list { grid-template-columns: 1fr; gap: 4px; }
  .c-vg-node { flex-direction: row; flex-wrap: wrap; text-align: left; gap: 2px 14px; padding: 6px 4px; align-items: center; }
  .c-vg-node__dot { width: 52px; height: 52px; flex: none; }
  .c-vg-node__name { margin-top: 0; flex: 1 1 calc(100% - 70px); }
  .c-vg-node__dur, .c-vg-node__done { margin-left: 66px; }
  .c-vg-node__name + .c-vg-node__dur { flex-basis: calc(100% - 66px); }
  .c-vg-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .c-vg-tabs__btn { padding: 12px 12px; white-space: nowrap; }
  .c-vg-step__head, .c-vg-step__btn { flex-wrap: wrap; }
  .c-vg-step__when { flex-basis: 100%; padding-left: 44px; margin-top: -6px; }
  .c-vg-step__bar, .c-vg-step__text { margin-left: 0; }
  .c-vg-subnav { position: static; }
  .c-vg-anchors { display: none; }
  .c-vg-next__inner { grid-template-columns: 1fr; }
  .c-vg-table th, .c-vg-table td { padding: 10px 8px; }
  .c-vg-role { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .c-vg *, .c-vg *::before, .c-vg *::after { animation: none !important; transition: none !important; }
  .vg-js .c-vg--phase .c-vg-sec:not(.is-in) { opacity: 1; transform: none; }
}

/* ---- Druck / PDF: alle Phasen und Tabs ausgeklappt ---- */
@media print {
  .c-header, .c-footer, .c-skip, .c-vg-track, .c-vg-tabs, .c-vg-print, .c-vg-subnav, .c-vg-stepper__nav, .c-vg-panel__foot .c-vg-linkbtn, .c-vg-conf form, .c-cta-band, .c-related { display: none !important; }
  .c-vg--hub .c-vg-panel[hidden], .c-vg-tab[hidden], .c-vg--hub .c-vg-conf[hidden] { display: block !important; }
  .c-vg-stepper.is-app .c-vg-step:not(.is-current) .c-vg-step__text { display: block !important; }
  .c-vg .c-vg-tab__title { position: static !important; width: auto !important; height: auto !important; clip: auto !important; overflow: visible !important; }
  .c-vg-glass { background: #fff !important; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .c-vg--hub, .c-vg--conf, .c-vg-sec--tint { background: #fff !important; }
  .vg-js .c-vg--phase .c-vg-sec:not(.is-in) { opacity: 1 !important; transform: none !important; }
  .c-vg-panel { break-inside: avoid-page; margin-bottom: 16px; }
  .c-vg-panel__foot { display: none; }
  .c-vg-role, .c-vg-step__bar span, .c-vg-seq__seg { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .c-vg-conf__grid { grid-template-columns: 1fr; }
  .c-vg-result-card { break-inside: avoid; }
  .c-vg a[href]::after { content: none; }
}