/* Kinetic energy calculator, using the shared site palette. */
.calculator-hero { padding:55px 0; }
.home-page .calculator-hero h1 { font-size:clamp(34px,4vw,50px); }
.home-page .calculator-hero .hero-description { max-width:650px; margin-bottom:0; }
.calculator-section { background:#f5f8f8; }
.calculator-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr); gap:50px; align-items:start; }
.calculator-card { background:#fff; border:1px solid var(--border); border-top:3px solid #f58a00; border-radius:14px; padding:34px; box-shadow:0 12px 32px #00244a08; }
.calculator-card h2,.calculator-notes h2 { font-size:28px; }
.calculator-intro { font-size:14px; margin:15px 0 27px; }
.object-type { margin:0 0 25px; padding:0; border:0; }
.object-type legend { font-size:13px; font-weight:700; color:var(--navy); margin-bottom:10px; }
.object-type label { display:inline-flex; align-items:center; gap:8px; padding:10px 16px; margin:0 8px 8px 0; border:1px solid #cbd8df; border-radius:8px; color:var(--navy); font-size:14px; cursor:pointer; }
.object-type label:has(input:checked) { background:#eef7f7; border-color:var(--blue); }
.object-type input { accent-color:var(--blue); }
.calculator-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.calculator-field label { display:block; margin-bottom:8px; font-size:14px; font-weight:700; color:var(--navy); }
.calculator-field label span { font-weight:400; color:var(--muted); }
.calculator-field input { display:block; width:100%; min-width:0; border:1px solid #cbd8df; border-radius:8px; padding:13px 14px; color:var(--ink); background:#fbfcfd; font:inherit; }
.calculator-field input:focus { outline:2px solid var(--blue); outline-offset:2px; background:#fff; }
.calculator-field input[aria-invalid="true"] { border-color:#ad3027; }
.calculator-field p { margin-top:8px; font-size:12px; }
.home-page .calculator-error { font-size:13px; color:#ad3027; margin-top:18px; }
.calculator-error:empty { display:none; }
.calculator-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.button-reset { background:#fff; border-color:#cbd8df; color:var(--navy); }
.energy-result { margin-top:30px; padding:26px; border:1px solid #c5dedf; border-radius:12px; background:#eef7f7; }
.home-page .result-label { color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.15em; margin-bottom:8px; }
.home-page .result-value { color:var(--navy); font-size:clamp(30px,4vw,44px); font-weight:700; line-height:1.3; overflow-wrap:anywhere; }
.result-unit { font-size:18px; font-weight:400; }
.home-page .result-secondary { color:var(--blue); font-size:16px; font-weight:600; margin-top:7px; overflow-wrap:anywhere; }
.home-page #result-context { font-size:12px; margin-top:12px; }
.calculator-notes { padding-top:10px; }
.calculator-notes .icon-tile { margin-bottom:24px; }
.calculator-notes h2 { margin-bottom:20px; }
.calculator-notes>p:not(.eyebrow) { font-size:14px; margin-bottom:18px; }
.formula { margin:22px 0; padding:20px; border-left:3px solid #f58a00; background:#fff; border-radius:0 8px 8px 0; color:var(--navy); font-size:26px; font-weight:700; }
.formula-source,.back-home { display:block; color:var(--blue); font-size:13px; font-weight:600; }
.back-home { margin-top:28px; }
@media(max-width:991px) { .calculator-layout { gap:28px; } .calculator-card { padding:26px; } .calculator-fields { grid-template-columns:1fr; } }
@media(max-width:767px) { .calculator-hero { padding:45px 0; } .calculator-layout { grid-template-columns:1fr; gap:34px; } .calculator-card { padding:25px 22px; } .energy-result { padding:22px; } }