:root{
  --ink:#071626;
  --nav:#12212b;
  --paper:#fdfdfb;
  --yellow:#f8c400;
  --yellow-pale:#fff0a3;
  --grey:#6d7277;
  --muted:#68798c;
  --method:#465663;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
.atl-wrap{width:min(1380px,calc(100% - 64px));margin-inline:auto}

/* 59 — final tighter header */
.atl-header{
  width:100%;
  margin:0;
  padding:0;
  background:var(--nav);
  color:#fff;
  border:0;
}
.atl-header-inner{
  min-height:70px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
}
.atl-logo{
  color:#fff;
  text-decoration:none;
  font-size:clamp(1.9rem,2.7vw,2.7rem);
  font-weight:800;
  line-height:1;
  letter-spacing:-.055em;
}
.atl-logo .atl-ip{color:var(--yellow)}
.atl-context-49{
  justify-self:center;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  white-space:nowrap;
  color:#f0f3f5;
  font-size:1rem;
  line-height:1.2;
  font-weight:450;
}
.atl-brand-sep-48{color:#9aa7b0}
.atl-dataset-48{font-weight:600;letter-spacing:.01em}
.atl-dataset-flag-48{margin-right:4px}
.atl-header-nav{display:flex;align-items:center;gap:14px}
.atl-header-nav a{text-decoration:none}
.atl-checkzip-58,
.atl-methodology-58{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:0 22px;
  border-radius:9px;
  font-size:1rem;
  line-height:1;
}
.atl-checkzip-58{
  background:var(--yellow);
  color:#101820;
  border:1px solid var(--yellow);
  font-weight:800;
}
.atl-checkzip-58:hover{filter:brightness(1.04)}
.atl-methodology-58{
  background:var(--method);
  color:#fff;
  border:1px solid #566672;
  font-weight:500;
}
.atl-methodology-58:hover{background:#53636f}

/* Approved hero proportions */
.homepage-45{padding-top:26px;padding-bottom:42px}
.home-hero-45{margin:0}
.home-hero-copy-45{width:100%;margin:0}
.home-question-top-58{
  margin:0 auto 12px;
  padding:0;
  text-align:center;
  color:var(--ink);
  font-size:clamp(2.75rem,4.65vw,4.25rem);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:700;
}
.home-graphic-58{
  width:min(1360px,100%);
  margin:0 auto 8px;
  overflow:visible;
  background:transparent;
}
.home-graphic-58 img{display:block;width:100%;height:auto}
.home-question-bottom-58{
  margin:0 auto 16px;
  text-align:center;
  color:var(--ink);
  font-size:clamp(2.9rem,4.6vw,4.35rem);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:700;
}
.home-lead-58{
  position:relative;
  width:min(900px,calc(100% - 72px));
  margin:0 auto 24px;
  padding:0 54px;
  color:var(--grey);
  font-size:clamp(.85rem,1.23vw,1.09rem);
  line-height:1.38;
  font-weight:600;
  text-align:center;
}
.home-lead-58::before,
.home-lead-58::after{
  position:absolute;
  top:50%;
  transform:translateY(-54%);
  color:var(--grey);
  font-size:4rem;
  line-height:1;
  font-weight:300;
}
.home-lead-58::before{content:"[";left:0}
.home-lead-58::after{content:"]";right:0}

/* Checker — same yellow hue as header action */
#checker{scroll-margin-top:18px}
.home-checker-45{
  display:block;
  width:min(650px,100%);
  margin:0 auto 38px;
  padding:0;
  border:0;
  background:transparent;
  text-align:center;
}
.home-checker-form-45{width:100%;margin:0 auto}
.home-checker-controls-45{
  display:grid;
  grid-template-columns:minmax(0,1fr) 225px;
  gap:14px;
  align-items:stretch;
}
.home-checker-controls-45 input{
  width:100%;
  min-width:0;
  min-height:60px;
  padding:0 20px;
  border:2px solid var(--yellow);
  border-radius:9px;
  outline:0;
  background:linear-gradient(90deg,#fff8cd 0%,var(--yellow-pale) 100%);
  color:#394956;
  font:inherit;
  font-size:1.05rem;
  box-shadow:none;
}
.home-checker-controls-45 input::placeholder{color:#61707c;opacity:1}
.home-checker-controls-45 input:focus{box-shadow:0 0 0 4px rgba(248,196,0,.18)}
.home-checker-controls-45 button{
  min-height:60px;
  padding:0 24px;
  border:1px solid var(--yellow);
  border-radius:9px;
  background:var(--yellow);
  color:#101820;
  font:inherit;
  font-size:1.05rem;
  font-weight:800;
  cursor:pointer;
  box-shadow:none;
}
.home-checker-controls-45 button:hover{filter:brightness(1.04)}
.home-checker-note-45{
  width:100%;
  margin:11px auto 0;
  color:var(--muted);
  font-size:.98rem;
  text-align:center !important;
}
#postcode-status{width:100%;margin:8px auto 0;text-align:center}
.visually-hidden-51{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}

/* Results remain functional and use existing app/regional styles */
#results[hidden]{display:none!important}
#results.results{width:100%;margin:18px 0 34px}

/* Approved centred support strip */
.what-we-check-45{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:0;
  margin:0 auto 16px;
  padding-top:31px;
  border-top:1px solid #cfd7dc;
  text-align:center;
}
.what-we-check-45 span{
  padding:0;
  border:0;
  background:transparent;
  color:#0f2a43;
  font-size:1rem;
  font-weight:500;
}
.what-we-check-45 span:not(:last-child)::after{
  content:"·";
  display:inline-block;
  margin:0 17px;
  color:#20374b;
}
.independence-45{
  padding:0;
  border:0;
  color:var(--muted);
  font-size:.9rem;
  text-align:center;
}
.independence-45 strong{color:inherit;font-weight:500}
.freshness-45{margin-top:5px;color:var(--muted);font-size:.9rem;text-align:center}

.footer-45{
  margin-top:28px;
  border-top:1px solid #202832;
  background:var(--nav);
  color:#cfd6dc;
}
.footer-inner-45{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:16px 0;
  font-size:.9rem;
}
.footer-inner-45 nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px 20px}
.footer-inner-45 a{color:#d9dfe4;text-decoration:none}
.footer-inner-45 a:hover{color:#fff}

@media(max-width:1050px){
  .atl-wrap{width:min(100% - 36px,1380px)}
  .atl-context-49{font-size:.88rem;gap:7px}
  .atl-checkzip-58,.atl-methodology-58{padding:0 16px}
  .home-question-top-58{font-size:clamp(2.55rem,6vw,3.75rem)}
}
@media(max-width:760px){
  .atl-header-inner{
    min-height:68px;
    grid-template-columns:auto 1fr;
    grid-template-areas:"logo nav" "context context";
    gap:8px 12px;
    padding:8px 0 9px;
  }
  .atl-logo{grid-area:logo;font-size:1.9rem}
  .atl-header-nav{grid-area:nav;justify-self:end;gap:8px}
  .atl-context-49{grid-area:context;justify-self:center;white-space:normal;text-align:center}
  .atl-checkzip-58,.atl-methodology-58{min-height:40px;padding:0 11px;font-size:.78rem}
  .homepage-45{padding-top:20px}
  .home-question-top-58{font-size:clamp(2.1rem,9vw,3rem);margin-bottom:10px}
  .home-graphic-58{width:112%;max-width:none;margin-left:-6%}
  .home-question-bottom-58{font-size:clamp(2.3rem,10vw,3.2rem);margin-bottom:14px}
  .home-lead-58{width:100%;padding:0 30px;font-size:.81rem;margin-bottom:20px}
  .home-lead-58::before,.home-lead-58::after{font-size:2.8rem}
  .home-checker-controls-45{grid-template-columns:1fr}
  .home-checker-controls-45 input,.home-checker-controls-45 button{min-height:54px}
  .what-we-check-45{padding-top:26px}
  .what-we-check-45 span{font-size:.87rem}
  .footer-inner-45{align-items:flex-start;flex-direction:column}
  .footer-inner-45 nav{justify-content:flex-start}
}

/* 60 — unified interior page system. Homepage rules above remain unchanged. */
.inner-main{padding-top:54px;padding-bottom:54px}
.inner-hero{width:min(920px,100%);margin:0 auto 30px;text-align:center}
.inner-kicker{
  display:inline-flex;align-items:center;justify-content:center;
  margin:0 auto 14px;padding:7px 12px;border:1px solid var(--yellow);
  border-radius:999px;color:#6a5600;background:#fff9dc;
  font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.inner-hero h1{
  margin:0;color:var(--ink);font-size:clamp(2.55rem,5vw,4.6rem);
  line-height:1.02;letter-spacing:-.055em;font-weight:700;
}
.inner-deck{
  width:min(800px,100%);margin:18px auto 0;color:#536678;
  font-size:clamp(1.06rem,1.45vw,1.3rem);line-height:1.55;font-weight:450;
}
.inner-meta{margin-top:16px;color:var(--muted);font-size:.9rem}
.content-card{
  width:min(920px,100%);margin:0 auto;padding:38px 44px 42px;
  border:1px solid #dfe5e9;border-radius:18px;background:#fff;
  box-shadow:0 14px 38px rgba(13,29,43,.055);
}
.content-card h2{
  margin:38px 0 9px;color:var(--ink);font-size:clamp(1.45rem,2.2vw,2rem);
  line-height:1.16;letter-spacing:-.025em;font-weight:700;
}
.content-card h2:first-child{margin-top:0}
.content-card h3{margin:26px 0 7px;color:var(--ink);font-size:1.14rem;line-height:1.3;font-weight:750}
.content-card p,.content-card li{color:#405467;font-size:1.03rem;line-height:1.7}
.content-card p{margin:0 0 16px}
.content-card ul{margin:8px 0 20px;padding-left:1.35rem}
.content-card a{color:#0d5ea7;text-decoration-thickness:1px;text-underline-offset:3px}
.content-card strong{color:#162b3c}
.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 8px}
.info-tile{padding:22px;border:1px solid #dfe5e9;border-radius:14px;background:#fbfcfc}
.info-tile h2,.info-tile h3{margin-top:0}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}
.pill-row span{padding:6px 10px;border-radius:999px;background:#f1f4f6;color:#294156;font-size:.86rem;font-weight:650}
.callout-note{margin:26px 0 6px;padding:20px 22px;border-left:4px solid var(--yellow);background:#fff9dc;border-radius:0 12px 12px 0;color:#394e60}
.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 12px}
.provider-card{padding:21px;border:1px solid #dfe5e9;border-radius:14px;background:#fbfcfc}
.provider-card h3{margin:0 0 4px}.provider-type{color:var(--muted);font-size:.88rem;font-weight:650;margin-bottom:9px}
.provider-verdict{margin-top:10px;color:#33596d;font-weight:700;font-size:.94rem}
.provider-card.below{background:#f7f8f9}
.guide-list{display:grid;gap:14px;margin-top:20px}
.guide-link{display:block;padding:20px 22px;border:1px solid #dfe5e9;border-radius:14px;text-decoration:none;background:#fbfcfc}
.guide-link:hover{border-color:#c5d0d7;background:#fff}
.guide-link strong{display:block;color:var(--ink);font-size:1.1rem;margin-bottom:5px}
.guide-link span{color:#566a7b;line-height:1.5}
.compact-checker{
  width:min(760px,100%);margin:34px auto 30px;padding:26px 28px 24px;
  text-align:center;border:1px solid #eadc8a;border-radius:16px;background:#fffdf2;
}
.compact-checker h2{margin:0 0 7px;color:var(--ink);font-size:1.55rem;letter-spacing:-.025em}
.compact-checker p{margin:0 0 15px;color:var(--muted);font-size:.96rem}
.handoff-zip-form{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:12px}
.handoff-zip-form input,.handoff-zip-form button{min-height:52px;border-radius:9px;font:inherit}
.handoff-zip-form input{min-width:0;padding:0 17px;border:2px solid var(--yellow);background:linear-gradient(90deg,#fff8cd 0%,var(--yellow-pale) 100%);color:#394956;outline:0}
.handoff-zip-form input:focus{box-shadow:0 0 0 4px rgba(248,196,0,.18)}
.handoff-zip-form button{padding:0 18px;border:1px solid var(--yellow);background:var(--yellow);color:#101820;font-weight:800;cursor:pointer}
.inner-support{width:min(920px,100%);margin:36px auto 0;padding-top:26px;border-top:1px solid #cfd7dc;text-align:center}
.inner-support .what-we-check-45{border-top:0;padding-top:0}
.article-nav{display:flex;justify-content:space-between;gap:16px;margin-top:34px;padding-top:22px;border-top:1px solid #e2e7ea}
.article-nav a{text-decoration:none;font-weight:700}
@media(max-width:760px){
  .inner-main{padding-top:34px;padding-bottom:40px}
  .content-card{padding:28px 22px 32px;border-radius:14px}
  .content-grid,.provider-grid{grid-template-columns:1fr}
  .handoff-zip-form{grid-template-columns:1fr}
  .compact-checker{padding:22px 18px}
  .inner-hero h1{font-size:clamp(2.3rem,11vw,3.25rem)}
}