/*
  SoftDayta public-page refresh inspired by the clean professional-exam
  resource style used by large accountancy bodies. This does not copy ICAEW
  branding, logos or page content; it gives SoftDayta a calmer resource-led UI.
*/
:root{
  --navy:#0b2341;
  --blue:#005b96;
  --red:#d71920;
  --ink:#1c2b39;
  --muted:#596a79;
  --line:#d7dde3;
  --soft:#f4f5f7;
  --panel:#ffffff;
  --shadow:0 2px 8px rgba(11,35,65,.08);
}
html,body{
  background:#f4f5f7!important;
  color:var(--ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  line-height:1.55!important;
}
.notice{
  background:#eef1f4!important;
  border-bottom:1px solid var(--line)!important;
  color:#526170!important;
}
header{
  background:#fff!important;
  border-bottom:1px solid #cfd6dd!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
nav{min-height:66px!important}
.brand{gap:.7rem!important}
.mark{
  width:40px!important;
  height:40px!important;
  border-radius:0!important;
  background:var(--navy)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:.86rem!important;
}
.brand strong{color:var(--navy)!important;font-weight:800!important}
.brand small{color:#667685!important}
.links{gap:.95rem!important}
.links a:not(.button){
  color:#24384c!important;
  font-weight:700!important;
  border-bottom:2px solid transparent!important;
  padding:.35rem 0!important;
}
.links a:not(.button):hover{border-bottom-color:var(--red)!important;color:var(--navy)!important}
.button,.resource-btn{
  border-radius:0!important;
  box-shadow:none!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.primary,.resource-btn{
  background:var(--red)!important;
  border-color:var(--red)!important;
  color:#fff!important;
}
.ghost,.resource-btn.secondary{
  background:#fff!important;
  border:1px solid var(--navy)!important;
  color:var(--navy)!important;
}
.hero{
  background:#fff!important;
  border-bottom:1px solid var(--line)!important;
  padding:4.2rem 0 3rem!important;
}
.hero-grid{align-items:start!important}
.eyebrow,.badge,.aca-badge{
  color:var(--red)!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  letter-spacing:.08em!important;
}
h1,h2,h3{
  color:var(--navy)!important;
  letter-spacing:-.025em!important;
}
h1{
  max-width:900px!important;
  font-size:clamp(2.25rem,4.8vw,4.1rem)!important;
}
h2{font-size:clamp(1.75rem,3.1vw,2.75rem)!important}
section{padding:3.6rem 0!important}
.section-head{
  border-bottom:3px solid var(--navy)!important;
  padding-bottom:1rem!important;
  margin-bottom:1.35rem!important;
}
.card,.feature,.panel,.study-card,.choice-card,.level,.aca-level,.promo-card,.exam-card,.success div{
  border:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:var(--shadow)!important;
  background:#fff!important;
}
.card:hover,.feature:hover,.panel:hover,.choice-card:hover,.level:hover,.exam-card:hover,.promo-card:hover{
  border-color:#b8c2cc!important;
}
.level:before,.aca-level:before,.choice-card:before{
  height:4px!important;
  background:var(--red)!important;
}
.icon{
  border-radius:0!important;
  background:var(--navy)!important;
}
.study-card{transform:none!important}
.study-head,.lesson,.resource-slots{
  border-color:var(--line)!important;
}
.lesson b,.choice-card span{
  border-radius:0!important;
  background:#eef1f4!important;
  color:var(--navy)!important;
}
.pill,.exam-tags span,.meta-pill{
  border-radius:0!important;
  background:#eef1f4!important;
  color:#34495e!important;
  border:1px solid #dce2e8!important;
}
.syllabus-note{
  border-radius:0!important;
  background:#fff!important;
  border-left:5px solid var(--red)!important;
}
.syllabus-note a,.promo-card a{color:var(--blue)!important}
.exam-block{
  background:#fff!important;
  border:1px solid var(--line)!important;
  padding:1.2rem!important;
}
.exam-block-head{
  border-bottom:1px solid var(--line)!important;
  padding-bottom:.9rem!important;
}
.resource-actions{gap:.55rem!important}
.standards{
  background:var(--navy)!important;
}
.standard{
  border-radius:0!important;
  background:rgba(255,255,255,.08)!important;
}
.legal{background:#fff!important}
.cta{
  background:#fff!important;
  border-left:5px solid var(--red)!important;
  border-radius:0!important;
}
footer{
  background:#fff!important;
  border-top:1px solid var(--line)!important;
}
@media(max-width:880px){
  nav{min-height:60px!important}
  .hero{padding:3rem 0 2.4rem!important}
  section{padding:2.8rem 0!important}
}