/* Cleaner profession presentation: compact, reference-first and easy to scan. */
body.profession-clean .profession-switcher{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  margin:-8px 0 18px;padding:0 0 14px;border-bottom:1px solid rgba(137,190,214,.16)
}
body.profession-clean .profession-switcher-label{
  margin-right:4px;color:#718995;font-size:.64rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase
}
body.profession-clean .profession-switcher a{
  padding:5px 8px;border-radius:3px;color:#92a9b4;font-size:.75rem;line-height:1.2
}
body.profession-clean .profession-switcher a:hover{color:#f0f6f8;background:rgba(82,180,225,.06)}
body.profession-clean .profession-switcher a.is-active{color:#f3e7c5;background:rgba(199,168,90,.09);box-shadow:inset 0 -1px 0 rgba(199,168,90,.45)}

body.profession-clean .profession-glance{
  display:flex;flex-wrap:wrap;margin:18px 0 2px;padding:10px 0;
  border-top:1px solid rgba(137,190,214,.15);border-bottom:1px solid rgba(137,190,214,.15)
}
body.profession-clean .profession-glance>div{min-width:145px;padding:6px 18px 6px 0;margin-right:18px}
body.profession-clean .profession-glance dt{margin:0 0 3px;color:#718995;font-size:.62rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
body.profession-clean .profession-glance dd{margin:0;color:#e2e9e7;font-size:.88rem;font-weight:800}

/* Convert the old box grids into reference-list rows. */
body.profession-clean .profession-card-grid{
  display:block;margin:16px 0 18px;border-top:1px solid rgba(137,190,214,.16)
}
body.profession-clean .profession-card{
  display:grid!important;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:5px 22px;
  min-height:0!important;margin:0!important;padding:13px 2px!important;
  border:0!important;border-bottom:1px solid rgba(137,190,214,.14)!important;
  background:none!important;box-shadow:none!important
}
body.profession-clean .profession-card:before{display:none!important}
body.profession-clean .profession-card-head{align-self:start;margin:0!important;gap:10px}
body.profession-clean .profession-card-icon{width:36px;height:36px;flex-basis:36px;border:0;background:rgba(7,24,34,.72)}
body.profession-clean .profession-card-icon img{width:28px;height:28px}
body.profession-clean .profession-card h3{font-size:.98rem!important}
body.profession-clean .profession-card p{align-self:center;font-size:.87rem!important;line-height:1.52!important}
body.profession-clean .profession-card small{grid-column:2;margin:0;color:#748d98}

body.profession-clean .profession-item-grid,
body.profession-clean .rune-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:16px 0 20px;
  border-top:1px solid rgba(137,190,214,.14)
}
body.profession-clean .profession-item,
body.profession-clean .rune-grid .profession-item{
  min-height:58px;padding:9px 8px;border:0;border-bottom:1px solid rgba(137,190,214,.12);background:none
}
body.profession-clean .profession-item img{width:34px;height:34px}

body.profession-clean .profession-showcase{
  min-height:220px;padding:10px;gap:4px;background:rgba(6,19,27,.5);box-shadow:none
}
body.profession-clean .profession-showcase-item{border:0;background:transparent}
body.profession-clean .profession-overview{gap:26px}
body.profession-clean .profession-overview-copy p{font-size:.96rem;line-height:1.68}
body.profession-clean .profession-section{padding-top:30px!important}
body.profession-clean .profession-section>p:first-of-type{max-width:76ch;margin-bottom:12px}
body.profession-clean .profession-note{margin:13px 0;padding:12px 14px;font-size:.86rem}
body.profession-clean .profession-table{font-size:.84rem}
body.profession-clean .profession-table th{padding:9px 10px}
body.profession-clean .profession-table td{padding:8px 10px}
body.profession-clean .profession-details{margin-top:12px}
body.profession-clean .profession-details summary{padding-block:11px!important;font-size:.86rem}
body.profession-clean .profession-steps{margin:12px 0 18px}
body.profession-clean .profession-steps li{padding:8px 0;font-size:.88rem}
body.profession-clean .profession-flow{margin:14px 0 18px}
body.profession-clean .profession-flow-step{min-height:62px;padding:8px 10px;font-size:.76rem}
body.profession-clean .profession-hero-strip{margin:14px 0 18px}

@media(max-width:760px){
  body.profession-clean .profession-card{grid-template-columns:1fr;gap:7px}
  body.profession-clean .profession-card small{grid-column:auto}
  body.profession-clean .profession-item-grid,body.profession-clean .rune-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.profession-clean .profession-glance>div{min-width:45%;margin-right:0;padding-right:12px}
}
@media(max-width:520px){
  body.profession-clean .profession-item-grid,body.profession-clean .rune-grid{grid-template-columns:1fr}
  body.profession-clean .profession-glance>div{min-width:50%}
}