scoped fjordd calculator table css styles

Author: blahkheart

styles/calculator.css

@@ -101,31 +101,31 @@ select.calculator-select :focus {
     color: var(--op-neutral-700)
 }
 
-table {
+.calculator-results-wrap table {
     width: 100%;
     border-collapse: collapse;
     margin-bottom: 40px;
 }
 
-th,
-td {
+.calculator-results-wrap th,
+.calculator-results-wrap td {
     border: 1px solid var(--op-red-200);
     padding: 8px;
     text-align: left;   
 }
 
-thead .sub-header {
+.calculator-results-wrap thead .sub-header {
     background-color: var(--op-red-600) !important;
     color: var(--op-neutral-0);
 }
 
-tbody tr td, 
-thead tr:nth-of-type(2) th {
+.calculator-results-wrap tbody tr td, 
+.calculator-results-wrap thead tr:nth-of-type(2) th {
     text-align: center;
 }
 
-tbody tr td:first-of-type, 
-thead tr:nth-of-type(2) th:first-of-type {
+.calculator-results-wrap tbody tr td:first-of-type, 
+.calculator-results-wrap thead tr:nth-of-type(2) th:first-of-type {
     text-align: right;
 }
 
@@ -135,7 +135,7 @@ div.calculator-results-wrap .results-container .results-table-wrap tbody {
     font-weight: 700;
 }
 
-thead th[colspan="2"] {
+.calculator-results-wrap thead th[colspan="2"] {
     text-align: right;
 }