.vh-gpg-calculator{--vh-dark:#111111;--vh-red:#991b1b;--vh-red-hover:#7f1d1d;--vh-background:#fff;--vh-surface:#f7f7f7;--vh-text:#171717;--vh-muted:#606060;--vh-border:#e5e5e5;color:var(--vh-text);font-family:inherit;font-size:16px;line-height:1.6;width:100%;min-width:0;overflow-wrap:anywhere}
.vh-gpg-calculator *,.vh-gpg-calculator *::before,.vh-gpg-calculator *::after{box-sizing:border-box}
.vh-gpg-calculator p{margin:0 0 1em;color:inherit}
.vh-gpg-calculator h2,.vh-gpg-calculator h3{font-family:inherit;color:var(--vh-dark);font-weight:700;line-height:1.25;text-transform:none;letter-spacing:normal}
.vh-gpg-calculator h2{font-size:clamp(1.3rem,2.5vw,1.75rem);margin:0 0 1em}
.vh-gpg-calculator h3{font-size:1.08rem;margin:1.6em 0 .5em}
.vh-gpg-calculator .vh-gpg-intro{margin-bottom:1.5rem;max-width:78ch}
.vh-gpg-calculator .vh-gpg-card{border:1px solid var(--vh-border);border-top:3px solid var(--vh-red);border-radius:12px;padding:20px;background:var(--vh-background)}
.vh-gpg-calculator .vh-gpg-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.09em;color:var(--vh-muted);margin-bottom:.7rem}
.vh-gpg-calculator .vh-gpg-layout,.vh-gpg-calculator .vh-gpg-fields,.vh-gpg-calculator .vh-gpg-player-grid{display:grid;gap:18px;min-width:0}
.vh-gpg-calculator .vh-gpg-layout>*,.vh-gpg-calculator .vh-gpg-field{min-width:0}
.vh-gpg-calculator label{display:block;font-weight:600;margin:0 0 6px;font-size:.94rem;color:var(--vh-text)}
.vh-gpg-calculator .vh-gpg-input{display:block;width:100%;max-width:100%;min-width:0;height:48px;margin:0;padding:10px 12px;border:1px solid #929292;border-radius:5px;background:var(--vh-background);color:var(--vh-text);font:inherit;line-height:1.4;box-shadow:none}
.vh-gpg-calculator .vh-gpg-input::placeholder{color:var(--vh-muted);opacity:1}
.vh-gpg-calculator .vh-gpg-input[aria-invalid=true]{border:2px solid var(--vh-red)}
.vh-gpg-calculator .vh-gpg-error{display:block;min-height:1.4em;font-size:.8rem;color:var(--vh-red);margin-top:3px}
.vh-gpg-calculator .vh-gpg-actions,.vh-gpg-calculator .vh-gpg-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vh-gpg-calculator button{font-family:inherit;cursor:pointer;white-space:normal;max-width:100%;font-size:.9rem;font-weight:600;line-height:1.35;letter-spacing:normal;text-transform:none;box-shadow:none;transition:background-color .15s ease}
.vh-gpg-calculator .vh-gpg-button,.vh-gpg-calculator .vh-gpg-button-secondary{min-height:48px;border-radius:5px;padding:12px 16px;border:1px solid transparent;margin:0}
.vh-gpg-calculator .vh-gpg-button{background:var(--vh-red);color:#fff}
.vh-gpg-calculator .vh-gpg-button:hover{background:var(--vh-red-hover)}
.vh-gpg-calculator .vh-gpg-button-secondary{background:var(--vh-background);color:var(--vh-text);border-color:var(--vh-border)}
.vh-gpg-calculator .vh-gpg-button-secondary:hover,.vh-gpg-calculator .vh-gpg-example:hover{background:#ededed}
.vh-gpg-calculator :is(button,input,summary,a,[tabindex]):focus-visible{outline:3px solid var(--vh-red);outline-offset:3px}
.vh-gpg-calculator button:disabled{opacity:.6;cursor:not-allowed}
.vh-gpg-calculator .vh-gpg-examples{margin-top:18px}
.vh-gpg-calculator .vh-gpg-examples p{font-size:.82rem;font-weight:600;margin-bottom:8px}
.vh-gpg-calculator .vh-gpg-example{min-height:44px;padding:8px 10px;border:1px solid var(--vh-border);border-radius:5px;color:var(--vh-muted);background:var(--vh-surface);font-size:.75rem;margin:0}
.vh-gpg-calculator .vh-gpg-example[aria-pressed=true]{border-color:var(--vh-red);color:var(--vh-red);background:#fff5f5}
.vh-gpg-calculator .vh-gpg-result{border:1px solid var(--vh-border);background:var(--vh-surface);border-radius:8px;padding:24px;height:290px;overflow:auto;align-self:stretch}
.vh-gpg-calculator .vh-gpg-result-number{display:block;color:var(--vh-dark);font-family:inherit;font-size:clamp(2.8rem,6vw,4.25rem);font-weight:750;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.035em;margin:12px 0 4px}
.vh-gpg-calculator .vh-gpg-unit{font-weight:600;margin-bottom:18px}
.vh-gpg-calculator .vh-gpg-calculation,.vh-gpg-calculator .vh-gpg-interpretation{font-size:.85rem;color:var(--vh-muted);margin:0 0 8px}
.vh-gpg-calculator .vh-gpg-interpretation{color:var(--vh-red);font-weight:600}
.vh-gpg-calculator .vh-gpg-note{font-size:.8rem;color:var(--vh-muted);margin:20px 0 0;line-height:1.55}
.vh-gpg-calculator .vh-gpg-form-error{color:var(--vh-red);font-size:.9rem;margin:6px 0 0;min-height:1.6em}
.vh-gpg-calculator .vh-gpg-secondary{margin-top:14px;border:1px solid var(--vh-border);border-radius:8px;background:var(--vh-background)}
.vh-gpg-calculator summary{font:inherit;font-weight:650;color:var(--vh-dark);cursor:pointer;padding:18px 20px;min-height:48px}
.vh-gpg-calculator .vh-gpg-secondary-body{padding:0 20px 20px}
.vh-gpg-calculator .vh-gpg-result-compact{margin-top:18px;height:235px}
.vh-gpg-calculator .vh-gpg-result-compact .vh-gpg-result-number{font-size:2.75rem}
.vh-gpg-calculator .vh-gpg-player{border:1px solid var(--vh-border);border-radius:6px;margin:0 0 16px;padding:16px;min-width:0}
.vh-gpg-calculator legend{font:inherit;font-weight:700;color:var(--vh-dark);padding:0 6px;width:auto;float:none}
.vh-gpg-calculator .vh-gpg-comparison{margin-top:18px;height:230px}
.vh-gpg-calculator .vh-gpg-comparison p{margin:0}
.vh-gpg-calculator .vh-gpg-copy{margin-top:40px;max-width:80ch}
.vh-gpg-calculator .vh-gpg-copy h2{margin-top:2rem}
.vh-gpg-calculator .vh-gpg-copy a{color:var(--vh-red);text-decoration:underline;text-underline-offset:3px}
.vh-gpg-calculator .vh-gpg-formula{background:var(--vh-surface);border-left:3px solid var(--vh-red);padding:18px;font-weight:600}
.vh-gpg-calculator .vh-gpg-table-wrap{max-width:100%;overflow-x:auto}
.vh-gpg-calculator table{width:100%;border-collapse:collapse;font:inherit;font-variant-numeric:tabular-nums;margin:0}
.vh-gpg-calculator th,.vh-gpg-calculator td{padding:10px 14px;text-align:left;border:1px solid var(--vh-border);color:var(--vh-text)}
.vh-gpg-calculator th{background:var(--vh-surface)}
.vh-gpg-calculator caption{text-align:left;color:var(--vh-muted);font-size:.85rem;margin-bottom:8px}
.vh-gpg-calculator li{margin-bottom:6px}
@media(min-width:480px){.vh-gpg-calculator .vh-gpg-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:720px){.vh-gpg-calculator .vh-gpg-card{padding:28px}.vh-gpg-calculator .vh-gpg-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}.vh-gpg-calculator .vh-gpg-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.vh-gpg-calculator button{transition:none}}