/*
  Neoo partner landing pages — /partners/, /partners/vertical-publishers/, /partners/marketplace/ and /partners/forge-builders/ (FR-BE, EN, nl-BE).
  Loaded only on these routes, after neoo-partners.css; the fusion layer (body[data-neoo-fusion]) supplies the --nf-* tokens.
  Vertical Publishers: problem → split of roles → markets to win (Neoo solutions catalogue) → ownership → economics → qualification → FAQ → shared principles (closed details) → final call.
  Hub /partners/: problem → three-actor model → roles → planned request-to-module path (fictional demo) → economics (6 streams) → public partner model → comparison → resources → FAQ → final call.
  Forge Builders: problem → split of roles (6 capabilities + real catalogue screen) → 7-step Forge cycle (copy from content/forge/site) → ownership → economics → qualification → FAQ → shared principles → final call.
  Marketplace: problem → path from Forge Check to listing (steps + planned module types, prelaunch status) → four project paths (marketplace module highlighted) → ownership → economics → FAQ → final call.
  Geometry: split hero on the partner detail blue mesh (copy 1fr / real screen 1fr, one column under 1100 px), card grids 4 → 2 → 1, two-column role and economics blocks.
  Type: Cerebri Sans Light 300 for display titles, tracking -0.052em, leading 1.06; H1 second line in the V25 night accent #c9bfff.
  Media: real anonymised Neoo screens (home tour stills), dimensions reserved, hero eager, proof lazy. No new motion beyond hover transitions.
*/

#main .np-section{padding:104px 0}
/* No docked sub-navigation on this page: the shared .neoo-product-page anchor offset (header + 76 px) would leave a large gap. */
#main > section[id]{scroll-margin-top:0}
#main .np-section-head h2 span,#main .np-lp-hero h1 span,#main .np-final h2{text-wrap:balance}
#main #ownership .np-section-head{margin-inline:0;text-align:left}
#main #ownership .np-legal-note{margin-left:0}
#main .np-lp-label{margin:0 0 14px;color:var(--nf-link,#a89cff);font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}

/* Hero */
#main .np-detail-hero.np-lp-hero{padding:128px 0 104px}
#main .np-lp-hero__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,4.5vw,72px)}
#main .np-lp-hero__copy{min-width:0}
#main .np-lp-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 26px;padding:0;list-style:none;color:#c9ceff;font-size:13px;line-height:1.4}
#main .np-lp-breadcrumb li{display:inline-flex;align-items:center}
#main .np-lp-breadcrumb li+li::before{content:'/neoo.html';margin-right:10px;color:rgba(201,206,255,.55)}
#main .np-lp-breadcrumb a{display:inline-block;padding:3px 0;color:#e4e7ff;text-decoration:underline;text-decoration-color:rgba(228,231,255,.35);text-underline-offset:3px}
#main .np-lp-breadcrumb a:hover{text-decoration-color:currentColor}
#main .np-detail-hero.np-lp-hero h1{max-width:none;margin:0 0 24px;font-size:clamp(2.6rem,3.7vw,3.6rem);font-weight:300;letter-spacing:-.052em;line-height:1.06}
#main .np-lp-hero h1 span{display:block}
#main .np-lp-hero h1 .np-lp-accent{color:#c9bfff}
#main .np-lp-hero__lead{max-width:610px;margin:0 0 30px;color:#d7dbff;font-size:var(--np-lead);font-weight:300;letter-spacing:-.012em;line-height:1.55}
#main .np-lp-hero .np-actions{justify-content:flex-start}
#main .np-lp-proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;list-style:none;color:#e4e7ff;font-size:14px;line-height:1.35}
#main .np-lp-proof li{display:inline-flex;align-items:center;gap:8px}
#main .np-lp-proof svg{width:16px;height:16px;flex:none;color:#9fe7cf}
#main .np-lp-hero__micro{display:flex;align-items:flex-start;gap:10px;max-width:610px;margin:18px 0 0;color:#c9ceff;font-size:13px;line-height:1.5}
#main .np-lp-hero__micro svg{width:17px;height:17px;flex:none;margin-top:1px}

/* Product window (real screens) */
#main .np-lp-window{position:relative;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#0b0d18;box-shadow:0 30px 80px rgba(2,4,24,.5)}
#main .np-lp-window__bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#151827;color:#b7bfd6;font-size:12px}
#main .np-lp-window__bar i{width:9px;height:9px;flex:none;border-radius:50%;background:rgba(255,255,255,.22)}
#main .np-lp-window__bar span{min-width:0;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main .np-lp-window img{display:block;width:100%;height:auto;background:#fff}
#main .np-lp-window--hero figcaption{padding:11px 14px;border-top:1px solid rgba(255,255,255,.1);background:#151827;color:#b7bfd6;font-size:12.5px;line-height:1.45}

