/* New Reg design system, mobile first. Loaded after site.css, which carries the tokens, the
   legacy clean-up and the copy-safe resets. Everything here is layout and finish: one spacing
   ladder, one section rhythm, one card, one control height, plates only for real marks.

   Spacing ladder: 4 8 12 16 24 32 48. A section is 32 apart on a phone and 56 on a desktop;
   a heading sits 8 above its text; repeated items of one kind sit 12 apart. */

:root{
  --ring:rgba(204,0,0,.14); --sec:32px; --sec-lg:56px; --gap:12px;
  --hdr-red:#d40000; --hdr-edge:#a30000;
  --shadow-1:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);
  --shadow-2:0 8px 24px rgba(16,24,40,.08);
  --plate-front:linear-gradient(180deg,#ffffff 0%,#f4f5f7 100%);
}
@media (min-width:993px){ :root{--sec:var(--sec-lg)} }

body{color:var(--text);background:var(--surface)!important}
main p,main li,.maincontentbody p,.maincontentbody li{color:var(--nr-grey-700)}

/* ---- header ----------------------------------------------------------- */
html body header.navbar-fixed>nav.nav,html body header nav.nav.red{background:var(--hdr-red)!important;border-bottom:1px solid var(--hdr-edge)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 2px 8px rgba(16,24,40,.12)!important}
header nav .material-icons.nr-i{width:22px;height:22px}
header nav .sidenav-trigger{width:44px;justify-content:center}
header nav ul.right>li>a{display:inline-flex;align-items:center;gap:6px}
header #nr-nav-left>li>a{display:inline-flex!important;align-items:center;gap:6px}
header #nr-nav-left>li>a>.material-icons.nr-i{width:18px;height:18px;opacity:.9}
header #miniform .input-field{height:40px;border-radius:10px}

/* ---- home hero --------------------------------------------------------- */
.home #hero{background:linear-gradient(180deg,#fff 0%,var(--nr-grey-50) 100%)!important;
  padding:var(--s6) 0 var(--s5)!important;border-bottom:1px solid var(--line-soft)}
.home #hero .container{display:flex;flex-direction:column;align-items:center}
.home #hero label.herotext{display:block;width:100%;margin:0 0 var(--s5)!important;cursor:default}
.home #hero h1{font-size:clamp(28px,7.4vw,44px)!important;line-height:1.15!important;margin:0!important;
  letter-spacing:-.015em;color:var(--nr-ink)!important;text-wrap:balance}
.home #hero br{display:none}

/* The search box is a white front plate with the UK identifier band: a plate, but not a
   yellow one, so the only yellow on the page is real stock. */
.home #hero form#platesearch{width:100%;max-width:520px;gap:var(--s2)!important}
.home #hero input.herosearch,.home #hero input.herosearch[type=search]{
  height:64px!important;max-height:64px!important;border-radius:10px!important;
  border:2px solid #1d2939!important;color:#111827!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='64'%3E%3Crect width='34' height='64' fill='%23003399'/%3E%3Ctext x='17' y='50' fill='%23fff' font-family='Arial,Helvetica,sans-serif' font-weight='700' font-size='13' text-anchor='middle'%3EUK%3C/text%3E%3C/svg%3E") left center/34px 100% no-repeat,var(--plate-front)!important;
  padding:0 var(--s3) 0 46px!important;font-size:clamp(24px,6.6vw,34px)!important;letter-spacing:.04em;
  box-shadow:var(--shadow-1),inset 0 -2px 0 rgba(0,0,0,.05)!important;text-align:center}
.home #hero input.herosearch::placeholder{color:#1d2939;opacity:.92}
.home #hero input.herosearch:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px var(--ring)!important}
.home #hero .newSearchGo{width:64px!important;height:64px!important;border-radius:10px!important;background:var(--brand)!important}
.home #hero .newSearchGo:hover{background:var(--brand-hover)!important}
.home #hero .newSearchGo .material-icons.nr-i{width:26px;height:26px;color:#fff}
.home #hero form#platesearch::after{top:-12px!important;left:14px!important;font-size:12px!important;padding:6px 10px!important;
  border-radius:999px!important;letter-spacing:.02em}

/* The three promises: one quiet list on a phone, three columns on a desktop. */
.home #hero .row.flexithero{display:grid!important;grid-template-columns:1fr;gap:0;width:100%;max-width:520px;
  margin:var(--s5) 0 0!important;background:#fff;border:1px solid var(--line-soft);border-radius:var(--card-radius);
  box-shadow:var(--shadow-1);overflow:hidden}
.home #hero .row.flexithero>.col{width:auto!important;float:none!important;margin:0!important;padding:var(--s3) var(--s4)!important;
  display:flex!important;align-items:center;gap:var(--s3);text-align:left;border-top:1px solid var(--line-soft);min-height:56px}
.home #hero .row.flexithero>.col:first-child{border-top:0}
.home #hero .row.flexithero .material-icons.nr-i{width:22px!important;height:22px!important;color:var(--brand)!important;flex:0 0 22px}
.home #hero .row.flexithero h2,.home #hero .row.flexithero h2 a{font-size:15px!important;line-height:1.35!important;
  font-weight:600!important;margin:0!important;color:var(--nr-ink)!important;text-decoration:none!important;border:0!important}
.home #hero .row.flexithero a:has(h2)::after,.home #hero .row.flexithero h2:has(a)::after{content:none}
@media (min-width:993px){
  .home #hero{padding:var(--s7) 0!important}
  .home #hero .row.flexithero{grid-template-columns:repeat(3,1fr);max-width:var(--page-max)}
  .home #hero .row.flexithero>.col{border-top:0;border-left:1px solid var(--line-soft);justify-content:center}
  .home #hero .row.flexithero>.col:first-child{border-left:0}
}

/* ---- trust, straight after the hero ----------------------------------- */
.nr-home-trust{background:#fff}
.nr-home-trust .trustpilot-widget{padding:var(--s5) var(--page-pad) var(--s2)!important;max-width:calc(var(--page-max) + 2*var(--page-pad))}
.nr-home-trust .accreditations{padding:var(--s3) 0 var(--s5)!important;margin:0!important;background:#fff!important;border-bottom:1px solid var(--line-soft)}
.nr-home-trust .accreditations .image-wrap{background-position:center!important;
  background-size:contain!important;max-width:560px;margin:0 auto}

/* ---- live stock and search ideas -------------------------------------- */
.whatsHotWrap{display:grid!important;grid-template-columns:1fr;gap:var(--s5);padding:var(--sec) 0!important;margin:0!important}
.whatsHotWrap>br{display:none}
.whatsHotWrap>.col{width:auto!important;float:none!important;margin:0!important;padding:0!important}
.whatsHotWrap .promo{text-align:left!important;display:grid;grid-template-columns:24px 1fr;column-gap:var(--s2);align-items:center}
.whatsHotWrap .promo>.material-icons.nr-i{width:22px!important;height:22px!important;color:var(--brand)!important;margin:0!important}
.whatsHotWrap .promo>h3,.whatsHotWrap .promo>h5{font-size:18px!important;font-weight:600!important;margin:0!important;color:var(--nr-ink)!important;text-align:left}
.whatsHotWrap .platearea{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)!important;padding:0!important}
div:has(>.container>.whatsHotWrap){background:var(--surface-alt)!important;border-bottom:1px solid var(--line-soft)}
@media (min-width:993px){.whatsHotWrap{grid-template-columns:repeat(3,1fr);gap:var(--s6)}}

/* A search idea is a chip, never a plate. */
a.plate.nr-chip{display:inline-flex!important;align-items:center;gap:6px;height:40px!important;min-height:40px!important;width:auto!important;
  padding:0 var(--s4)!important;margin:0!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--line)!important;
  box-shadow:none!important;color:var(--nr-ink)!important;font:600 15px/1 var(--font-ui)!important;letter-spacing:.02em!important;
  text-transform:uppercase;transform:none!important;float:none!important}
a.plate.nr-chip:hover{border-color:var(--brand)!important;color:var(--brand-ink)!important}
a.plate.nr-chip .whatsit{color:var(--nr-grey-400)!important;font:inherit!important;letter-spacing:.06em}

