/* ===== Kimbolton skin for Admissions Finder ===== */
:root{
  --kb-ink:#14131a;
  --kb-head:#0f1b36;
  --kb-accent: var(--wp--preset--color--brand-primary);
  --kb-muted:#6c6b74;
  --kb-line:#e9e8ee;
  --kb-surface:#ffffff;
  --kb-focus:#1f6feb;
  --kb-radius:14px;
}

.admcalc html,.admcalc body{background:#fff;color:var(--kb-ink)}
.admcalc.wrap{max-width:980px;margin:0 auto;padding:32px 20px 64px}
.admcalc .center{text-align:center}
.admcalc .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.admcalc h1{
  font-size: var(--wp--preset--font-size--type-5); 
  text-align:center;
}
.admcalc h2{
  font-size: var(--wp--preset--font-size--type-4); 
  margin:22px 0 10px
}
.admcalc p{margin:0 0 12px}

/* Header */
.admcalc__header {
  text-align: center;
}
/* Form controls */
.admcalc fieldset{border:0;padding:0;margin:0}
.admcalc .dob-grid{
  display:grid; grid-template-columns: repeat(3, minmax(0,120px));
  gap:10px; justify-content:center; align-items:end; 
  margin: 1rem 0 1rem;
}
.admcalc .dob-grid label {
  display: block;
  width: 100%;
  margin-bottom: .25em;
  text-align: center;
  font-weight: bold;
}
.admcalc .dob-grid select {
  width: 100%;
  padding: .5em;
  font-size: var(--wp--preset--font-size--type-0);
  border-radius: 0;
  border: 1px solid var(--wp--preset--color--brand-secondary-lighter);
}
.admcalc .admcalc-form button {
  display: block;
  margin: 1rem auto;
  cursor: pointer;
}

/* Tabs */
.admcalc .tabs{display:flex; gap:10px; flex-wrap:wrap; margin:10px 0 2px; justify-content:center}
.admcalc .tab-btn{
  background:var(--wp--preset--color--brand-secondary-lighter); 
  color:var(--kb-head); 
  border: none;
  border-radius:999px; 
  padding:.5em 1.5em; 
  cursor:pointer; 
  font-weight:600; 
  line-height:1.2;
}
.admcalc .tab-btn[aria-selected="true"]{background:var(--kb-accent); color:#fff; border-color:transparent}
.admcalc .tab-btn:hover{filter:brightness(.98)}

.admcalc-resultSection__heading {
  font-size: var(--wp--preset--font-size--type-4); 
  margin: 2rem;
  text-align: center;
}

/* Panel headline */
.admcalc .headline {
  
  font-size: var(--wp--preset--font-size--type-2); 
  margin: 2rem;
  text-align: center;
  
}

@media (max-width:820px){
  .admcalc .dob-grid{grid-template-columns: repeat(3, 1fr)}
}