/*
Theme Name: Nursery in a Box Marketing
Theme URI: https://www.nurseryinabox.com/
Author: Early Years Technology Ltd
Description: WordPress migration of the Nursery in a Box marketing website.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: niab-marketing
*/

/* Angular reveal classes otherwise wait for JavaScript that is not loaded. */
.reveal { opacity: 1 !important; transform: none !important; visibility: visible !important; }
.drawer.open { visibility: visible; opacity: 1; }
.niab-content { max-width: 850px; margin: 0 auto; padding: 56px 24px 90px; }
.niab-content h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); line-height: 1.08; }
.niab-content p, .niab-content li { line-height: 1.7; }
.niab-content img { max-width: 100%; height: auto; }
.niab-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(270px,1fr)); gap: 22px; margin-top: 34px; }
.niab-list article { padding: 24px; border: 1px solid #d8e1e7; border-radius: 16px; background: #fff; }
.niab-list h2 { font-size: 1.25rem; margin: 0 0 10px; }
.niab-list a { color: inherit; }
.niab-articles { max-width: 1180px; }
.niab-search-label { display: block; margin-top: 24px; font-weight: 700; }
#niab-article-search { width: min(100%, 600px); padding: 13px 16px; margin: 8px 0 18px; border: 1px solid #9aaac0; border-radius: 10px; font: inherit; }
.niab-categories { display: flex; gap: 8px; flex-wrap: wrap; }
.niab-categories button, #niab-article-more { border: 1px solid #b7c6d4; border-radius: 999px; padding: 9px 16px; background: #fff; color: #173457; font: inherit; cursor: pointer; }
.niab-categories button[aria-pressed="true"], #niab-article-more { background: #173457; color: #fff; }
#niab-article-more { display: block; margin: 28px auto 0; }
#niab-article-more[hidden] { display: none; }
.niab-pattern-cta { padding: clamp(48px, 6vw, 80px) 24px; background: #142b49; color: #fff; text-align: center; }
.niab-pattern-cta h2, .niab-pattern-cta p { color: #fff; }
.niab-pattern-cta .wp-block-buttons { justify-content: center; }
.niab-pattern-cta .wp-block-button__link { background: #e8ad4d; color: #142b49; }
.niab-pattern-features { padding: 48px 24px; }
.niab-pattern-features .wp-block-column { padding: 20px; border: 1px solid #d8e1e7; border-radius: 14px; }
.niab-faq details { border-bottom: 1px solid #d8e1e7; padding: 20px 0; }
.niab-faq summary { cursor: pointer; font-weight: 700; }
.niab-message { margin: 14px 0; padding: 12px; border-radius: 8px; background: #e8f6ed; color: #123923; }
.niab-message.error { background: #fff0ee; color: #722; }
.niab-consent[hidden] { display: none !important; }
.niab-consent { position: fixed; bottom: 18px; left: 18px; right: 18px; z-index: 9999; display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 940px; margin: auto; padding: 20px 24px; border-radius: 16px; background: #fff; color: #12233c; box-shadow: 0 15px 50px #0d203c55; }
.niab-consent p { margin: 6px 0 0; line-height: 1.5; }
.niab-consent-actions { display: flex; gap: 10px; flex-shrink: 0; }
.niab-consent button { border: 1px solid #1b385e; border-radius: 8px; padding: 10px 14px; cursor: pointer; background: #fff; color: #1b385e; font-weight: 700; }
.niab-consent button[data-consent="accept"] { background: #1b385e; color: #fff; }
@media(max-width:700px) { .niab-consent { display: block; } .niab-consent-actions { margin-top: 14px; flex-wrap: wrap; } }

/* WordPress navigation and native block layouts. */
:root { --wp--preset--spacing--20:12px; --wp--preset--spacing--30:20px; --wp--preset--spacing--40:28px; --wp--preset--spacing--50:40px; --wp--preset--spacing--60:56px; --wp--preset--spacing--70:72px; --wp--preset--spacing--80:88px; }
.niab-header { background:#fff; color:#142b49; border-bottom:1px solid #e2e6ec; position:relative; z-index:100; }
.niab-header-inner { max-width:1200px; margin:auto; padding:18px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.niab-header-logo { display:block; flex-shrink:0; }
.niab-header-logo img { display:block; width:174px; height:auto; }
.niab-header-menu { display:flex; align-items:center; gap:12px; list-style:none; padding:0; margin:0; }
.niab-header-menu li { margin:0; }
.niab-header-menu a { display:block; padding:10px 14px; color:#142b49; text-decoration:none; font-size:15px; font-weight:600; border-radius:8px; }
.niab-header-menu a:hover,.niab-header-menu .current-menu-item>a { background:#eff5ff; }
.niab-header-menu li:last-child>a { background:#ffc247; color:#142b49; }
.niab-mobile-nav { display:none; }
#main > .wp-block-group { padding-left:24px; padding-right:24px; }
#main > .wp-block-group > * { max-width:1160px; margin-left:auto; margin-right:auto; }
#main > .wp-block-group p { font-size:17px; line-height:1.7; margin-top:14px; margin-bottom:20px; }
#main > .wp-block-group h1 { font-size:clamp(40px,5vw,64px); line-height:1.08; margin-bottom:20px; letter-spacing:-.035em; }
#main > .wp-block-group h2 { font-size:clamp(26px,3vw,38px); line-height:1.2; margin-bottom:16px; letter-spacing:-.02em; }
#main > .wp-block-group h3 { font-size:22px; line-height:1.3; margin-bottom:10px; }
#main > .wp-block-group .wp-block-columns { gap:48px; margin-bottom:32px; align-items:center; }
#main > .wp-block-group li { line-height:1.7; margin-bottom:8px; }
#main > .wp-block-group ul { padding-left:22px; margin-bottom:24px; }
#main > .wp-block-group .wp-block-image img { max-width:100%; height:auto; border-radius:12px; }
#main > .wp-block-group .wp-block-quote { margin:28px 0; padding-left:20px; border-left:3px solid #ffc247; }
#main > .wp-block-group .wp-block-button__link { font-size:16px; font-weight:600; padding:14px 22px; border-radius:999px; }
#main > .wp-block-group .wp-block-button:not(.is-style-outline) .wp-block-button__link { background:#ffc247; color:#142b49; }
#main > .wp-block-group:first-child .wp-block-columns { align-items:center; }
@media(max-width:800px) {
.niab-header-inner { padding:14px 20px; }
.niab-header-logo img { width:145px; }
.niab-desktop-nav { display:none; }
.niab-mobile-nav { display:block; }
.niab-mobile-nav summary { cursor:pointer; padding:10px 16px; border:1px solid #d8e1e7; border-radius:8px; font-weight:600; }
.niab-mobile-nav nav { position:absolute; top:100%; left:0; right:0; background:#fff; padding:16px 20px; box-shadow:0 12px 24px #142b4920; }
.niab-mobile-nav .niab-header-menu { display:block; }
#main > .wp-block-group { padding-left:20px; padding-right:20px; --wp--preset--spacing--80:48px; --wp--preset--spacing--70:44px; --wp--preset--spacing--60:40px; }
#main > .wp-block-group .wp-block-columns { gap:28px; }
}

/* Migration header spacing repair — 6 October 2026. */
.niab-header-inner { max-width:1440px; gap:20px; }
.niab-desktop-nav { min-width:0; }
.niab-desktop-nav .niab-header-menu { gap:4px; flex-wrap:nowrap; }
.niab-desktop-nav .niab-header-menu li { flex-shrink:0; }
.niab-header-menu a { white-space:nowrap; }
.niab-desktop-nav .niab-header-menu a { padding:10px 9px; font-size:14px; line-height:1.4; }
@media (max-width:1280px) {
  .niab-header-inner { padding:14px 20px; }
  .niab-header-logo img { width:145px; }
  .niab-desktop-nav { display:none; }
  .niab-mobile-nav { display:block; }
  .niab-mobile-nav summary { cursor:pointer; padding:10px 16px; border:1px solid #d8e1e7; border-radius:8px; font-weight:600; }
  .niab-mobile-nav nav { position:absolute; top:100%; left:0; right:0; background:#fff; padding:16px 20px; box-shadow:0 12px 24px #142b4920; }
  .niab-mobile-nav .niab-header-menu { display:block; }
  .niab-mobile-nav .niab-header-menu a { white-space:normal; }
}

/* Show imported customer stories without the Angular reveal observer. */
.st-reveal { opacity: 1 !important; transform: none !important; visibility: visible !important; }

/* Fine visual parity and interactions — 3 November 2026. */







.ed-kicker { font-family: var(--font-mono); font-size: 11.5px; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; color: var(--blue-700); display: inline-flex; align-items: center; gap: 11px; }
.ed-kicker::before { content: ""; width: 26px; height: 1px; background: var(--blue-200); }
.on-dark .ed-kicker, .band-ink .ed-kicker { color: var(--gold-400); }
.on-dark .ed-kicker::before, .band-ink .ed-kicker::before { background: rgba(248, 190, 77, 0.42); }
.insight .ed-kicker { justify-content: center; }
.earlier-articles { scroll-margin-top: 100px; }
.earlier-head { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(260px, 420px); gap: clamp(28px, 4vw, 64px); align-items: end; }
.earlier-head > div { max-width: 720px; }
.earlier-head .h2 { margin-top: 14px; }
.earlier-head .lead { margin-top: 12px; max-width: 62ch; }
.earlier-search > span:first-child { display: block; margin-bottom: 9px; font-family: var(--font-mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-500); }
.earlier-search-field { display: flex; align-items: center; gap: 10px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--surface); padding-inline: 14px; box-shadow: var(--sh-xs); }
.earlier-search-field :is(svg, i) { width: 17px; height: 17px; color: var(--ink-400); flex: 0 0 auto; }
.earlier-search-field input { width: 100%; min-width: 0px; border: 0px; outline: 0px; background: transparent; padding: 13px 0px; font: 15px var(--font-body); color: var(--ink-900); }
.earlier-search-field input::placeholder { color: var(--ink-400); }
.earlier-topics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: clamp(24px, 3vw, 36px); }
.earlier-progress { position: relative; height: 2px; margin-top: 14px; border-radius: 999px; background: var(--border-soft, var(--border)); overflow: hidden; opacity: 0; transform: scaleX(0.98); transform-origin: center center; transition: opacity 0.2s, transform 0.2s; pointer-events: none; }
.earlier-progress.is-active { opacity: 1; transform: scaleX(1); }
.earlier-progress__bar { position: absolute; inset: 0px auto 0px 0px; width: 36%; border-radius: inherit; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; transform: translate(-120%); }
.earlier-progress.is-active .earlier-progress__bar { animation: 1.05s ease-in-out 0s infinite normal none running _ngcontent-ng-c2912424541_earlier-progress-slide; }
@media (prefers-reduced-motion: reduce){.earlier-progress.is-active .earlier-progress__bar { animation: auto ease 0s 1 normal none running none; width: 100%; transform: none; opacity: 0.7; }
}
.earlier-topics button { border: 1px solid var(--border); border-radius: var(--r-pill); background: var(--surface); padding: 8px 13px; font-family: var(--font-mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.045em; color: var(--ink-600); cursor: pointer; transition: border-color var(--dur),background var(--dur),color var(--dur),transform var(--dur) var(--ease); }
.earlier-topics button:hover { border-color: var(--blue-200); color: var(--blue-700); transform: translateY(-1px); }
.earlier-topics button.is-active { border-color: var(--blue-200); background: var(--blue-50); color: var(--blue-700); }
.earlier-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: clamp(18px, 2vw, 24px); margin-top: clamp(28px, 3vw, 40px); }
.earlier-more { display: flex; justify-content: center; margin-top: clamp(28px, 3vw, 38px); }
.earlier-status { margin: clamp(28px, 3vw, 40px) 0px 0px; color: var(--ink-500); }
.earlier-status--error { color: rgb(180, 35, 24); }
@media (max-width: 900px){.earlier-head { grid-template-columns: 1fr; }
.earlier-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 640px){.earlier-grid { grid-template-columns: 1fr; }
.earlier-topics { flex-wrap: nowrap; overflow-x: auto; margin-inline: -24px; padding-inline: 24px; scrollbar-width: none; }
.earlier-topics::-webkit-scrollbar { display: none; }
.earlier-topics button { flex: 0 0 auto; }
}







.blog-card { display: flex; flex-direction: column; height: 100%; text-decoration: none; border: 1px solid var(--border); border-radius: var(--r-lg); overflow: hidden; background: var(--surface); box-shadow: var(--sh-xs); transition: box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease); }
.blog-card:hover { box-shadow: var(--sh-md); transform: translateY(-3px); }
.blog-card__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--ink-100); }
.blog-card__media picture { display: block; width: 100%; height: 100%; }
.blog-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 36%; filter: grayscale(1) contrast(1.04); transition: all .55s var(--ease); }
.blog-card:hover .blog-card__media img { filter: grayscale(0) contrast(1); transform: scale(1.04); }
.blog-card__body { display: flex; flex: 1 1 0%; flex-direction: column; gap: 12px; padding: clamp(18px, 2vw, 22px); }
.blog-card__cats { display: flex; flex-wrap: wrap; gap: 8px; }
.blog-card__cat { display: inline-flex; align-items: center; font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--blue-700); background: var(--blue-50); border: 1px solid var(--blue-200); border-radius: var(--r-pill); padding: 5px 10px; }
.blog-card__title { margin: 0px; font-family: var(--font-display); font-weight: 800; font-size: clamp(18px, 1.55vw, 22px); line-height: 1.14; letter-spacing: -0.02em; color: var(--ink-900); text-wrap: balance; transition: color var(--dur); }
.blog-card:hover .blog-card__title { color: var(--blue-700); }
.blog-card__desc { margin: 0px; flex: 1 1 0%; font-size: 14.5px; line-height: 1.58; color: var(--ink-600); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-wrap: pretty; }
.blog-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: auto; padding-top: 4px; }
.blog-card__date { font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: var(--ink-400); }
.blog-card__action { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--blue-700); }
.blog-card__action :is(svg, i) { width: 13px; height: 13px; transition: transform var(--dur) var(--ease); }
.blog-card:hover .blog-card__action :is(svg, i) { transform: translate(3px); }
@media (prefers-reduced-motion: reduce){.blog-card, .blog-card__media img, .blog-card__action :is(svg, i) { transition: none; }
.blog-card:hover { transform: none; }
}

#niab-articles{max-width:1280px;padding:0 24px}
#niab-article-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:0}
#niab-article-results>article{padding:0;border:0;border-radius:0;background:transparent;min-width:0;display:flex}
#niab-article-results .blog-card{width:100%}
#niab-article-results h3{margin:0}
#niab-article-results .blog-card__desc{margin:0}
#niab-article-search{width:100%;padding:0;border:0;margin:0;border-radius:0;background:transparent;font:inherit;outline:none}
#niab-article-search:focus-visible{outline:none}
.earlier-search-field:focus-within{outline:2px solid var(--blue-500,#2f6fed);outline-offset:3px}
#niab-articles .niab-categories{margin:28px 0 36px;gap:8px}
#niab-articles .niab-categories button{font-family:var(--font-mono);font-size:10.5px;line-height:1.6;padding:7px 12px;border-color:var(--border);background:#fff;color:var(--ink-600)}
#niab-articles .niab-categories button[aria-pressed="true"]{background:#eff5ff;color:var(--blue-700);border-color:var(--blue-200)}
#niab-article-more{background:#fff;color:var(--blue-700);border-color:var(--border);font-size:14px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7aa7ef;outline-offset:4px}
@media(hover:hover){
.niab-header-menu a:hover{color:#0f1633;background:#eff2f6}
.niab-header-home .niab-header-menu a:hover{color:#fff;background:#ffffff12}
.niab-header-signin:hover{color:#0f1633;text-decoration:underline;text-underline-offset:4px}
.niab-header-home .niab-header-signin:hover{color:#fff}
#niab-articles .niab-categories button:hover{background:var(--ink-50);border-color:var(--blue-300)}
}
@media(max-width:1100px){#niab-article-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#niab-article-results{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:hover,.blog-card:hover,.niab-header-demo:hover{transform:none!important}}

/* Match the live site's default figure spacing and interactive polish. */
figure{margin:1em 40px}
#niab-article-search{padding:13px 0;font:15px var(--font-body)}
.niab-site-chrome{position:sticky;top:0;z-index:100}
body.admin-bar .niab-site-chrome{top:32px}
@media(max-width:782px){body.admin-bar .niab-site-chrome{top:46px}}
@media(hover:hover){
}
@keyframes niab-button-entrance{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.hero-ed-cta>.btn{animation:niab-button-entrance .45s ease-out both}}

.wc-hero{--site-chrome-height:119px}
@media(max-width:600px){.wc-hero{--site-chrome-height:114px}}
#niab-all-articles{display:none}

/* Match the live light header's frosted background while scrolling. */
.niab-header{background:rgba(247,247,244,.82);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom-color:transparent;transition:background-color .18s ease,border-color .18s ease}
.niab-header.is-scrolled{background:rgba(247,247,244,.92);border-bottom-color:#dce3ec}
.niab-header-home,.niab-header-home.is-scrolled{background:#0b0e18;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:rgba(255,255,255,.07)}

@media(max-width:600px){body.admin-bar .niab-site-chrome{top:0}}

/* Inspection Mode animation parity. */
#inspection .app-side.idemo-nav{position: relative;}
#inspection .app-side.idemo-nav .nav-ind{position: absolute; left: 12px; right: 12px; top: 0px; height: 0px; border-radius: var(--r-sm); background: rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 1px inset; transition: transform .5s var(--ease),height .3s var(--ease); pointer-events: none; z-index: 0;}
#inspection .app-side.idemo-nav .nav-item{position: relative; z-index: 1; transition: color .35s var(--ease);}
#inspection .app-side.idemo-nav .nav-item.on{background: transparent;}
#inspection .idemo-main{padding: 18px 20px; background: var(--surface); display: flex; flex-direction: column; gap: 14px; min-width: 0px; min-height: 430px;}
#inspection .idemo-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;}
#inspection .idemo-eyebrow{font-family: var(--font-mono); font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-400);}
#inspection .idemo-title{font-family: var(--font-display); font-weight: 700; font-size: 18px; letter-spacing: -0.02em; color: var(--ink-900); margin-top: 4px; transition: opacity .3s var(--ease);}
#inspection .idemo-sub{font-size: 12.5px; color: var(--fg-3); margin-top: 2px;}
#inspection .idemo-status{display: inline-flex; align-items: center; gap: 7px; font-size: 11.5px; font-weight: 700; padding: 6px 11px; border-radius: 999px; white-space: nowrap; border: 1px solid transparent; transition: color .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease);}
#inspection .idemo-status.gathering{color: var(--blue-700); background: var(--blue-50); border-color: var(--blue-100);}
#inspection .idemo-status.added{color: var(--ok); background: var(--ok-bg); border-color: var(--ok-ring);}
#inspection .idemo-status.ready{color: var(--gold-700); background: var(--gold-100); border-color: var(--gold-200);}
#inspection .idemo-status .pulse{width: 7px; height: 7px; border-radius: 50%; background: currentcolor;}
#inspection .idemo-status.gathering .pulse{animation: idemoPulse 1.1s var(--ease) infinite;}
@keyframes idemoPulse { 
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}
#inspection .idemo-list{display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; min-height: 0px;}
#inspection .idemo-row{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid var(--border-soft); border-radius: var(--r-md); background: var(--surface);}
#inspection .idemo-row > div{flex: 1 1 0%; min-width: 0px;}
#inspection .idemo-row .ico{width: 34px; height: 34px; border-radius: var(--r-sm); background: var(--blue-50); color: var(--blue-700); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;}
#inspection .idemo-row .ico.ok{background: var(--ok-bg); color: var(--ok);}
#inspection .idemo-row .ico svg{width: 17px; height: 17px;}
#inspection .idemo-row .t{font-weight: 600; font-size: 13.5px; color: var(--ink-900); line-height: 1.3;}
#inspection .idemo-row .s{font-size: 12px; color: var(--fg-2); line-height: 1.35;}
#inspection .idemo-row .rtick{margin-left: auto; color: var(--ok); display: inline-flex; flex: 0 0 auto; opacity: 0; transform: scale(0.6); transition: opacity .35s var(--ease),transform .35s var(--ease);}
#inspection .idemo-row .rtick svg{width: 17px; height: 17px;}
#inspection .idemo-row.done .rtick{opacity: 1; transform: none;}
@media (prefers-reduced-motion: no-preference){#inspection .idemo-row{animation: idemoIn .5s var(--ease) both;}
}
@keyframes idemoIn { 
  0% { opacity: 0; transform: translateY(9px); }
  100% { opacity: 1; transform: none; }
}
#inspection .idemo-tray{border-top: 1px solid var(--border-soft); padding-top: 13px; display: flex; flex-direction: column; gap: 11px;}
#inspection .idemo-tray-h{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
#inspection .idemo-tray-h .tl{display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; color: var(--ink-900);}
#inspection .idemo-tray-h .tl svg{width: 15px; height: 15px; color: var(--gold-600);}
#inspection .idemo-tray-h .tc{font-family: var(--font-mono); font-size: 11px; font-weight: 600; color: var(--ink-500);}
#inspection .idemo-chips{display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px;}
@media (max-width: 720px){#inspection .idemo-chips{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
#inspection .idemo-chip{display: flex; align-items: center; gap: 7px; padding: 8px 10px; border-radius: var(--r-sm); border: 1px solid var(--border-soft); background: var(--ink-50); transition: background .45s var(--ease),border-color .45s var(--ease);}
#inspection .idemo-chip .cdot{width: 16px; height: 16px; border-radius: 50%; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: var(--ink-200); color: rgb(255, 255, 255); transition: background .45s var(--ease);}
#inspection .idemo-chip .cdot svg{width: 10px; height: 10px; opacity: 0; transition: opacity .3s var(--ease);}
#inspection .idemo-chip .cn{font-size: 11px; font-weight: 600; color: var(--ink-400); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .45s var(--ease);}
#inspection .idemo-chip.filled{background: var(--ok-bg); border-color: var(--ok-ring);}
#inspection .idemo-chip.filled .cdot{background: var(--ok);}
#inspection .idemo-chip.filled .cdot svg{opacity: 1;}
#inspection .idemo-chip.filled .cn{color: var(--ink-800);}
#inspection .idemo-chip.adding{animation: idemoPop .55s var(--ease);}
@keyframes idemoPop { 
  0% { transform: scale(1); }
  42% { transform: scale(1.07); }
  100% { transform: scale(1); }
}
#inspection .idemo-prog{height: 7px; border-radius: 999px; background: var(--ink-100); overflow: hidden;}
#inspection .idemo-prog > i{display: block; height: 100%; width: 0px; border-radius: inherit; background: var(--ok); transition: width .65s var(--ease);}
#inspection .idemo-actions{display: flex; gap: 8px; flex-wrap: wrap; opacity: 0; max-height: 0px; overflow: hidden; transition: opacity .45s var(--ease),max-height .45s var(--ease);}
#inspection .idemo-actions.show{opacity: 1; max-height: 64px;}
#inspection .idemo-actions .ab{display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--ink-700); background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-sm); padding: 8px 12px;}
#inspection .idemo-actions .ab svg{width: 14px; height: 14px;}
#inspection .idemo-actions .ab.primary{color: rgb(255, 255, 255); background: var(--ink-900); border-color: var(--ink-900);}


/* Match the live compliance hero CTA. */
.page-id-1014 .chero a.btn-primary[href*="/book-a-demo"]{background:#f2a516!important;border-color:#f2a516!important;color:#1a1205!important}
.page-id-1014 .chero a.btn-primary[href*="/book-a-demo"]:hover{background:#f8be4d!important;border-color:#f8be4d!important;color:#1a1205!important}

/* Switching: match the live gold gradient on Hundreds. */
.from-yes.display-xl .accent { background-image: linear-gradient(98deg, #b9740a, #f2a516 55%, #e08a0b); }

/* Preserve the live card lift despite the static reveal fallback. */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .cs-card.reveal:hover { transform: translateY(-4px) !important; }
}

/* Preserve native button borders when shared component resets are combined. */
.btn.btn-ghost{border-color:var(--border)}
.btn.btn-light{border-color:rgba(255,255,255,.18)}
.btn.btn-ghost:hover{border-color:var(--ink-250)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.btn.reveal:hover{transform:translateY(-1px)!important}}
/* Match the live article expansion control. */
#niab-article-more{background:ButtonFace;color:ButtonText;border:1px solid transparent;border-radius:var(--r-md);padding:11px 18px;font:600 14px var(--font-body);transition:transform var(--dur-fast) var(--ease),background var(--dur),box-shadow var(--dur),border-color var(--dur),color var(--dur)}

/* Keep the article return link and arrow together, without an underline. */
main a.hero-ed-link[href="/insights"],main a.hero-ed-link[href="/insights/"]{display:inline-flex;align-items:center;gap:8px;width:auto;border-bottom:0!important;text-decoration:none!important;transition:color var(--dur)}
main a.hero-ed-link[href="/insights"]:hover,main a.hero-ed-link[href="/insights/"]:hover{color:var(--blue-800,#1e4fa8)!important;text-decoration:none!important}
main a.hero-ed-link[href="/insights"] svg,main a.hero-ed-link[href="/insights/"] svg{display:inline-block;flex:0 0 17px;order:1;transform:rotate(180deg)}

/* About: draw each decision tick once on scroll. */
@media(prefers-reduced-motion:no-preference){
.dtest .niab-tick-pending .dg-node svg{opacity:0;transform:scale(.7);transition:opacity .25s ease,transform .4s var(--ease)}
.dtest .niab-tick-pending .dg-node path{stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .5s ease .1s}
.dtest .niab-tick-shown .dg-node{background:var(--blue-50);border-color:var(--blue-400);transition:background .4s ease,border-color .4s ease}
.dtest .niab-tick-shown .dg-node svg{opacity:1;transform:scale(1)}
.dtest .niab-tick-shown .dg-node path{stroke-dashoffset:0}
}

/* Allow the payment card shadow and final step to remain visible. */
#how-nurserypay-works #ecoStory{overflow:visible}

/* Keep the final payment step clear of the weekly summary divider. */
#how-nurserypay-works .eco-pos{margin-top:clamp(90px,8vw,112px)}

/* Avoid a second divider between the FAQs and guarantee link. */
.npq-terms{border-top:0!important}

/* Logo marks retain their original square corners throughout the site. */
.mk,img.mk{border-radius:0!important}

/* Square author-note logo marks. */
.an-mk,img.an-mk{border-radius:0!important}

/* Match the live article expansion control and omit a visible result count. */
#niab-article-more{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content}
#niab-article-more[hidden]{display:none}
#niab-article-more svg{flex:0 0 17px;width:17px;height:17px}
#niab-article-status:empty{display:none}