/* Approved v21 presentation, integrated with server-rendered review markup. */
.vr-app .vr-response-demo{margin:0 0 32px;border:1px solid #dfe4ec;border-radius:12px;background:#fff;padding:20px}.vr-app .vr-response-demo summary{cursor:pointer;color:var(--deep);font-weight:700;font-size:15px;min-height:32px}.vr-app .vr-demo-note{font-size:12px;color:#647088;margin:8px 0 20px}.vr-app .vr-demo-card{padding:20px;border:1px solid #e5e8ee;border-radius:9px;min-width:0}.vr-app .vr-demo-original-date,.vr-app .vr-demo-excerpt-label{font-size:11px;color:#647088;margin:7px 0}.vr-app .vr-demo-excerpt-label{font-weight:650}.vr-app summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.vr-app .vr-review-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.vr-app .vr-review-image{display:block;max-width:100%;width:150px;height:150px;object-fit:contain;border:1px solid #dfe4ec;border-radius:8px;background:#fff}.vr-app .vr-name{overflow-wrap:anywhere}.vr-app .vr-person{min-width:0}.vr-app .vr-card-top time{flex-shrink:0}@media(max-width:360px){.vr-app .vr-card-top{flex-direction:column;align-items:flex-start}.vr-app .vr-pagination{gap:9px}.vr-app .vr-preset-label{gap:8px}.vr-app .vr-preset{max-width:68%}}

/* Response demonstrations are presentation overlays; stored replies remain null. */
.vr-app .vr-demo-links{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:16px 0;border-bottom:1px solid #dce0e8}.vr-app .vr-demo-links-label{font-size:12px;color:#546078;font-weight:650}.vr-app .vr-demo-link{font-size:12px;color:var(--blue);min-height:36px;display:inline-flex;align-items:center;text-underline-offset:3px}.vr-app .vr-demo-link:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.vr-app .vr-in-card-demo-note{font-size:12px;color:var(--blue);font-weight:700;border:1px solid #cbd2de;background:var(--tint);padding:12px 16px;border-radius:8px;margin-bottom:22px}.vr-app .vr-in-card-demo{border-left-width:4px}.vr-app #review-examples{scroll-margin-top:18px}
/* Restrained 3px card accent: Velocity orange-to-blue; coordinated colors in other presets. */
.vr-app .vr-card,.vr-app .vr-demo-card{position:relative;overflow:hidden}
.vr-app .vr-card::before,.vr-app .vr-demo-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--blue));pointer-events:none}

