.video-calculator { margin:26px 0; padding:24px; border:1px solid #cdbb92; border-radius:14px; background:#faf5e9; color:#403222; font:16px/1.5 "Segoe UI",Arial,sans-serif; }
.video-calculator, .video-calculator * { box-sizing:border-box; }
.video-calculator .vc-title { margin:0 0 22px; font-size:23px; line-height:1.35; }
.vc-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.82fr); gap:24px; align-items:start; }
.vc-controls, .vc-summary { min-width:0; }
.video-calculator .vc-label, .video-calculator legend { display:block; margin:0 0 10px; font-size:17px; font-weight:700; }
.video-calculator fieldset { border:0; padding:0; margin:22px 0; min-width:0; }
.video-calculator button, .video-calculator input, .video-calculator select { font:inherit; color:inherit; max-width:100%; }
.video-calculator button, .video-calculator select { border:1px solid #bca77b; border-radius:8px; background:#fffdf8; padding:12px; min-height:46px; }
.video-calculator button { cursor:pointer; }
.video-calculator button:hover:not(:disabled) { background:#eee2c6; }
.video-calculator button:disabled { opacity:.48; cursor:default; }
.video-calculator :focus-visible { outline:3px solid #386447; outline-offset:3px; }
.video-calculator select { width:100%; }
.vc-stepper { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.vc-stepper button { width:48px; font-size:24px; padding:4px; }
.vc-stepper input { width:66px; min-width:0; border:1px solid #bca77b; border-radius:8px; background:#fff; text-align:center; padding:10px 2px; min-height:46px; }
.vc-stepper span { font-size:14px; color:#6b5b42; }
.vc-levels { display:grid; gap:8px; }
.vc-levels button { text-align:left; font-weight:600; }
.vc-levels button span { display:block; font-size:14px; font-weight:400; }
.vc-levels button[aria-pressed="true"] { color:#fff; background:#3b6048; border-color:#3b6048; box-shadow:inset 0 0 0 1px #fff; }
.vc-levels button[aria-pressed="true"]:hover { background:#304e3b; }
.video-calculator .vc-radio { display:flex; gap:10px; align-items:flex-start; margin:10px 0; padding:12px; border:1px solid #d7c8ac; border-radius:8px; cursor:pointer; background:#fffdf8; }
.vc-radio input { flex-shrink:0; margin:5px 0 0; }
.vc-summary { padding:20px; border:1px solid #cebd95; border-radius:12px; background:#fff; }
.vc-summary h4 { font-size:17px; margin:0 0 16px; }
.video-calculator .vc-breakdown { list-style:none; padding:0; margin:0; }
.video-calculator .vc-breakdown li { margin:0 0 14px; overflow-wrap:anywhere; }
.video-calculator .vc-minimum { font-size:14px; color:#74541b; }
.vc-total { border-top:1px solid #d4c4a8; padding-top:18px; margin-top:18px; font-size:32px; line-height:1.3; font-weight:700; color:#285b3b; overflow-wrap:anywhere; }
.video-calculator .vc-estimate { margin:8px 0 0; color:#6b5b42; font-size:14px; }
.video-calculator .vc-note { font-size:14px; color:#635641; margin:8px 0 18px; }
.video-calculator .vc-discount { border-top:1px solid #d4c4a8; padding-top:18px; margin-top:20px; }
.video-calculator .vc-disclaimer { font-size:13px; line-height:1.5; color:#6b5b42; margin:0; }
@media(max-width:900px) { .vc-layout { grid-template-columns:minmax(0,1fr); } }
@media(max-width:480px) { .video-calculator { padding:14px; } .video-calculator .vc-title { font-size:20px; } .vc-summary { padding:14px; } .vc-total { font-size:28px; } }

.video-calculator [hidden] { display: none; }
.vc-mode, .vc-explanation { background: #faf5e9; border: 1px solid #dfceb0; border-radius: 10px; padding: 16px; margin: 18px 0; }
.vc-mode { font-weight: bold; }
.vc-explanation h3 { margin-top: 0; }
.vc-explanation p:last-child { margin-bottom: 0; }
.vc-local-content { width: 100%; height: 1px; display: block; border: 0; box-sizing: border-box; background: white; }
.vc-local-note { font-size: 14px; }

#video-scenario-calculator { margin-bottom: 28px; }
.video-calculator select { width: 100%; min-width: 0; }

html { scroll-behavior: smooth; }
#video-cost-calculator { scroll-margin-top: 20px; }
.vc-jump { display:block; box-sizing:border-box; width:100%; margin:0 0 26px; padding:22px 18px; border:2px solid #bca77b; border-radius:22px; background:#eee2c6; color:#493719; text-align:center; text-decoration:none; font:bold 21px/1.4 Arial,sans-serif; overflow-wrap:anywhere; }
.vc-jump:hover { background:#e5d4ae; }
.vc-summary { position:sticky; top:20px; }
@media(max-width:900px) { .vc-summary { position:static; } }
@media(max-width:480px) { .vc-jump { font-size:18px; padding:18px 12px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.instruction-window .vc-jump a { color:inherit; text-decoration:none; }
.instruction-window .vc-jump a:hover { text-decoration:underline; }
.vc-jump .calculator-icon { text-decoration:none; }