/* Problem */
#main .np-lp-pain__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#main .np-lp-pain__card{position:relative;padding:26px 24px 28px;border:1px solid var(--nf-line,rgba(255,255,255,.1));border-radius:18px;background:var(--nf-surface-1,#161a2b)}
#main .np-lp-pain__card::before{content:'';position:absolute;top:-1px;left:24px;width:36px;height:3px;border-radius:0 0 3px 3px;background:var(--nf-warning,#f0b35c)}
#main .np-lp-pain__card>span{display:block;margin-bottom:30px;color:var(--nf-text-3,#8b94b0);font-size:12px}
#main .np-lp-pain__card h3{margin:0 0 10px;color:var(--nf-text,#f2f4fb);font-size:19px;font-weight:500;line-height:1.3}
#main .np-lp-pain__card p{margin:0;color:var(--nf-text-2,#b7bfd6);font-size:15px;line-height:1.55}

/* Split of roles */
#main .np-lp-role{background:var(--nf-bg-1,#0b0d18)}
#main .np-lp-role__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,4vw,64px)}
#main .np-lp-role__capabilities h3{margin:0 0 18px;color:var(--nf-text,#f2f4fb);font-size:26px;font-weight:400;letter-spacing:-.02em;line-height:1.25}
#main .np-lp-role__capabilities ol{margin:0;padding:0;border-top:1px solid var(--nf-line,rgba(255,255,255,.1));list-style:none}
#main .np-lp-role__capabilities li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:17px 0;border-bottom:1px solid var(--nf-line,rgba(255,255,255,.1))}
#main .np-lp-role__capabilities li>span{padding-top:3px;color:var(--nf-link,#a89cff);font-size:13px;font-weight:600}
#main .np-lp-role__capabilities strong{display:block;color:var(--nf-text,#f2f4fb);font-size:18px;font-weight:500;line-height:1.35}
#main .np-lp-role__capabilities strong::first-letter{text-transform:uppercase}
#main .np-lp-role__capabilities li p{margin:4px 0 0;color:var(--nf-text-2,#b7bfd6);font-size:15px;line-height:1.5}
#main .np-lp-proof-card{margin:0;padding:14px;border:1px solid var(--nf-line,rgba(255,255,255,.1));border-radius:22px;background:var(--nf-surface-1,#161a2b)}
#main .np-lp-proof-card .np-lp-window{border-radius:14px;box-shadow:none}
#main .np-lp-proof-card figcaption{padding:22px 10px 8px}
#main .np-lp-proof-card h3{margin:0 0 10px;color:var(--nf-text,#f2f4fb);font-size:24px;font-weight:400;letter-spacing:-.02em;line-height:1.25}
#main .np-lp-proof-card figcaption p:not(.np-lp-label){margin:0 0 12px;color:var(--nf-text-2,#b7bfd6);font-size:15.5px;line-height:1.55}
#main .np-lp-proof-card small{color:var(--nf-text-3,#8b94b0);font-size:12.5px}
#main .np-lp-neighbours{display:grid;grid-template-columns:auto repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;margin-top:48px}
#main .np-lp-neighbours>p{align-self:center;margin:0 12px 0 0;color:var(--nf-text-3,#8b94b0);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
#main .np-lp-neighbours a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;padding:16px 20px;border:1px solid var(--nf-line,rgba(255,255,255,.1));border-radius:14px;background:var(--nf-surface-1,#161a2b);transition:border-color .2s ease,background-color .2s ease}
#main .np-lp-neighbours a strong{color:var(--nf-text,#f2f4fb);font-size:16px;font-weight:500}
#main .np-lp-neighbours a span{grid-column:1;color:var(--nf-text-2,#b7bfd6);font-size:14px;line-height:1.4}
#main .np-lp-neighbours a svg{grid-column:2;grid-row:1/span 2;color:var(--nf-link,#a89cff)}
#main .np-lp-neighbours a:hover{border-color:var(--nf-line-strong,rgba(255,255,255,.18));background:var(--nf-surface-2,#1c2136)}

