.unit-toggle { width: 100%; max-width: 400px; border: 0; }
.unit-toggle legend { width: 100%; margin-bottom: 7px; font-weight: 600; text-align: center; }
.form-container .form-group { width: 100%; max-width: 400px; text-align: center; }
.form-container .form-group > label { display: block; width: 100%; max-width: none !important; text-align: center !important; }
.unit-options { display: grid; grid-template-columns: 1fr 1fr; padding: 3px; border: 1px solid #b9c4c0; border-radius: 10px; background: #eef3f1; }
.unit-options label { position: relative; max-width: none !important; text-align: center !important; }
.unit-options input { position: absolute; width: 1px !important; height: 1px; margin: 0; overflow: hidden; clip: rect(0,0,0,0); opacity: 0; }
.unit-options span { display: block; min-height: 44px; padding: 11px 14px; border-radius: 7px; cursor: pointer; }
.unit-options input:checked + span { background: #1e1e1e; color: #fff; font-weight: 700; }
.unit-options input:focus-visible + span { outline: 3px solid rgba(0, 200, 150, .45); outline-offset: 2px; }
.calculator-actions { display: flex; width: 100%; max-width: 400px; gap: 10px; }
.calculator-actions button { width: auto !important; min-height: 46px; flex: 1; }
.calculator-actions .secondary-action { border: 1px solid #1e1e1e !important; background: #fff !important; color: #1e1e1e !important; }
.calculator-actions .secondary-action:hover { background: #eef3f1 !important; }
.result-actions { display: flex; justify-content: center; margin: 18px 0; }
.copy-results { min-height: 44px; padding: 11px 22px; border: 1px solid #1e1e1e; border-radius: 20px; background: #fff; color: #1e1e1e; cursor: pointer; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600; transition: background-color .3s ease, border-color .3s ease, color .3s ease; }
.copy-results:hover { border-color: #00a77d; background: #eef8f5; color: #006b50; }
.copy-results:focus-visible { outline: 3px solid rgba(0, 200, 150, .45); outline-offset: 3px; }
.copy-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.result-guidance, .next-steps, .calculator-links, .recommended-reading { margin-top: 24px; padding-top: 20px; border-top: 1px solid #ddd; }
.result-guidance h2, .next-steps h2, .calculator-links h2, .recommended-reading h2 { margin-bottom: 10px; font-size: 21px; }
.result-guidance p, .next-steps li, .calculator-links p { font-size: 15px !important; font-weight: 400 !important; line-height: 1.6; }
.next-steps ul { padding-left: 22px; }
.next-steps li { margin: 6px 0; }
.calculator-link-list { display: flex; flex-wrap: wrap; gap: 10px; }
.calculator-link-list a { display: inline-flex; min-height: 44px; align-items: center; padding: 9px 14px; border-radius: 6px; background: #1e1e1e; color: #fff; text-decoration: none; font-weight: 700; }
.recommendation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.calculator-article { min-width: 0; padding: 13px; border: 1px solid rgba(0,0,0,.26); border-radius: 7px; }
.calculator-article p { margin: 0 0 7px !important; color: #5d5d5d; font-size: 11px !important; font-weight: 500 !important; }
.calculator-article a { color: #1e1e1e; font-size: 14px; font-weight: 700; line-height: 1.35; }
@media (max-width: 600px) { .recommendation-grid { grid-template-columns: 1fr; } .calculator-actions { flex-direction: column; } .result-actions .copy-results { width: 100%; } }