@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

/* tc-scoped:tc-wp-tool-root */

.tc-wp-tool-root {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: flow-root;
  isolation: isolate;
  position: relative;
}
.tc-wp-tool-root img,
.tc-wp-tool-root video,
.tc-wp-tool-root svg,
.tc-wp-tool-root iframe {
  max-width: 100%;
  height: auto;
}

.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper{
  --bpba-bg: #f7fbfa;
  --bpba-surface: #ffffff;
  --bpba-surface-soft: #fff7f6;
  --bpba-primary: #c83f4b;
  --bpba-primary-dark: #982b35;
  --bpba-secondary: #147c78;
  --bpba-accent: #f3b35a;
  --bpba-text: #172126;
  --bpba-muted: #5d6b72;
  --bpba-border: #dce7e5;
  --bpba-success: #197a55;
  --bpba-warning: #98640f;
  --bpba-danger: #b4232f;
  --bpba-shadow: 0 18px 48px rgba(29, 48, 55, 0.12);
  width: 100%;
  max-width: none;
  position: relative;
  box-sizing: border-box;
  overflow-x: hidden;
  padding: 28px 16px;
  background:
    radial-gradient(circle at top left, rgba(200, 63, 75, 0.12), transparent 32%),
    linear-gradient(135deg, #f7fbfa 0%, #fff7f6 100%);
  color: var(--bpba-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper *, .tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper *::before, .tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper *::after{
  box-sizing: border-box;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-calculator-container{
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-header{
  width: 100%;
  text-align: center;
  margin: 0 auto 24px;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-title{
  margin: 0;
  color: var(--bpba-text);
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: 0;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-subtitle{
  max-width: 820px;
  margin: 12px auto 0;
  color: var(--bpba-muted);
  font-size: 1.05rem;
  line-height: 1.6;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-dashboard{
  width: 100%;
  display: grid;
  gap: 18px;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-form, .tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-panel, .tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-breakdown-panel, .tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-notes-panel{
  width: 100%;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--bpba-border);
  border-radius: 18px;
  box-shadow: var(--bpba-shadow);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-form{
  padding: 22px;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-form-grid{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-field{
  display: grid;
  gap: 8px;
  text-align: left;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-field-wide{
  grid-column: 1 / -1;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-label{
  color: var(--bpba-text);
  font-size: 0.95rem;
  font-weight: 750;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-help{
  color: var(--bpba-muted);
  font-size: 0.84rem;
  line-height: 1.35;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-input-wrap{
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-input{
  width: 100%;
  min-height: 52px;
  border: 1px solid var(--bpba-border);
  border-radius: 12px;
  background: #ffffff;
  color: var(--bpba-text);
  padding: 12px 14px;
  font: inherit;
  font-size: 1rem;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-input-wrap .bpba-input{
  padding-right: 76px;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-input:focus{
  border-color: var(--bpba-secondary);
  box-shadow: 0 0 0 4px rgba(20, 124, 120, 0.16);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-unit{
  margin-left: -64px;
  width: 58px;
  color: var(--bpba-muted);
  font-size: 0.88rem;
  font-weight: 700;
  pointer-events: none;
  text-align: right;
  padding-right: 10px;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-message{
  display: none;
  width: 100%;
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fff2f1;
  border: 1px solid rgba(180, 35, 47, 0.28);
  color: var(--bpba-danger);
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-message.bpba-message-show{
  display: block;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-button{
  min-height: 48px;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 12px 20px;
  font: inherit;
  font-size: 0.96rem;
  font-weight: 800;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-button:focus-visible{
  outline: 3px solid rgba(20, 124, 120, 0.35);
  outline-offset: 3px;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-button:hover{
  transform: translateY(-1px);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-button-primary{
  background: var(--bpba-primary);
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(200, 63, 75, 0.25);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-button-secondary{
  background: #e9f6f4;
  color: #0f5f5c;
  border-color: rgba(20, 124, 120, 0.24);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-button-ghost{
  background: #ffffff;
  color: var(--bpba-text);
  border-color: var(--bpba-border);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-panel{
  padding: 0;
  overflow: hidden;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-card{
  width: 100%;
  padding: 24px;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(135deg, #263238 0%, #147c78 100%);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-neutral{
  background: linear-gradient(135deg, #24323a 0%, #43636a 100%);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-normal{
  background: linear-gradient(135deg, #126247 0%, #1e8b68 100%);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-elevated{
  background: linear-gradient(135deg, #8a5a08 0%, #c5841a 100%);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-high{
  background: linear-gradient(135deg, #982b35 0%, #c83f4b 100%);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-crisis{
  background: linear-gradient(135deg, #68151d 0%, #b4232f 100%);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-child{
  background: linear-gradient(135deg, #254b67 0%, #147c78 100%);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-kicker{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border-radius: 999px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-title{
  margin: 14px auto 8px;
  color: #ffffff;
  font-size: clamp(1.45rem, 3vw, 2.2rem);
  line-height: 1.15;
  font-weight: 850;
  letter-spacing: 0;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-text{
  max-width: 920px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.92);
  font-size: 1rem;
  line-height: 1.6;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-metrics{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-metric{
  min-height: 92px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.22);
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-metric-label{
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.82rem;
  font-weight: 750;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-metric strong{
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.3;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-breakdown-panel, .tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-notes-panel{
  padding: 22px;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-section-title{
  margin: 0 0 14px;
  color: var(--bpba-text);
  text-align: center;
  font-size: 1.35rem;
  line-height: 1.25;
  font-weight: 850;
  letter-spacing: 0;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-steps{
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-position: inside;
  display: grid;
  gap: 10px;
  color: var(--bpba-text);
  text-align: left;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-steps li{
  padding: 12px 14px;
  background: var(--bpba-surface-soft);
  border: 1px solid rgba(200, 63, 75, 0.14);
  border-radius: 12px;
  line-height: 1.5;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-note-grid{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-note-card{
  width: 100%;
  padding: 16px;
  border: 1px solid var(--bpba-border);
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fffd 100%);
  text-align: left;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-note-title{
  margin: 0 0 8px;
  color: var(--bpba-secondary);
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 850;
  letter-spacing: 0;
}.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-note-text{
  margin: 0;
  color: var(--bpba-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}@media (max-width: 760px) {.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper{
    padding: 22px 12px;
  }.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-title{
    font-size: 2rem;
  }.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-subtitle{
    font-size: 0.98rem;
  }.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-form, .tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-breakdown-panel, .tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-notes-panel{
    padding: 16px;
    border-radius: 14px;
  }.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-form-grid, .tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-metrics, .tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-note-grid{
    grid-template-columns: 1fr;
  }.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-result-card{
    padding: 18px;
  }.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-actions{
    display: grid;
    grid-template-columns: 1fr;
  }.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-button{
    width: 100%;
  }.tc-wp-tool-root .blood-pressure-by-age-calculator-wrapper .bpba-metric{
    min-height: 78px;
  }}.tc-wp-tool-root{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  z-index: 0 !important;
}

.tc-wp-tool-root .bpba-age {}
.tc-wp-tool-root .bpba-age-output {}
.tc-wp-tool-root .bpba-calculate {}
.tc-wp-tool-root .bpba-context {}
.tc-wp-tool-root .bpba-copy {}
.tc-wp-tool-root .bpba-diastolic {}
.tc-wp-tool-root .bpba-difference-output {}
.tc-wp-tool-root .bpba-reading-output {}
.tc-wp-tool-root .bpba-reset {}
.tc-wp-tool-root .bpba-sample {}
.tc-wp-tool-root .bpba-sex {}
.tc-wp-tool-root .bpba-systolic {}