/* Accessible, browser-local review form demonstration. */
.vr-app .vr-write-cta{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:12px 18px;min-height:44px;font-size:13px;font-weight:700;cursor:pointer}.vr-app .vr-summary-note .vr-write-cta{margin-top:14px;align-self:flex-start}.vr-app .vr-write-review-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin:4px 0 32px;color:var(--deep);font-size:14px;font-weight:650}.vr-app .vr-write-demo-label{font-size:11px;color:#647088;font-weight:400}.vr-app .vr-review-dialog{width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 40px);border:1px solid #dfe4ec;border-radius:16px;padding:26px;background:#fff;color:#202b43;overflow:auto;box-shadow:0 24px 80px #1d2a6240}.vr-app .vr-review-dialog::backdrop{background:#18223a88}.vr-app .vr-review-dialog h2{font-size:25px;color:var(--deep);margin:0 0 10px}.vr-app .vr-form-notice{font-size:12px;line-height:1.6;background:var(--tint);padding:12px;border-radius:8px;margin:0 0 18px;color:var(--deep)}.vr-app .vr-form-stars{border:0;padding:0;margin:0 0 16px;min-width:0}.vr-app .vr-form-stars legend,.vr-app .vr-form-field{font-size:13px;font-weight:650;color:#34415b}.vr-app .vr-star-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.vr-app .vr-star-option{display:flex;align-items:center;gap:5px;padding:8px 10px;min-height:44px;border:1px solid #cdd4e0;border-radius:7px;font-size:13px;cursor:pointer}.vr-app .vr-star-option input{accent-color:var(--blue)}.vr-app .vr-form-field{display:block;margin:0 0 14px}.vr-app .vr-form-field input,.vr-app .vr-form-field textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #cdd4e0;border-radius:7px;padding:11px 12px;font:inherit;font-size:14px;line-height:1.5;color:#202b43;margin-top:6px;min-height:44px;background:#fff}.vr-app .vr-form-field textarea{resize:vertical;font:14px/1.6 ui-sans-serif,system-ui,sans-serif}.vr-app textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.vr-app .vr-form-privacy{font-size:11px;color:#647088;line-height:1.6;margin:0 0 16px}.vr-app .vr-form-actions{display:flex;flex-wrap:wrap;gap:10px}.vr-app .vr-form-close{border:1px solid #cdd4e0;border-radius:8px;background:#fff;color:var(--deep);padding:10px 16px;min-height:44px;font-size:13px}.vr-app .vr-form-feedback{font-size:12px;color:var(--blue);margin-top:14px}.vr-app .vr-draft-preview{border:1px dashed #aeb9cd;border-radius:9px;margin-top:18px;padding:18px}.vr-app .vr-draft-preview[hidden]{display:none}@media(max-width:400px){.vr-app .vr-review-dialog{padding:20px}.vr-app .vr-star-options{gap:6px}.vr-app .vr-star-option{padding:7px}}

.vr-app .vr-demo-context{font-size:12px;color:#647088;line-height:1.7;margin:10px 0;overflow-wrap:anywhere}.vr-app .vr-form-field input[readonly]{background:#f3f5f9;color:#647088}

/* v5: topic discovery, readable dates, gradient avatars and polished local form. */
.vr-app .vr-summary-note p{font-size:16px;line-height:1.65;color:#43516a}.vr-app .vr-summary-note h2{font-size:18px;line-height:1.5}.vr-app .vr-card time,.vr-app .vr-demo-original-date,.vr-app .vr-draft-preview time{font-size:14px;line-height:1.5;color:#43516a}.vr-app .vr-avatar{border:2px solid transparent;background:linear-gradient(var(--tint),var(--tint)) padding-box,linear-gradient(90deg,var(--accent),var(--blue)) border-box}.vr-app .vr-topics{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:15px 0 8px}.vr-app .vr-topics-label{flex-basis:100%;font-size:14px;font-weight:650;color:#43516a;margin-bottom:2px}.vr-app .vr-topic{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid #c3cbd9;border-radius:24px;background:#fff;color:var(--deep);padding:8px 14px;font-size:13px}.vr-app .vr-topic[aria-pressed=true]{background:var(--tint);border-color:var(--blue)}.vr-app .vr-topic-count{font-size:11px;min-width:20px;text-align:center;background:#eef1f6;color:#43516a;padding:1px 5px;border-radius:10px}.vr-app .vr-star-options{gap:9px;display:flex;flex-wrap:wrap}.vr-app .vr-star-option{position:relative;flex-direction:column;justify-content:center;gap:0;min-width:48px;min-height:66px;padding:6px 10px;background:#fff;border:1px solid #c3cbd9;border-radius:10px;color:#647088}.vr-app .vr-star-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.vr-app .vr-star-symbol{font-size:30px;line-height:1.1;pointer-events:none}.vr-app .vr-star-number{font-size:11px;font-weight:650;pointer-events:none}.vr-app .vr-star-filled{color:#ab4c0b;background:#fff8f1}.vr-app .vr-star-option.is-selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.vr-app .vr-star-option:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:3px}.vr-app .vr-star-status{font-size:14px;line-height:1.6;color:#43516a;margin-top:8px}.vr-app .vr-photo-input{font-size:14px!important;padding:8px!important;min-height:44px}.vr-app .vr-photo-input::file-selector-button{padding:8px 12px;border:1px solid #c3cbd9;border-radius:6px;background:var(--tint);color:var(--deep);margin-right:10px;cursor:pointer}.vr-app .vr-photo-help,.vr-app .vr-photo-status{font-size:14px;line-height:1.6;color:#43516a;margin:0 0 10px}.vr-app .vr-photo-preview{margin:12px 0}.vr-app .vr-photo-ring{display:inline-flex;padding:3px;border-radius:50%;background:linear-gradient(90deg,var(--accent),var(--blue));line-height:0}.vr-app .vr-reviewer-photo{display:block;width:80px;height:80px;border:3px solid #fff;border-radius:50%;object-fit:cover}.vr-app .vr-photo-remove{font-size:13px;min-height:44px;border:1px solid #c3cbd9;border-radius:7px;background:#fff;color:var(--deep);padding:8px 12px;margin-bottom:12px}.vr-app .vr-photo-remove[hidden],.vr-app .vr-photo-preview[hidden]{display:none}.vr-app .vr-draft-preview .vr-photo-ring{margin:12px 0}@media(max-width:400px){.vr-app .vr-card-top{flex-direction:column;align-items:flex-start;gap:9px}.vr-app .vr-star-options{gap:7px}.vr-app .vr-star-option{min-width:44px;padding:6px 5px}.vr-app .vr-summary-note p{font-size:16px}.vr-app .vr-card time{font-size:14px}}

/* The selected rating fills the whole option; a dark veil keeps white text legible. */
.vr-app .vr-star-option.is-selected{background:linear-gradient(#0000004d,#0000004d),linear-gradient(90deg,var(--accent),var(--blue));color:#fff;border-color:var(--deep);box-shadow:0 0 0 1px var(--deep)}.vr-app .vr-star-option.is-selected .vr-star-number{font-weight:800}

/* Not-rated feedback participates in totals, never in the star average. */
.vr-app .vr-not-rated-row{grid-template-columns:72px 1fr 25px;border-top:1px solid #dfe4ec;margin-top:5px;padding-top:10px}.vr-app .vr-not-rated-row .vr-fill{background:#69768c}.vr-app .vr-unrated-quote{font-size:20px;font-weight:800;line-height:1.5;color:var(--blue);letter-spacing:-.2px;margin:14px 0 12px;overflow-wrap:anywhere}.vr-app .vr-feedback-kind{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.8px;color:var(--blue);margin:18px 0 5px}.vr-app .vr-feedback-company{font-size:12px;line-height:1.6;color:#43516a;margin-top:3px;overflow-wrap:anywhere}.vr-app .vr-feedback-course{font-size:13px;line-height:1.6;color:#43516a}

/* Approved full category label, readable without truncation at phone widths. */
.vr-app .vr-not-rated-row{grid-template-columns:minmax(0,1fr) 25px;gap:7px 10px}.vr-app .vr-not-rated-row>span:first-child{grid-column:1;grid-row:1;line-height:1.5;white-space:normal;overflow-wrap:normal}.vr-app .vr-not-rated-row .vr-count{grid-column:2;grid-row:1}.vr-app .vr-not-rated-row .vr-track{grid-column:1/-1;grid-row:2}.vr-app .vr-controls{grid-template-columns:minmax(200px,1fr) minmax(300px,1fr) 160px}@media(max-width:800px){.vr-app .vr-controls{grid-template-columns:minmax(0,1fr)}.vr-app .vr-search{grid-column:auto}.vr-app .vr-controls select{max-width:100%;font-size:13px}}

.vr-app .vr-feedback-main{font-size:14px;color:#43516a}.vr-app .vr-feedback-parenthetical{font-size:12.5px;color:#43516a}.vr-app .vr-not-rated-row .vr-count{font-size:14px}

/* Explicitly approved, dated related feedback. */
.vr-app .vr-related-feedback{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;color:var(--blue);font-size:14px;font-weight:650;line-height:1.45;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.vr-app .vr-related-feedback:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:3px}
.vr-app .vr-card-target{outline:2px solid var(--blue);outline-offset:4px;scroll-margin-block:24px}

/* A notification-recorded date is explicitly qualified and can wrap. */
.vr-app .vr-card-recorded-top{flex-wrap:wrap;align-items:flex-start}
.vr-app .vr-card-recorded-top .vr-recorded-date{white-space:normal;flex-shrink:1;max-width:100%;font-size:14px;line-height:1.5}
.vr-app .vr-reviewer-context{font-size:14px;line-height:1.6;color:#43516a;margin:12px 0 5px;overflow-wrap:anywhere}

.vr-app .vr-feedback-topic{font-size:14px;line-height:1.6;color:#43516a;overflow-wrap:anywhere}

.vr-app .vr-feedback-role{font-size:14px;line-height:1.6;color:#43516a;margin-top:3px;overflow-wrap:anywhere}

.vr-app .vr-feedback-origin{display:table;max-width:100%;font-size:14px;font-weight:650;line-height:1.5;color:#293a85;background:#eef1fa;border:1px solid #c6cde0;border-radius:6px;padding:3px 8px;margin:12px 0 0;overflow-wrap:anywhere}.vr-app .vr-feedback-origin+.vr-unrated-quote{margin-top:8px}
/* v21: authentic company globe */
.vr-app .vr-mark.vr-company-logo{display:block;width:40px;height:40px;object-fit:contain;background:none;border:0;border-radius:0;padding:0;flex:0 0 40px;box-shadow:none}.vr-app .vr-response-heading{display:flex;align-items:center;gap:8px}.vr-app .vr-response-heading>span{min-width:0;overflow-wrap:anywhere}.vr-app .vr-response-logo{display:block;width:32px;height:32px;object-fit:contain;background:none;border:0;border-radius:0;padding:0;flex:0 0 32px}
/* v21: flatter My Pipeline Training surfaces only */
.vr-app[data-preset=pipeline]{--paper:#ffffff;--tint:#f8f9fb}.vr-app[data-preset=pipeline] .vr-overview,.vr-app[data-preset=pipeline] .vr-card,.vr-app[data-preset=pipeline] .vr-demo-card,.vr-app[data-preset=pipeline] .vr-response-demo{background:#fff;border-color:#e0e3e8;box-shadow:none}.vr-app[data-preset=pipeline] .vr-response{background:#fff;border:1px solid #e0e3e8;border-left:3px solid var(--blue);box-shadow:none}.vr-app[data-preset=pipeline] .vr-in-card-demo{border-left-width:4px}.vr-app[data-preset=pipeline] .vr-feedback-origin{background:#fff;border-color:#d8dde5}

/* Progressive server markup and working submission form. */
.vr-app [hidden]{display:none!important}
.vr-app .vr-hero-title{font-size:clamp(34px,4.2vw,57px);line-height:1.1;letter-spacing:-2.3px;color:var(--deep);white-space:pre-line;margin:17px 0 20px;font-weight:760}
.vr-app a.vr-page,.vr-app a.vr-button,.vr-app a.vr-bar-row,.vr-app a.vr-topic{ text-decoration:none }
.vr-app a.vr-page,.vr-app a.vr-button{display:inline-flex;align-items:center;justify-content:center}
.vr-app a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.vr-app .vr-page[aria-current=page]{background:var(--tint);border-color:var(--blue);font-weight:750}
.vr-app .vr-pagination{flex-wrap:wrap;gap:10px 14px}
.vr-app .vr-controls>*{min-width:0}.vr-app .vr-controls .vr-button{align-self:end}
.vr-app .vr-bar-row{min-height:32px}.vr-app .vr-topic[aria-current=true]{background:var(--tint);border-color:var(--blue)}
.vr-app .vr-form-date,.vr-app .vr-submission-status{font-size:14px;color:#43516a;line-height:1.6;margin:10px 0 16px}
.vr-app .vr-form-feedback{font-size:14px;overflow-wrap:anywhere}
.vr-app .vr-review-dialog{overscroll-behavior:contain}
.vr-app .vr-review-dialog input:disabled,.vr-app .vr-review-dialog textarea:disabled{opacity:1;background:#f8f9fb;color:#43516a}
.vr-app .vr-review-dialog button:disabled{cursor:wait;opacity:.65}
.vr-app .vr-submission-status:empty{display:none}
.vr-app .vr-photo-input{max-width:100%}
@media(max-width:520px){.vr-app .vr-hero-title{font-size:36px;letter-spacing:-1.3px}}
@media(max-width:400px){.vr-app .vr-star-option{flex:1;min-width:36px;padding:6px 2px}.vr-app .vr-star-options{gap:6px}.vr-app .vr-review-dialog{padding:18px}}

/* A distinct brand-color card for original emailed feedback; the whole card is a filter link. */
.vr-app .vr-emailed-feedback-callout{grid-template-columns:minmax(0,1fr) max-content;gap:10px 12px;min-width:0;max-width:100%;min-height:72px;padding:16px;margin-top:14px;border:1px solid var(--deep);border-radius:12px;background:var(--blue);background-image:linear-gradient(120deg,var(--blue),var(--deep));color:#fff;box-shadow:0 4px 12px #1d2a6226}
.vr-app .vr-emailed-feedback-callout:hover{background:var(--deep);border-color:var(--deep)}
.vr-app .vr-emailed-feedback-callout>span:first-child{min-width:0;white-space:normal;overflow-wrap:anywhere}
.vr-app .vr-emailed-feedback-callout .vr-feedback-main{display:block;font-size:16px;font-weight:800;line-height:1.45;color:#fff}
.vr-app .vr-emailed-feedback-callout .vr-feedback-parenthetical{display:block;font-size:13px;line-height:1.5;color:#fff}
.vr-app .vr-emailed-feedback-callout .vr-count{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:4px 9px;border-radius:999px;background:#fff;color:var(--blue);font-size:16px;font-weight:800;line-height:1.5;text-align:center;white-space:nowrap}
.vr-app .vr-emailed-feedback-callout .vr-track{background:#ffffff4d}
.vr-app .vr-emailed-feedback-callout .vr-fill{background:#fff}
.vr-app a.vr-emailed-feedback-callout:focus-visible{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 4px #fff}
@media(max-width:520px){.vr-app .vr-emailed-feedback-callout{grid-template-columns:minmax(0,1fr);padding:14px;gap:10px}.vr-app .vr-emailed-feedback-callout .vr-count{grid-column:1;grid-row:2;justify-self:start}.vr-app .vr-emailed-feedback-callout .vr-track{grid-column:1;grid-row:3}}

/* The selected review and its reply reuse existing disclosure controls and spacing. */
.vr-app [data-vr-preview-lines="2"].vr-collapsed{-webkit-line-clamp:2;line-clamp:2}

/* v21.2.1: photo failure leaves the existing initials visible. */
.vr-photo-ring[hidden],.vr-avatar[hidden]{display:none!important}
/* Keep the selected two-line review compact while its reply balances the neighboring card. */.vr-app .vr-response [data-vr-preview-lines="2"].vr-collapsed{-webkit-line-clamp:11;line-clamp:11}

/* Accent-colored tail; unsupported gradient syntax keeps the existing blue card. */
@supports(background-image:linear-gradient(90deg in srgb,#000,color-mix(in srgb,#fff 70%,#000))){.vr-app .vr-emailed-feedback-callout{background-image:linear-gradient(90deg in srgb,var(--blue) 55%,color-mix(in srgb,var(--accent) 70%,#000) 100%)}}