:root {
--navy: #123047;
--accent: #2f7f9f;
--soft-gray: #f4f6f8;
--border-gray: #d0d4da;
--amber: #c98a1b;
--red: #b23b3b;
--green: #3b7b4f;
--text: #1f2933;
}
.dose-tool {
max-width: 900px;
margin: 2rem auto;
padding: 1.75rem 2rem;
border: 1px solid var(--border-gray);
border-radius: 8px;
background: #ffffff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.dose-tool h2 {
margin-top: 0;
color: var(--navy);
font-size: 1.4rem;
text-align: center;
}
.dose-grid {
display: flex;
flex-direction: column;
gap: 1.25rem;
margin-top: 1rem;
}
.dose-card {
border: 1px solid var(--border-gray);
border-radius: 6px;
padding: 1rem 1.1rem;
background: var(--soft-gray);
}
label {
display: block;
font-size: 0.9rem;
margin-bottom: 0.25rem;
font-weight: 600;
}
input[type="number"],
select {
width: 100%;
padding: 0.4rem 0.45rem;
border-radius: 4px;
border: 1px solid var(--border-gray);
font-size: 0.9rem;
box-sizing: border-box;
}
.btn-row {
margin-top: 1rem;
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
}
button {
border-radius: 4px;
border: none;
padding: 0.45rem 0.9rem;
font-size: 0.9rem;
cursor: pointer;
}
.btn-primary {
background: var(--accent);
color: #ffffff;
}
.btn-secondary {
background: #e5e7eb;
color: #111827;
}
.results {
margin-top: 1.5rem;
border-top: 1px solid var(--border-gray);
padding-top: 1.25rem;
}
.results-grid {
display: flex;
flex-direction: column;
gap: 1rem;
}
.result-box {
border-radius: 6px;
padding: 0.9rem 1rem;
border: 1px solid var(--border-gray);
background: #ffffff;
}
.result-label {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #6b7280;
margin-bottom: 0.25rem;
}
.result-value {
font-size: 1.2rem;
font-weight: 600;
color: var(--navy);
}
.band.green { color: var(--green); }
.band.amber { color: var(--amber); }
.band.red { color: var(--red); }
.narrative {
margin-top: 1rem;
font-size: 0.9rem;
line-height: 1.5;
}
.print-note {
margin-top: 1rem;
font-size: 0.85rem;
color: #4b5563;
border-left: 3px solid var(--accent);
padding-left: 0.6rem;
}
.print-only {
display: none;
}
@media print {
/* EXPAND THE IFRAME BODY — THE CRITICAL FIX */
html, body {
height: auto !important;
min-height: auto !important;
overflow: visible !important;
display: block !important;
}
@page {
margin: 0.5in;
}
body * {
visibility: hidden !important;
}
#printReport, #printReport * {
visibility: visible !important;
}
/* Collapse Weebly wrappers INSIDE the iframe */
.wsite-section,
.wsite-section-wrap,
.wsite-section-content,
.wsite-content,
.wsite-elements,
.wsite-element,
.wsite-multicol,
.wsite-multicol-table,
.wsite-multicol-col,
.wsite-spacer,
.wsite-not-footer {
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
overflow: hidden !important;
position: static !important;
}
#doseTool,
#doseTool *:not(#printReport):not(#printReport *) {
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
#printReport {
position: absolute;
top: 0;
left: 0;
width: 7.5in;
margin: 0.5in auto;
padding: 0.5in 0.75in;
background: #ffffff;
box-sizing: border-box;
}
#printReport h2 {
text-align: center;
font-size: 1.4rem;
margin-bottom: 0.4rem;
}
#printReport p {
font-size: 0.95rem;
line-height: 1.35;
margin: 0.25rem 0;
}
#printReport hr {
margin: 0.75rem 0;
}
}
@media print {
/* EXPAND THE IFRAME BODY — THE CRITICAL FIX */
html, body {
height: auto !important;
min-height: auto !important;
overflow: visible !important;
display: block !important;
}
@page {
margin: 0.5in;
}
body * {
visibility: hidden !important;
}
#printReport, #printReport * {
visibility: visible !important;
}
/* Collapse Weebly wrappers INSIDE the iframe */
.wsite-section,
.wsite-section-wrap,
.wsite-section-content,
.wsite-content,
.wsite-elements,
.wsite-element,
.wsite-multicol,
.wsite-multicol-table,
.wsite-multicol-col,
.wsite-spacer,
.wsite-not-footer {
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
overflow: hidden !important;
position: static !important;
}
#doseTool,
#doseTool *:not(#printReport):not(#printReport *) {
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
#printReport {
position: absolute;
top: 0;
left: 0;
width: 7.5in;
margin: 0.5in auto;
padding: 0.5in 0.75in;
background: #ffffff;
box-sizing: border-box;
}
#printReport h2 {
text-align: center;
font-size: 1.4rem;
margin-bottom: 0.4rem;
}
#printReport p {
font-size: 0.95rem;
line-height: 1.35;
margin: 0.25rem 0;
}
#printReport hr {
margin: 0.75rem 0;
}
}
Radon Dose Tool
While mitigation decisions are primarily based on your radon level and your home and personal circumstances, this tool adds an important layer of clarity by showing your actual radon exposure.
Radon level
Auto‑loaded from your Kingpin score when available.
Time in the home
Radon Dose Report
Radon Level: pCi/L
Estimated Annual Dose: mSv/year
10‑Year Cumulative Dose: mSv
Context Band:
This report is part of the Navigator Radon Decision System.
Radon Dose Tool
While mitigation decisions are primarily based on your radon level and your home and personal circumstances, this tool adds an important layer of clarity by showing your actual radon exposure.
Radon level
Auto‑loaded from your Kingpin score when available.
Time in the home
Radon Dose Report
Radon Level: pCi/L
Estimated Annual Dose: mSv/year
10‑Year Cumulative Dose: mSv
Context Band:
This report is part of the Navigator Radon Decision System.