/* Markets to win */
#main .np-lp-markets__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#main .np-lp-market{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--nf-line,rgba(255,255,255,.1));border-radius:18px;background:var(--nf-surface-1,#161a2b)}
#main .np-lp-market h3{margin:0;color:var(--nf-text,#f2f4fb);font-size:20px;font-weight:500;line-height:1.25}
#main .np-lp-market__fit{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:10px 12px;border-radius:10px;background:var(--nf-accent-soft,rgba(106,88,255,.16))}
#main .np-lp-market__fit span{color:var(--nf-text-2,#b7bfd6);font-size:12.5px}
#main .np-lp-market__fit b{color:var(--nf-text,#f2f4fb);font-size:18px;font-weight:600;white-space:nowrap}
#main .np-lp-market__need{margin:0;color:var(--nf-text-2,#b7bfd6);font-size:14.5px;line-height:1.5}
#main .np-lp-market__need span{display:block;margin-bottom:4px;color:var(--nf-text-3,#8b94b0);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
#main .np-lp-market--cta{justify-content:center;border-style:dashed;border-color:rgba(168,156,255,.45);background:linear-gradient(160deg,rgba(106,88,255,.18),rgba(77,125,255,.06))}
#main .np-lp-market--cta .np-button{align-self:flex-start}
#main .np-lp-market--cta .np-button--text{padding-inline:0;color:var(--nf-link,#a89cff)}
#main .np-lp-note{display:flex;align-items:flex-start;gap:12px;max-width:980px;margin:28px 0 0;color:var(--nf-text-3,#8b94b0);font-size:13px;line-height:1.55}
#main .np-lp-note svg{width:18px;height:18px;flex:none;color:var(--nf-link,#a89cff)}
#main .np-lp-boundaries{max-width:980px;margin-top:18px;border:1px solid var(--nf-line,rgba(255,255,255,.1));border-radius:14px;background:var(--nf-surface-1,#161a2b)}
#main .np-lp-boundaries>p{margin:0;padding:0 20px 12px;color:var(--nf-text-2,#b7bfd6);font-size:14.5px;line-height:1.55}
#main .np-lp-boundaries ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0 20px 20px;list-style:none}
#main .np-lp-boundaries li{padding:6px 12px;border:1px solid var(--nf-line,rgba(255,255,255,.1));border-radius:999px;color:var(--nf-text-2,#b7bfd6);font-size:13px}

/* Native disclosures (sector limits, shared principles) */
#main .np-lp-boundaries summary,#main .np-lp-principles summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;color:var(--nf-text,#f2f4fb)}
#main .np-lp-boundaries summary{padding:16px 20px;font-weight:500}
#main .np-lp-boundaries summary::-webkit-details-marker,#main .np-lp-principles summary::-webkit-details-marker{display:none}
#main .np-lp-boundaries summary i,#main .np-lp-principles summary i{position:relative;width:18px;height:18px;flex:none}
#main .np-lp-boundaries summary i::before,#main .np-lp-boundaries summary i::after,#main .np-lp-principles summary i::before,#main .np-lp-principles summary i::after{content:'';position:absolute;top:8px;left:2px;width:14px;height:2px;background:var(--nf-link,#a89cff);transition:transform .2s ease}
#main .np-lp-boundaries summary i::after,#main .np-lp-principles summary i::after{transform:rotate(90deg)}
#main .np-lp-boundaries[open] summary i::after,#main .np-lp-principles details[open] summary i::after{transform:rotate(0)}

/* Economics */
#main .np-lp-economics{background:var(--nf-bg-1,#0b0d18)}
#main .np-lp-economics__layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(28px,4vw,64px)}
#main .np-lp-economics .np-section-head{margin-bottom:32px}
#main .np-lp-streams{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
#main .np-lp-streams li{padding:8px 14px;border:1px solid var(--nf-line-strong,rgba(255,255,255,.18));border-radius:999px;color:var(--nf-text,#f2f4fb);font-size:14px}
#main .np-lp-streams li::first-letter{text-transform:uppercase}
#main .np-lp-economics__cards{display:grid;gap:12px}
#main .np-lp-economics__cards .np-revenue-card{display:grid;grid-template-columns:45px minmax(0,1fr);gap:4px 18px;min-height:0}
#main .np-lp-economics__cards .np-revenue-card>span{grid-row:1/span 2;margin:0}
#main .np-lp-economics__cards .np-revenue-card h3{align-self:end}
#main .np-lp-economics__note{grid-column:1/-1;max-width:none;margin:8px 0 0}

