/* Card sections (Also included, Use cases, How it works, Keep exploring), after SE Ranking's pattern:
   centred heading with a subtitle, soft tinted cards without borders, a white icon tile, large titles. */
.nd-cards .nd-section-heading{max-width:780px;margin-inline:auto;margin-bottom:52px;text-align:center}
.nd-cards .nd-section-heading .nd-eyebrow{justify-content:center}
.nd-cards .nd-section-heading h2{font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.1;margin-bottom:14px}
.nd-cards .nd-section-heading>p:not(.nd-eyebrow){font-size:18px;color:var(--nd-muted)}
.nd-cards .nd-grid{gap:24px}

/* Cards: tinted surfaces; the middle card of three, and alternate wide cards, are warm */
.nd-cards .nd-grid .nd-card{position:relative;background:#f5f6f8;border:0;border-radius:28px;padding:36px 36px 34px;box-shadow:none;transition:transform .25s var(--nd-ease,ease),box-shadow .25s ease}
.nd-cards .nd-grid-3 .nd-card:nth-child(3n+2),.nd-cards .nd-grid-2 .nd-card:nth-child(4n+1),.nd-cards .nd-grid-2 .nd-card:nth-child(4n+4){background:var(--nd-orange-50)}
.nd-cards .nd-grid .nd-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(12,13,16,.08)}
.nd-cards .nd-grid-2 .nd-card{padding:42px 44px 40px}