/* Real marks in a list: two to a row on a phone, every plate the same size. */
.platearea:has(> a.plate > svg.nrp){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
.platearea > a.plate:has(> svg.nrp){width:100%!important;height:auto!important;margin:0!important;padding:0!important;float:none!important;
  background:none!important;border:0!important;box-shadow:none!important;display:block!important}
.platearea > a.plate > svg.nrp{width:100%!important;height:auto!important;display:block;filter:drop-shadow(0 1px 1.5px rgba(16,24,40,.18))}
@media (min-width:601px){.platearea:has(> a.plate > svg.nrp){grid-template-columns:repeat(3,minmax(0,1fr))}}
.whatsHotWrap .platearea:has(> a.plate > svg.nrp){grid-template-columns:repeat(2,minmax(0,1fr))}

/* ---- the "Number plates from New Reg" band ------------------------------ */
.homepageWrap .homeBannerWrap.cheap-banner{background:#fff!important;padding:var(--sec) 0!important;border-bottom:1px solid var(--line-soft)}
.homepageWrap .homeBannerWrap.cheap-banner>.container{max-width:calc(var(--page-max) + 2*var(--page-pad))!important}
.homepageWrap .homeBannerWrap.cheap-banner h2{font-size:clamp(22px,5.6vw,28px)!important;margin:0 0 var(--s3)!important}
.homepageWrap .homeBannerWrap.cheap-banner p{font-size:16px!important;line-height:1.65!important;margin:0 0 var(--s4)!important;max-width:var(--measure)}

/* ---- sections and long copy ------------------------------------------- */
main>.grey.lighten-4,.homepageWrap>.grey.lighten-4{background:var(--surface)!important;padding:var(--sec) 0!important}
main h2:first-child,.maincontentbody h2:first-child{margin-top:0!important}
main p,.maincontentbody p{line-height:1.65!important}
main img{border-radius:var(--card-radius);max-width:100%;height:auto}

/* Guides grid on the home page: cards of one size, one gap. */
#homepage-guides{padding:var(--sec) var(--page-pad)!important}
#homepage-guides>h2{text-align:left!important;margin:0 0 var(--s4)!important}
#homepage-guides div:has(>a>h3),#homepage-guides .row:has(h3){display:grid!important;grid-template-columns:1fr;gap:var(--gap)}
@media (min-width:601px){#homepage-guides div:has(>a>h3),#homepage-guides .row:has(h3){grid-template-columns:repeat(2,1fr)}}
@media (min-width:993px){#homepage-guides div:has(>a>h3),#homepage-guides .row:has(h3){grid-template-columns:repeat(3,1fr)}}
#homepage-guides h3{color:var(--nr-ink)!important;font-size:16px!important;font-weight:600!important}

/* Accordions: one row height, one chevron. */
.collapsible{border-radius:var(--card-radius)!important;background:#fff}
.collapsible-header{padding:var(--s3) var(--s4)!important;min-height:52px;display:flex!important;justify-content:space-between;gap:var(--s3)}
.collapsible-header :is(h5,h6,.inner-span-title){font-size:15px!important;font-weight:600!important;margin:0!important;color:var(--nr-ink)!important;line-height:1.4!important}
.collapsible-body{padding:var(--s4)!important;border-bottom:1px solid var(--line-soft)!important}

/* Cards of one finish everywhere. */
.card,.card-panel,.featureblock,.z-depth-1,.z-depth-2{box-shadow:var(--shadow-1)!important}

/* Promo blocks (BOSS / MISS): photo kept, card tidied. */
.seemore .platearea.white{border-radius:var(--card-radius)!important;box-shadow:var(--shadow-2)!important;padding:var(--s5)!important}


/* ---- buttons: one primary, one secondary, one height ----------------- */
.btn,.btn-large,a.btn{border-radius:12px!important;letter-spacing:.005em!important}
.btn .material-icons.nr-i,a.btn .material-icons.nr-i{width:18px!important;height:18px!important}
.btn:focus-visible{outline:2px solid var(--brand)!important;outline-offset:2px}

/* ---- footer ------------------------------------------------------------ */
footer.new-footer .footer-items-title .icon,footer.new-footer .footer-items-title svg{width:18px!important;height:18px!important}
body footer#inset.new-footer .follow-us-wrapper svg.icon{width:18px!important;height:18px!important}
body footer#inset.new-footer .follow-us-wrapper .payments{display:flex!important;justify-content:flex-end;align-items:center;gap:var(--s3);filter:none!important}
@media (min-width:993px){
  body footer#inset.new-footer .follow-us-wrapper{display:flex!important;align-items:center;justify-content:space-between;line-height:1.2!important;padding:var(--s4) 0!important}
  body footer#inset.new-footer .follow-us-wrapper::before,body footer#inset.new-footer .follow-us-wrapper::after{display:none!important}
  body footer#inset.new-footer .follow-us-wrapper>.col{float:none!important;width:auto!important;min-height:0!important;margin:0!important;padding:0 20px!important}
  body footer#inset.new-footer .follow-us-wrapper .items>.title{white-space:nowrap;font-size:14px;color:var(--nr-ink)}
  body footer#inset.new-footer .follow-us-wrapper .items>a{margin:0!important;padding:var(--s1) 0!important;border:0!important;text-decoration:none!important;text-transform:capitalize;color:var(--nr-grey-700)!important}
}
body footer#inset.new-footer .follow-us-wrapper .payments img.nr-pay{float:none!important;width:auto!important;margin:0!important;display:block}
body footer#inset.new-footer .follow-us-wrapper .payments img.nr-pay-mc{height:24px!important}
body footer#inset.new-footer .follow-us-wrapper .payments img.nr-pay-vs{height:16px!important}

.home:not(.nothome) .maincontentbody{padding-top:0!important}
.home #hero{padding-top:var(--s5)!important}
.home #hero input.herosearch,.home #hero input.herosearch[type=search]{font-size:clamp(20px,5.4vw,32px)!important;letter-spacing:.02em}

/* Section rhythm: one gap between sections, never two paddings stacked. */
:root{--sec:24px}
@media (min-width:993px){:root{--sec:48px}}
.grey.lighten-4>.container>h2:first-of-type,.grey.lighten-4 .container>h2:first-child{margin-top:0!important}
.home #hero .row.flexithero a,.home #hero .row.flexithero a h2{border-bottom:0!important;text-decoration:none!important;background-image:none!important}

/* Promo blocks: the photograph leads the card on a phone; the card sits under it. */
.seemore{border-radius:0;background-size:cover!important;background-position:center!important}





/* The promo's search builder is an input, not a plate. */
.seemore .plate.inputSwitch,.seemore div.plate.medplate{display:flex!important;align-items:center;justify-content:center;gap:6px;
  height:56px!important;min-height:56px!important;width:100%!important;max-width:none!important;padding:0 var(--s4)!important;
  background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;
  font:600 22px/1 var(--font-ui)!important;letter-spacing:.06em!important;color:var(--nr-ink)!important;text-transform:uppercase}













/* ---- the page search, after the H1 and its first paragraph ------------ */
section.herosearch{margin:var(--s4) 0 var(--s5)!important;padding:0!important;background:none!important}
section.herosearch>br{display:none}
section.herosearch .sarea{padding:0!important;max-width:520px!important;margin:0!important}
section.herosearch form#platesearch{display:grid!important;grid-template-columns:1fr auto;gap:var(--s2);max-width:520px;margin:0!important}
section.herosearch form#platesearch>p{grid-column:1 / -1;margin:var(--s1) 0 0!important;text-align:left!important;font-size:13px!important;color:var(--text-faint)!important}
section.herosearch form#platesearch input[type=submit]{height:56px!important;min-height:56px!important;margin:0!important;padding:0 var(--s5)!important;
  border-radius:10px!important;width:auto!important}
section.herosearch input.plateSearchInput,input.reginput.plateSearchInput,#nr-cat-search-wrap .nr-cat-input,.searchbox-plate{
  height:56px!important;min-height:56px!important;max-height:56px!important;margin:0!important;border-radius:10px!important;border:2px solid #1d2939!important;color:#111827!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='56'%3E%3Crect width='30' height='56' fill='%23003399'/%3E%3Ctext x='15' y='44' fill='%23fff' font-family='Arial,Helvetica,sans-serif' font-weight='700' font-size='12' text-anchor='middle'%3EUK%3C/text%3E%3C/svg%3E") left center/30px 100% no-repeat,var(--plate-front)!important;
  padding:0 var(--s3) 0 42px!important;font-size:24px!important;letter-spacing:.03em;text-align:left;box-shadow:var(--shadow-1)!important;width:100%!important}
section.herosearch input.plateSearchInput::placeholder,#nr-cat-search-wrap .nr-cat-input::placeholder{color:#1d2939;opacity:.9;font-family:'UKNumberPlate',sans-serif!important;font-size:22px}
#nr-cat-search-wrap{display:grid!important;gap:var(--s2);max-width:520px}
#nr-cat-search-wrap .nr-cat-btn{margin:0!important}

body section.herosearch #platesearch input.plateSearchInput,body section.herosearch #platesearch input.reginput{
  height:56px!important;min-height:56px!important;max-height:56px!important;margin:0!important;border-radius:10px!important;
  border:2px solid #1d2939!important;color:#111827!important;width:100%!important;font-size:24px!important;text-align:left!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='56'%3E%3Crect width='30' height='56' fill='%23003399'/%3E%3Ctext x='15' y='44' fill='%23fff' font-family='Arial,Helvetica,sans-serif' font-weight='700' font-size='12' text-anchor='middle'%3EUK%3C/text%3E%3C/svg%3E") left center/30px 100% no-repeat,var(--plate-front)!important;
  padding:0 var(--s3) 0 42px!important;box-shadow:var(--shadow-1)!important}
body section.herosearch #platesearch input[type=submit]{width:auto!important;display:inline-flex!important;align-items:center}

/* One alignment for content: titles and copy start on the page edge. Only the home hero centres. */
body:is(.nothome,:not(.home)) .maincontentbody :is(h1,h2,h3,h4,p,li),body:is(.nothome,:not(.home)) main :is(h1,h2,h3,h4,p),
body:is(.nothome,:not(.home)) .maincontentbody .center-align:not(.btn):not(img),body:is(.nothome,:not(.home)) .maincontentbody .center:not(.btn){text-align:left!important}
body:is(.nothome,:not(.home)) .maincontentbody .container.center>*,body:is(.nothome,:not(.home)) .maincontentbody [style*="text-align: center"],
body:is(.nothome,:not(.home)) .maincontentbody [style*="text-align:center"]{text-align:left!important}
body .maincontentbody :is(h1,h2,h3){text-wrap:balance}
.home main>.grey.lighten-4 :is(h2,h3,p),.home #homepage-guides :is(h2,h3,p),.home .homeBannerWrap :is(h2,p){text-align:left!important}
body section.herosearch #platesearch input[type=submit]{min-width:0!important;padding:0 var(--s5)!important}
body section.herosearch form#platesearch{grid-template-columns:minmax(0,1fr) auto!important}

/* Phones, inner pages: the page body carries the gutter, so a title, a quick answer and a
   paragraph start on the same edge whatever container the port happened to wrap them in. */
@media (max-width:600px){
  body.nothome .maincontentbody{padding-left:var(--page-pad)!important;padding-right:var(--page-pad)!important}
  body.nothome .maincontentbody .container{padding-left:0!important;padding-right:0!important;width:100%!important;max-width:none!important}
  body.nothome .maincontentbody .row{margin-left:0!important;margin-right:0!important}
  body.nothome .maincontentbody :is(.grey.lighten-4,.grey.lighten-5,.blue.lighten-5,[class*="Wrap"]):not(.uniqueSearchWrap){border-radius:var(--card-radius)}
}
ul.collapsible,ol.collapsible{padding:0!important;margin-left:0!important;margin-right:0!important;list-style:none}ul.collapsible>li{margin:0!important;padding:0!important}
@media (max-width:600px){body.nothome .maincontentbody :is(.nr-dvla-sources,.nr-related-guides,.faqWrap,.npl-faqwrap,#homepage-guides){padding-left:0!important;padding-right:0!important}}
body #nr-cat-search-wrap{width:100%!important;max-width:520px!important;box-sizing:border-box!important;padding:0!important;margin-left:0!important;margin-right:0!important}body #nr-cat-search-wrap>*{max-width:100%!important;box-sizing:border-box!important}



/* ---- promo panels: the photograph and the card never overlap --------------
   The picture is drawn whole, at its own proportions, in a space of its own; the card
   sits beside it on a desktop and under it on a phone. Nothing is laid over a photograph,
   so a plate in the picture can never be covered, whatever the screen size. */
html body .homepageWrap .seemore{display:grid!important;grid-template-columns:1fr;gap:var(--s4);align-items:center;
  background:none!important;padding:var(--sec) var(--page-pad)!important;margin:0 auto!important;
  max-width:calc(var(--page-max) + 2 * var(--page-pad));border-radius:0!important}
html body .homepageWrap .seemore::before{content:"";display:block;width:100%;border-radius:var(--card-radius);
  background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:var(--shadow-1)}
html body .homepageWrap .seemore.boss::before{background-image:url(/images/bossbg.jpg?v=2);background-image:image-set(url(/images/bossbg.webp?v=2) type("image/webp"),url(/images/bossbg.jpg?v=2) type("image/jpeg"));aspect-ratio:2304/936}
html body .homepageWrap .seemore.miss::before{background-image:url(/images/misswp.jpg?v=2);background-image:image-set(url(/images/misswp.webp?v=2) type("image/webp"),url(/images/misswp.jpg?v=2) type("image/jpeg"));aspect-ratio:2268/746}
html body .homepageWrap .seemore.f1::before{background-image:url(/images/f1.jpg);background-image:image-set(url(/images/f1.webp) type("image/webp"),url(/images/f1.jpg) type("image/jpeg"));aspect-ratio:1134/549}
html body .homepageWrap .seemore.ufo::before{background-image:url(/images/ufowp.jpg);background-image:image-set(url(/images/ufowp.webp) type("image/webp"),url(/images/ufowp.jpg) type("image/jpeg"));aspect-ratio:1134/461}
html body .homepageWrap .seemore>.container{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
html body .homepageWrap .seemore>.container>.row{padding:0!important;margin:0!important;display:block!important}
html body .homepageWrap .seemore>.container>.row>.col:not(.platearea){display:none!important}
html body .homepageWrap .seemore .platearea.white{width:100%!important;max-width:none!important;margin:0!important;float:none!important;
  box-shadow:var(--shadow-1)!important;border:1px solid var(--line-soft);padding:var(--s5)!important}
@media (min-width:768px){
  html body .homepageWrap .seemore{grid-template-columns:minmax(0,1fr) 340px;gap:var(--s5)}
}

/* One heading face everywhere, the home H1 included. */
.home #hero h1,.home main h1{font-family:var(--font-ui)!important;font-weight:700!important;letter-spacing:-.02em!important}

/* Visitors may select and copy any text on the site. */
html body,html body *:not(input[type=range]):not(.switch):not(.switch *){-webkit-user-select:text!important;user-select:text!important}
html body :is(button,.btn,input[type=submit],input[type=button]){-webkit-user-select:none!important;user-select:none!important}
html body{-webkit-touch-callout:default!important}

/* Promo cards: the builder is an input, the title is ink. */
html body .homepageWrap .seemore .platearea h5,html body .homepageWrap .seemore .platearea h5.red-text{color:var(--nr-ink)!important;font-size:20px!important;font-weight:600!important;margin:0 0 var(--s3)!important}
html body .homepageWrap .seemore .platearea .plate.inputSwitch,html body .homepageWrap .seemore .platearea div.plate.medplate{display:flex!important;align-items:center;justify-content:center;gap:6px;
  height:56px!important;min-height:56px!important;width:100%!important;max-width:none!important;padding:0 var(--s4)!important;margin:0 0 var(--s4)!important;
  background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;
  font:600 22px/1 var(--font-ui)!important;letter-spacing:.06em!important;color:var(--nr-ink)!important;text-transform:uppercase}
html body .homepageWrap .seemore .platearea .plate .whatsit{color:var(--nr-grey-400)!important;font:inherit!important}
html body .homepageWrap .seemore .platearea .divider{margin:0 0 var(--s4)!important}
html body .homepageWrap .seemore .platearea>br{display:none}
html body .homepageWrap .seemore{background-color:transparent!important;background-image:none!important}

/* ---- phone header: menu left, logo centred, search right ---------------- */
.nr-search-toggle{display:none}
@media (max-width:992px){
  html body header nav .container{display:grid!important;grid-template-columns:44px 1fr 44px;align-items:center;gap:0;
    padding:0 var(--s2)!important;height:var(--header-h)}
  html body header nav .sidenav-trigger{grid-column:1;grid-row:1;justify-self:start;margin:0!important;width:44px;height:44px;
    display:flex!important;align-items:center;justify-content:center;order:0}
  html body header nav .brand-logo{grid-column:2;grid-row:1;justify-self:center;margin:0!important;width:104px!important;
    max-width:none!important;height:40px!important;background-position:center!important;background-size:contain!important}
  html body header nav .nr-search-toggle{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;padding:0;margin:0;border:0;background:none;color:#fff;cursor:pointer;border-radius:10px}
  html body header nav .nr-search-toggle:focus-visible{outline:2px solid #fff;outline-offset:-2px}
  html body header nav ul.right{position:absolute!important;left:0;right:0;top:100%;margin:0!important;padding:var(--s2) var(--s3)!important;
    background:var(--hdr-red);border-bottom:1px solid var(--hdr-edge);display:none!important;box-shadow:0 6px 16px rgba(16,24,40,.18)}
  html body.nr-search-open header nav ul.right{display:flex!important}
  html body.nr-search-open header #miniform{display:flex!important;visibility:visible!important;opacity:1!important}
  html body header nav ul.right>li:has(#miniform){max-width:none!important;flex:1 1 auto}
  html body header nav ul.right .input-field{height:44px!important}
  html body header nav form#miniform .input-field input#search{height:44px!important;line-height:44px!important}
}
html body .sidenav li:first-child{background-color:#d40000!important}

/* ---- phone rhythm: one step between blocks, never margins stacked ------- */
@media (max-width:600px){
  html body .maincontentbody :is(h2){margin-top:var(--s5)!important}
  html body .maincontentbody :is(h3,h4){margin-top:var(--s4)!important}
  html body .maincontentbody :is(h2,h3,h4,h5){margin-bottom:var(--s2)!important}
  html body .maincontentbody :is(p,ul,ol,table,.card,.card-panel,.collapsible):last-child{margin-bottom:0!important}
  html body .maincontentbody .row{margin-bottom:0!important}
  html body .maincontentbody .row>.col+.col{margin-top:var(--s4)}
  html body .maincontentbody :is(.card,.card-panel,.collapsible,.featureblock,.nr-dvla-sources,.nr-related-guides,.faqWrap,section){margin-top:0;margin-bottom:var(--s5)!important}
  html body .maincontentbody :is(.card,.card-panel)>:first-child{margin-top:0!important}
  html body .maincontentbody>br,html body .maincontentbody .container>br{display:none}
  html body footer#inset.new-footer{padding-top:var(--s5)!important}
  html body footer#inset.new-footer .policy{margin-top:var(--s3)!important;padding-top:var(--s3)!important}
}

/* Option cards (help, guides hub): icon and title on one line, text under the title,
   one padding, no decorative strip. The whole card is the link. */
html body .optionInner{display:grid!important;grid-template-columns:24px 1fr;column-gap:var(--s3);row-gap:var(--s1);align-items:center;
  padding:var(--s4)!important;margin:0!important;height:auto!important;min-height:0!important;border:1px solid var(--line-soft);
  border-radius:var(--card-radius)!important;background:#fff!important;box-shadow:var(--shadow-1)!important;text-align:left!important}
html body .optionInner .colourStrip{display:none!important}
html body .optionInner>.material-icons.nr-i{grid-column:1;grid-row:1;width:22px!important;height:22px!important;margin:0!important;color:var(--brand)!important;position:static!important}
html body .optionInner>h3{grid-column:2;grid-row:1;margin:0!important;font-size:17px!important;line-height:1.3!important;color:var(--nr-ink)!important;text-align:left!important}
html body .optionInner>p{grid-column:1 / -1;margin:var(--s1) 0 0!important;padding:0!important;font-size:15px!important;line-height:1.55!important;color:var(--nr-grey-700)!important;text-align:left!important}
html body a:has(>.optionInner){display:block;text-decoration:none!important;background-image:none!important;border:0!important;height:100%}
html body a:has(>.optionInner):hover .optionInner{border-color:var(--line)!important;box-shadow:var(--shadow-2)!important}
html body .row:has(>.col>a>.optionInner){display:grid!important;grid-template-columns:1fr;gap:var(--s3);margin:0!important}
html body .row:has(>.col>a>.optionInner)>.col{width:auto!important;float:none!important;margin:0!important;padding:0!important}
html body .row:has(>.col>a>.optionInner)>.col::before,html body .row:has(>.col>a>.optionInner)::after{content:none}
@media (min-width:601px){html body .row:has(>.col>a>.optionInner){grid-template-columns:repeat(2,1fr)}}
@media (min-width:993px){html body .row:has(>.col>a>.optionInner){grid-template-columns:repeat(3,1fr)}}
html body .optionInner>.material-icons.nr-i{margin:0!important}
html body .optionInner{border-bottom:1px solid var(--line-soft)!important}
html body #helpWrapper .helpText{margin-left:0!important;margin-right:0!important;padding:0!important;width:auto!important}
html body #helpWrapper .topbanner{padding:var(--s5) var(--s4)!important}
html body #helpWrapper .helpOptions .optionInner{border:1px solid var(--line-soft)!important;min-height:0!important;text-align:left!important}
html body .topbanner{justify-content:flex-start!important;text-align:left!important;background:none!important;border:0!important;padding:var(--s5) 0 var(--s2)!important}
html body .topbanner h1{justify-content:flex-start!important;text-align:left!important;margin:0!important}
@media (max-width:600px){
  html body .maincontentbody :is(.card,.card-panel,.collapsible,.featureblock,.nr-dvla-sources,.nr-related-guides,.faqWrap,section,.optionInner){margin-bottom:var(--s4)!important}
  html body .maincontentbody :is(.card,.card-panel,.collapsible,.featureblock,section,.faqWrap,.nr-dvla-sources)+:is(h2,h3){margin-top:var(--s2)!important}
  html body .homepageWrap .homeBannerWrap.cheap-banner{padding-top:var(--s5)!important}
  html body .searchIdeas :is(h4,h3),html body #searchIdeas :is(h4,h3){margin-top:var(--s4)!important}
}
html body .homepageWrap .seemore.boss::before{background-image:url(/images/bossbg.jpg?v=3);background-image:image-set(url(/images/bossbg.webp?v=3) type("image/webp"),url(/images/bossbg.jpg?v=3) type("image/jpeg"))}
html body .homepageWrap .seemore.miss::before{background-image:url(/images/misswp.jpg?v=3);background-image:image-set(url(/images/misswp.webp?v=3) type("image/webp"),url(/images/misswp.jpg?v=3) type("image/jpeg"))}
@media (max-width:600px){
  html body .homepageWrap .seemore.boss::before{background-image:url(/images/bossbg-m.jpg?v=3);background-image:image-set(url(/images/bossbg-m.webp?v=3) type("image/webp"),url(/images/bossbg-m.jpg?v=3) type("image/jpeg"))}
  html body .homepageWrap .seemore.miss::before{background-image:url(/images/misswp-m.jpg?v=3);background-image:image-set(url(/images/misswp-m.webp?v=3) type("image/webp"),url(/images/misswp-m.jpg?v=3) type("image/jpeg"))}
}
/* The icon font is no longer drawn; the suite is masks. Never fetch it. */
.material-icons{font-family:inherit!important}

/* ---- promo panels, overlay version ---------------------------------------
   Phone: a 4:3 or 3:2 cut that is all car and plate; the card rises over the strip of road
   below the car and never higher. Desktop: the wide cut with the car on the right; the card
   sits over the clear left side and is held narrower than the space before the car begins
   (measured: the car starts 41.7% and 43.2% across). */
html body .homepageWrap .seemore{display:block!important;position:relative;padding:0!important;margin:var(--sec) auto!important;
  max-width:calc(var(--page-max) + 2 * var(--page-pad));padding:0 var(--page-pad)!important}
html body .homepageWrap .seemore::before{display:block;border-radius:var(--card-radius);box-shadow:none}
html body .homepageWrap .seemore.boss::before{background-image:url(/images/bossbg-m.jpg?v=4);background-image:image-set(url(/images/bossbg-m.webp?v=4) type("image/webp"),url(/images/bossbg-m.jpg?v=4) type("image/jpeg"));aspect-ratio:900/675}
html body .homepageWrap .seemore.miss::before{background-image:url(/images/misswp-m.jpg?v=4);background-image:image-set(url(/images/misswp-m.webp?v=4) type("image/webp"),url(/images/misswp-m.jpg?v=4) type("image/jpeg"));aspect-ratio:900/600}
html body .homepageWrap .seemore>.container{position:relative;z-index:1;margin:-16px var(--s3) 0!important;width:auto!important}
html body .homepageWrap .seemore .platearea.white{padding:var(--s4)!important;box-shadow:0 10px 30px rgba(16,24,40,.16)!important;border:0!important}
html body .homepageWrap .seemore .platearea h5{font-size:18px!important;margin:0 0 var(--s1)!important}
html body .homepageWrap .seemore .platearea .divider{display:none!important}
html body .homepageWrap .seemore .platearea>p,html body .homepageWrap .seemore .platearea p{font-size:14px!important;line-height:1.5!important;margin:0 0 var(--s3)!important;color:var(--nr-grey-600)!important}
html body .homepageWrap .seemore .platearea .plate.inputSwitch,html body .homepageWrap .seemore .platearea div.plate.medplate{height:48px!important;min-height:48px!important;margin:0 0 var(--s3)!important;font-size:20px!important}
html body .homepageWrap .seemore .platearea .btn{width:100%;height:48px!important}
html body .homepageWrap .seemore .platearea{display:flex!important;flex-direction:column}
html body .homepageWrap .seemore .platearea h5{order:1}
html body .homepageWrap .seemore .platearea p{order:2}
html body .homepageWrap .seemore .platearea .plate{order:3}
html body .homepageWrap .seemore .platearea .btn,html body .homepageWrap .seemore .platearea form,html body .homepageWrap .seemore .platearea>a{order:4}
@media (min-width:900px){
  html body .homepageWrap .seemore.boss::before{background-image:url(/images/bossbg-d.jpg?v=5);background-image:image-set(url(/images/bossbg-d.webp?v=5) type("image/webp"),url(/images/bossbg-d.jpg?v=5) type("image/jpeg"));aspect-ratio:2176/851}
  html body .homepageWrap .seemore.miss::before{background-image:url(/images/misswp-d.jpg?v=5);background-image:image-set(url(/images/misswp-d.webp?v=5) type("image/webp"),url(/images/misswp-d.jpg?v=5) type("image/jpeg"));aspect-ratio:1998/742}
  html body .homepageWrap .seemore>.container{position:absolute!important;left:calc(var(--page-pad) + var(--s5));top:50%;transform:translateY(-50%);
    margin:0!important;width:min(34%,340px)!important}
  html body .homepageWrap .seemore .platearea.white{padding:var(--s5)!important}
}

/* Price promise: on the guarantee line, not on the search box. */
.home #hero form#platesearch::after{content:none!important;display:none!important}
.home #hero .row.flexithero>.col:has(#helptext2)::after{content:"Price promise";margin-left:auto;flex:0 0 auto;
  font:600 11px/1 var(--font-ui);letter-spacing:.02em;color:#fff;background:var(--brand);padding:5px 8px;border-radius:999px;white-space:nowrap}
html body .homepageWrap .seemore .platearea p:empty,html body .homepageWrap .seemore .platearea>br{display:none!important}
@media (max-width:899px){html body .homepageWrap .seemore>.container{margin-top:-40px!important}}
@media (min-width:993px){
  .home #hero .row.flexithero{overflow:visible!important}
  .home #hero .row.flexithero>.col:has(#helptext2){position:relative}
  .home #hero .row.flexithero>.col:has(#helptext2)::after{position:absolute;top:-10px;left:50%;transform:translateX(-50%);margin:0}
}

/* Featured numbers: one row per plate, price beside it. */
html body .featplates{display:flex!important;flex-direction:column;gap:0!important;padding:0!important}
html body .featplates .aplate{display:flex!important;align-items:center;justify-content:space-between;gap:var(--s3);
  padding:var(--s2) 0!important;margin:0!important;border-bottom:1px solid var(--line-soft);min-height:0!important;height:auto!important}
html body .featplates .aplate:last-child{border-bottom:0}
html body .featplates .aplate>br{display:none}
html body .featplates .aplate>a.plate{flex:0 0 62%;width:62%!important;margin:0!important;font-size:16px!important}
html body .featplates .aplate>a.plate>svg.nrp{width:100%!important;height:auto!important;display:block}
html body .featplates .pricingrange{display:flex!important;flex-direction:column;align-items:flex-end;margin:0!important;padding:0!important;text-align:right!important;width:auto!important}
html body .featplates .pricingrange .financefrom:empty,html body .featplates .pricingrange .financefrom:not(:has(*:not(:empty))){display:none!important}
html body .featplates .buynow{float:none!important;width:auto!important;margin:0!important;line-height:1.2!important}
html body .featplates .buynow span{font-size:10px!important;letter-spacing:.06em;color:var(--text-faint)!important}
html body .featplates .buynow b{font-size:15px!important;color:var(--nr-ink)!important}
html body .featplates .buynow br{display:none}
html body .featplates .buynow span::after{content:" "}
html body b.grey-text:has(+br+br+.featplates),html body .col>b.grey-text.text-darken-2{display:block;font-size:13px!important;
  text-transform:uppercase;letter-spacing:.06em;color:var(--text)!important;margin:0 0 var(--s2)!important}
html body .col:has(>.featplates)>br{display:none}

/* An icon name never shows as text: unmatched icons are hidden, and the legacy ligature
   text drawn by ::before is suppressed everywhere. */
.material-icons:not(.nr-i){display:none!important}
.material-icons::before,.material-icons::after{content:none!important}
/* Ligature submit buttons (header search): a drawn arrow, same action. */
input[type=submit].material-icons,input[type=submit].mdi-navigation-go{font-size:0!important;color:transparent!important;
  width:32px!important;height:32px!important;border-radius:999px!important;border:0!important;cursor:pointer;
  background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/18px no-repeat!important}

/* Banner photographs sit centred on the page grid, whatever the text alignment around them. */
html body .bannerimg,html body .maincontentbody .bannerimg{text-align:center!important;background:none!important;
  padding:var(--s4) var(--page-pad) 0!important;margin:0 auto!important;max-width:calc(var(--page-max) + 2 * var(--page-pad))}
html body .bannerimg img{display:block;margin:0 auto;width:100%;max-width:var(--page-max)!important;height:auto;border-radius:var(--card-radius)}

/* Title bands: the band runs full width, its heading sits on the page grid. */
html body .topbanner{display:block!important;max-width:calc(var(--page-max) + 2 * var(--page-pad))!important;margin:0 auto!important;
  padding:var(--s5) var(--page-pad) var(--s2)!important;background:none!important;min-height:0!important;height:auto!important}
html body .topbanner h1{display:flex!important;align-items:center;gap:var(--s3);margin:0!important;text-align:left!important;width:auto!important}
html body .topbanner h1>.material-icons.nr-i{width:28px!important;height:28px!important;margin:0!important;color:var(--brand)!important;float:none!important;flex:0 0 28px}

/* Centred narrow intros: one width, one left edge. */
html body .maincontentbody .center-block.center-align[style*="max-width"]{max-width:none!important;margin:0!important;text-align:left!important}
html body .maincontentbody .center-block.center-align[style*="max-width"]>*{text-align:left!important}
html body form.centerall,html body form.inputfield.centerall{max-width:520px;margin:0!important;text-align:left!important}

/* ---- phone gaps, round three ----------------------------------------------- */
@media (max-width:600px){
  html body :is(.hub-cards a,.card,.card-panel,.optionInner,.platearea,.featureblock)>:is(h2,h3,h4,h5,p):first-child{margin-top:0!important}
  html body :is(.hub-cards a,.card,.card-panel,.featureblock)>:last-child{margin-bottom:0!important}
  html body .maincontentbody :is(.nr-dvla-sources,.nr-related-guides){margin-top:var(--s4)!important;margin-bottom:var(--s4)!important;padding-top:0!important;padding-bottom:0!important}
  html body .maincontentbody :is(.nr-dvla-sources,.nr-related-guides)>:is(h2,h3):first-child{margin-top:0!important}
  html body footer#inset.new-footer .follow-us-wrapper{margin-bottom:0!important;padding-bottom:0!important}
  html body footer#inset.new-footer .policy{margin-top:var(--s3)!important}
  html body .maincontentbody .slide-panel :is(.blue,.red,.green,.orange,.teal,.pink,.purple,.amber){margin:0!important;padding:var(--s2) 0!important}
  html body .maincontentbody .slide-panel :is(h3,h4){margin:var(--s4) 0 var(--s2)!important}
}

/* Search idea tiles: one list of links, icon and label on one line, two columns on wider screens. */
html body .tiles.slide-panel{display:grid!important;grid-template-columns:1fr;gap:var(--s2);width:100%!important;margin:var(--s4) 0!important;line-height:1.3!important}
html body .tiles.slide-panel>div{background:#fff!important;border:1px solid var(--line-soft)!important;border-radius:var(--card-radius)!important;
  margin:0!important;padding:0!important;width:auto!important;height:auto!important;min-height:0!important;box-shadow:var(--shadow-1)!important;text-align:left!important;color:var(--nr-ink)!important}
html body .tiles.slide-panel>div>a{display:flex!important;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4)!important;min-height:52px;
  color:var(--nr-ink)!important;background:none!important;text-decoration:none!important}
html body .tiles.slide-panel>div>a .material-icons.nr-i{width:22px!important;height:22px!important;color:var(--brand)!important;margin:0!important;flex:0 0 22px}
html body .tiles.slide-panel>div>a h4{margin:0!important;font-size:16px!important;font-weight:600!important;color:var(--nr-ink)!important;line-height:1.3!important}
html body .tiles.slide-panel>div>a::after{content:"";margin-left:auto;width:16px;height:16px;flex:0 0 16px;background:var(--nr-grey-400);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
@media (min-width:601px){html body .tiles.slide-panel{grid-template-columns:repeat(2,1fr)}}
@media (min-width:993px){html body .tiles.slide-panel{grid-template-columns:repeat(3,1fr)}}
html body center:has(+.tiles) h1,html body center h1{text-align:left!important}

/* Investment notice: plain, readable, on the page grid. */
.nr-invest-notice{max-width:calc(var(--page-max) + 2 * var(--page-pad));margin:var(--sec) auto!important;padding:0 var(--page-pad)!important}
.nr-invest-notice>h2{font-size:18px!important;font-weight:600!important;color:var(--nr-ink)!important;margin:0 0 var(--s3)!important;text-align:left!important}
.nr-invest-notice>ul{margin:0!important;padding:var(--s4) var(--s4) var(--s4) var(--s6)!important;background:var(--surface-alt);
  border:1px solid var(--line-soft);border-radius:var(--card-radius);list-style:disc}
.nr-invest-notice li{font-size:14px!important;line-height:1.6!important;color:var(--nr-grey-700)!important;margin:0 0 var(--s2)!important;list-style:disc!important}
.nr-invest-notice li:last-child{margin-bottom:0!important}
.whatsHotWrap .nr-invest-line{grid-column:1 / -1;margin:var(--s1) 0 0!important;font-size:12.5px!important;line-height:1.5!important;color:var(--text-faint)!important;text-align:left!important}
.whatsHotWrap .nr-invest-line a{color:var(--brand-ink)!important;text-decoration:underline;text-underline-offset:2px}

/* ---- phone gaps, round four: wrappers never add their own space on top of the rhythm ---- */
@media (max-width:600px){
  html body .maincontentbody :is(.faqWrap,.npl-faqwrap,[class$="Wrap"]:not(.uniqueSearchWrap):not(.whatsHotWrap)){padding-top:0!important;padding-bottom:0!important}
  html body .maincontentbody :is(.grey.lighten-4,.grey.lighten-5,.blue.lighten-5){padding-top:var(--s4)!important;padding-bottom:var(--s4)!important}
  html body .maincontentbody div[style*="padding-bottom"],html body .maincontentbody div[style*="padding-top"]{padding-top:0!important;padding-bottom:0!important}
  html body .nr-reg-wrap{padding-top:var(--s4)!important}
  html body .nr-reg-card{padding:var(--s4)!important}
  html body .nr-reg-grid{gap:var(--s4)!important}
  html body .nr-reg-card+.nr-reg-card,html body .nr-reg-grid>*+*{margin-top:0!important}
  html body .maincontentbody form{margin-bottom:var(--s4)!important}
  html body .maincontentbody :is(input,button,.btn)+:is(h2,h3){margin-top:var(--s4)!important}
  html body .maincontentbody .titleBorder{margin-top:var(--s4)!important;padding-top:0!important}
  html body .maincontentbody .nr-rg-heading{margin-top:0!important}
  html body .nr-related-guides{margin-top:var(--s4)!important}
}

/* Search hub: the strapline is an eyebrow, not a red block. */
html body .numPlatesSearchWrap .topBar{background:none!important;padding:0!important;margin:0 0 var(--s2)!important;min-height:0!important;height:auto!important}
html body .numPlatesSearchWrap .topBar h5{color:var(--brand-ink)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.04em;
  text-transform:uppercase;margin:0!important;text-align:left!important;line-height:1.4!important}

/* Linked cards with an example plate: one card, plates at a natural size, a standard button. */
html body a.card{display:flex!important;flex-direction:column;border-top:1px solid var(--line-soft)!important;color:var(--nr-ink)!important;
  text-decoration:none!important;height:100%;padding:var(--s4)!important;gap:var(--s3)}
html body a.card .card-image{padding:0!important;margin:0!important;background:none!important;display:flex;justify-content:center}
html body a.card .card-image img{width:100%!important;max-width:260px!important;height:auto!important;border-radius:0!important}
html body a.card .card-content{padding:0!important;text-align:left!important}
html body a.card .card-content h4{font-size:18px!important;margin:0 0 var(--s2)!important;color:var(--nr-ink)!important;text-align:left!important}
html body a.card .card-content p{margin:0!important;font-size:15px!important;text-align:left!important}
html body a.card .cardBtn{display:inline-flex!important;align-items:center;justify-content:center;align-self:flex-start;margin-top:auto!important;
  height:44px!important;padding:0 var(--s5)!important;border-radius:var(--radius-ctl)!important;background:var(--brand)!important;color:#fff!important;
  font:600 15px/1 var(--font-ui)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;border:0!important;width:auto!important}
html body a.card:hover .cardBtn{background:var(--brand-hover)!important}
html body .row:has(>.col>a.card){display:grid!important;grid-template-columns:1fr;gap:var(--s3);margin:0 0 var(--s5)!important}
html body .row:has(>.col>a.card)>.col{width:auto!important;float:none!important;margin:0!important;padding:0!important}
@media (min-width:601px){html body .row:has(>.col>a.card){grid-template-columns:repeat(2,1fr)}}

/* Consecutive paragraphs are always separated, whatever the ported page set. */
html body .maincontentbody p+p,html body main p+p,html body article p+p{margin-top:var(--s3)!important}

/* Builder options: three equal cells; the label wraps inside its cell and the preview fits it. */
html body .options-panel{table-layout:fixed!important;width:100%!important}
html body .options-panel>.option-box{width:33.333%!important}
html body .options-panel>.option-box>h6{font-size:13px!important;font-weight:600!important;line-height:1.3!important;white-space:normal!important;margin:0 0 var(--s2)!important;text-align:center!important}
html body .options-panel>.option-box>.draw{max-width:100%;overflow:hidden}
html body .options-panel>.option-box li.selected img{max-width:100%!important;height:auto!important}
html body .options-panel>.option-box>h6{height:auto!important;min-height:0!important;padding:0 0 52px!important;background-position:center bottom!important;background-size:auto 44px!important}
html body .options-panel>.option-box>h6>span{display:block;min-height:2.6em}
html body .options-panel>.option-box>h6{font-size:12px!important;white-space:nowrap!important;letter-spacing:-.01em}
html body .options-panel>.option-box>h6>span{min-height:0;margin-bottom:6px}
@media (max-width:600px){
  html body .maincontentbody :is(form,.card,.card-panel,.collapsible,ul,ol,table,img,iframe,picture,section,aside,.row,div[class*="Wrap"])+:is(h2,h3){margin-top:var(--s4)!important}
  html body .maincontentbody :is(section,aside,.card,.nr-reg-card)>:is(h2,h3):first-child{margin-top:0!important}
  html body .nr-reg-section{margin-top:var(--s4)!important}
  html body .maincontentbody img+:is(a,p,h1,h2){margin-top:var(--s3)!important}
  html body .maincontentbody img{margin-bottom:0!important}
}

/* Guide link tiles (help buying and selling): the same card as the help hub. */
html body .row:has(>.col.valign-wrapper>a.fill-link){display:grid!important;grid-template-columns:1fr;gap:var(--s3);margin:var(--s4) 0!important}
@media (min-width:601px){html body .row:has(>.col.valign-wrapper>a.fill-link){grid-template-columns:repeat(2,1fr)}}
@media (min-width:993px){html body .row:has(>.col.valign-wrapper>a.fill-link){grid-template-columns:repeat(3,1fr)}}
html body .col.valign-wrapper:has(>a.fill-link){position:relative;display:block!important;width:auto!important;height:auto!important;min-height:0!important;
  float:none!important;margin:0!important;padding:var(--s4)!important;background:#fff!important;border:1px solid var(--line-soft)!important;
  border-radius:var(--card-radius)!important;box-shadow:var(--shadow-1)!important;text-align:left!important}
html body .col.valign-wrapper>a.fill-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
html body .col.valign-wrapper:has(>a.fill-link):hover{box-shadow:var(--shadow-2)!important;border-color:var(--line)!important}
html body .col.valign-wrapper>.valign{display:flex!important;align-items:center;gap:var(--s3);text-align:left!important;width:100%}
html body .col.valign-wrapper>.valign>.material-icons.nr-i{width:22px!important;height:22px!important;margin:0!important;color:var(--brand)!important;flex:0 0 22px}
html body .col.valign-wrapper>.valign>:is(h3,h4,h5){margin:0!important;font-size:17px!important;font-weight:600!important;color:var(--nr-ink)!important;text-shadow:none!important;text-align:left!important}
html body .col.valign-wrapper:has(>a.fill-link),html body .optionInner{border-bottom:1px solid var(--line-soft)!important;border-bottom-color:var(--line-soft)!important}

/* FAQ category list: plain rows, not slate bars. */
html body .cd-faq-categories a{background:#fff!important;color:var(--nr-ink)!important;border-bottom:1px solid var(--line-soft)!important;font-weight:600}
html body .cd-faq-categories a:hover,html body .cd-faq-categories a.selected{background:var(--surface-alt)!important;color:var(--brand-ink)!important}
html body .cd-faq-categories{border:1px solid var(--line-soft);border-radius:var(--card-radius);overflow:hidden;background:#fff}

/* Names: one search field, one card per name, a quiet search link and the plate as the primary action. */
html body form#miniform[name=name_search_form]{float:none!important;width:100%!important;max-width:520px;text-align:left!important;margin:0 0 var(--s4)!important;padding:0!important}
html body form#miniform[name=name_search_form]>br{display:none}
html body form#miniform[name=name_search_form]>b{display:block;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text)!important;margin:0 0 var(--s2)}
html body form#miniform[name=name_search_form] .input-field{width:100%!important;height:auto!important;margin:0!important;display:block!important}
html body form#miniform[name=name_search_form] input[type=search]{width:100%!important;height:48px!important;min-height:48px;border:1px solid var(--line)!important;border-radius:var(--radius-ctl)!important;
  padding:0 var(--s3)!important;font:400 16px var(--font-ui)!important;text-transform:none!important;letter-spacing:0!important;background:#fff!important;box-shadow:none!important}
html body .name-container{display:grid!important;grid-template-columns:1fr;gap:var(--s3);border:0!important;margin:0!important;padding:0!important}
@media (min-width:601px){html body .name-container{grid-template-columns:repeat(2,1fr)}}
@media (min-width:993px){html body .name-container{grid-template-columns:repeat(3,1fr)}}
html body .name-container>.nameres{display:flex!important;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);width:auto!important;float:none!important;margin:0!important;
  padding:var(--s4)!important;background:#fff;border:1px solid var(--line-soft);border-radius:var(--card-radius);box-shadow:var(--shadow-1)}
html body .name-container>.nameres>.col{width:auto!important;float:none!important;padding:0!important;margin:0!important}
html body .name-container>.nameres>.col:first-child{flex:1 1 auto;min-width:0}
html body .name-container>.nameres>.col.s12{flex:1 1 100%}
html body .name-container>.nameres br{display:none}
html body .name-container strong{font-size:20px!important;color:var(--nr-ink)}
html body .name-container p.grey-text{margin:2px 0 0!important;font-size:14px}
html body .name-container a.btn.btn-block{height:40px!important;background:#fff!important;color:var(--nr-ink)!important;border:1px solid var(--line)!important;font-size:14px!important;width:100%}
html body .name-container a.btn.btn-block:hover{border-color:var(--brand)!important;color:var(--brand-ink)!important}
html body .name-container .plate:has(svg.nrp){width:96px!important}
html body form#miniform[name=name_search_form] .input-field label{display:none!important}
html body .container:has(form[name=name_search_form]) :is(b.red-text,h5.red-text,.blue-text){color:var(--text)!important}
html body .container:has(form[name=name_search_form]) .center-align{text-align:left!important}
html body form#miniform[name=name_search_form] .input-field,html body form#miniform[name=name_search_form] input[type=search]{box-sizing:border-box!important;max-width:100%!important;overflow:visible!important}
html body .maincontentbody :is(.center-align,.center)>a.btn:only-child,html body .container>.row.center-align>a.btn{margin-left:0!important}
html body :is(.center-align,.center):has(>a.btn[href*="search"]:only-child,>a.btn[href*="/help/"]:only-child){text-align:left!important}
/* "Back to" buttons sit on the content edge on every page. */
html body :is(div,p,section):has(>a.btn>.nr-i-exit_to_app,>a.btn>.nr-i-keyboard_arrow_left){text-align:left!important}
html body a.btn:has(>.nr-i-exit_to_app,>.nr-i-keyboard_arrow_left){margin:var(--s2) 0!important;background:#fff!important;color:var(--nr-ink)!important;border:1px solid var(--line)!important;height:44px!important}
html body form#miniform[name=name_search_form]{width:100%!important;max-width:520px!important;min-width:0!important}

/* ---- blog: the same type, colour and rhythm as the rest of the site ---------- */
html body.blog .nr-wp,html body.blog .nr-wp :is(p,li,a,span,div,td,th,h1,h2,h3,h4,h5,h6,input,button,label){font-family:var(--font-ui)!important}
html body.blog .nr-wp .entry-content :is(p,li){font-size:16px!important;line-height:1.7!important;color:var(--nr-grey-700)!important;font-weight:400!important}
html body.blog .nr-wp .entry-content :is(h2,h3,h4){color:var(--nr-ink)!important;font-weight:600!important;margin:var(--s5) 0 var(--s2)!important}
html body.blog .nr-wp .entry-title{font-size:clamp(26px,6vw,36px)!important;font-weight:700!important;letter-spacing:-.02em;color:var(--nr-ink)!important;line-height:1.2!important}
html body.blog .nr-wp .entry-meta,html body.blog .nr-wp .entry-meta *{font-size:13px!important;color:var(--text-faint)!important}
html body.blog .nr-wp a{color:var(--brand-ink)!important;background:none!important;text-decoration:underline;text-underline-offset:2px}
html body.blog .nr-wp mark,html body.blog .nr-wp a mark,html body.blog .nr-wp [style*="background-color"]{background:none!important}
html body.blog .nr-wp .entry-content img{border-radius:var(--card-radius);height:auto}
html body.blog .nr-wp .breadcrumbs,html body.blog .nr-wp .breadcrumb{font-size:13px!important;color:var(--text-faint)!important}
html body.blog .nr-wp :is(.related-posts,.related) :is(h3,h4,a){font-size:16px!important;font-weight:600!important;color:var(--nr-ink)!important;line-height:1.35!important}
html body.blog .nr-wp :is(.widget-title,.widgettitle){font-size:13px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:var(--nr-ink)!important}
html body.blog .nr-wp .widget li{border-bottom:1px solid var(--line-soft)!important;padding:var(--s2) 0!important}
html body.blog .nr-wp .widget li a{text-decoration:none!important;color:var(--nr-ink)!important;font-size:15px!important}
html body.blog .nr-wp .nav-single a{text-decoration:none!important;color:var(--nr-ink)!important;font-weight:600}
html body.blog .nr-wp input[type=search],html body.blog .nr-wp input[type=text]{height:44px!important;border:1px solid var(--line)!important;border-radius:var(--radius-ctl)!important}
html body.blog .nr-wp input[type=submit],html body.blog .nr-wp button[type=submit]{height:44px!important;background:var(--brand)!important;color:#fff!important;border:0!important;border-radius:var(--radius-ctl)!important;padding:0 var(--s4)!important;font-weight:600}
html body.blog .nr-wp .crp_related ul{display:grid!important;grid-template-columns:1fr;gap:var(--s3);padding:0!important;margin:0!important;list-style:none}
html body.blog .nr-wp .crp_related li{margin:0!important;padding:0!important;border:0!important}
html body.blog .nr-wp .crp_related a.crp_link{display:flex!important;align-items:center;gap:var(--s3);text-decoration:none!important;color:var(--nr-ink)!important}
html body.blog .nr-wp .crp_related figure{margin:0!important;flex:0 0 72px}
html body.blog .nr-wp .crp_related img{width:72px!important;height:72px!important;object-fit:cover;border-radius:10px;box-shadow:none!important}
html body.blog .nr-wp .crp_related :is(.crp_title,span){font-size:15px!important;font-weight:600!important;color:var(--nr-ink)!important;line-height:1.35!important;border:0!important;text-decoration:none!important}
html body.blog .nr-wp .crp_related>h3{font-size:18px!important;margin:var(--s5) 0 var(--s3)!important}

/* Blocks that follow floated columns start below them, never behind them. */
html body :is(.nr-dvla-sources,.nr-related-guides,.faqWrap,.nr-invest-notice){clear:both}

/* Columns that wrap the page search hold their own floats, so nothing after them wraps round. */
html body .col:has(>section.herosearch),html body .col:has(section.nr-after-intro){float:none!important;width:100%!important;display:flow-root}

/* Stock rows: one primary action (buy); the rest are quiet icon buttons of one size. */
html body a.btn:is(.reg-preview,.fave,.share,.offer,.enquire){width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;
  background:#fff!important;color:var(--nr-grey-700)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important}
html body a.btn:is(.reg-preview,.fave,.share,.offer,.enquire):hover{border-color:var(--brand)!important;color:var(--brand)!important}
html body a.btn:is(.reg-preview,.fave,.share,.offer,.enquire) .material-icons.nr-i{width:18px!important;height:18px!important;color:inherit!important}
html body a.btn.buy{height:40px!important;padding:0 var(--s4)!important;border-radius:10px!important}
html body :is(div,span):has(>a.btn.buy+a.btn.reg-preview){display:flex!important;flex-wrap:wrap;gap:6px;align-items:center;background:none!important;padding:0!important}

/* Pages with the featured numbers sidebar: a true two-column grid on desktop, so the main column's
   own floats can never be pushed below or squeezed beside the sidebar. */
@media (min-width:993px){
  html body .row:has(>.col.l2.hide-on-med-and-down+.col.offset-l1-main){display:grid!important;grid-template-columns:200px minmax(0,1fr);
    column-gap:var(--s6);align-items:start;margin:0!important}
  html body .row:has(>.col.l2.hide-on-med-and-down+.col.offset-l1-main)>.col{width:auto!important;float:none!important;margin:0!important;padding:0!important;min-width:0}
  html body .row:has(>.col.l2.hide-on-med-and-down+.col.offset-l1-main)>.col.l2{position:sticky;top:calc(var(--header-h) + var(--s4))}
  html body .col.offset-l1-main{display:flow-root}
  html body .searchsidebar{float:none!important;width:100%!important;padding:var(--s3) var(--s4)!important;border:1px solid var(--line-soft);border-radius:var(--card-radius);background:#fff}
}
html body .resultsrow .button-row a.btn:is(.reg-preview,.fave,.share,.offer,.enquire),html body .button-row a.btn:is(.reg-preview,.fave,.share,.offer,.enquire){
  background:#fff!important;color:var(--nr-grey-700)!important;border:1px solid var(--line)!important}
html body .resultsrow .button-row a.btn:is(.reg-preview,.fave,.share,.offer,.enquire):hover{border-color:var(--brand)!important;color:var(--brand)!important}
html body .searchsidebar>br,html body .searchsidebar>b+br{display:none!important}
html body .searchsidebar>b.grey-text{display:block;margin:0 0 var(--s2)!important}
html body .col.s12.center-align[style*="max-width"],html body .offset-l1-main .col.s12.center-align{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;max-width:none!important;text-align:left!important}
html body .offset-l1-main a:has(>.nr-i-keyboard_arrow_left),html body .offset-l1-main p:has(>a[href^="/buy/"]:only-child){text-align:left!important;display:inline-block}
html body .offset-l1-main>div>:is(p,div):has(>a:first-child[href^="/buy/"]){text-align:left!important}
html body .searchsidebar br{display:none!important}
html body .searchsidebar .featplates{margin-top:var(--s1)!important}
html body .offset-l1-main span:has(>a:only-child[href^="/buy/"]){text-align:left!important}
html body .offset-l1-main .col.s12.center-align:has(section.herosearch){margin-bottom:0!important;padding-bottom:0!important}
html body .offset-l1-main .col.s12.center-align:has(section.herosearch)>:last-child{margin-bottom:0!important}

/* Content boxes always contain their floated children. */
html body .maincontentbody :is(.content.border,.content.light,.content.white,.card,.card-panel,.featureblock){display:flow-root}

/* Small tool forms (phonetics, identifiers): full-width field, standard button. */
html body .content.light.border{box-sizing:border-box}
html body .content.light.border input.medtext,html body .content.light.border input[type=text]{width:100%!important;box-sizing:border-box!important;max-width:100%!important}
html body .content :is(input[type=submit],button[type=submit]):not(.btn){height:44px!important;padding:0 var(--s5)!important;background:var(--brand)!important;color:#fff!important;
  border:0!important;border-radius:var(--radius-ctl)!important;font:600 15px var(--font-ui)!important;cursor:pointer;margin-top:var(--s2)!important;box-shadow:none!important;text-transform:none}
html body .content :is(input[type=submit],button[type=submit]):not(.btn):hover{background:var(--brand-hover)!important}
@media (max-width:992px){html body .maincontentbody .content.border>div[style*="float"],html body .maincontentbody .content.border>.col{float:none!important;width:100%!important}}
/* Boxes the port gave a fixed height grow with their content. */
html body .maincontentbody :is(.content,.card,.card-panel,.featureblock)[style*="height"]{height:auto!important;min-height:0!important}

/* Legacy image buttons: the old picture is pushed out of the box and a drawn button shown,
   so the element, its src and its handlers stay exactly as they were. */
html body input[type=image][src*="submit-lightgreybg"],html body input[type=image][src*="update-greybg"],html body input[type=image][src*="button_send_details"]{
  box-sizing:border-box!important;width:180px!important;height:48px!important;padding:0 0 0 180px!important;overflow:hidden;border:0!important;
  background:url(/graphics/buttons/submit-lightgreybg.png?v=1) center/180px 48px no-repeat!important;cursor:pointer;border-radius:11px}
html body input[type=image][src*="update-greybg"]{background-image:url(/graphics/buttons/update-greybg.png?v=1)!important}
html body input[type=image][src*="button_send_details"]{width:240px!important;padding-left:240px!important;background:url(/graphics/button_send_details.png?v=1) center/240px 48px no-repeat!important}
html body .maincontentbody :is(h2,h3).titleBorder{display:flow-root}
html body form .row>.col.s12.l6:has(>button.btn),html body form .row>.col.s12.l6:has(>.input-field){width:100%!important;float:none!important;margin-left:0!important}
html body form .row:has(>.col.l6>button.btn){display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:var(--s2);align-items:end;margin:0!important}
html body form .row:has(>.col.l6>button.btn)>.col{padding:0!important;margin:0!important;width:auto!important}
html body form .row:has(>.col.l6>button.btn) button.btn{white-space:nowrap}
html body .maincontentbody form .input-field,html body .maincontentbody form .input-field>input{box-sizing:border-box!important;max-width:100%!important}
html body .maincontentbody form .input-field>input.smalltext{width:100%!important}

/* Builder: intro on the content edge; one control style; button under its fields. */
html body .builderWrap .area-relative-container>p{margin-left:0!important;max-width:var(--measure)}
html body .builderWrap select.car-selector,html body .builderWrap select{height:48px!important;min-height:48px;padding:0 var(--s6) 0 var(--s3)!important;border:1px solid var(--line)!important;
  border-radius:var(--radius-ctl)!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475467' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat!important;
  -webkit-appearance:none;appearance:none;font:400 16px var(--font-ui)!important;color:var(--nr-ink)!important;width:100%;display:block!important}
html body .builderWrap form.set-reg,html body .builderWrap .set-reg{text-align:left!important}
html body .builderWrap .set-reg input.btn{margin:var(--s3) 0 0!important}

/* Tool forms in content boxes span the box. */
html body .content.border form[name=issuedform]{width:100%!important;max-width:520px}
html body .homepageWrap .seemore{box-shadow:none!important;border:0!important;background:none!important}
html body .homepageWrap .seemore .platearea.white{border:1px solid var(--line-soft)!important}
@media (max-width:600px){html body .homepageWrap .container .container>h2:first-child{margin-top:var(--s5)!important}}

/* ---- tool pages, phone spacing ---------------------------------------------- */
html body a.card .card-image picture{display:block;width:100%;max-width:260px}
html body a.card .card-image img{aspect-ratio:400/182;display:block}
@media (max-width:600px){
  html body .builderWrap .options-panel{padding-bottom:0!important;margin-bottom:var(--s4)!important}
  html body .builderWrap .area-relative-container>p{padding-bottom:0!important;margin-bottom:var(--s4)!important}
  html body .builderWrap h1.builderTopTitle{padding-bottom:var(--s3)!important;margin-bottom:var(--s3)!important}
  html body .builderWrap .set-reg :is(h5,label){margin:0 0 var(--s2)!important}
  html body .builderWrap .set-reg .regWrap,html body .builderWrap .set-reg>div{margin-bottom:var(--s3)!important}
  html body .search-banner-top-finance,html body [class^="search-banner-top"]{margin-bottom:var(--s4)!important;padding-bottom:var(--s4)!important}
  html body .uniqueSearchWrap>div:not([class]){padding-bottom:0!important}
  html body .content.border{padding-top:var(--s3)!important}
  html body .content.border>.row{padding-top:0!important}
  html body .nr-reg-section{margin-top:var(--s5)!important}
  html body .nr-reg-fieldcard{margin-bottom:0!important}
  html body .maincontentbody :is(form,.content) .input-field{margin-top:var(--s2)!important;margin-bottom:var(--s2)!important}
  html body .maincontentbody .row.left-align{margin-bottom:0!important}
}
@media (max-width:600px){
  html body .nr-reg-grid>.nr-reg-card{margin-bottom:var(--s4)!important;padding-bottom:var(--s4)!important}
  html body .nr-reg-perks{padding-top:var(--s4)!important}
  html body .builderWrap .area-relative-container>p{padding-bottom:0!important}
  html body .maincontentbody :is(h2,h3).titleBorder{margin-top:var(--s4)!important}
  html body .maincontentbody br+:is(h2,h3).titleBorder,html body .maincontentbody br:has(+.titleBorder){display:none}
  html body .maincontentbody .content+div:not([class]),html body .maincontentbody .content.border+div{margin-top:var(--s4)!important;padding-top:0!important}
  html body .maincontentbody div:not([class])>:is(h2,h3):first-child{margin-top:0!important}
  html body .uniqueSearchWrap>div:not([class])+.grey.lighten-4{padding-top:var(--s4)!important}
  html body .uniqueSearchWrap>div:not([class]){padding-bottom:0!important}
  html body .nr-val-form{padding-top:var(--s4)!important}
}
@media (max-width:600px){
  html body .maincontentbody :is(.content.border,.nr-reg-card,section,.card) form:last-child,html body .maincontentbody :is(.content.border,.nr-reg-card) form:last-of-type{margin-bottom:0!important}
  html body .maincontentbody .content.border{padding-bottom:var(--s4)!important}
  html body .uniqueSearchWrap>div:not([class]):first-of-type{padding-bottom:0!important}
}

/* Finance calculator: one card, the explanation as body text, readable range labels. */
html body .row.grey.lighten-4:has(#staticFinanceDescription){background:#fff!important;border:1px solid var(--line-soft)!important;border-radius:var(--card-radius)!important;padding:0!important;margin-top:var(--s3)!important}
html body .row.grey.lighten-4:has(#staticFinanceDescription)>.col>div.white{padding:var(--s4)!important;border-radius:var(--card-radius)!important}
html body #staticFinanceDescription,html body #financeDescription,html body .finance-description{font:400 15px/1.6 var(--font-ui)!important;color:var(--nr-grey-700)!important;margin:0 0 var(--s3)!important}
html body #staticFinanceDescription b,html body .finance-description b{font-weight:600!important;color:var(--nr-ink)!important;border-top:0!important;padding-top:0!important;margin-top:0!important}
html body :is(.loan-amount-range-min,.loan-amount-range-max,[class*="range-min"],[class*="range-max"]){color:var(--nr-grey-600)!important;font-size:13px!important}
html body input[type=range]{accent-color:var(--brand)}
html body #financeDescription :is(h4,h5,h6),html body #financeDescription :is(h4,h5,h6) b{font:400 15px/1.6 var(--font-ui)!important;color:var(--nr-grey-700)!important;margin:0!important;letter-spacing:0!important}
html body #financeDescription :is(h4,h5,h6) b{font-weight:600!important;color:var(--nr-ink)!important}
html body #staticFinanceDescription:empty,html body #staticFinanceDescription:not(:has(*:not(b:empty))){display:none!important}
html body #financeDescription :is(h4,h5,h6) b{font-weight:400!important;color:var(--nr-grey-700)!important}
html body .maincontentbody h2.infotitle{margin-top:var(--s5)!important}
html body span.grey-text.text-lighten-1:is(.loan-amount-range-min,.loan-amount-range-max),html body span.grey-text.text-lighten-1[class*="range-"]{color:var(--nr-grey-600)!important}

/* Phone header: logo left, then search and menu on the right. The logo box spans the bar's
   full height and centres its image, so it sits exactly midway between top and bottom. */
@media (max-width:992px){
  html body header nav .container{grid-template-columns:1fr 44px 44px!important;padding:0 var(--s2) 0 var(--page-pad)!important;column-gap:var(--s1)}
  html body header nav .brand-logo{grid-column:1!important;justify-self:start!important;height:var(--header-h)!important;margin:0!important;
    background-position:left center!important;align-self:stretch}
  html body header nav .nr-search-toggle{grid-column:2!important;justify-self:end}
  html body header nav .sidenav-trigger{grid-column:3!important;justify-self:end!important}
}
@media (max-width:992px){
  html body header nav .container{height:100%!important;align-items:center!important;grid-template-rows:100%!important}
  html body header nav .brand-logo{align-self:center!important;height:40px!important;top:0!important;transform:none;line-height:normal!important}
  html body header nav :is(.nr-search-toggle,.sidenav-trigger){align-self:center!important;height:44px!important;margin:0!important;top:0!important;line-height:0!important;padding:0!important}
  html body header nav .sidenav-trigger .material-icons.nr-i{display:block;margin:0!important;vertical-align:0}
  html body header nav .nr-search-toggle svg{display:block}
}
/* Optical centring, measured from the drawn pixels: each artwork carries uneven space of its own. */
@media (max-width:992px){
  html body header nav .brand-logo{transform:translateY(-0.5px)!important}
  html body header nav .nr-search-toggle svg{transform:translateY(-1px)}
  html body header nav .sidenav-trigger .material-icons.nr-i{transform:translateY(-1px)}
}
html body.nr-search-open.nr-has-page-search header #miniform,html body.nr-search-open header nav ul.right #miniform{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important}
html body.nr-search-open header nav ul.right>li:has(#miniform){display:flex!important;width:100%}
@media (max-width:992px){html body header nav ul.right{padding:var(--s2) var(--page-pad) var(--s3)!important}html body header nav ul.right>li{padding:0!important;margin:0!important}}
@media (max-width:992px){html body header nav ul.right #miniform{margin:0!important}}

/* ---- footer on a phone: centred, compact, one line of social links -------------- */
@media (max-width:600px){
  html body footer#inset.new-footer{text-align:center!important;padding:var(--s5) 0 0!important}
  html body footer#inset.new-footer>.container{padding:0 var(--page-pad)!important}
  html body footer#inset.new-footer .footer-items{padding:0!important;margin:0!important}
  html body footer#inset.new-footer .footer-items-title{display:flex!important;align-items:center;justify-content:space-between;text-align:left!important;
    margin:0!important;padding:var(--s3) 0!important;border-bottom:1px solid var(--line-soft)!important;font-size:13px!important;min-height:48px}
  html body footer#inset.new-footer .footer-items-title svg.icon{width:16px!important;height:16px!important}
  html body footer#inset.new-footer .footer-items-title svg.icon path{fill:var(--nr-grey-600)}
  html body footer#inset.new-footer .about-us:not(.footer-items){padding:var(--s5) 0 0!important;margin:0!important;text-align:center!important}
  html body footer#inset.new-footer .about-us:not(.footer-items) p{margin:0 0 var(--s2)!important;font-size:16px!important}
  html body footer#inset.new-footer .about-us:not(.footer-items) b{font-size:16px!important;color:var(--nr-ink)!important}
  html body footer#inset.new-footer .trusted{display:block;font-size:14px!important;line-height:1.6!important;color:var(--nr-grey-600)!important;max-width:34em;margin:0 auto}

  html body footer#inset.new-footer .follow-us-wrapper{display:block!important;padding:var(--s5) 0 0!important;margin:0!important}
  html body footer#inset.new-footer .follow-us-wrapper>.col{float:none!important;width:100%!important;padding:0!important;margin:0!important}
  html body footer#inset.new-footer .follow-us-wrapper .items{display:grid!important;grid-template-columns:repeat(5,1fr);gap:var(--s1);align-items:start;justify-items:center}
  html body footer#inset.new-footer .follow-us-wrapper .items>.title{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html body footer#inset.new-footer .follow-us-wrapper .items>a{display:flex!important;flex-direction:column;align-items:center;gap:6px;margin:0!important;padding:var(--s2) 0!important;
    font-size:12px!important;line-height:1.2!important;text-transform:capitalize;color:var(--nr-grey-700)!important;text-decoration:none!important;border:0!important;background:none!important;min-width:0;width:100%}
  html body footer#inset.new-footer .follow-us-wrapper .items>a svg.icon{width:24px!important;height:24px!important;margin:0!important}
  html body footer#inset.new-footer .follow-us-wrapper .payments{display:flex!important;justify-content:center;align-items:center;gap:var(--s4);padding:var(--s4) 0 0!important;filter:none!important}

  html body footer#inset.new-footer .policy{display:flex!important;flex-direction:column;align-items:center;gap:var(--s2);text-align:center!important;
    margin:var(--s5) 0 0!important;padding:var(--s4) var(--page-pad)!important;border-top:1px solid var(--line-soft)}
  html body footer#inset.new-footer .policy>div{width:100%!important;text-align:center!important;font-size:12.5px!important;line-height:1.6!important}
  html body footer#inset.new-footer .policy a{display:inline-block;min-height:28px;line-height:28px;padding:0 4px!important;text-decoration:none!important;border:0!important;background:none!important;color:var(--nr-grey-700)!important}
  html body footer#inset.new-footer .dvla{text-align:center!important;padding:var(--s4) 0!important}
  html body footer#inset.new-footer .dvla span{font-size:11.5px!important;line-height:1.6!important;text-align:center!important;display:block}
}
@media (max-width:600px){
  html body footer#inset.new-footer .trusted,html body footer#inset.new-footer .about-us:not(.footer-items) *{text-align:center!important}
  html body footer#inset.new-footer .follow-us-wrapper{border-bottom:0!important}
  html body footer#inset.new-footer .policy>div{white-space:normal}
}
@media (max-width:600px){
  html body footer#inset.new-footer .about-us:not(.footer-items) p,html body footer#inset.new-footer .about-us:not(.footer-items) p b{display:block;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
}
@media (max-width:360px){
  html body footer#inset.new-footer .follow-us-wrapper .items>a{font-size:11px!important;letter-spacing:-.01em}
  html body footer#inset.new-footer>.container{padding:0 var(--s4)!important}
}

/* ---- gift ideas and hot searches: photograph with the chips card at its foot ----------
   Hot searches (UA 1 Porsche): the tyres end at 81% of the photo's height, so the card rises
   over the floor and stops at 84%: 16% of the height, which is 12% of the width at 4:3.
   Gift ideas (GLO 55Y): the box runs to the bottom edge, so its card starts at the edge. */
html body .whatsHotWrap>.col.nr-photo{display:flex!important;flex-direction:column;align-items:stretch}
html body .whatsHotWrap>.col.nr-photo::before{content:"";display:block;width:100%;aspect-ratio:4/3;border-radius:var(--card-radius);
  background:var(--surface-alt) center/cover no-repeat;box-shadow:var(--shadow-1)}
html body .whatsHotWrap>.col.nr-photo-hot::before{background-image:url(/images/hot-searches.jpg?v=2);background-image:image-set(url(/images/hot-searches.webp?v=2) type("image/webp"),url(/images/hot-searches.jpg?v=2) type("image/jpeg"))}
html body .whatsHotWrap>.col.nr-photo-gift::before{background-image:url(/images/gift-ideas.jpg?v=2);background-image:image-set(url(/images/gift-ideas.webp?v=2) type("image/webp"),url(/images/gift-ideas.jpg?v=2) type("image/jpeg"))}
html body .whatsHotWrap>.col.nr-photo>.promo{position:relative;z-index:1;display:block!important;margin:0 var(--s3)!important;
  background:#fff;border:1px solid var(--line-soft);border-radius:var(--card-radius);box-shadow:0 10px 30px rgba(16,24,40,.14);
  padding:var(--s4)!important;text-align:center!important}
html body .whatsHotWrap>.col.nr-photo>.promo{margin-top:-12%!important}
html body .whatsHotWrap>.col.nr-photo>.promo>.material-icons{display:none!important}
html body .whatsHotWrap>.col.nr-photo>.promo>:is(h3,h5){text-align:center!important;font-size:18px!important;margin:0 0 var(--s3)!important}
html body .whatsHotWrap>.col.nr-photo .platearea{justify-content:center!important;margin:0!important}
@media (min-width:993px){
  html body .whatsHotWrap{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--s6) var(--s5)!important}
  html body .whatsHotWrap>.col:not(.nr-photo){grid-column:1 / -1}
  html body .whatsHotWrap>.col.nr-photo>.promo{flex:1 1 auto}
}
.whatsHotWrap .platearea:has(> a.plate > svg.nrp)>a.plate:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc((100% - var(--s2)) / 2)!important}
html body #shareplate .nr-share-icon-btn.fbshare{background:#0866FF!important}
html body #shareplate .nr-share-icon-btn.twshare{background:#000!important}
html body #shareplate .nr-share-icon-btn{padding:0!important}
html body #shareplate .nr-share-icon-btn img{width:30px!important;height:30px!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}
html body .inputWrap:has(> .options-panel){margin-top:var(--s5)!important}
html body .find-reg form .row:has(>.col.l6>button.btn)>.col{width:100%!important;margin:0!important;float:none!important;padding:0!important}
html body .find-reg form .row:has(>.col.l6>button.btn)>.col.l6+.col.l6{margin-top:var(--s3)!important}
html body .find-reg form .btn{width:100%!important;height:48px!important}
html body form .row:has(>.col.l6>button.btn)>.col:not(.l6){grid-column:1 / -1}
html body .find-reg form .row:has(>.col.l6>button.btn){display:block!important;width:100%!important;max-width:none!important;margin:0!important}
html body :is(.numPlatesSearchWrap .find-reg>div,.content.border[style*="find-a-reg"]){background-size:200px auto!important}
@media (min-width:993px){
  html body .find-reg{width:100%!important;margin-left:0!important;float:none!important;clear:both}
  html body .cardCont .row:has(>.col>a.card){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--s4)!important}
  html body .cardCont .row .card{min-height:0!important;height:100%}
  html body .whatsHotWrap .platearea:has(> a.plate > svg.nrp){display:flex!important;flex-wrap:wrap;justify-content:center;gap:var(--s3)!important}
  html body .whatsHotWrap .platearea:has(> a.plate > svg.nrp)>a.plate,html body .whatsHotWrap .platearea:has(> a.plate > svg.nrp)>a.plate:last-child:nth-child(odd){width:calc((100% - 3 * var(--s3)) / 4)!important;grid-column:auto!important;justify-self:auto!important}
}
@media (min-width:601px) and (max-width:992px){
  html body .cardCont .row:has(>.col>a.card){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .cardCont .row .card{min-height:0!important;height:100%}
}
@media (min-width:993px){
  html body #sellreg.nr-val-wrap{max-width:1040px!important;width:auto!important;padding:0 20px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 440px;column-gap:var(--s6);align-items:start}
  html body #sellreg.nr-val-wrap>form{grid-column:2;grid-row:1;margin:0!important}
  html body #sellreg.nr-val-wrap>div{grid-column:1;grid-row:1;max-width:none!important;margin:0!important}
}
@media (min-width:993px){
  html body .maincontentbody div[style*="max-width:850px"]{max-width:1040px!important;padding-left:20px!important;padding-right:20px!important}
}
html body section[style*="--nr-ink"]>h6.center-align{text-align:center!important}
@media (min-width:993px){
  html body .maincontentbody .container div[style*="max-width:850px"]{padding-left:0!important;padding-right:0!important}
}
@media (min-width:601px){
  html body .row:has(>.col>.card>.card-action){display:flex!important;flex-wrap:wrap}
  html body .row:has(>.col>.card>.card-action)>.col{display:flex;float:none!important}
  html body .row>.col>.card:has(>.card-action){display:flex!important;flex-direction:column;width:100%}
  html body .row>.col>.card:has(>.card-action)>.card-content{flex:1 1 auto}
}
html body .homepageWrap .seemore.mum::before{background-image:url(/images/idea-mum-m.jpg?v=1);background-image:image-set(url(/images/idea-mum-m.webp?v=1) type("image/webp"),url(/images/idea-mum-m.jpg?v=1) type("image/jpeg"));aspect-ratio:1183/887}
html body .homepageWrap .seemore.ufo::before{background-image:url(/images/idea-ufo-m.jpg?v=1);background-image:image-set(url(/images/idea-ufo-m.webp?v=1) type("image/webp"),url(/images/idea-ufo-m.jpg?v=1) type("image/jpeg"));aspect-ratio:1183/887}
html body .homepageWrap .seemore.dad::before{background-image:url(/images/idea-dad-m.jpg?v=1);background-image:image-set(url(/images/idea-dad-m.webp?v=1) type("image/webp"),url(/images/idea-dad-m.jpg?v=1) type("image/jpeg"));aspect-ratio:1183/887}
html body .homepageWrap .seemore.f1::before{background-image:url(/images/idea-f1-m.jpg?v=1);background-image:image-set(url(/images/idea-f1-m.webp?v=1) type("image/webp"),url(/images/idea-f1-m.jpg?v=1) type("image/jpeg"));aspect-ratio:1183/887}
@media (min-width:900px){
  html body .homepageWrap .seemore.mum::before{background-image:url(/images/idea-mum-d.jpg?v=1);background-image:image-set(url(/images/idea-mum-d.webp?v=1) type("image/webp"),url(/images/idea-mum-d.jpg?v=1) type("image/jpeg"));aspect-ratio:1774/887}
  html body .homepageWrap .seemore.ufo::before{background-image:url(/images/idea-ufo-d.jpg?v=1);background-image:image-set(url(/images/idea-ufo-d.webp?v=1) type("image/webp"),url(/images/idea-ufo-d.jpg?v=1) type("image/jpeg"));aspect-ratio:1774/887}
  html body .homepageWrap .seemore.dad::before{background-image:url(/images/idea-dad-d.jpg?v=1);background-image:image-set(url(/images/idea-dad-d.webp?v=1) type("image/webp"),url(/images/idea-dad-d.jpg?v=1) type("image/jpeg"));aspect-ratio:1774/887}
  html body .homepageWrap .seemore.f1::before{background-image:url(/images/idea-f1-d.jpg?v=1);background-image:image-set(url(/images/idea-f1-d.webp?v=1) type("image/webp"),url(/images/idea-f1-d.jpg?v=1) type("image/jpeg"));aspect-ratio:1774/887}
}
@media (max-width:600px){
  html body.home #hero{padding-top:var(--s4)!important}
  html body.home #hero #herotext{padding-top:0!important;display:block;margin:0 0 var(--s4)!important}
  html body.home #hero #herotext h1{font-size:28px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.02em!important}
}
.nr-tp-phone{display:none}
@media (max-width:600px){
  html body .nr-tp-phone{display:block;background:#fff;border-top:1px solid var(--line-soft);padding:var(--s4) var(--s3) var(--s3)}
}
html body #hero .nr-promise{grid-column:1 / -1;width:auto;margin:0 var(--s3) var(--s3);padding:var(--s3) var(--s4);background:var(--nr-red-50,#fef3f2);border-radius:10px;text-align:left}
html body #hero .nr-promise[hidden]{display:none!important}
html body #hero .nr-promise p{margin:0 0 var(--s2)!important;font-size:14px!important;line-height:1.55!important;color:var(--nr-grey-700)!important;text-align:left!important}
html body #hero .nr-promise p.nr-promise-lead{font-weight:600!important;color:var(--nr-ink)!important}
html body #hero .nr-promise a.nr-promise-more{font-size:14px;font-weight:600;color:var(--brand)!important;text-decoration:underline}
html body #hero .nr-promise-toggle{cursor:pointer}
html body #hero .col:has(>.nr-promise-toggle){cursor:pointer}
@media (min-width:601px){html body #hero .row.flexithero>.nr-promise{order:10}}
@media (min-width:993px){
  html body .content.border>.featureblock.col.l4{width:100%!important;max-width:none!important;float:none!important;clear:both;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);align-items:stretch;margin:var(--s5) 0 0!important;padding:0!important}
  html body .content.border>.featureblock.col.l4>*{margin:0!important;width:auto!important}
}
html body #about .row:has(>.nr-about-media){display:flow-root!important}
html body #about .row>.nr-about-media,html body #about .row>.nr-about-text{float:none!important;width:auto!important;margin-left:0!important}
html body #about .row>.nr-about-media{margin-bottom:var(--s4)!important}
@media (min-width:993px){
  html body #about .row>.nr-about-media{float:right!important;width:42%!important;max-width:460px;margin:0 0 var(--s4) var(--s6)!important}
}
html body .row.helparea>.row{grid-column:1 / -1;width:100%;margin:0!important}
html body .row.helparea>.row>.col.s12[style*="max-width:900px"]{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
html body .uniqueSearchWrap>#sect1:has(>span>a[href="/buy/number-plates-search/"]){max-width:1040px;margin:0 auto;padding:var(--s5) 20px var(--s4)!important;text-align:left!important}
html body .uniqueSearchWrap>#sect1:has(>span>a[href="/buy/number-plates-search/"])>*{text-align:left!important;margin-left:0!important;padding-left:0!important;max-width:none!important;width:auto!important;float:none!important}
html body .uniqueSearchWrap>#sect1:has(>span>a[href="/buy/number-plates-search/"])>h1{margin:var(--s3) 0!important}
html body .fleet-tiles{gap:var(--s2)!important}
html body .fleet-tiles .fleet-tile{background:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:var(--s3) var(--s2)!important;min-height:76px;justify-content:center;gap:4px;box-shadow:none!important}
html body .fleet-tiles .fleet-tile:hover{border-color:var(--brand)!important;background:#fff!important}
html body .fleet-tiles .fleet-tile .plate{display:block!important;font:700 18px/1.1 var(--font-ui)!important;letter-spacing:.06em!important;color:var(--nr-ink)!important;background:none!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important}
html body .fleet-tiles .fleet-tile span{color:var(--nr-grey-700)!important;font-size:12px!important;line-height:1.3!important}
html body #about .col>h2:not(:first-child){margin-top:var(--s5)!important}
html body #about .container>.row+.row{margin-top:var(--s5)!important;clear:both}
@media (min-width:993px){html body #about .row>.col.l6:has(.fleet-tiles){position:sticky;top:calc(64px + var(--s4))}}
html body .find-reg div[style*="max-width:850px"]{padding-left:0!important;padding-right:0!important;max-width:none!important}
html body footer#inset.new-footer .nr-trust-awards{display:block;margin-top:var(--s2)!important}
html body .row:has(>.col.l2.hide-on-med-and-down+.col.offset-l1-main)>:not(.col.l2):not(script):not(style){grid-column:2}
html body .row:has(>.col.l2.hide-on-med-and-down+.col.offset-l1-main)>div[style*="max-width:850px"]{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;justify-self:stretch}
html body img[src*="/graphics/vehicle_documents/"]{display:block!important;margin:var(--s3) auto!important;max-width:100%;height:auto;border:1px solid var(--line-soft);border-radius:8px;box-shadow:var(--shadow-1)}
html body #content.border>#inset.light{margin-left:0!important;margin-right:0!important}
html body .faqWrap.row{margin-left:0!important;margin-right:0!important}
html body .faqWrap.row>.col.s12{padding-left:0!important;padding-right:0!important}
html body .row:has(>.col>ul.collapsible){display:grid!important;grid-template-columns:minmax(0,1fr);gap:var(--s3);margin-left:0!important;margin-right:0!important}
html body .row:has(>.col>ul.collapsible)>.col{width:auto!important;float:none!important;margin:0!important;padding:0!important;min-width:0}
html body .row:has(>.col>ul.collapsible)>.col>ul.collapsible{margin:0!important}
@media (min-width:993px){html body .row:has(>.col.l6>ul.collapsible){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
@media (min-width:993px){
  html body footer#inset.new-footer .about-us:not(.footer-items){width:100%!important;max-width:none!important;float:none!important;clear:both;margin:var(--s5) 0 0!important;padding:var(--s5) 0 0!important;border-top:1px solid var(--line-soft);
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s6);row-gap:var(--s2);align-items:start}
  html body footer#inset.new-footer .about-us:not(.footer-items)>p{grid-column:1 / -1;margin:0!important}
  html body footer#inset.new-footer .about-us:not(.footer-items)>.trusted{max-width:none!important;margin:0!important;font-size:14px!important;line-height:1.6!important}
}
html body :is(.find-reg,.offset-l1-main,.infoPageWrap,.container) .faqWrap.maxeight{padding-left:0!important;padding-right:0!important}
@media (min-width:993px){
  html body .row.nr-article-row.nr-article-row.nr-article-row{display:flow-root!important;margin-left:0!important;margin-right:0!important}
  html body .row.nr-article-row.nr-article-row>.nr-aside.nr-aside{float:right!important;width:34%!important;max-width:340px;margin:0 0 var(--s4) var(--s6)!important;padding:0!important}
  html body .row.nr-article-row>.nr-article{float:none!important;width:auto!important;margin:0!important;padding:0!important}
  html body .row.nr-article-row>.nr-article :is(.card-panel,blockquote,pre,div[style*="border"],div[style*="background"],p[style*="border"],ul.collapsible,.faqWrap){display:flow-root}
}
@media (max-width:992px){
  html body .row.nr-article-row{display:flex!important;flex-direction:column}
  html body .row.nr-article-row>.nr-article{order:1;width:100%!important}
  html body .row.nr-article-row>.nr-aside{order:2;width:100%!important}
}
html body #helpWrapper .helpText,html body .helpText{max-width:1000px!important;width:auto!important;margin:0 auto!important;padding:var(--s4) 0 0!important;text-align:left!important}
html body .helpText>p{max-width:none!important;margin:0!important}
html body #about .row>.nr-about-media .exampWrap,html body #about .row>.nr-about-media{text-align:center}
@media (min-width:993px){
  html body .homepageWrap .homeBannerWrap.cheap-banner>.container.center-align,html body .homepageWrap .homeBannerWrap>.container{max-width:1040px!important;width:100%!important;padding:0 20px!important;margin:0 auto!important}
  html body .homepageWrap .homeBannerWrap.cheap-banner p{max-width:none!important}
  html body .maincontentbody ul.collapsible{max-width:none!important}
  html body .maincontentbody p.intro,html body .maincontentbody p.nr-sell-lead{max-width:none!important}
  html body .uniqueSearchWrap .col.s12.center-align,html body .uniqueSearchWrap .col.s12.maxsix{max-width:1000px!important;width:100%!important;float:none!important;margin-left:auto!important;margin-right:auto!important}
  html body .glossary-wrap{max-width:1000px!important}
  html body .glossary-hero p{max-width:none!important}
}
@media (min-width:993px){
  html body .nr-sell-hero{max-width:1000px!important}
  html body .home #homepage-guides>p{max-width:none!important}
}
html body .btn>i.material-icons.nr-i-none{display:none!important;margin:0!important;width:0!important}
html body .btn:not(.btn-flat)>i.material-icons.right{display:none!important}
@media (min-width:993px){
  html body #sellreg.nr-val-wrap>form{position:sticky;top:calc(64px + var(--s4))}
}
html body :is(.container,.offset-l1-main,.infoPageWrap,.col) .nr-dvla-sources{padding-left:0!important;padding-right:0!important}
@media (min-width:993px){
  html body .maincontentbody :is(.offset-l1-main,.col,.find-reg) div[style*="max-width:850px"]{padding-left:0!important;padding-right:0!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  html body .offset-l1-main .uniqueSearchWrap>div:not([class]){padding-left:0!important;padding-right:0!important}
}
html body .row:has(>.col>a>.optionInner){align-items:stretch!important;grid-auto-rows:1fr}
html body .row:has(>.col>a>.optionInner)>.col{display:flex!important}
html body .row:has(>.col>a>.optionInner)>.col>a{display:flex!important;width:100%;height:auto!important}
html body #helpWrapper .helpOptions .row>.col>a>.optionInner.optionInner,html body .row>.col>a>.optionInner.optionInner{width:100%;height:auto!important;margin:0!important;align-content:start;
  border:1px solid var(--line-soft)!important;border-bottom:1px solid var(--line-soft)!important;border-bottom-color:var(--line-soft)!important;border-radius:var(--card-radius)!important}
html body .search-banner-top-finance{text-align:center!important;padding:var(--s6) 20px!important;background:var(--surface-alt,#f2f4f7)!important;margin:0 0 var(--s5)!important}
html body .search-banner-top-finance>*{max-width:1000px;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
html body .search-banner-top-finance h2{margin:0 auto var(--s2)!important;font-size:clamp(26px,4vw,36px)!important;line-height:1.15!important}
html body .search-banner-top-finance h2 span{margin:0 auto var(--s3)!important;padding:0!important;font-size:clamp(96px,14vw,150px)!important;line-height:.9!important;display:inline-block!important}
html body .search-banner-top-finance h3{margin:0 auto!important;font-size:18px!important;font-weight:500!important;color:var(--nr-grey-700)!important}
html body section.herosearch,html body section.herosearch .sarea{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
html body section.herosearch form#platesearch,html body form#platesearch{margin-left:auto!important;margin-right:auto!important;justify-content:center}
html body section.herosearch form#platesearch~p,html body section.herosearch .sarea>p,html body form#platesearch p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
html body .content.border form[name=issuedform]{margin-left:auto!important;margin-right:auto!important;float:none!important;display:block}
html body .maincontentbody .search-banner-top-finance.search-banner-top-finance :is(h2,h3,h2 span){text-align:center!important}
html body #nr-cat-search-wrap{margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
html body #nr-cat-search-wrap .nr-cat-btn{width:auto!important;padding:0 var(--s4)!important;height:auto!important;min-height:52px}
html body #nr-cat-search-wrap .nr-cat-tip{grid-column:1 / -1;text-align:center!important}
@media (max-width:600px){
  html body #nr-cat-search-wrap .nr-cat-input::placeholder,html body section.herosearch input.plateSearchInput::placeholder,html body input.reginput::placeholder{font-size:17px!important;letter-spacing:.02em!important}
}
html body .numPlatesSearchWrap .topBar{height:auto!important;background:none!important;max-width:1040px;margin:0 auto!important;padding:var(--s4) 20px 0!important}
html body .numPlatesSearchWrap .topBar h5{text-align:left!important;margin:0!important;width:auto!important}
html body #nr-cat-search-wrap .nr-cat-btn{text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:700!important}
@media (max-width:600px){html body #nr-cat-search-wrap .nr-cat-input.nr-cat-input::placeholder{font-size:15px!important;letter-spacing:.01em!important}}
html body #nr-cat-search-wrap .nr-cat-input,html body input.plateSearchInput,html body input.reginput{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
@media (max-width:600px){
  html body #nr-cat-search-wrap{grid-template-columns:1fr!important}
  html body #nr-cat-search-wrap .nr-cat-btn{width:100%!important;min-height:48px}
}
@media (min-width:993px){
  html body .row.nr-article-row.nr-article-row>.nr-aside.nr-aside-wide{width:48%!important;max-width:none!important;position:static!important}
}
@media (min-width:993px){html body .uniqueSearchWrap :is(#sect1,#nplsect1):not(.container){max-width:1040px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box;text-align:left!important}}
html body .uniqueSearchWrap :is(#sect1,#nplsect1):not(.container)>:is(h1,span,p,a){text-align:left!important;margin-left:0!important}
html body .uniqueSearchWrap :is(#sect1,#nplsect1):not(.container)>span:first-child{display:block}
html body .advancedSearchSmall{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:var(--s2);align-items:end;max-width:520px;margin:var(--s4) auto!important;padding:var(--s4)!important;border:1px solid var(--line-soft)!important;border-radius:var(--card-radius)!important;background:#fff!important;text-align:left!important}
html body .advancedSearchSmall .choicesCont{margin:0!important;padding:0!important;text-align:left!important}
html body .advancedSearchSmall .choicesCont b{display:block;font-size:14px;margin:0 0 var(--s1)}
html body .advancedSearchSmall .choicesCont>br{display:none}
html body .advancedSearchSmall select{display:block!important;width:100%!important;height:48px!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:0 var(--s3)!important;font:400 16px var(--font-ui)!important;background-color:#fff!important}
html body .advancedSearchSmall button.search{height:48px!important;width:auto!important;margin:0!important;padding:0 var(--s5)!important;background:var(--brand)!important;color:#fff!important;border:0!important;border-radius:10px!important;font:700 14px var(--font-ui)!important;letter-spacing:.08em!important;text-transform:uppercase!important;box-shadow:none!important;cursor:pointer}
@media (max-width:600px){html body .advancedSearchSmall{grid-template-columns:1fr}html body .advancedSearchSmall button.search{width:100%!important}}
html body .advancedSearchSmall .choicesCont select[style]{width:100%!important;max-width:none!important}html body .advancedSearchSmall .choicesCont{width:100%!important;min-width:0}
html body #sitemapoverall h2{background:none!important;color:var(--nr-ink)!important;font:700 18px/1.3 var(--font-ui)!important;text-transform:none!important;letter-spacing:0!important;padding:0 0 var(--s2)!important;margin:var(--s5) 0 var(--s2)!important;border-bottom:2px solid var(--brand)!important}
html body .maincontentbody .col:is(.red,.blue,.brown,.green,.orange,.purple,.teal,.grey):has(>a.waves-effect){background:#fff!important}
html body .maincontentbody .col:is(.red,.blue,.brown,.green,.orange,.purple,.teal,.grey):has(>a.waves-effect)>a.waves-effect{background:#fff!important;color:var(--nr-ink)!important}
html body form.inputfield.centerall~*,html body .container.center-align>b.red-text:first-child{}
html body .container.center-align>b.red-text.text-darken-2{display:block;color:var(--nr-grey-600)!important;font-weight:500!important;font-size:14px!important;margin:0 0 var(--s2)!important}
html body .tiles.slide-panel>div{background:#fff!important;color:var(--nr-ink)!important}html body .tiles.slide-panel>div>a,html body .tiles.slide-panel>div h4{color:var(--nr-ink)!important;background:none!important}html body .tiles.slide-panel>div .nr-i{color:var(--brand)!important;background-color:var(--brand)!important}
html body .tiles.slide-panel>div.center-align.white-text.center-align{background:#fff!important;background-color:#fff!important}
html body .tiles.slide-panel>div.center-align.white-text.center-align{background:#fff!important;background-color:#fff!important;padding:0!important;margin:0!important;border:1px solid var(--line-soft)!important;border-radius:var(--card-radius)!important;box-shadow:none!important}
html body .tiles.slide-panel>div.center-align.white-text>a{display:flex!important;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4)!important;margin:0!important;width:100%}
html body .tiles.slide-panel>div.center-align.white-text>a>.nr-i{margin:0!important;flex:0 0 22px}
html body .tiles.slide-panel{max-width:1040px;margin:0 auto!important;padding:0 20px!important;box-sizing:border-box;gap:var(--s2)!important}
html body .maincontentbody>h1:first-child,html body .maincontentbody>div:has(+.tiles.slide-panel),html body .maincontentbody>:has(>h1)+.tiles.slide-panel{}
html body .maincontentbody>center:has(>h1){display:block;max-width:1040px;margin:0 auto!important;padding:var(--s5) 20px var(--s3)!important;text-align:left!important}html body .maincontentbody>center>h1{text-align:left!important;margin:0!important}
html body .tiles.slide-panel>div.center-align.white-text>a.waves-effect.white-text{background:transparent!important;background-color:transparent!important;border:0!important;background-image:none!important;text-decoration:none!important;box-shadow:none!important}html body .tiles.slide-panel>div.center-align.white-text:hover{border-color:var(--line)!important;box-shadow:var(--shadow-1)!important}
@media (max-width:992px){html body .offset-l1-main .uniqueSearchWrap :is(#sect1,#nplsect1),html body .offset-l1-main .uniqueSearchWrap>div:not([class]){padding-left:0!important;padding-right:0!important}}
@media (max-width:992px){
  html body .uniqueSearchWrap>#sect1:has(>span>a[href="/buy/number-plates-search/"]),
  html body .maincontentbody>center:has(>h1),
  html body .maincontentbody .nr-sell-hero{padding-left:0!important;padding-right:0!important}
  html body .tiles.slide-panel{padding-left:0!important;padding-right:0!important}
}
@media (max-width:600px){
  html body .maincontentbody table:has(input[type=email],input[name*=mail],input[type=text]):not(:has(th)),
  html body .maincontentbody table:has(input[type=email],input[name*=mail],input[type=text]):not(:has(th)) :is(tbody,tr,td){display:block!important;width:100%!important;padding-left:0!important;padding-right:0!important}
}
html body .maincontentbody table.nr-doc-links{}
html body #content.border>#inset.light>strong:has(>a[href*="/vehicle_documents/example/"]){display:block;line-height:2.1!important;font-weight:600!important;color:var(--nr-grey-400)}
html body #content.border>#inset.light>strong>a[href*="/vehicle_documents/example/"]{white-space:nowrap;margin:0 2px}
@media (max-width:600px){
  html body .maincontentbody table:has(input[type=email],input[name*=mail],input[type=text]):not(:has(th)) td:not(:has(*)):empty,
  html body .maincontentbody table:has(input[type=email],input[name*=mail],input[type=text]):not(:has(th)) td:has(>br:only-child){display:none!important}
  html body .maincontentbody table:has(input[type=email],input[name*=mail]) input:not([type=image]):not([type=submit]){width:100%!important;max-width:100%!important;box-sizing:border-box}
}
@media (max-width:600px){html body .maincontentbody table:has(input[type=email],input[name*=mail]) td:not([valign]):not([width]){display:none!important}}
@media (min-width:993px){
  html body .offset-l1-main .uniqueSearchWrap :is(#sect1,#nplsect1){padding-left:0!important;padding-right:0!important;max-width:none!important}
  html body .offset-l1-main>.row>.col:first-child,html body .offset-l1-main>.content>.row>.col:first-child,html body .offset-l1-main .content.border>.row>.col:first-child{padding-left:0!important}
}
@media (min-width:993px){
  html body .offset-l1-main .uniqueSearchWrap :is(#sect1,#nplsect1):not(.container):not(.x){padding-left:0!important;padding-right:0!important;max-width:none!important}
  html body .offset-l1-main .row>.col:has(>h1:first-child),html body .offset-l1-main .row>.col:has(>h1:first-child)~.col{padding-left:0!important}
}
@media (min-width:993px){html body .offset-l1-main .row>.col.s12.l7:has(>h1){padding-left:0!important}}
@media (min-width:993px){html body .offset-l1-main>.col.s12.l7:has(>h1){padding-left:0!important}}
@media (min-width:993px){html body .offset-l1-main>.col.s12:not(.l2){padding-left:0!important;padding-right:0!important}}
@media (max-width:992px){html body .row.nr-article-row>.nr-aside{margin-top:var(--s6)!important}html body .row.nr-article-row>.nr-aside h5.titleBorder{font-size:20px!important;line-height:1.3!important;font-weight:600!important}}
html body .nr-article>br:first-child,html body .nr-aside>br:first-child{display:none}
html body .nr-article>:is(h2,h3,p):first-of-type{margin-top:var(--s3)!important}
html body .nr-article ul:has(>li:first-child:not(:has(*)):not(:empty)),html body .nr-article ul{padding-left:0}
html body .nr-article ul>li{margin:0 0 var(--s2)!important}
html body #nr-cat-search-wrap{margin-top:var(--s4)!important}
html body figure.nr-photo-break{display:block;clear:both;width:100%;max-width:100%;margin:var(--s5) 0!important;padding:0!important}
html body figure.nr-photo-break picture,html body figure.nr-photo-break img{display:block;width:100%!important;max-width:100%!important;height:auto!important}
html body figure.nr-photo-break img{aspect-ratio:var(--rd);object-fit:cover;border-radius:var(--card-radius);background:var(--surface-alt);box-shadow:none!important;margin:0!important}
@media (max-width:600px){html body figure.nr-photo-break img{aspect-ratio:var(--rm)}html body figure.nr-photo-break{margin:var(--s4) 0!important}}
html body .row.nr-article-row>.nr-article figure.nr-photo-break{clear:right}
/* Desktop header: logo, menus, search and Sign in share one centre line; Sign in sits at the far right. */
@media (min-width:993px){
  html body header nav .brand-logo{margin:0!important;align-self:center!important;height:40px!important;top:0!important;background-position:left center!important}
  html body header nav ul.right>li:has(#miniform){order:1}
  html body header nav ul.right>li.hide-on-med-and-down{order:2;margin-left:var(--s3)}
}
@media (max-width:600px){
  html body .accreditations .image-wrap::after{padding-top:18%!important}
}
/* Price beat request: one card, scrolling body, buttons always in view. */
html body #pricematch.modal{width:min(720px,calc(100vw - 2*var(--s4)))!important;max-width:none!important;max-height:calc(100vh - 2*var(--s7))!important;top:var(--s7)!important;
  border-radius:var(--card-radius)!important;background:var(--surface)!important;box-shadow:0 24px 64px rgba(16,24,40,.24)!important;text-align:left!important;overflow-y:auto!important;overscroll-behavior:contain}
html body #pricematch .nr-pm-content{padding:var(--s5) var(--s5) 0!important}
html body #pricematch .nr-pm-heading{font:700 22px/28px var(--font-ui)!important;color:var(--text)!important;margin:0 0 var(--s1)!important;padding-right:var(--s7)!important}
html body #pricematch .form-content>p{text-align:left!important;font:400 15px/22px var(--font-ui)!important;color:var(--text-soft)!important;margin:0 0 var(--s4)!important;padding:0!important}
html body #pricematch .nr-pm-divider{display:none}
html body #pricematch .nr-pm-close-btn{top:calc(var(--s5) - 6px)!important;right:calc(var(--s5) - 8px)!important;width:40px!important;height:40px!important;border-radius:50%!important;color:var(--text-soft)!important;font-size:18px!important}
html body #pricematch .nr-pm-close-btn:hover{background:var(--surface-alt)!important;color:var(--text)!important}
html body #pricematch .nr-pm-close-btn:focus-visible{outline:2px solid var(--brand)!important;outline-offset:2px}
html body #pricematch .nr-pm-fields-wrap{background:var(--surface-alt)!important;border:1px solid var(--line-soft)!important;border-radius:var(--card-radius)!important;padding:var(--s5) var(--s5) var(--s1)!important;margin:0!important}
html body #pricematch .nr-pm-field{margin:0 0 var(--s5)!important}
html body #pricematch .nr-pm-grid-2{gap:var(--s4)!important}
html body #pricematch .nr-pm-label{font:600 14px/20px var(--font-ui)!important;color:var(--text)!important;margin:0 0 var(--s2)!important}
html body #pricematch .nr-pm-optional{font-weight:400;color:var(--text-soft)}
html body #pricematch .nr-pm-input{height:48px!important;padding:0 var(--s4)!important;font:400 16px var(--font-ui)!important;border:1px solid var(--line)!important;border-radius:var(--radius-ctl)!important;background:var(--surface)!important}
html body #pricematch .nr-pm-input::placeholder{color:var(--nr-grey-500);text-transform:none}
html body #pricematch .nr-pm-input:hover{border-color:var(--nr-grey-400)!important}
html body #pricematch .nr-pm-input:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px var(--ring)!important}
html body #pricematch .nr-pm-input-prefix-wrap .nr-pm-input{padding-left:36px!important}
html body #pricematch .nr-pm-input-prefix{left:var(--s4)!important;font:500 16px var(--font-ui)!important;color:var(--text-soft)!important}
html body #pricematch .nr-inline-pw-panel{background:var(--surface)!important;border:1px solid var(--line-soft)!important;border-radius:var(--radius-ctl)!important;padding:var(--s4)!important;margin:0 0 var(--s5)!important;box-shadow:none!important}
html body #pricematch .nr-inline-pw-heading{display:block;font:600 14px/20px var(--font-ui)!important;color:var(--text)!important;margin:0 0 var(--s2)!important}
html body #pricematch .nr-inline-pw-row{display:flex!important;gap:var(--s2)!important;align-items:stretch!important;margin:0!important}
html body #pricematch .nr-inline-pw-input{flex:1 1 auto;min-width:0;height:48px!important;padding:0 var(--s4)!important;font:400 16px var(--font-ui)!important;border:1px solid var(--line)!important;border-radius:var(--radius-ctl)!important;margin:0!important;box-shadow:none!important}
html body #pricematch .nr-inline-pw-input:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px var(--ring)!important;outline:none}
html body #pricematch .nr-il-login{flex:0 0 auto;height:48px!important;padding:0 var(--s5)!important;border-radius:var(--radius-ctl)!important;background:var(--surface)!important;color:var(--brand)!important;
  border:1px solid var(--brand)!important;font:600 15px var(--font-ui)!important;box-shadow:none!important;text-transform:none!important;cursor:pointer}
html body #pricematch .nr-il-login:hover{background:var(--brand)!important;color:#fff!important}
html body #pricematch .nr-il-forgot{display:inline-block;margin:var(--s2) 0 0!important;padding:0!important;background:none!important;border:0!important;font:400 14px/20px var(--font-ui)!important;color:var(--text-soft)!important;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
html body #pricematch .nr-il-forgot:hover{color:var(--brand)!important}
html body #pricematch .modal-footer{position:sticky;bottom:0;z-index:2;height:auto!important;padding:0!important;background:var(--surface)!important;border-top:1px solid var(--line-soft)!important;margin-top:var(--s5)}
html body #pricematch .nr-pm-footer{display:grid!important;grid-template-columns:1fr 1fr;gap:var(--s3)!important;padding:var(--s4) var(--s5)!important}
html body #pricematch .nr-pm-footer.hide,html body #pricematch .modal-footer .hide{display:none!important}
html body #pricematch .nr-pm-btn-back,html body #pricematch .nr-pm-btn-submit{width:100%!important;height:48px!important;line-height:48px!important;margin:0!important;padding:0 var(--s4)!important;float:none!important;
  border-radius:var(--radius-ctl)!important;font:600 16px/48px var(--font-ui)!important;text-align:center!important;box-shadow:none!important;text-transform:none!important}
html body #pricematch .nr-pm-btn-back{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important}
html body #pricematch .nr-pm-btn-back:hover{background:var(--surface-alt)!important}
html body #pricematch .nr-pm-btn-submit{background:var(--brand)!important;color:#fff!important;border:1px solid var(--brand)!important}
html body #pricematch .nr-pm-btn-submit:hover{background:var(--brand-hover)!important;border-color:var(--brand-hover)!important}
html body #pricematch .thanks h4{font:700 22px/28px var(--font-ui)!important;margin:0 0 var(--s2)!important}
@media (max-width:600px){
  html body #pricematch.modal{width:100%!important;max-height:calc(100% - var(--s5))!important;top:auto!important;bottom:0!important;border-radius:var(--card-radius) var(--card-radius) 0 0!important}
  html body #pricematch .nr-pm-content{padding:var(--s5) var(--s4) 0!important}
  html body #pricematch .nr-pm-close-btn{right:calc(var(--s4) - 8px)!important}
  html body #pricematch .nr-pm-fields-wrap{padding:var(--s4) var(--s4) 0!important}
  html body #pricematch .nr-pm-field,html body #pricematch .nr-inline-pw-panel{margin-bottom:var(--s4)!important}
  html body #pricematch .nr-pm-grid-2{gap:0!important}
  html body #pricematch .nr-pm-footer{padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom))!important}
}
html body #pricematch :is(.form-content>p,.nr-inline-pw-heading,.thanks p){text-wrap:pretty}
/* Number plate builder: controls beside the vehicle stage on desktop, stacked on phones.
   The stage keeps the photographs' 600:396 frame so each measured plate face scales with it. */
html body .builderWrap .plate-preview-area{display:grid!important;grid-template-columns:minmax(0,1fr);row-gap:var(--s5);padding:0!important;text-align:left!important}
html body .builderWrap .plate-preview-area>.area-relative-container{text-align:left!important}
html body .builderWrap .plate-preview-area>.plate-preview-wrap,html body .builderWrap #acrylic-plate-container{display:block!important;width:100%!important;float:none!important;margin:0!important}
html body .builderWrap .plate-preview-area>.button-row{grid-column:1 / -1}
html body .builderWrap .inputWrap{float:none!important;width:100%!important;display:block!important}
html body .builderWrap .area-relative-container>p{max-width:none!important;margin:0 0 var(--s5)!important;padding:0!important}
@media (min-width:993px){
  html body .builderWrap .plate-preview-area{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--s6);align-items:start;padding:0 var(--s2)!important}
  html body .builderWrap .plate-preview-area>.area-relative-container{grid-column:1;grid-row:1}
  html body .builderWrap .plate-preview-area>.plate-preview-wrap{grid-column:2;grid-row:1}
}
html body .builderWrap form.set-reg{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s2);row-gap:var(--s4);align-items:end;margin:0!important}
html body .builderWrap form.set-reg>.regWrap{grid-column:1 / -1}
html body .builderWrap form.set-reg>.regWrap,html body .builderWrap form.set-reg>.carDropWrap{float:none!important;width:auto!important;margin:0!important;position:static!important;display:block!important}
html body .builderWrap form.set-reg>div[style*="clear"]{display:none}
html body .builderWrap form.set-reg>.error-notifier{grid-column:1 / -1;margin:calc(-1 * var(--s2)) 0 0!important;font-size:14px}
html body .builderWrap form.set-reg h5{margin:0 0 var(--s2)!important;font:600 14px/20px var(--font-ui)!important;color:var(--text)!important;text-align:left!important}
html body .builderWrap form.set-reg h5 label{font:inherit!important;color:inherit!important;position:static!important;transform:none!important}
html body .builderWrap form.set-reg select.car-selector{margin:0!important;min-width:0!important}
html body .builderWrap form.set-reg #set-reg{position:static!important;margin:0!important;height:48px!important;padding:0 var(--s6)!important;border-radius:var(--radius-ctl)!important;
  background:var(--brand)!important;color:#fff!important;font:600 16px var(--font-ui)!important;text-transform:none!important;box-shadow:none!important;width:auto!important}
html body .builderWrap form.set-reg #set-reg:hover{background:var(--brand-hover)!important}

/* The registration box is a front number plate: white face, UK band, Charles Wright characters. */
html body .builderWrap input#reg-input.nr-plate-input{display:block;float:none!important;width:100%!important;height:72px!important;margin:0!important;box-sizing:border-box!important;
  border:2px solid #1d2939!important;border-radius:10px!important;color:#111827!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72'%3E%3Crect width='36' height='72' fill='%23003399'/%3E%3Ctext x='18' y='58' fill='%23fff' font-family='Arial,Helvetica,sans-serif' font-weight='700' font-size='14' text-anchor='middle'%3EUK%3C/text%3E%3C/svg%3E") left center/36px 100% no-repeat,var(--plate-front)!important;
  padding:0 var(--s4) 0 calc(36px + var(--s4))!important;font:400 44px/1 'UKNumberPlate',registration_plate_ukregular,sans-serif!important;letter-spacing:.04em;text-align:center;text-transform:uppercase;
  box-shadow:var(--shadow-1),inset 0 -2px 0 rgba(0,0,0,.05)!important}
html body .builderWrap input#reg-input.nr-plate-input::placeholder{color:#98a2b3;opacity:1;font-family:'UKNumberPlate',registration_plate_ukregular,sans-serif}
html body .builderWrap input#reg-input.nr-plate-input:focus{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 4px var(--ring)!important}
html body .builderWrap .options-panel:has(#reg-preview-no_logo.selected)~form input#reg-input.nr-plate-input{background:var(--plate-front)!important;padding-left:var(--s4)!important}
@media (max-width:600px){
  html body .builderWrap input#reg-input.nr-plate-input{height:64px!important;font-size:38px!important}
}

html body .builderWrap .nr-stage{position:relative!important;width:100%!important;max-width:none!important;aspect-ratio:600 / 396;margin:0!important;padding:0!important;
  border-radius:var(--card-radius);overflow:hidden;background:var(--surface-alt);line-height:0;clear:none!important}
html body .builderWrap .nr-stage .nr-stage-photo{display:block;width:100%;height:100%}
html body .builderWrap .nr-stage img.car-image{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;vertical-align:top}
html body .builderWrap .nr-stage .nr-stage-plate{position:absolute;display:block;overflow:hidden;mix-blend-mode:multiply;transition:opacity .15s}
html body .builderWrap .nr-stage img.nr-stage-regonly{display:none!important}
html body .builderWrap .nr-stage.is-loading .nr-stage-plate{opacity:0}
html body .builderWrap .nr-stage.is-loading .nr-stage-photo{opacity:.6;transition:opacity .15s}
html body .builderWrap .nr-stage.is-regonly .nr-stage-photo,html body .builderWrap .nr-stage.is-regonly .nr-stage-plate{display:none}
html body .builderWrap .nr-stage.is-regonly img.nr-stage-regonly{display:block!important;position:absolute!important;left:7%!important;top:50%!important;width:86%!important;max-width:none!important;height:auto!important;margin:0!important;transform:translateY(-50%)}
html body .builderWrap .nr-stage .nr-stage-status:empty{display:none}
html body .builderWrap .nr-stage .nr-stage-status{position:absolute;left:var(--s3);right:var(--s3);bottom:var(--s3);margin:0;padding:var(--s2) var(--s3);border-radius:var(--radius-ctl);
  background:rgba(255,255,255,.92);font:500 14px/20px var(--font-ui);color:var(--text);text-align:center}
html body .builderWrap .hideme>p{margin-left:0!important;margin-right:0!important}
@media (min-width:993px){html body .builderWrap .plate-preview-area{padding:0!important}}
@media (max-width:600px){
  html body .builderWrap .options-panel>.option-box>h6,html body .builderWrap .options-panel>.option-box>h6>span{font-size:14px!important;letter-spacing:-.01em;white-space:nowrap!important}
}
@media (max-width:360px){
  html body .builderWrap .options-panel>.option-box>h6,html body .builderWrap .options-panel>.option-box>h6>span{font-size:13px!important;white-space:normal!important;line-height:1.25!important}
}
/* Feature search cards (personalised plates): label on its own line, the choices share the row,
   the search button under them; the rear-plate preview centres its placeholder characters. */
html body .featureSearch>div[style*="width"]{width:auto!important;max-width:360px;margin:0 auto!important}
html body .featureSearch .advancedSearchSmall:not(:has(.choicesCont)){display:flex!important;flex-wrap:wrap;gap:var(--s2);align-items:center;text-align:left!important;max-width:none;margin:var(--s3) 0 0!important}
html body .featureSearch .advancedSearchSmall:not(:has(.choicesCont))>b{flex:0 0 100%;font:600 14px/20px var(--font-ui);color:var(--text);margin:var(--s2) 0 0}
html body .featureSearch .advancedSearchSmall:not(:has(.choicesCont))>b:first-child{margin-top:0}
html body .featureSearch .advancedSearchSmall:not(:has(.choicesCont))>br{display:none}
html body .featureSearch .advancedSearchSmall:not(:has(.choicesCont))>select{flex:1 1 0;min-width:64px;width:auto!important;margin:0!important}
html body .featureSearch .advancedSearchSmall:not(:has(.choicesCont))>button{flex:0 0 100%;height:48px!important;margin:var(--s2) 0 0!important;border-radius:var(--radius-ctl)!important}
html body .featureSearch .platePreviewMed{display:flex!important;align-items:center;justify-content:center;gap:2px;line-height:0}
html body .featureSearch .platePreviewMed img{display:block;width:22px!important;height:auto!important}
html body .featureSearch .platePreviewMed{width:100%!important;max-width:none!important;margin:0 0 var(--s3)!important;box-sizing:border-box}
html body .featureSearch form,html body .featureSearch .advancedSearchSmall.med{width:100%!important;box-sizing:border-box}
/* Desktop menu: a label never wraps onto a second line (it overflowed the red bar as "&" above and "Services" below at 1151-1279px with larger text); "& Services" shows only where there is room. */
html body header nav #nr-nav-left>li>a{white-space:nowrap!important}
@media (max-width:1279px){html body header nav #nr-nav-left .hideprem{display:none!important}}
/* Featured numbers, drawn like a search results row: the plate with its shadow, "Buy" small above a
   large price, and a red Buy button to checkout. The sidebar is narrow on desktop (~150px), so the
   plate takes the full width and the price and button sit under it; where the box is wider (tablet)
   all three share one line, as in the results. */
html body .featplates{container-type:inline-size}
html body .featplates .aplate{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"plate plate" "price btn";
  align-items:center;gap:8px 10px;padding:12px 0!important}
html body .featplates .aplate>a.plate.medplate{grid-area:plate;flex:none;display:block!important;width:100%!important;max-width:260px;
  height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;
  font-size:inherit!important;line-height:0}
html body .featplates .aplate>a.plate.medplate>svg.nrp{width:100%!important;height:auto!important;display:block;
  filter:drop-shadow(0 1px 1.5px rgba(16,24,40,.18))}
html body .featplates .aplate>a.plate.medplate:hover>svg.nrp{filter:drop-shadow(0 2px 4px rgba(16,24,40,.22))}
html body .featplates .nr-feat-price{display:contents!important}
html body .featplates .nr-feat-price .buynow{grid-area:price;display:flex!important;flex-direction:column;align-items:flex-start;
  min-width:0;line-height:1.15!important;text-align:left}
html body .featplates .buynow .nr-feat-label{font-size:11px!important;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  color:var(--text-faint)!important}
html body .featplates .buynow .nr-feat-label::after{content:none}
html body .featplates .buynow .nr-feat-amount{font-size:18px!important;font-weight:700;color:var(--nr-ink)!important;white-space:nowrap}
html body .featplates .nr-feat-btn{grid-area:btn;justify-self:end;display:inline-flex;align-items:center;justify-content:center;
  height:36px;padding:0 16px;border-radius:8px;background:var(--nr-red-700);color:#fff!important;font-weight:600;font-size:14px;
  line-height:1;text-decoration:none!important;white-space:nowrap}
html body .featplates .nr-feat-btn:hover{background:var(--nr-red-800)}
html body .featplates .nr-feat-btn:focus-visible{outline:2px solid var(--nr-red-900);outline-offset:2px}
@container (min-width: 260px){
  html body .featplates .aplate{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"plate price btn";gap:12px}
  html body .featplates .aplate>a.plate.medplate{max-width:180px}
}
/* Award badges (partials/awards.html.twig): equal cards, each opening its confirmation page.
   With official artwork set in site.json the card shows the image instead of the two text lines. */
html body .nr-awards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3);list-style:none;margin:var(--s4) 0 0!important;padding:0!important}
html body .nr-awards>.nr-award{margin:0;padding:0;list-style:none;flex:0 1 180px}
html body .nr-awards>.nr-award>a{display:flex;flex-direction:column;justify-content:center;gap:2px;height:100%;min-height:72px;box-sizing:border-box;padding:var(--s3) var(--s4);
  background:var(--surface)!important;border:1px solid var(--line-soft);border-radius:var(--radius-ctl);text-align:center;text-decoration:none!important;color:var(--text)!important;transition:border-color .15s,box-shadow .15s}
html body .nr-awards>.nr-award>a:hover{border-color:var(--line);box-shadow:var(--shadow-1)}
html body .nr-awards>.nr-award>a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
html body .nr-awards .nr-award-name{display:block;font:600 12px/16px var(--font-ui);color:var(--text-soft)!important}
html body .nr-awards .nr-award-detail{display:block;font:700 15px/20px var(--font-ui);color:var(--text)!important}
html body .nr-awards img{display:block;height:64px;width:auto;max-width:100%;margin:0 auto;object-fit:contain}
html body .nr-awards.nr-awards-page{justify-content:flex-start;margin:var(--s4) 0 var(--s5)!important}
@media (max-width:600px){html body .nr-awards>.nr-award{flex:1 1 140px}}
html body .nr-awards>.nr-award{display:flex}
html body .nr-awards>.nr-award>a{flex:1 1 auto}
@media (max-width:600px){html body .nr-awards>.nr-award{flex:0 1 calc(50% - var(--s3) / 2)}}
html body footer#inset.new-footer .about-us>.nr-awards{grid-column:1 / -1;width:100%;margin-top:var(--s5)!important}
html body footer#inset.new-footer .nr-awards .nr-award-detail{font-weight:700!important}
html body .nr-awards>.nr-award>a{min-height:80px}