/* Marketplace: path to a listing */
#main .np-lp-hero__aside{max-width:610px;margin:14px 0 0;color:#c9ceff;font-size:13.5px;line-height:1.5}
#main .np-lp-hero__aside a{display:inline-block;padding:3px 0;color:#e4e7ff;font-weight:600;text-decoration:underline;text-decoration-color:rgba(228,231,255,.4);text-underline-offset:3px}
#main .np-lp-path{background:var(--nf-bg-1,#0b0d18)}
#main .np-lp-path__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:clamp(28px,4vw,64px)}
#main .np-lp-path__steps{position:relative;margin:0;padding:0;list-style:none}
#main .np-lp-path__steps::before{content:'';position:absolute;top:22px;bottom:22px;left:21px;width:1px;background:linear-gradient(var(--nf-accent,#6a58ff),rgba(106,88,255,.12))}
#main .np-lp-path__steps li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:0 0 30px}
#main .np-lp-path__steps li:last-child{padding-bottom:0}
#main .np-lp-path__steps li>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(168,156,255,.5);border-radius:50%;background:#151827;color:var(--nf-link,#a89cff);font-size:13px;font-weight:600}
#main .np-lp-path__steps h3{margin:9px 0 6px;color:var(--nf-text,#f2f4fb);font-size:20px;font-weight:500;line-height:1.3}
#main .np-lp-path__steps p{margin:0;color:var(--nf-text-2,#b7bfd6);font-size:15.5px;line-height:1.55}
#main .np-lp-path__aside{position:sticky;top:104px;padding:26px;border:1px solid var(--nf-line,rgba(255,255,255,.1));border-radius:22px;background:var(--nf-surface-1,#161a2b)}
#main .np-lp-path__aside h3{margin:0 0 18px;color:var(--nf-text,#f2f4fb);font-size:22px;font-weight:400;letter-spacing:-.02em;line-height:1.3}
#main .np-lp-status{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:7px 12px;border:1px solid rgba(240,179,92,.45);border-radius:999px;color:#f6d3a1;font-size:13px;font-weight:600}
#main .np-lp-status i{width:8px;height:8px;border-radius:50%;background:var(--nf-warning,#f0b35c)}
#main .np-lp-path__note{display:flex;align-items:flex-start;gap:10px;margin:22px 0 0;color:var(--nf-text-3,#8b94b0);font-size:13px;line-height:1.5}
#main .np-lp-path__note svg{width:17px;height:17px;flex:none;color:var(--nf-link,#a89cff)}
#main .np-lp-models .np-project-card.is-highlight{border-color:rgba(168,156,255,.6);background:linear-gradient(160deg,rgba(106,88,255,.2),rgba(22,26,43,.9) 60%);box-shadow:0 18px 50px rgba(54,40,180,.28)}

/* Hub /partners/: economics and resources */
#main .np-lp-revenues .np-revenue-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
#main .np-lp-revenues .np-revenue-card{min-height:0}
#main .np-lp-resources{padding:64px 0 0}
/* Fictional request demo: the textarea kept the browser white background under light fusion text. */
#main .np-demo-dialog textarea{border-color:var(--nf-line-strong,rgba(255,255,255,.18));background:var(--nf-field,#1f1f21);color:var(--nf-text,#f2f4fb)}
#main .np-lp-neighbours--three{grid-template-columns:auto repeat(3,minmax(0,1fr));margin-top:0}

/* Forge Builders: idea-to-production cycle */
#main .np-lp-cycle__steps{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
#main .np-lp-cycle__steps::before{content:'';position:absolute;top:22px;right:4%;left:4%;height:1px;background:linear-gradient(90deg,var(--nf-accent,#6a58ff),rgba(106,88,255,.15))}
#main .np-lp-cycle__steps li{position:relative;padding:0 4px}
#main .np-lp-cycle__steps li>span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border:1px solid rgba(168,156,255,.5);border-radius:50%;background:#151827;color:var(--nf-link,#a89cff);font-size:13px;font-weight:600}
#main .np-lp-cycle__steps h3{margin:0 0 6px;color:var(--nf-text,#f2f4fb);font-size:18px;font-weight:500;line-height:1.3}
#main .np-lp-cycle__steps p{margin:0;color:var(--nf-text-2,#b7bfd6);font-size:14.5px;line-height:1.45}
#main .np-lp-actions{flex-wrap:wrap;gap:12px;margin-top:44px}

/* Qualification */
#main .np-lp-journey .np-section-head{margin-bottom:40px}
#main .np-lp-journey .np-timeline{grid-template-columns:repeat(6,minmax(0,1fr))}