/* Label tile: white rounded square with a line icon, plus the label in a small monospace caps */
.nd-cards .nd-grid .nd-card .nd-card-icon{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start;width:auto;min-width:58px;height:58px;margin:0 0 44px;padding:0 18px;border-radius:16px;background:#fff;color:var(--nd-ink);box-shadow:0 1px 2px rgba(12,13,16,.06);font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:13px;font-weight:600;letter-spacing:.08em;line-height:1;white-space:nowrap}
.nd-cards .nd-card-icon[class*="nd-ic-"]:not(.nd-ic-step)::before{content:"";flex:none;width:24px;height:24px;background:var(--nd-orange-700);-webkit-mask:var(--nd-icon) center/contain no-repeat;mask:var(--nd-icon) center/contain no-repeat}

/* How it works: the tile is the step number */
.nd-cards .nd-grid .nd-card .nd-ic-step{min-width:58px;padding:0;background:var(--nd-accent);color:var(--nd-accent-ink);font-family:inherit;font-size:20px;font-weight:700;letter-spacing:0;box-shadow:0 8px 18px rgba(247,158,28,.25)}
@media(min-width:901px){.nd-steps .nd-grid-3 .nd-card:not(:last-child)::after{content:"";position:absolute;top:65px;right:-24px;width:24px;height:2px;background:repeating-linear-gradient(90deg,var(--nd-accent) 0 6px,transparent 6px 10px);opacity:.6}}

/* Text */
.nd-cards .nd-grid .nd-card h3{font-size:clamp(1.35rem,1.9vw,1.65rem);font-weight:650;line-height:1.22;letter-spacing:-.02em;margin:0 0 14px}
.nd-cards .nd-grid .nd-card p:not(.nd-card-icon){font-size:16.5px;line-height:1.65;color:#434a56;margin-bottom:0}
.nd-cards .nd-grid .nd-card .wp-block-buttons{margin-top:auto;padding-top:26px}
.nd-cards .nd-grid .nd-card .wp-block-button__link{min-height:0;padding:0;font-size:15px;font-weight:650;color:var(--nd-orange-700)!important}
.nd-cards .nd-grid .nd-card .wp-block-button__link::after{content:"→";display:inline-block;margin-left:8px;transition:transform .2s ease}
.nd-cards .nd-grid .nd-card:hover .wp-block-button__link::after{transform:translateX(4px)}

/* Keep exploring: neutral cards whose tile names the feature's group */
.nd-related .nd-grid-3 .nd-card:nth-child(3n+2){background:#f5f6f8}

/* Dark mode */
:root[data-theme=dark] .nd-cards .nd-grid .nd-card{background:var(--nd-night-card)}
:root[data-theme=dark] .nd-cards .nd-grid-3 .nd-card:nth-child(3n+2),:root[data-theme=dark] .nd-cards .nd-grid-2 .nd-card:nth-child(4n+1),:root[data-theme=dark] .nd-cards .nd-grid-2 .nd-card:nth-child(4n+4){background:var(--nd-orange-950)}
:root[data-theme=dark] .nd-related .nd-grid-3 .nd-card:nth-child(3n+2){background:var(--nd-night-card)}
:root[data-theme=dark] .nd-cards .nd-grid .nd-card .nd-card-icon{background:#0c0d10;color:var(--nd-night-text);box-shadow:0 0 0 1px var(--nd-night-line)}
:root[data-theme=dark] .nd-cards .nd-grid .nd-card .nd-ic-step{background:var(--nd-accent);color:var(--nd-accent-ink);box-shadow:none}
:root[data-theme=dark] .nd-cards .nd-card-icon[class*="nd-ic-"]:not(.nd-ic-step)::before{background:var(--nd-orange-300)}
:root[data-theme=dark] .nd-cards .nd-grid .nd-card p:not(.nd-card-icon){color:#b9bfc8}
:root[data-theme=dark] .nd-cards .nd-grid .nd-card .wp-block-button__link{color:var(--nd-orange-300)!important}
:root[data-theme=dark] .nd-cards .nd-grid .nd-card:hover{box-shadow:0 22px 44px rgba(0,0,0,.4)}

@media(max-width:900px){
.nd-cards .nd-grid .nd-card,.nd-cards .nd-grid-2 .nd-card{padding:28px 26px}
.nd-cards .nd-grid .nd-card .nd-card-icon{margin-bottom:30px;height:52px;min-width:52px}
.nd-cards .nd-section-heading{margin-bottom:36px}
}
@media(prefers-reduced-motion:reduce){.nd-cards .nd-grid .nd-card,.nd-cards .nd-grid .nd-card .wp-block-button__link::after{transition:none}.nd-cards .nd-grid .nd-card:hover{transform:none}}

/* Centred section headings (What you can do, Where it works) */
.nd-head-center>.nd-section-inner>.nd-section-heading{max-width:780px;margin-inline:auto;margin-bottom:48px;text-align:center}
.nd-head-center>.nd-section-inner>.nd-section-heading .nd-eyebrow{justify-content:center}

/* FAQ: SE Ranking-style open Q/A cards in a centred column */
.nd-faq-section .nd-section-heading{max-width:780px;margin-inline:auto;margin-bottom:44px;text-align:center}
.nd-faq-section .nd-section-heading .nd-eyebrow{justify-content:center}
.nd-faq-section .nd-section-heading h2{font-size:clamp(2rem,3.4vw,2.9rem)}
.nd-faq-section .nd-faq{max-width:880px;margin:0 auto 14px!important;padding:24px 30px 24px 28px;background:#f5f6f8;border:0;border-radius:20px;transition:background-color .2s ease}
.nd-faq-section .nd-faq:last-child{margin-bottom:0!important}
.nd-faq-section .nd-faq summary{position:relative;display:block;list-style:none;margin:0;padding:0 34px 0 36px;font-size:18px;font-weight:650;line-height:1.4;color:var(--nd-ink);cursor:pointer}
.nd-faq-section .nd-faq summary::-webkit-details-marker{display:none}
.nd-faq-section .nd-faq summary::before{content:"Q";position:absolute;left:0;top:0;font-weight:800;font-size:19px;color:var(--nd-orange-700)}
.nd-faq-section .nd-faq summary::after{content:"";position:absolute;right:2px;top:.45em;width:9px;height:9px;border-right:2px solid var(--nd-muted);border-bottom:2px solid var(--nd-muted);transform:rotate(45deg);transition:transform .2s ease}
.nd-faq-section .nd-faq[open] summary::after{transform:rotate(-135deg);top:.7em}
.nd-faq-section .nd-faq p{position:relative;max-width:none;margin:12px 0 0;padding-left:36px;font-size:16px;line-height:1.7;color:#434a56}
.nd-faq-section .nd-faq p::before{content:"A";position:absolute;left:0;top:0;font-weight:800;font-size:17px;color:var(--nd-muted)}
.nd-faq-section .nd-faq:hover{background:#eef0f3}
:root[data-theme=dark] .nd-faq-section .nd-faq{background:var(--nd-night-card)}
:root[data-theme=dark] .nd-faq-section .nd-faq:hover{background:#1d2026}
:root[data-theme=dark] .nd-faq-section .nd-faq summary::before{color:var(--nd-orange-300)}
:root[data-theme=dark] .nd-faq-section .nd-faq p{color:#b9bfc8}
@media(max-width:700px){.nd-faq-section .nd-faq{padding:20px 20px 20px 18px}.nd-faq-section .nd-faq summary{font-size:16.5px}}

/* Section rhythm: two white sections in a row share one gap (the first one's bottom padding)
   instead of stacking both paddings. Tinted, mint and night sections keep their full padding. */
.wp-block-post-content>.nd-section:not(.nd-tint):not(.nd-mint):not(.nd-night)+.nd-section:not(.nd-tint):not(.nd-mint):not(.nd-night){padding-top:12px}
@media(max-width:700px){
.nd-section{padding-block:60px}
.wp-block-post-content>.nd-section:not(.nd-tint):not(.nd-mint):not(.nd-night)+.nd-section:not(.nd-tint):not(.nd-mint):not(.nd-night){padding-top:4px}
}

/* Brand logos under a card's text (homepage chain) and beside a caption (WordPress section): marks on small white tiles */
.nd-logo-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0!important}
.nd-logo-row .nd-label-logo,:root[data-theme] .nd-logo-row .nd-label-logo{width:16px;height:16px;margin:0;padding:6px;box-sizing:content-box;border-radius:8px;background:#fff var(--nd-logo-light,var(--nd-logo)) center/16px no-repeat;box-shadow:0 0 0 1px rgba(12,13,16,.08)}
.nd-logo-caption{display:flex;align-items:center;gap:8px;margin:20px 0 16px!important;font-size:14px;color:var(--nd-muted)}
.nd-logo-caption .nd-label-logo{width:20px;height:20px;margin:0}

/* Catalogue cards lead with a line icon for their category or type */
.nd-product-mark[class*="nd-ic-"]{display:inline-grid;place-items:center;font-size:0}
.nd-product-mark[class*="nd-ic-"]::before{content:"";width:22px;height:22px;background:var(--nd-orange-700);-webkit-mask:var(--nd-icon) center/contain no-repeat;mask:var(--nd-icon) center/contain no-repeat}
:root[data-theme=dark] .nd-product-mark[class*="nd-ic-"]::before{background:var(--nd-orange-300)}