.rr-commerce * { box-sizing: border-box; }
.rr-commerce { margin: 0; }
.rr-commerce p, .rr-commerce li { color: #dedede; line-height: 1.65; }
.rr-commerce main a:not(.rr-button) { color: #00ffff; }
.rr-commerce button:disabled { opacity: .45; cursor: not-allowed; }
.rr-commerce h2, .rr-commerce h3 { font-family: 'Bangers', cursive; letter-spacing: .6px; }
.rr-commerce h2 { color: #ffff00; font-size: 2rem; }
.rr-commerce h3 { color: #00ffff; font-size: 1.55rem; }
.rr-commerce section { margin-bottom: 30px; }
.rr-commerce .rr-card { min-width: 0; }
.rr-commerce .rr-card a:not(.rr-button), .rr-commerce .answer a { color: #00ffff; }
.rr-commerce ul, .rr-commerce ol { padding-left: 22px; }
.offer-label { color: #ffff00; font-family: 'VT323', monospace; font-size: 1.2rem; }
.offer-price { font-family: 'Bangers', cursive; font-size: 3.5rem; color: #00ff00; }
.offer-price small { font: 1rem 'Comic Neue', cursive; color: #ddd; }
.answer { border-left: 4px solid #00ffff; padding: 12px 20px; background: #071416; }
.calc-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr); gap: 24px; align-items: start; }
.calc-panel { border: 2px solid #00ff00; background: #0b0d0b; padding: 24px; box-shadow: 5px 5px 0 #003800; }
.calc-panel h2 { margin-top: 0; }
.calc-field { display: block; margin: 16px 0; color: #fff; font-weight: 700; }
.calc-field input, .calc-field select { display: block; margin-top: 8px; width: 100%; min-height: 48px; padding: 10px; border: 2px solid #587058; background: #000; color: #fff; font: 1.1rem 'VT323', monospace; border-radius: 0; }
.calc-field input:focus-visible, .calc-field select:focus-visible, .rr-commerce button:focus-visible, .rr-commerce summary:focus-visible { outline: 3px solid #ffff00; outline-offset: 3px; }
.calc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.calc-field small { display: block; color: #bcbcbc; font-weight: 400; margin-top: 6px; }
.calc-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
.calc-actions button { cursor: pointer; }
.calc-results { border-color: #ff00ff; box-shadow: 5px 5px 0 #480048; }
.calc-results dl { margin: 0; }
.calc-results dt { font-family: 'VT323', monospace; color: #ddd; margin-top: 18px; }
.calc-results dd { margin: 4px 0 16px; font-family: 'Bangers', cursive; font-size: clamp(2rem, 5vw, 3rem); overflow-wrap: anywhere; color: #00ff00; }
.calc-results dd:last-child { color: #ffff00; }
.calc-error { color: #ff8fa0 !important; }
.rr-commerce details { border-bottom: 1px dashed #557055; padding: 16px 0; }
.rr-commerce summary { color: #ffff00; font-size: 1.2rem; cursor: pointer; }
.rr-commerce .rr-signup-form { max-width: 600px; }
.rr-commerce .rr-signup-form input { width: 100%; }
.rr-commerce .rr-signup-form button { margin-top: 12px; }
.sample-box { border: 2px dashed #ffff00; padding: 24px; }
.sample-box label { display: block; color: #eee; margin: 16px 0; line-height: 1.6; }
.sample-box input { width: 20px; height: 20px; accent-color: #00ff00; vertical-align: middle; }
@media (max-width: 680px) { .calc-layout, .calc-row { grid-template-columns: 1fr; } .calc-panel { padding: 18px; } .calc-row { gap: 0; } .rr-commerce .rr-hero h1 { font-size: 3rem; } }
@media print { .rr-commerce .nav-bar, .rr-commerce .top-ticker, .rr-commerce .bottom-bar, .rr-commerce .rr-actions, .rr-commerce .bg-chaos, .rr-commerce .rr-newsletter-prompt { display: none !important; } .rr-commerce, .rr-commerce p, .rr-commerce label, .rr-commerce h1, .rr-commerce h2, .rr-commerce h3 { color: #000 !important; background: #fff !important; text-shadow: none !important; } .rr-commerce .rr-shell { width: 100%; } }