/* Shared principles, closed by default */
#main .np-lp-principles{padding-bottom:104px}
#main .np-lp-principles details{border:1px solid var(--nf-line,rgba(255,255,255,.1));border-radius:18px;background:var(--nf-surface-1,#161a2b)}
#main .np-lp-principles summary{padding:22px 26px}
#main .np-lp-principles summary strong{display:block;font-size:18px;font-weight:500;line-height:1.35}
#main .np-lp-principles summary small{display:block;margin-top:4px;color:var(--nf-text-3,#8b94b0);font-size:13.5px;line-height:1.45}
#main .np-lp-principles #partner-model{padding:8px 26px 30px}
#main .np-lp-principles #partner-model>.np-shell{width:auto}
#main .np-lp-principles #partner-model .np-section-head{margin-bottom:28px}
#main .np-lp-principles #partner-model h2{font-size:clamp(1.9rem,2.6vw,2.6rem)}
#main .np-lp-principles #partner-model .np-revenue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

@media (max-width:1100px){
  #main .np-lp-hero__layout,#main .np-lp-role__layout,#main .np-lp-economics__layout,#main .np-lp-path__layout{grid-template-columns:minmax(0,1fr)}
  #main .np-lp-path__aside{position:static}
  #main .np-lp-window--hero{max-width:760px}
  #main .np-lp-pain__grid,#main .np-lp-markets__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main .np-lp-neighbours{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main .np-lp-neighbours>p{grid-column:1/-1;margin:0}
  #main .np-lp-neighbours--three{grid-template-columns:repeat(3,minmax(0,1fr))}
  #main .np-lp-cycle__steps{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:28px}
  #main .np-lp-cycle__steps::before{display:none}
  #main .np-lp-revenues .np-revenue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #main .np-lp-journey .np-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}
  #main .np-lp-principles #partner-model .np-revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:680px){
  #main .np-section{padding:76px 0}
  #main .np-detail-hero.np-lp-hero{padding:104px 0 64px}
  #main .np-detail-hero.np-lp-hero h1{font-size:clamp(2.15rem,9.4vw,3rem)}
  #main .np-lp-breadcrumb ol{margin-bottom:20px}
  #main .np-lp-proof{flex-direction:column;gap:8px}
  #main .np-lp-pain__grid,#main .np-lp-markets__grid,#main .np-lp-neighbours,#main .np-lp-journey .np-timeline,#main .np-lp-principles #partner-model .np-revenue-grid{grid-template-columns:minmax(0,1fr)}
  #main .np-lp-journey .np-timeline::before{display:none}
  #main .np-lp-journey .np-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #main .np-lp-journey .np-timeline li{min-height:0;padding:12px}
  #main .np-lp-journey .np-timeline span{margin-bottom:12px}
  #main .np-section-head{margin-bottom:36px}
  #main .np-lp-pain__card{padding:20px 20px 22px}
  #main .np-lp-pain__card>span{margin-bottom:12px}
  #main .np-lp-pain__grid,#main .np-lp-markets__grid{gap:10px}
  #main .np-lp-market{gap:10px;padding:18px 18px 20px}
  #main .np-lp-market__fit{padding:8px 10px}
  #main #ownership .np-ownership-grid{gap:10px}
  #main #ownership .np-ownership-card{padding:22px}
  #main #ownership .np-ownership-card>span{display:none}
  #main #ownership .np-ownership-card h3{margin-bottom:14px;font-size:20px}
  #main .np-lp-economics__cards .np-revenue-card{padding:20px}
  #main .np-lp-neighbours{margin-top:32px}
  #main .np-lp-role__capabilities h3{font-size:22px}
  #main .np-lp-market--cta .np-button{align-self:stretch}
  #main .np-lp-principles{padding-bottom:76px}
  #main .np-lp-principles summary{padding:18px}
  #main .np-lp-principles #partner-model{padding:4px 16px 22px}
  #main .np-lp-path__steps li{grid-template-columns:38px minmax(0,1fr);gap:14px;padding-bottom:22px}
  #main .np-lp-path__steps li>span{width:38px;height:38px}
  #main .np-lp-path__steps::before{left:18px}
  #main .np-lp-path__steps h3{margin-top:6px;font-size:18px}
  #main .np-lp-path__aside{padding:20px}
  #main .np-lp-neighbours--three,#main .np-lp-revenues .np-revenue-grid{grid-template-columns:minmax(0,1fr)}
  #main .np-lp-cycle__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  #main .np-lp-cycle__steps li>span{width:38px;height:38px;margin-bottom:12px}
  #main .np-lp-cycle__steps h3{font-size:17px}
  #main .np-lp-actions .np-button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  #main .np-lp-neighbours a,#main .np-lp-boundaries summary i::before,#main .np-lp-boundaries summary i::after,#main .np-lp-principles summary i::before,#main .np-lp-principles summary i::after{transition:none}
}