/* K53LearnersTests.co.za — brand theme. Blue #379cd4 / Red #de1515 / Ink #0b1116. Archivo + Inter. */
:root{--k53-blue:#379cd4;--k53-blue-d:#2179ab;--k53-blue-dd:#155e88;--k53-red:#de1515;--k53-red-d:#b31010;--k53-red-soft:#fdeceb;--k53-ink:#0b1116;--k53-slate:#3d4852;--k53-mut:#71808c;--k53-line:#e4e9ee;--k53-bg:#f6f9fb;--k53-soft:#e9f4fb;--k53-white:#fff;--k53-green:#149144;--k53-green-soft:#e8f6ee;--k53-amber:#f5a623;--k53-radius:12px;--k53-shadow:0 8px 24px rgba(11,17,22,.08);}
body{font-family:Inter,'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;color:var(--k53-slate);background:var(--k53-white);}
h1,h2,h3,h4,h5,h6,.entry-title,.site-title{font-family:Archivo,'Segoe UI',sans-serif;color:var(--k53-ink);letter-spacing:-.01em;}
a{color:var(--k53-blue-d);}a:hover{color:var(--k53-red);}
::selection{background:var(--k53-red);color:#fff;}
.k53-wrap{max-width:1140px;margin:0 auto;padding:0 22px;}
.k53-narrow{max-width:820px;margin:0 auto;padding:0 22px;}
.k53-sec{padding:60px 0;}
.k53-sec.tint{background:var(--k53-bg);border-top:1px solid var(--k53-line);border-bottom:1px solid var(--k53-line);}
.k53-sec.dark{background:var(--k53-ink);}
.k53-sec.dark h2.k53-h,.k53-sec.dark .k53-h{color:#fff;}
.k53-sec.dark p.k53-sub{color:#9fb0bd;}
.k53-sec h2.k53-h{font-size:31px;text-align:left;margin:0 0 8px;font-weight:800;}
.k53-sec h2.k53-h.left{font-size:22px;margin:28px 0 14px;}
.k53-sec p.k53-sub{text-align:left;color:var(--k53-mut);max-width:640px;margin:0 0 32px;font-size:16.5px;}
.k53-eyebrow{display:flex;align-items:center;gap:10px;text-align:left;color:var(--k53-red);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;margin-bottom:12px;font-family:Archivo,sans-serif;}
.k53-eyebrow::before{content:"";width:26px;height:3px;background:var(--k53-red);border-radius:2px;}
.k53-sec.dark .k53-eyebrow{color:var(--k53-blue);}
.k53-sec.dark .k53-eyebrow::before{background:var(--k53-blue);}
/* ---- Hero: light split layout, left text + sign illustration ---- */
.k53-hero{background:linear-gradient(180deg,#fdfefe 0%,var(--k53-soft) 100%);border-bottom:6px solid var(--k53-ink);position:relative;padding:64px 0 58px;}
.k53-hero::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:repeating-linear-gradient(90deg,var(--k53-ink) 0 46px,var(--k53-amber) 46px 78px);}
.k53-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;}
.k53-kicker{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--k53-line);color:var(--k53-red);font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px;margin-bottom:18px;font-family:Archivo,sans-serif;letter-spacing:.02em;}
.k53-kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--k53-red);}
.k53-hero h1{font-size:47px;line-height:1.06;margin:0 0 18px;font-weight:800;color:var(--k53-ink);}
.k53-hero p{color:var(--k53-slate);font-size:18.5px;max-width:540px;margin:0 0 28px;line-height:1.65;}
.k53-hero .k53-btnrow{justify-content:flex-start;}
.k53-hero .k53-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px;}
.k53-hero .k53-badges span{background:#fff;border:1.5px solid var(--k53-line);color:var(--k53-ink);padding:7px 13px;border-radius:8px;font-size:13px;font-weight:600;}
.k53-hero-art{display:flex;justify-content:center;}
.k53-hero-art svg{width:100%;max-width:330px;height:auto;filter:drop-shadow(0 14px 24px rgba(11,17,22,.16));}
/* ---- Buttons: pills, red primary / blue secondary ---- */
.k53-cta{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;padding:15px 32px;border-radius:999px;text-decoration:none;transition:.16s;border:0;cursor:pointer;font-family:Archivo,sans-serif;}
.k53-cta.pri{background:var(--k53-red);color:#fff;box-shadow:0 8px 20px rgba(222,21,21,.32);}
.k53-cta.pri:hover{background:var(--k53-red-d);color:#fff;transform:translateY(-2px);}
.k53-cta.sol{background:var(--k53-blue);color:#fff;box-shadow:0 8px 20px rgba(55,156,212,.3);}
.k53-cta.sol:hover{background:var(--k53-blue-d);color:#fff;transform:translateY(-2px);}
.k53-cta.out{background:#fff;color:var(--k53-blue-d);border:2px solid var(--k53-blue);}
.k53-cta.out:hover{background:var(--k53-blue);color:#fff;}
.k53-btnrow{display:flex;gap:14px;justify-content:flex-start;flex-wrap:wrap;}
/* ---- Card grid: flat cards with colour top-bar ---- */
.k53-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;}
.k53-card{display:block;background:#fff;border:1.5px solid var(--k53-line);border-radius:var(--k53-radius);padding:24px;text-decoration:none;color:inherit;transition:.16s;position:relative;overflow:hidden;}
.k53-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--k53-blue);}
.k53-grid a.k53-card:nth-child(3n+2)::before{background:var(--k53-red);}
.k53-grid a.k53-card:nth-child(3n+3)::before{background:var(--k53-ink);}
a.k53-card:hover{box-shadow:var(--k53-shadow);transform:translateY(-3px);border-color:#cdd8e0;}
.k53-card .ic{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:var(--k53-soft);font-size:24px;margin-bottom:14px;}
.k53-grid a.k53-card:nth-child(3n+2) .ic{background:var(--k53-red-soft);}
.k53-grid a.k53-card:nth-child(3n+3) .ic{background:#eef1f4;}
.k53-card h3{margin:0 0 8px;font-size:18.5px;color:var(--k53-ink);}
.k53-card p{margin:0;color:var(--k53-mut);font-size:14.5px;line-height:1.6;}
.k53-card .cnt{position:absolute;top:18px;right:20px;font-size:12.5px;font-weight:700;color:var(--k53-blue-d);background:var(--k53-soft);padding:4px 10px;border-radius:6px;font-family:Archivo,sans-serif;}
.k53-grid a.k53-card:nth-child(3n+2) .cnt{background:var(--k53-red-soft);color:var(--k53-red-d);}
.k53-grid a.k53-card:nth-child(3n+3) .cnt{background:#eef1f4;color:var(--k53-ink);}
.k53-card .go{display:inline-block;margin-top:14px;color:var(--k53-red);font-weight:700;font-size:14px;font-family:Archivo,sans-serif;}
.k53-grid a.k53-card:nth-child(3n+1) .go{color:var(--k53-blue-d);}
/* ---- Steps ---- */
.k53-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;counter-reset:step;}
.k53-step{background:#fff;border:1.5px solid var(--k53-line);border-radius:var(--k53-radius);padding:26px;position:relative;}
.k53-step .num{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--k53-ink);color:#fff;font-family:Archivo,sans-serif;font-weight:800;font-size:18px;margin-bottom:16px;}
.k53-step:nth-child(2) .num{background:var(--k53-blue);}
.k53-step:nth-child(3) .num{background:var(--k53-red);}
.k53-step h3{margin:0 0 8px;font-size:18.5px;}
.k53-step p{margin:0 0 14px;color:var(--k53-mut);font-size:14.5px;line-height:1.65;}
.k53-step a{font-weight:700;font-size:14px;text-decoration:none;font-family:Archivo,sans-serif;}
/* ---- Stats (used inside dark section) ---- */
.k53-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;}
.k53-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:24px;text-align:center;}
.k53-stat b{display:block;font-size:36px;color:var(--k53-blue);line-height:1.1;font-weight:800;font-family:Archivo,sans-serif;}
.k53-stat.r b{color:#ff5f57;}
.k53-stat span{color:#9fb0bd;font-size:13.5px;font-weight:600;}
.k53-sec:not(.dark) .k53-stat{background:var(--k53-bg);border-color:var(--k53-line);}
.k53-sec:not(.dark) .k53-stat span{color:var(--k53-mut);}
.k53-sec:not(.dark) .k53-stat b{color:var(--k53-blue-d);}
.k53-sec:not(.dark) .k53-stat.r b{color:var(--k53-red);}
/* ---- Band CTA ---- */
.k53-band{background:var(--k53-ink);border-radius:18px;padding:46px 44px;text-align:left;color:#fff;position:relative;overflow:hidden;}
.k53-band::after{content:"";position:absolute;right:-60px;top:-60px;width:230px;height:230px;border-radius:50%;border:34px solid var(--k53-red);opacity:.55;}
.k53-band::before{content:"";position:absolute;right:70px;bottom:-80px;width:180px;height:180px;border-radius:50%;border:26px solid var(--k53-blue);opacity:.4;}
.k53-band h2{color:#fff;font-size:27px;margin:0 0 10px;position:relative;z-index:1;}
.k53-band p{color:#b9c6d1;max-width:540px;margin:0 0 22px;position:relative;z-index:1;}
.k53-band .k53-cta{position:relative;z-index:1;}
.k53-band .k53-cta.pri{background:var(--k53-red);}
/* ---- Downloads ---- */
.k53-dl{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.k53-dl li{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--k53-line);border-radius:12px;padding:14px 18px;}
.k53-dl li:hover{box-shadow:var(--k53-shadow);}
.k53-dl .pdf{flex:0 0 42px;height:46px;border-radius:9px;background:var(--k53-red);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;font-family:Archivo,sans-serif;}
.k53-dl .m{flex:1;}
.k53-dl .m b{display:block;color:var(--k53-ink);font-size:15px;}
.k53-dl .m span{color:var(--k53-mut);font-size:13px;}
.k53-dl a.btn{background:var(--k53-ink);color:#fff;text-decoration:none;padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px;white-space:nowrap;font-family:Archivo,sans-serif;}
.k53-dl a.btn:hover{background:var(--k53-blue-d);}
/* ---- CPT single content ---- */
.k53-content{max-width:820px;margin:0 auto;font-size:16.5px;line-height:1.75;}
.k53-content img{max-width:100%;height:auto;border-radius:10px;}
.k53-content h2{font-size:24px;margin:32px 0 12px;}
.k53-content h3{font-size:19px;margin:24px 0 10px;}
.k53-q figure{text-align:center;margin:0 0 18px;}
.k53-q figure img{max-height:240px;}
.k53-q .k53-options{list-style:none;padding:0;display:grid;gap:10px;margin:16px 0;}
.k53-q .k53-options li{border:2px solid var(--k53-line);border-radius:10px;padding:13px 16px;}
.k53-q .k53-options li.correct{border-color:var(--k53-green);background:var(--k53-green-soft);}
.k53-q .k53-answer{color:var(--k53-green);font-weight:600;}
.k53-related{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px;}
.k53-related li a{display:block;background:#fff;border:1.5px solid var(--k53-line);border-radius:10px;padding:12px 16px;text-decoration:none;color:var(--k53-ink);font-size:14.5px;transition:.15s;}
.k53-related li a:hover{border-color:var(--k53-red);color:var(--k53-red-d);background:var(--k53-red-soft);}
/* ---- Breadcrumb ---- */
.k53-crumb{font-size:13px;color:var(--k53-mut);margin-bottom:14px;}
.k53-crumb a{color:var(--k53-blue-d);}
/* ---- Header / navigation: logo left, nav right ---- */
.site-header{box-shadow:none;border-bottom:1.5px solid var(--k53-line);background:#fff;}
.site-header .header-inner{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px;text-align:center;}
.site-header .site-branding{margin:0 auto;float:none;text-align:center;}
.site-header .site-description,.site-description,.hello-elementor-header .site-description{display:none!important;}
.custom-logo,.site-header .custom-logo-link img{margin:0 auto;}
.custom-logo{max-height:46px;width:auto;height:auto;display:block;}
.site-title a{font-family:Archivo,sans-serif;font-weight:800;color:var(--k53-ink)!important;}
@media(min-width:1025px){.site-navigation ul.menu{display:flex;align-items:center;gap:2px;justify-content:center;}}
.site-navigation ul.menu li.menu-item a{font-family:Archivo,sans-serif;font-weight:600;font-size:14.5px;color:var(--k53-ink);padding:9px 13px;border-radius:8px;transition:.15s;}
.site-navigation ul.menu li.menu-item a:hover{color:var(--k53-red);background:var(--k53-red-soft);}
.site-navigation ul.menu li.current-menu-item>a,.site-navigation ul.menu li.current-page-ancestor>a{color:var(--k53-red);}
.site-navigation ul.sub-menu{background:#fff;border:1.5px solid var(--k53-line);border-radius:12px;box-shadow:var(--k53-shadow);padding:8px;min-width:230px;}
.site-navigation ul.sub-menu li.menu-item a{font-weight:500;font-size:14px;padding:9px 12px;}
.site-navigation li.menu-item-has-children>a::after{content:' \25be';font-size:11px;opacity:.7;}
.menu-item.k53-nav-cta a{background:var(--k53-red)!important;color:#fff!important;font-weight:700!important;border-radius:999px!important;padding:10px 20px!important;box-shadow:0 6px 16px rgba(222,21,21,.3);}
.menu-item.k53-nav-cta a:hover{background:var(--k53-red-d)!important;color:#fff!important;}
/* ---- Footer: near-black with red accent ---- */
.site-footer{display:none!important;}
.k53-site-footer{background:#0b0d10;color:#aab6bf;display:block;border-top:5px solid var(--k53-red);}
.k53-foot{max-width:1140px;margin:0 auto;padding:46px 22px 26px;}
.k53-foot .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;gap:30px;}
.k53-foot h4{color:#fff;font-size:14px;margin:0 0 12px;font-family:Archivo,sans-serif;text-transform:uppercase;letter-spacing:.08em;}
.k53-foot ul{list-style:none;margin:0;padding:0;}
.k53-foot li{margin:8px 0;}
.k53-foot a{color:#8b99a5;text-decoration:none;font-size:14px;}
.k53-foot a:hover{color:var(--k53-blue);}
.k53-foot .brand b{color:#fff;font-family:Archivo,sans-serif;font-size:20px;display:block;margin-bottom:10px;font-weight:800;}
.k53-foot .brand b .lt{color:#fff;}
.k53-foot .brand b .rt{color:var(--k53-red);}
.k53-foot .brand b{background:linear-gradient(90deg,var(--k53-blue),var(--k53-blue)) no-repeat left bottom;background-size:44px 3px;padding-bottom:6px;}
.k53-foot .brand p{color:#77848f;font-size:13.5px;line-height:1.65;}
.k53-foot .legal{border-top:1px solid rgba(255,255,255,.09);margin-top:28px;padding-top:16px;font-size:12.5px;color:#5f6c77;text-align:center;}
/* ---- FAQ tweak colors ---- */
.k53-faq summary::after{color:var(--k53-red)!important;}
/* ---- Responsive ---- */
html,body{overflow-x:hidden;max-width:100vw;}
img{max-width:100%;height:auto;}
.site-header .site-branding,.site-header .site-branding a,.custom-logo{overflow:visible!important;}
.k53-content{overflow-wrap:break-word;word-break:break-word;}
.k53-content table,.k53-facts{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.k53-content [style*="width"]{max-width:100%!important;height:auto!important;}
@media(max-width:1024px){
  .site-navigation ul.menu{flex-direction:column;align-items:stretch;gap:2px;width:100%;}
  .site-navigation ul.menu li.menu-item{width:100%;}
  .site-navigation ul.sub-menu{position:static!important;box-shadow:none;border:0;padding:0 0 6px 14px;min-width:0;background:transparent;}
  .site-navigation ul.sub-menu li.menu-item a{padding:8px 10px;font-weight:500;}
  .k53-hero-grid{grid-template-columns:1fr;gap:26px;}
  .k53-hero-art{order:-1;}
  .k53-hero-art svg{max-width:220px;}
}
@media(max-width:760px){.k53-foot .cols{grid-template-columns:1fr 1fr;gap:22px;}.k53-foot .brand{grid-column:1/-1;}}
@media(max-width:600px){
  .custom-logo{max-height:38px;}
  .k53-hero{padding:40px 0 44px;}
  .k53-hero h1{font-size:30px;}
  .k53-hero p{font-size:15.5px;}
  .k53-sec{padding:36px 0;}
  .k53-sec h2.k53-h{font-size:23px;}
  .k53-sec p.k53-sub{font-size:15px;}
  .k53-band{padding:28px 20px;}
  .k53-band h2{font-size:21px;}
  .k53-card{padding:20px;}
  .k53-cta{padding:13px 24px;font-size:15px;}
  .k53-run{padding:16px;}
  .k53-run .k53-run-q{font-size:16.5px;}
  .k53-opt{padding:12px;font-size:14.5px;}
  .k53-run-tools{justify-content:center;}
  .k53-share{justify-content:center;}
  .k53-next{padding:12px 18px;font-size:15px;}
  .k53-pager .k53-prev{padding:10px 8px;}
  .k53-dl li{flex-wrap:wrap;}
  .k53-dl a.btn{width:100%;text-align:center;margin-top:6px;}
  .k53-signs{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
  .k53-foot .cols{grid-template-columns:1fr;}
}