:root{--bg:#f7f8fb;--ink:#172033;--muted:#5f6b7a;--card:#fff;--accent:#2457a6;--accent-dark:#163b75;--line:#dde4ef;--soft:#eaf1fb}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}.container{width:min(1120px,92vw);margin:0 auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{font-weight:800;color:var(--ink);text-decoration:none}.nav nav{display:flex;gap:18px}.nav a{color:var(--ink);text-decoration:none;font-weight:600}.hero{padding:72px 0;background:linear-gradient(135deg,#102447,#2457a6);color:white}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:32px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:800;color:#cbdcf6}h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.03;margin:0 0 18px}h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 14px}h3{margin-bottom:8px}.lede{font-size:1.25rem;max-width:680px}.disclaimer{background:rgba(255,255,255,.12);padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.25)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--accent);color:#fff;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer}.button:hover{background:var(--accent-dark)}.button.secondary{background:#fff;color:var(--accent);border:1px solid var(--line)}.hero .button{background:white;color:var(--accent)}.hero-card,.panel,.mini-card{background:var(--card);color:var(--ink);border-radius:24px;padding:26px;box-shadow:0 12px 35px rgba(19,39,75,.12);border:1px solid var(--line)}.hero-card ul{padding-left:20px}.section{padding:56px 0}.section.alt{background:#fff}.calculator-layout{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:start}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:7px;font-weight:700}input,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;background:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.result-grid{display:grid;gap:12px}.result-grid div{background:var(--soft);border-radius:16px;padding:14px}.result-grid span{display:block;color:var(--muted);font-size:.9rem}.result-grid strong{display:block;font-size:1.35rem}.interpretation{border-left:4px solid var(--accent);padding-left:14px;font-weight:650}.ad-placeholder{border:2px dashed #b6c4d8;border-radius:18px;padding:18px;margin-top:20px;text-align:center;color:var(--muted);background:#fbfcff}.content{max-width:860px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}details{background:#fff;border:1px solid var(--line);padding:16px 18px;border-radius:16px;margin:12px 0}summary{font-weight:800;cursor:pointer}.site-footer{padding:28px 0;background:#101828;color:#d8dee9}.site-footer a{color:white}.footer-grid{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media (max-width:850px){.hero-grid,.calculator-layout,.form-grid,.cards{grid-template-columns:1fr}.nav{align-items:flex-start;gap:12px}.nav nav{flex-wrap:wrap}.hero{padding:48px 0}}

.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.hero .button.hero-secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35)}.hero.compact{padding:54px 0}.eyebrow.dark{color:var(--accent)}.cards.two{grid-template-columns:repeat(2,1fr)}@media (max-width:850px){.cards.two{grid-template-columns:1fr}}


/* Profession comparison additions */
.comparison-panel { border-top: 1px solid #d8e0e8; margin-top: 1.25rem; padding-top: 1.25rem; }
.comparison-note { font-size: .92rem; color: #52616f; }
.category-list { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: 1rem; }
.category-list .mini-card { margin: 0; }
.source-box { background: #eef5fb; border-left: 4px solid #315f7d; padding: 1rem; border-radius: .75rem; margin-top: 1rem; }
.warning-soft { background: #fff7e6; border-left: 4px solid #d68c00; padding: 1rem; border-radius: .75rem; }
select { width: 100%; padding: .75rem; border: 1px solid #cbd5df; border-radius: .6rem; font: inherit; background: white; }


/* Simple best-practice additions */
.flow-box {
  background: #f7fbff;
  border: 1px solid #d8e7f5;
  border-radius: 16px;
  padding: 18px 20px;
  margin: 22px 0;
}
.flow-box h2, .flow-box h3 {
  margin-top: 0;
}
.flow-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  margin: 12px 0 0;
}
.flow-step {
  background: #ffffff;
  border: 1px solid #e3edf7;
  border-radius: 14px;
  padding: 14px;
}
.flow-step strong {
  display: block;
  color: #163a5f;
  margin-bottom: 4px;
}
.trust-note {
  background: #f8fafc;
  border: 1px solid #dbe5ef;
  border-radius: 12px;
  padding: 13px 15px;
  margin: 16px 0;
  color: #425466;
  font-size: 0.95rem;
}