/* Netlinko – member space and public blocks of the platform.
   Colours and fonts follow the Netlinko theme when it is active (its presets), with the same values as fallback. */

.nl-space,
.nl-tool,
.nl-figures,
.nl-levels {
	--nl-ink: #0b1a2b;
	--nl-text: #1b2a3a;
	--nl-muted: #5b6b7c;
	--nl-line: #e3e8ee;
	--nl-bg: #f4f7fa;
	--nl-card: #fff;
	--nl-primary: var(--wp--preset--color--primary, #0d2f4f);
	--nl-primary-600: #071e33;
	--nl-primary-50: #e8eef5;
	--nl-mint: #0fa97a;
	--nl-mint-50: #e3f7ef;
	--nl-amber: #c77700;
	--nl-amber-50: #fff3d6;
	--nl-red: #d42f2f;
	--nl-red-50: #ffeaea;
	--nl-violet: #8a6a00;
	--nl-violet-50: #fff6d6;
	--nl-radius: 14px;
	--nl-shadow: 0 1px 2px rgba(16, 24, 64, .06), 0 4px 16px rgba(16, 24, 64, .05);
	--nl-shadow-lg: 0 10px 40px rgba(16, 24, 64, .12);
	--nl-font: var(--wp--preset--font-family--body, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	--nl-display: var(--wp--preset--font-family--display, "Poppins", var(--nl-font));
	font-family: var(--nl-font);
	color: var(--nl-text);
	font-size: 15px;
	line-height: 1.55;
}

.nl-space *, .nl-tool *, .nl-levels * { box-sizing: border-box; }
.nl-space h2, .nl-space h3, .nl-tool h3, .nl-levels h3 { font-family: var(--nl-display); color: var(--nl-ink); letter-spacing: -.01em; line-height: 1.25; }
.nl-space h2 { font-size: 1.6rem; margin: 0 0 .3em; }
.nl-space h3 { font-size: 1.08rem; margin: 0 0 .7em; }
.nl-space a { color: var(--nl-primary); text-decoration: none; }
.nl-space a:hover { text-decoration: underline; }
.nl-space :focus-visible { outline: 3px solid color-mix(in srgb, var(--nl-primary) 45%, transparent); outline-offset: 2px; border-radius: 6px; }
.nl-space .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* Icons */
.nl-space .jm-ico { width: 18px; height: 18px; flex: none; vertical-align: -3px; }
.nl-space .jm-ico--xs { width: 14px; height: 14px; vertical-align: -2px; }

/* Buttons */
.nl-space .jm-btn, .nl-space #wp-submit, .nl-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .45em;
	padding: .62em 1.15em; border-radius: 10px; border: 1px solid var(--nl-primary);
	background: var(--nl-primary); color: #fff !important; font: 600 .95rem/1.2 var(--nl-font);
	text-decoration: none !important; cursor: pointer; transition: background .15s, box-shadow .15s, transform .15s;
	box-shadow: 0 1px 2px rgba(13, 47, 79, .25);
}
.nl-space .jm-btn:hover, .nl-space #wp-submit:hover, .nl-btn:hover { background: var(--nl-primary-600); box-shadow: 0 6px 18px rgba(13, 47, 79, .28); transform: translateY(-1px); }
.nl-space .jm-btn--ghost, .nl-btn--ghost { background: #fff; color: var(--nl-primary) !important; border-color: color-mix(in srgb, var(--nl-primary) 35%, #fff); box-shadow: none; }
.nl-space .jm-btn--ghost:hover, .nl-btn--ghost:hover { background: var(--nl-primary-50); box-shadow: none; }
.nl-space .jm-btn--sm { padding: .42em .8em; font-size: .85rem; border-radius: 8px; }
.nl-space .jm-btn--lg { padding: .8em 1.4em; font-size: 1rem; }
.nl-space .jm-btn--block { width: 100%; }
.nl-space .jm-icon-btn { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--nl-line); background: #fff; color: var(--nl-muted); cursor: pointer; transition: .15s; }
.nl-space .jm-icon-btn:hover { color: #e0457b; border-color: #f5bfd2; }
.nl-space .jm-icon-btn.is-on { color: #e0457b; background: #fff0f5; border-color: #f5bfd2; }
.nl-space .jm-icon-btn.is-on svg { fill: currentColor; }
.nl-space .jm-fav { display: inline; margin: 0; }

/* Badges, chips, notices */
.nl-space .jm-badge { display: inline-flex; align-items: center; gap: .3em; padding: .12em .6em; border-radius: 999px; font-size: .78rem; font-weight: 600; background: #eef0f6; color: #3b4263; white-space: nowrap; }
.nl-space .jm-ok { background: var(--nl-mint-50); color: #08724f; }
.nl-space .jm-warn { background: var(--nl-amber-50); color: #8a5300; }
.nl-space .jm-lock { background: var(--nl-violet-50); color: var(--nl-violet); }
.nl-space .jm-v-strong { background: var(--nl-mint-50); color: #08724f; }
.nl-space .jm-v-good { background: var(--nl-primary-50); color: var(--nl-primary-600); }
.nl-space .jm-v-near { background: var(--nl-amber-50); color: #8a5300; }
.nl-space .jm-v-weak { background: #eef0f6; color: var(--nl-muted); }
.nl-space .jm-chips { display: flex; flex-wrap: wrap; gap: .35em; margin: .6em 0; }
.nl-space .jm-chip, .nl-chip { display: inline-block; padding: .18em .65em; border-radius: 999px; font-size: .8rem; background: var(--nl-primary-50); color: var(--nl-primary-600); font-weight: 500; }
.nl-space .jm-chip--soft { background: #f0f2f8; color: #3b4263; }
.nl-space .jm-muted { color: var(--nl-muted); font-size: .88rem; }
.nl-space .jm-lead { color: var(--nl-muted); margin: 0; max-width: 70ch; }
.nl-space .jm-eyebrow { display: inline-block; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--nl-primary); margin-bottom: .4em; }
.nl-space .jm-notice { display: block; padding: .8em 1em; border-radius: 12px; background: var(--nl-primary-50); color: #0d2f4f; margin: 0 0 1.2em; border: 1px solid color-mix(in srgb, var(--nl-primary) 15%, #fff); }
.nl-space .jm-notice .jm-ico { margin-right: .35em; }
.nl-space .jm-notice--mint { background: var(--nl-mint-50); color: #0a5c41; border-color: #c4eedd; }
.nl-space .jm-error { background: var(--nl-red-50); color: #8f1d1d; border-color: #ffd0d0; }
.nl-space .jm-dot { display: inline-block; width: .55em; height: .55em; border-radius: 50%; background: var(--nl-primary); margin-right: .45em; }
.nl-space .jm-count { display: inline-grid; place-items: center; min-width: 1.45em; height: 1.45em; padding: 0 .35em; margin-left: auto; border-radius: 999px; background: #e5484d; color: #fff; font-size: .72rem; font-weight: 700; }

/* Cards and layout */
.nl-space .jm-card { background: var(--nl-card); border: 1px solid var(--nl-line); border-radius: var(--nl-radius); padding: 1.25em 1.35em; box-shadow: var(--nl-shadow); }
.nl-space .jm-card--flush { padding: 0; }
.nl-space .jm-card__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; margin-bottom: .4em; }
.nl-space .jm-card__head h3 { margin: 0; }
.nl-space .jm-card__head a { font-size: .88rem; font-weight: 600; }
.nl-space .jm-grid { display: grid; gap: 1.25em; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.nl-space .jm-cols { display: grid; gap: 1.25em; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); margin: 0 0 1.25em; align-items: start; }
.nl-space .jm-cols--wide { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
.nl-space .jm-stack { display: grid; gap: 1.25em; }
.nl-space .jm-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 1em; flex-wrap: wrap; margin: 0 0 1.3em; }
.nl-space .jm-head__actions { display: flex; gap: .5em; flex-wrap: wrap; }
.nl-space .jm-crumbs { font-size: .85rem; color: var(--nl-muted); margin: 0 0 .8em; }
.nl-space .jm-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1em; margin: 0 0 1.25em; }
.nl-space .jm-stat { display: flex; flex-direction: column; gap: .15em; text-decoration: none !important; color: inherit; transition: transform .15s, box-shadow .15s; }
.nl-space a.jm-stat:hover { transform: translateY(-2px); box-shadow: var(--nl-shadow-lg); }
.nl-space .jm-stat .jm-ico { color: var(--nl-primary); width: 22px; height: 22px; margin-bottom: .35em; }
.nl-space .jm-stat strong { font: 700 1.45rem/1.2 var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-list { list-style: none; margin: 0; padding: 0; }
.nl-space .jm-list li { padding: .75em 0; border-bottom: 1px solid var(--nl-line); }
.nl-space .jm-list li:last-child { border-bottom: 0; }
.nl-space .jm-bar { display: block; height: 8px; border-radius: 999px; background: #eceef6; overflow: hidden; }
.nl-space .jm-bar > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0d2f4f, #1e5a8c 60%, #ffc400); }

/* Tables */
.nl-space table { width: 100%; border-collapse: collapse; margin: 0; font-size: .92rem; }
.nl-space th, .nl-space td { border-bottom: 1px solid var(--nl-line); padding: .75em .8em; text-align: left; vertical-align: top; }
.nl-space th { font-size: .74rem; text-transform: uppercase; letter-spacing: .05em; color: var(--nl-muted); background: #fafbfe; font-weight: 600; }
.nl-space tbody tr:hover { background: #fafbff; }
.nl-space .jm-num { text-align: right; white-space: nowrap; }
.nl-space .jm-nowrap { white-space: nowrap; }
.nl-space .jm-strong { font-weight: 600; color: var(--nl-ink) !important; }
.nl-space .jm-scroll { overflow-x: auto; }
.nl-space .jm-prices { list-style: none; margin: 0; padding: 0; white-space: nowrap; }

/* Forms */
.nl-space form p { margin: 0 0 1em; }
.nl-space label { display: block; font-weight: 600; font-size: .88rem; margin-bottom: .3em; color: var(--nl-ink); }
.nl-space input[type=text], .nl-space input[type=email], .nl-space input[type=url], .nl-space input[type=password], .nl-space input[type=tel], .nl-space input[type=number], .nl-space select, .nl-space textarea {
	width: 100%; max-width: 640px; padding: .62em .8em; border: 1px solid #d5d9e6; border-radius: 10px; font: inherit; color: var(--nl-text); background: #fff; transition: border-color .15s, box-shadow .15s;
}
.nl-space input:focus, .nl-space select:focus, .nl-space textarea:focus { outline: none; border-color: var(--nl-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--nl-primary) 15%, transparent); }
.nl-space .jm-input-ico { position: relative; display: block; }
.nl-space .jm-input-ico .jm-ico { position: absolute; left: .75em; top: 50%; transform: translateY(-50%); color: var(--nl-muted); pointer-events: none; }
.nl-space .jm-input-ico input { padding-left: 2.4em; }
.nl-space .jm-hp, .nl-hp { position: absolute !important; left: -9999px; }
.nl-space fieldset { border: 0; padding: 0; margin: 0 0 1em; min-width: 0; }
.nl-space fieldset label { font-weight: 400; }
.nl-space input[type=checkbox], .nl-space input[type=radio] { accent-color: var(--nl-primary); width: 1.05em; height: 1.05em; vertical-align: -2px; margin-right: .35em; }
.nl-space details { border-bottom: 1px solid var(--nl-line); padding: .8em 0; }
.nl-space summary { cursor: pointer; font-weight: 600; color: var(--nl-ink); }
.nl-space details > div { margin-top: .5em; }

/* App: side menu + main */
.nl-space .jm-app { display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: 2em; align-items: start; }
.nl-space .jm-side { position: sticky; top: 84px; padding: .6em; background: #fff; border: 1px solid var(--nl-line); border-radius: var(--nl-radius); box-shadow: var(--nl-shadow); }
.nl-space .jm-side__group { margin: .9em .7em .3em; font-size: .7rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: #8a91ad; }
.nl-space .jm-side__group:first-child { margin-top: .3em; }
.nl-space .jm-nav { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
.nl-space .jm-nav a { display: flex; align-items: center; gap: .65em; padding: .55em .7em; border-radius: 9px; color: #39405e; font-weight: 500; font-size: .92rem; text-decoration: none !important; transition: background .12s, color .12s; }
.nl-space .jm-nav a .jm-ico { color: #8a91ad; }
.nl-space .jm-nav a:hover { background: #f3f4fa; color: var(--nl-ink); }
.nl-space .jm-nav a[aria-current] { background: var(--nl-primary-50); color: var(--nl-primary-600); font-weight: 600; }
.nl-space .jm-nav a[aria-current] .jm-ico { color: var(--nl-primary); }
.nl-space .jm-nav__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nl-space .jm-nav--end { margin-top: .6em; padding-top: .6em; border-top: 1px solid var(--nl-line); }
.nl-space .jm-main { min-width: 0; }

/* Dashboard */
.nl-space .jm-welcome { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 440px); gap: 1.5em; align-items: center; padding: 1.8em 2em; margin: 0 0 1.25em; border-radius: 18px; color: #fff; background: radial-gradient(120% 140% at 100% 0%, rgba(255, 196, 0, .22) 0%, transparent 45%), linear-gradient(135deg, #071e33 0%, #0d2f4f 55%, #1e5a8c 100%); box-shadow: var(--nl-shadow-lg); }
.nl-space .jm-welcome h2 { color: #fff; font-size: 1.9rem; }
.nl-space .jm-welcome p { color: #d4dfeb; margin: 0; }
.nl-space .jm-welcome .jm-eyebrow { color: #ffc400; }
.nl-space .jm-quick { display: flex; gap: .5em; background: rgba(255, 255, 255, .12); padding: .45em; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .2); margin: 0; }
.nl-space .jm-quick input { flex: 1; border: 0; background: #fff; border-radius: 10px; }
.nl-space .jm-quick .jm-btn { background: #ffc400; border-color: #ffc400; color: #0d2f4f !important; white-space: nowrap; }
.nl-space .jm-quick .jm-btn:hover { background: #d4a300; border-color: #d4a300; }
.nl-space .jm-onboard { margin: 0 0 1.25em; }
.nl-space .jm-onboard__head { display: flex; justify-content: space-between; align-items: baseline; }
.nl-space .jm-onboard__list { list-style: none; padding: 0; margin: 1em 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .6em; }
.nl-space .jm-onboard__list li { display: flex; align-items: center; gap: .55em; padding: .7em .8em; border-radius: 10px; background: #f6f7fc; font-size: .9rem; font-weight: 500; }
.nl-space .jm-onboard__list li .jm-ico { color: var(--nl-primary); }
.nl-space .jm-onboard__list li.is-done { color: var(--nl-muted); text-decoration: line-through; background: var(--nl-mint-50); }
.nl-space .jm-onboard__list li.is-done .jm-ico { color: var(--nl-mint); }
.nl-space .jm-recent li { display: grid; gap: .5em; }
.nl-space .jm-recent__head { display: flex; justify-content: space-between; gap: 1em; }

/* Order steps */
.nl-space .jm-steps { display: flex; list-style: none; margin: .9em 0; padding: 0; counter-reset: s; }
.nl-space .jm-step { flex: 1; position: relative; display: flex; flex-direction: column; align-items: center; gap: .35em; font-size: .75rem; color: var(--nl-muted); text-align: center; min-width: 0; }
.nl-space .jm-step::before { content: ""; position: absolute; top: 11px; left: -50%; width: 100%; height: 2px; background: var(--nl-line); z-index: 0; }
.nl-space .jm-step:first-child::before { display: none; }
.nl-space .jm-step__dot { position: relative; z-index: 1; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 2px solid var(--nl-line); color: #fff; }
.nl-space .jm-step--done .jm-step__dot { background: var(--nl-mint); border-color: var(--nl-mint); }
.nl-space .jm-step--done::before, .nl-space .jm-step--now::before { background: var(--nl-mint); }
.nl-space .jm-step--now .jm-step__dot { border-color: var(--nl-primary); box-shadow: 0 0 0 4px var(--nl-primary-50); }
.nl-space .jm-step--now .jm-step__dot::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--nl-primary); }
.nl-space .jm-step--now { color: var(--nl-ink); font-weight: 600; }
.nl-space .jm-steps--warn .jm-step--now .jm-step__dot { border-color: #f59f00; box-shadow: 0 0 0 4px var(--nl-amber-50); }
.nl-space .jm-steps--warn .jm-step--now .jm-step__dot::after { background: #f59f00; }
.nl-space .jm-steps--off { opacity: .55; }
.nl-space .jm-steps--compact { margin: .2em 0 0; }
.nl-space .jm-steps--compact .jm-step__label { display: none; }
.nl-space .jm-steps__caption { margin: .35em 0 0; font-size: .8rem; font-weight: 600; color: var(--nl-ink); }
.nl-space .jm-steps__caption--warn { color: #b25e00; }
.nl-space .jm-steps__caption--off { color: var(--nl-muted); }

/* Orders */
.nl-space .jm-orders { display: grid; gap: 1em; }
.nl-space .jm-orderline__head { display: flex; justify-content: space-between; gap: 1em; flex-wrap: wrap; }
.nl-space .jm-orderline__price { display: flex; flex-direction: column; align-items: flex-end; gap: .25em; }
.nl-space .jm-orderline__body { display: flex; justify-content: space-between; gap: 1em; flex-wrap: wrap; align-items: flex-start; }
.nl-space .jm-orderline__link { margin: 0; word-break: break-word; }
.nl-space .jm-orderline__state { margin: 0; display: flex; gap: .35em; align-items: center; flex-wrap: wrap; }
.nl-space .jm-orderline__actions { display: flex; gap: .5em; flex-wrap: wrap; margin-top: .8em; }
.nl-space .jm-orderline__actions:empty { display: none; }
.nl-space .jm-orderline__actions form { margin: 0; }
.nl-space .jm-price { font: 700 1.05rem/1.2 var(--nl-display); color: var(--nl-ink); white-space: nowrap; }

/* Catalogue */
.nl-space .jm-filters { display: grid; grid-template-columns: minmax(200px, 2fr) repeat(4, minmax(130px, 1fr)) auto; gap: .2em 1em; align-items: end; margin: 0 0 1em; }
.nl-space .jm-filters p { margin: 0 0 .6em; }
.nl-space .jm-filters__check { grid-column: 1 / -2; }
.nl-space .jm-filters__check label { font-weight: 500; }
.nl-space .jm-toolbar { display: flex; justify-content: space-between; align-items: center; margin: 0 0 .9em; }
.nl-space .jm-seg { display: inline-flex; background: #eceef6; border-radius: 10px; padding: 3px; }
.nl-space .jm-seg a { display: inline-flex; align-items: center; gap: .35em; padding: .38em .8em; border-radius: 8px; color: var(--nl-muted); font-size: .85rem; font-weight: 600; text-decoration: none !important; }
.nl-space .jm-seg a[aria-current] { background: #fff; color: var(--nl-ink); box-shadow: var(--nl-shadow); }
.nl-space .jm-sites { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 1.1em; }
.nl-space .jm-site { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--nl-line); border-radius: var(--nl-radius); padding: 1.1em 1.15em; box-shadow: var(--nl-shadow); transition: transform .15s, box-shadow .15s, border-color .15s; }
.nl-space .jm-site:hover { transform: translateY(-2px); box-shadow: var(--nl-shadow-lg); border-color: color-mix(in srgb, var(--nl-primary) 25%, var(--nl-line)); }
.nl-space .jm-site.is-locked { background: linear-gradient(180deg, #fbfaff, #fff 40%); }
.nl-space .jm-site__head { display: flex; align-items: flex-start; gap: .7em; }
.nl-space .jm-site__mark { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 11px; background: linear-gradient(135deg, #e8eef5, #fff6d6); color: var(--nl-primary-600); font: 800 1.05rem/1 var(--nl-display); }
.nl-space .is-locked .jm-site__mark { background: var(--nl-violet-50); color: var(--nl-violet); }
.nl-space .jm-site__mark--lg { width: 60px; height: 60px; border-radius: 16px; font-size: 1.5rem; }
.nl-space .jm-site__id { flex: 1; min-width: 0; }
.nl-space .jm-site__id h3 { margin: 0 0 .15em; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nl-space .jm-site__id h3 a { color: var(--nl-ink); }
.nl-space .jm-site__host { font-size: .82rem; }
.nl-space .jm-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: .6em; margin: .7em 0; padding: .7em 0; border-block: 1px dashed var(--nl-line); }
.nl-space .jm-kpis dt { font-size: .74rem; color: var(--nl-muted); display: flex; align-items: center; gap: .3em; }
.nl-space .jm-kpis dd { margin: .1em 0 0; font: 700 1.1rem/1.2 var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-trend { font: 600 .74rem var(--nl-font); padding: .05em .4em; border-radius: 6px; }
.nl-space .jm-trend.is-up { color: #08724f; background: var(--nl-mint-50); }
.nl-space .jm-trend.is-down { color: #a12828; background: var(--nl-red-50); }
.nl-space .jm-site__prices { list-style: none; margin: 0 0 .9em; padding: 0; display: grid; gap: .3em; font-size: .88rem; }
.nl-space .jm-site__prices li { display: flex; justify-content: space-between; gap: 1em; }
.nl-space .jm-site__prices strong { color: var(--nl-ink); }
.nl-space .jm-site__foot { display: flex; gap: .5em; margin-top: auto; }
.nl-space .jm-site__foot .jm-btn { flex: 1; }
.nl-space .jm-pager { display: flex; gap: .35em; justify-content: center; margin: 1.5em 0 0; }
.nl-space .jm-pager a { display: grid; place-items: center; min-width: 36px; height: 36px; border-radius: 9px; border: 1px solid var(--nl-line); background: #fff; font-weight: 600; text-decoration: none !important; }
.nl-space .jm-pager a[aria-current] { background: var(--nl-primary); border-color: var(--nl-primary); color: #fff; }
.nl-space .jm-empty { text-align: center; padding: 3em 1.5em; background: #fff; border: 1px dashed #cfd4e4; border-radius: var(--nl-radius); }
.nl-space .jm-empty__ico { width: 44px; height: 44px; color: var(--nl-primary); padding: 10px; border-radius: 14px; background: var(--nl-primary-50); }
.nl-space .jm-empty p { color: var(--nl-muted); max-width: 48ch; margin: .4em auto 1em; }

/* Site page */
.nl-space .jm-hero-site { display: flex; justify-content: space-between; gap: 1.5em; flex-wrap: wrap; margin: 0 0 1.25em; }
.nl-space .jm-hero-site__id { display: flex; gap: 1em; align-items: flex-start; }
.nl-space .jm-hero-site__side { display: flex; gap: 1em; align-items: flex-start; }
.nl-space .jm-hero-site__score { display: flex; align-items: center; gap: .6em; max-width: 200px; }
.nl-space .jm-offer-list { list-style: none; margin: 0; padding: 0; }
.nl-space .jm-offer-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 1em; align-items: center; padding: .8em 0; border-bottom: 1px solid var(--nl-line); }
.nl-space .jm-offer-list li:last-child { border-bottom: 0; }
.nl-space .jm-offer-list li > div { display: flex; flex-direction: column; }

/* Relevance gauge */
.jm-ring { position: relative; display: inline-grid; place-items: center; flex: none; --ring: var(--nl-primary, #0d2f4f); }
.jm-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.jm-ring circle { fill: none; stroke-width: 4.5; }
.jm-ring__bg { stroke: #eceef6; }
.jm-ring__fg { stroke: var(--ring); stroke-linecap: round; transition: stroke-dashoffset .8s ease; }
.jm-ring b { position: relative; font: 800 .95rem/1 var(--nl-display, sans-serif); color: var(--nl-ink, #0b1026); }
.jm-ring--strong { --ring: #12b886; }
.jm-ring--good { --ring: #0d2f4f; }
.jm-ring--near { --ring: #f59f00; }
.jm-ring--weak { --ring: #aab0c6; }

/* Relevance tool */
.nl-space .jm-tool { margin: 0 0 1.25em; }
.nl-space .jm-tool__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr) minmax(0, .8fr) minmax(0, 1.2fr); gap: 0 1em; align-items: start; }
.nl-space .jm-tool__grid textarea { min-height: 44px; resize: vertical; }
.nl-space .jm-howto { margin: 0; padding-left: 1.2em; display: grid; gap: .6em; }
.nl-space .jm-summary { display: flex; justify-content: space-between; gap: 1.5em; flex-wrap: wrap; margin: 0 0 1.25em; }
.nl-space .jm-summary__target { flex: 1; min-width: 260px; }
.nl-space .jm-summary__target h3 { margin: 0 0 .2em; font-size: 1.2rem; }
.nl-space .jm-summary__counts { display: grid; grid-template-columns: repeat(4, minmax(84px, 1fr)); gap: .5em; list-style: none; margin: 0; padding: 0; align-self: center; }
.nl-space .jm-summary__counts li { display: flex; flex-direction: column; align-items: center; padding: .7em .5em; border-radius: 12px; background: #f6f7fc; text-align: center; }
.nl-space .jm-summary__counts strong { font: 800 1.5rem/1.1 var(--nl-display); }
.nl-space .jm-summary__counts span { font-size: .76rem; color: var(--nl-muted); }
.nl-space .jm-count-strong { background: var(--nl-mint-50) !important; }
.nl-space .jm-count-strong strong { color: #08724f; }
.nl-space .jm-count-good { background: var(--nl-primary-50) !important; }
.nl-space .jm-count-good strong { color: var(--nl-primary-600); }
.nl-space .jm-count-near strong { color: #b06a00; }
.nl-space .jm-plan__sum { font-size: 1rem; }
.nl-space .jm-plan__sum strong { font: 800 1.35rem var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-plan__list { list-style: none; margin: 0; padding: 0; }
.nl-space .jm-plan__list li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .8em; align-items: center; padding: .7em 0; border-bottom: 1px solid var(--nl-line); }
.nl-space .jm-plan__list li:last-child { border-bottom: 0; }
.nl-space .jm-plan__list li > div { display: flex; flex-direction: column; min-width: 0; }
.nl-space .jm-anchor { font-size: .84rem; color: #39405e; }
.nl-space .jm-anchor em { font-style: normal; color: var(--nl-muted); font-size: .78rem; }
.nl-space .jm-mix { list-style: none; margin: 0; padding: 0; display: grid; gap: .8em; }
.nl-space .jm-mix li { display: grid; grid-template-columns: 9.5em minmax(0, 1fr) 3em; gap: .2em .7em; align-items: center; font-size: .88rem; }
.nl-space .jm-mix__label { font-weight: 600; color: var(--nl-ink); }
.nl-space .jm-mix__pct { text-align: right; font-weight: 700; }
.nl-space .jm-mix__ex { grid-column: 1 / -1; font-size: .8rem; }
.nl-space .jm-ranked h3 { margin: .5em 0 .8em; }
.nl-space .jm-rank { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1em; align-items: center; padding: 1em 1.1em; margin: 0 0 .7em; background: #fff; border: 1px solid var(--nl-line); border-radius: var(--nl-radius); box-shadow: var(--nl-shadow); }
.nl-space .jm-rank.is-locked { background: linear-gradient(90deg, #fbfaff, #fff 50%); }
.nl-space .jm-rank__title { display: flex; flex-wrap: wrap; gap: .4em; align-items: center; }
.nl-space .jm-rank__title a { color: var(--nl-ink); }
.nl-space .jm-reasons { list-style: none; margin: .35em 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .2em 1.2em; font-size: .85rem; color: #4a5172; }
.nl-space .jm-reasons li::before { content: "•"; color: var(--nl-primary); margin-right: .4em; }
.nl-space .jm-angles { margin: .45em 0 0; font-size: .84rem; }
.nl-space .jm-rank__side { display: flex; flex-direction: column; align-items: flex-end; gap: .3em; text-align: right; }
.nl-space .jm-more { border: 0; }
.nl-space .jm-more > summary { color: var(--nl-primary); margin-bottom: .8em; }

/* Order form */
.nl-space .jm-order { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 1.25em; align-items: start; }
.nl-space .jm-stepcard { margin: 0 0 1.1em !important; padding: 1.25em 1.35em !important; }
.nl-space .jm-stepcard legend { display: flex; align-items: center; gap: .55em; font: 700 1.05rem var(--nl-display); color: var(--nl-ink); padding: 0; float: left; width: 100%; margin-bottom: .9em; }
.nl-space .jm-stepcard legend + * { clear: both; }
.nl-space .jm-stepnum { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--nl-primary); color: #fff; font-size: .85rem; }
.nl-space .jm-choices { display: grid; gap: .6em; }
.nl-space .jm-choice { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; gap: .8em; align-items: center; padding: .85em 1em; border: 1.5px solid var(--nl-line); border-radius: 12px; cursor: pointer; font-weight: 400 !important; transition: border-color .12s, background .12s; margin: 0 !important; }
.nl-space .jm-choice:hover { border-color: color-mix(in srgb, var(--nl-primary) 40%, var(--nl-line)); }
.nl-space .jm-choice:has(input:checked) { border-color: var(--nl-primary); background: #f6f9fc; box-shadow: 0 0 0 3px var(--nl-primary-50); }
.nl-space .jm-choice__body { display: flex; flex-direction: column; }
.nl-space .jm-choice__body strong { color: var(--nl-ink); }
.nl-space .jm-order__side { position: sticky; top: 84px; }
.nl-space .jm-sum { margin: 1em 0; padding: .8em 0; border-block: 1px solid var(--nl-line); display: grid; gap: .4em; }
.nl-space .jm-sum div { display: flex; justify-content: space-between; gap: 1em; }
.nl-space .jm-sum dd { margin: 0; font-weight: 700; }
.nl-space .jm-sum__total { padding-top: .4em; border-top: 1px dashed var(--nl-line); font-size: 1.05rem; }
.nl-space .jm-secure { display: flex; gap: .4em; align-items: center; }
.nl-space .jm-switch { font-weight: 500 !important; }

/* Messages, invoices, report */
.nl-space .jm-thread { display: flex; flex-direction: column; gap: .8em; margin: 1em 0; }
.nl-space .jm-msg { max-width: 80%; padding: .75em 1em; border-radius: 14px; background: #fff; border: 1px solid var(--nl-line); box-shadow: var(--nl-shadow); }
.nl-space .jm-msg--mine { align-self: flex-end; background: var(--nl-primary-50); border-color: #c9d6e4; }
.nl-space .jm-invoice { background: #fff; border: 1px solid var(--nl-line); border-radius: var(--nl-radius); padding: 2em; max-width: 820px; }
.nl-space .jm-invoice__head { display: flex; justify-content: space-between; gap: 2em; flex-wrap: wrap; }
.nl-space .jm-invoice__meta { text-align: right; }
.nl-space .jm-invoice__buyer { margin: 1.5em 0; }
.nl-space tfoot th { text-align: right; }

/* Visitors: login and request */
.nl-space .jm-auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 2em; align-items: start; }
.nl-space .jm-auth__pitch { padding: 2.2em; border-radius: 20px; color: #e6edf5; background: radial-gradient(100% 120% at 100% 0%, rgba(255, 196, 0, .2), transparent 50%), linear-gradient(150deg, #071e33, #0d2f4f 70%, #1e5a8c); position: sticky; top: 84px; }
.nl-space .jm-auth__pitch h2 { color: #fff; font-size: 1.8rem; }
.nl-space .jm-auth__pitch .jm-eyebrow { color: #ffc400; }
.nl-space .jm-checks { list-style: none; padding: 0; margin: 1.4em 0 0; display: grid; gap: .75em; }
.nl-space .jm-checks li { display: flex; gap: .6em; align-items: flex-start; }
.nl-space .jm-checks .jm-ico { color: #ffc400; margin-top: 2px; }
.nl-space .jm-auth__forms { display: grid; gap: 1.25em; }
.nl-space .jm-auth__forms h2 { font-size: 1.25rem; }
.nl-space .login-remember label { font-weight: 400; }

@media (max-width: 1100px) {
	.nl-space .jm-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nl-space .jm-filters__q, .nl-space .jm-filters__check { grid-column: 1 / -1; }
	.nl-space .jm-tool__grid { grid-template-columns: 1fr 1fr; }
	.nl-space .jm-tool__url { grid-column: 1 / -1; }
	.nl-space .jm-order { grid-template-columns: 1fr; }
	.nl-space .jm-order__side { position: static; }
	.nl-space .jm-cols--wide { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
	.nl-space .jm-app { grid-template-columns: 1fr; gap: 1em; }
	.nl-space .jm-side { position: static; padding: .4em; display: flex; overflow-x: auto; gap: .2em; }
	.nl-space .jm-side__group { display: none; }
	.nl-space .jm-nav { flex-direction: row; }
	.nl-space .jm-nav a { white-space: nowrap; }
	.nl-space .jm-nav--end { margin: 0; padding: 0; border: 0; }
	.nl-space .jm-welcome { grid-template-columns: 1fr; padding: 1.4em; }
	.nl-space .jm-auth { grid-template-columns: 1fr; }
	.nl-space .jm-auth__pitch { position: static; }
	.nl-space .jm-rank { grid-template-columns: auto minmax(0, 1fr); }
	.nl-space .jm-rank__side { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; text-align: left; }
	.nl-space .jm-summary__counts { grid-template-columns: repeat(2, 1fr); width: 100%; }
}
@media (max-width: 560px) {
	.nl-space .jm-filters, .nl-space .jm-tool__grid { grid-template-columns: 1fr; }
	.nl-space .jm-quick { flex-direction: column; }
	.nl-space .jm-step__label { font-size: .68rem; }
}
@media (prefers-reduced-motion: reduce) {
	.nl-space *, .jm-ring__fg { transition: none !important; }
}
@media print {
	.nl-space .jm-side, .nl-space .jm-btn, .nl-space .jm-noprint, .nl-app-bar { display: none !important; }
	.nl-space .jm-app { display: block; }
	.nl-space .jm-invoice { border: 0; padding: 0; }
	.nl-space .jm-card { box-shadow: none; }
}

/* ===================== Public blocks (commercial pages) ===================== */
.nl-figures { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1.2em; }
.nl-figures li { display: flex; flex-direction: column; gap: .2em; }
.nl-figures strong { font: 800 clamp(1.8rem, 3.5vw, 2.6rem)/1.05 var(--nl-display); letter-spacing: -.02em; background: linear-gradient(120deg, #0d2f4f, #1e5a8c 55%, #d4a300); -webkit-background-clip: text; background-clip: text; color: transparent; }
.nl-figures span { color: var(--nl-muted); font-size: .92rem; }
.is-style-dark .nl-figures strong, .nl-dark .nl-figures strong { background: linear-gradient(120deg, #fff, #d4dfeb 50%, #ffc400); -webkit-background-clip: text; background-clip: text; }
.is-style-dark .nl-figures span, .nl-dark .nl-figures span { color: #b7c6d6; }

.nl-levels { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.2em; align-items: stretch; }
.nl-level { display: flex; flex-direction: column; gap: .4em; padding: 1.6em 1.4em; background: #fff; border: 1px solid var(--nl-line); border-radius: 18px; box-shadow: var(--nl-shadow); }
.nl-level.is-featured { border: 2px solid var(--nl-primary); box-shadow: 0 18px 50px rgba(13, 47, 79, .18); position: relative; }
.nl-level.is-featured::before { content: "Notre recommandation"; position: absolute; top: -.85em; left: 1.2em; padding: .2em .7em; border-radius: 999px; background: var(--nl-primary); color: #fff; font-size: .72rem; font-weight: 700; }
.nl-level h3 { margin: 0; font-size: 1.25rem; }
.nl-level__price { font: 800 1.35rem var(--nl-display); color: var(--nl-ink); margin: .2em 0 .5em; }
.nl-level ul { list-style: none; margin: 0 0 1em; padding: 0; display: grid; gap: .5em; font-size: .92rem; }
.nl-level li::before { content: "✓"; color: var(--nl-mint); font-weight: 800; margin-right: .5em; }
.nl-level__text { color: var(--nl-muted); font-size: .9rem; }
.nl-level .nl-btn { margin-top: auto; }

.nl-tool { background: #fff; border: 1px solid var(--nl-line); border-radius: 20px; padding: 1.4em; box-shadow: var(--nl-shadow-lg); color: var(--nl-text); text-align: left; }
.nl-tool__form { margin: 0; }
.nl-tool__fields { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .8em; align-items: end; }
.nl-tool__fields p:first-child { grid-column: 1 / -1; }
.nl-tool__fields p { margin: 0; }
.nl-tool label { display: block; font-size: .82rem; font-weight: 600; margin-bottom: .3em; color: var(--nl-ink); }
.nl-tool label span { color: var(--nl-muted); font-weight: 400; }
.nl-tool input[type=url], .nl-tool input[type=text] { width: 100%; padding: .75em .9em; border: 1px solid #d5d9e6; border-radius: 12px; font: inherit; }
.nl-tool input:focus { outline: none; border-color: var(--nl-primary); box-shadow: 0 0 0 4px rgba(13, 47, 79, .15); }
.nl-tool .nl-btn { padding: .82em 1.3em; border-radius: 12px; white-space: nowrap; }
.nl-tool__msg { margin: 1em 0 0; padding: .8em 1em; border-radius: 12px; background: var(--nl-primary-50); }
.nl-tool__msg.is-error { background: var(--nl-red-50); color: #8f1d1d; }
.nl-result { margin-top: 1.2em; padding-top: 1.2em; border-top: 1px solid var(--nl-line); }
.nl-result__lead { font-size: 1.05rem; margin: 0 0 .6em; }
.nl-result__lead strong { color: var(--nl-primary-600); }
.nl-result__terms { display: flex; flex-wrap: wrap; gap: .35em; align-items: center; font-size: .85rem; color: var(--nl-muted); margin: 0 0 1em; }
.nl-result__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5em; }
.nl-result__list li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .9em; align-items: center; padding: .7em .9em; border: 1px solid var(--nl-line); border-radius: 14px; }
.nl-result__list li div { display: flex; flex-direction: column; min-width: 0; }
.nl-result__list li strong { color: var(--nl-ink); letter-spacing: .02em; }
.nl-result__list li span { font-size: .84rem; color: var(--nl-muted); }
.nl-result__price { font-weight: 700; color: var(--nl-ink) !important; white-space: nowrap; }
.nl-result__cta { display: flex; flex-wrap: wrap; gap: .8em; align-items: center; margin: 1.1em 0 0; }
.nl-result__cta span { font-size: .85rem; color: var(--nl-muted); }
.nl-tool--member { text-align: center; }
@media (max-width: 720px) {
	.nl-tool__fields { grid-template-columns: 1fr; }
	.nl-result__list li { grid-template-columns: auto minmax(0, 1fr); }
	.nl-result__price { grid-column: 2; }
}

/* ===================== Ways of buying, ranges, gate, seller (jedfolio palette) ===================== */
.nl-space .jm-section-title { margin: 1.4em 0 .7em; }
.nl-space .jm-ways { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1em; margin: 0 0 1.25em; }
.nl-space .jm-way { position: relative; display: flex; flex-direction: column; gap: .4em; padding: 1.3em 1.3em 1.2em; background: #fff; border: 1px solid var(--nl-line); border-radius: var(--nl-radius); box-shadow: var(--nl-shadow); color: var(--nl-text) !important; text-decoration: none !important; transition: transform .15s, box-shadow .15s, border-color .15s; }
.nl-space .jm-way:hover { transform: translateY(-2px); box-shadow: var(--nl-shadow-lg); border-color: #ffc400; }
.nl-space .jm-way .jm-ico { width: 26px; height: 26px; color: var(--nl-primary); }
.nl-space .jm-way strong { font: 700 1.08rem var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-way span:not(.jm-way__num) { color: var(--nl-muted); font-size: .9rem; }
.nl-space .jm-way em { margin-top: auto; padding-top: .4em; font-style: normal; font-weight: 700; color: #8a6a00; font-size: .85rem; }
.nl-space .jm-way__num { position: absolute; top: .9em; right: 1em; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #ffc400; color: #0d2f4f; font: 800 .8rem var(--nl-display); }
.nl-space .jm-way.is-locked { background: linear-gradient(180deg, #fbfcfd, #fff); }
.nl-space .jm-way.is-locked .jm-ico { color: #8a6a00; }
.nl-space .jm-gate { text-align: center; padding: 2em 1.5em; margin: 0 0 1.25em; }
.nl-space .jm-gate p { max-width: 62ch; margin-left: auto; margin-right: auto; }
.nl-space .jm-gate__bar { display: grid; gap: .4em; max-width: 420px; margin: 1em auto 0 !important; }
.nl-space .jm-tiers { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .8em; }
.nl-space .jm-tier { display: flex; flex-direction: column; gap: .3em; padding: 1em; border: 1.5px solid var(--nl-line); border-radius: 14px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.nl-space .jm-tier:focus-within, .nl-space .jm-tier:hover { border-color: #ffc400; box-shadow: 0 0 0 3px #fff6d6; }
.nl-space .jm-tier__head { display: flex; justify-content: space-between; align-items: baseline; gap: .5em; }
.nl-space .jm-tier__head strong { font: 700 1.02rem var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-tier p { margin: 0; }
.nl-space .jm-tier__meta { font-size: .78rem; color: #8a6a00; font-weight: 600; }
.nl-space .jm-qty { display: flex; align-items: center; gap: .5em; margin-top: auto !important; padding-top: .5em; }
.nl-space .jm-qty input { width: 90px !important; text-align: center; font-weight: 700; }
.nl-space .jm-input-unit { display: flex; align-items: center; gap: .5em; max-width: 280px; }
.nl-space .jm-chip--btn { border: 1px solid var(--nl-line); background: #fff; color: var(--nl-ink); cursor: pointer; font: inherit; font-size: .85rem; padding: .3em .8em; }
.nl-space .jm-chip--btn:hover { border-color: #ffc400; background: #fff6d6; }
.nl-space .jm-howto--row { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .6em; list-style: none; padding: 0; margin: 0 0 1.25em; counter-reset: hw; }
.nl-space .jm-howto--row li { counter-increment: hw; padding: .8em 1em; background: #fff; border: 1px solid var(--nl-line); border-radius: 12px; font-size: .9rem; }
.nl-space .jm-howto--row li::before { content: counter(hw); display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: .4em; border-radius: 50%; background: #0d2f4f; color: #ffc400; font-weight: 800; font-size: .75rem; }
.nl-space .jm-pre { white-space: pre-line; word-break: break-word; }
.nl-space .jm-campline { display: grid; gap: .5em; color: inherit !important; text-decoration: none !important; }
.nl-space .jm-campline:hover { border-color: #ffc400; }
.nl-space .jm-kind { display: grid; gap: .4em; margin: 0 0 1em; }
.nl-space .jm-kind legend { font-weight: 600; font-size: .88rem; margin-bottom: .3em; color: var(--nl-ink); }
.nl-space .jm-choice--sm { padding: .6em .8em !important; grid-template-columns: auto 1fr !important; }
.nl-space .jm-key { border: 2px solid #ffc400; background: #fffbea; }
.nl-space .jm-key__value { font-family: ui-monospace, Consolas, monospace !important; font-size: .82rem !important; max-width: 100% !important; background: #fff; }
.nl-space .jm-sellersite { margin: 0 0 1em; }
.nl-space .jm-welcome__cta { justify-self: end; }
.nl-space .jm-welcome__cta .jm-btn { background: #ffc400; border-color: #ffc400; color: #0d2f4f !important; }
.nl-space .jm-public .jm-toolbar { flex-wrap: wrap; gap: 1em; margin-bottom: 1.2em; }
.nl-space .jm-public .jm-toolbar p { margin: 0; }
.nl-space .jm-btn:disabled { opacity: .5; cursor: not-allowed; transform: none; box-shadow: none; }

.nl-tiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1em; }
.nl-tier { display: flex; flex-direction: column; gap: .45em; padding: 1.4em 1.3em; background: #fff; border: 1px solid #e3e8ee; border-radius: 16px; box-shadow: 0 1px 2px rgba(13, 47, 79, .06), 0 4px 16px rgba(13, 47, 79, .05); font-family: var(--wp--preset--font-family--body, Inter, sans-serif); color: #1b2a3a; }
.nl-tier p { margin: 0; }
.nl-tier__name { font: 700 1.1rem var(--wp--preset--font-family--display, Poppins, sans-serif); color: #0d2f4f; }
.nl-tier__price strong { font: 800 1.6rem var(--wp--preset--font-family--display, Poppins, sans-serif); color: #0d2f4f; }
.nl-tier__price span { color: #5b6b7c; font-size: .85rem; }
.nl-tier__text { color: #5b6b7c; font-size: .92rem; }
.nl-tier__crit, .nl-tier__count { font-size: .8rem; font-weight: 600; color: #8a6a00; }
.nl-tier .nl-btn { margin-top: auto; }
.nl-tier--reference, .nl-tier--elite { border-color: #ffc400; }
.nl-tier--elite { background: linear-gradient(160deg, #0d2f4f, #071e33); color: #e6edf5; }
.nl-tier--elite .nl-tier__name, .nl-tier--elite .nl-tier__price strong { color: #ffc400; }
.nl-tier--elite .nl-tier__text, .nl-tier--elite .nl-tier__price span { color: #b7c6d6; }
.nl-tiers .nl-btn { --nl-primary: #0d2f4f; }

/* Lists in lines (ranges of the packs, catalogue…): a table that stacks on small screens. */
.nl-space .jm-rows { display: grid; border: 1px solid var(--nl-line); border-radius: 12px; overflow: hidden; background: #fff; }
.nl-space .jm-rows__head, .nl-space .jm-rows__row { display: grid; grid-template-columns: minmax(220px, 2.4fr) 1.3fr .6fr .9fr 1.1fr .9fr; gap: 1em; align-items: center; padding: .75em 1em; }
.nl-space .jm-rows__head { background: var(--nl-surface, #f4f7fa); font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6b7393; }
.nl-space .jm-rows__row { border-top: 1px solid var(--nl-line); transition: background .15s; }
.nl-space .jm-rows__row:hover { background: #fafbfe; }
.nl-space .jm-rows__row.is-on { background: #fffbea; box-shadow: inset 3px 0 0 var(--nl-gold, #ffc400); }
.nl-space .jm-rows .jm-num { text-align: right; justify-content: flex-end; }
.nl-space .jm-tierrows__name { display: flex; flex-direction: column; gap: .15em; min-width: 0; }
.nl-space .jm-tierrows__name small { font-size: .8rem; line-height: 1.35; }
.nl-space .jm-tierrows__traffic { font-size: .86rem; color: var(--nl-muted); }
.nl-space .jm-tierrows__sub { font-weight: 700; color: var(--nl-ink); }
/* The description of a range written by the team (its title, its strong points, its text folded): never a site, never their number. */
.nl-space .jm-tierrows__hook { color: var(--nl-text, #3d4566); }
.nl-space .jm-tierrows__points { list-style: none; margin: .3em 0 0; padding: 0; display: grid; gap: .15em; font-size: .8rem; color: var(--nl-muted); }
.nl-space .jm-tierrows__points li { display: flex; gap: .35em; align-items: flex-start; line-height: 1.35; }
.nl-space .jm-tierrows__points .jm-ico { flex: none; margin-top: .1em; color: #16a34a; }
.nl-space .jm-tierrows__more { margin-top: .3em; font-size: .82rem; min-width: 0; overflow-wrap: anywhere; }
.nl-space .jm-tierrows__more > summary { cursor: pointer; color: var(--nl-primary); font-weight: 600; }
.nl-space .jm-tierrows__more .jm-rich { margin: .35em 0 .2em; color: var(--nl-text, #3d4566); }
.nl-space .jm-tierrows__more .jm-rich p { margin: 0 0 .45em; }
.nl-space .jm-stepper { display: inline-flex; align-items: center; border: 1px solid #d5d9e6; border-radius: 10px; overflow: hidden; background: #fff; }
.nl-space .jm-stepper input { width: 3.4em !important; max-width: none !important; border: 0 !important; border-radius: 0 !important; text-align: center; padding: .45em .2em !important; box-shadow: none !important; -moz-appearance: textfield; }
.nl-space .jm-stepper input::-webkit-outer-spin-button, .nl-space .jm-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.nl-space .jm-stepper__btn { width: 2.2em; height: 2.2em; border: 0; background: var(--nl-surface, #f4f7fa); color: var(--nl-ink); font-size: 1.05rem; font-weight: 700; cursor: pointer; }
.nl-space .jm-stepper__btn:hover { background: #e8ecf5; }
@media (max-width: 900px) {
	.nl-space .jm-rows__head { display: none; }
	.nl-space .jm-rows__row { grid-template-columns: 1fr 1fr; gap: .4em 1em; }
	.nl-space .jm-rows__row > :first-child { grid-column: 1 / -1; }
	.nl-space .jm-rows .jm-num { text-align: left; justify-content: flex-start; }
	.nl-space .jm-rows [data-label]::before { content: attr(data-label) " : "; color: var(--nl-muted); font-weight: 400; font-size: .8rem; }
}

/* One account, both sides. */
.nl-space .jm-side__switch { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin: .2em .2em .6em; padding: 3px; background: var(--nl-surface, #f4f7fa); border-radius: 10px; }
.nl-space .jm-side__switch a { display: flex; align-items: center; justify-content: center; gap: .35em; padding: .45em .3em; border-radius: 8px; font-size: .82rem; font-weight: 600; color: #4b5374; text-decoration: none; }
.nl-space .jm-side__switch a[aria-current] { background: #fff; color: var(--nl-ink); box-shadow: 0 1px 3px rgba(13, 47, 79, .12); }
.nl-space .jm-side__switch .jm-ico { width: 15px; height: 15px; }
.nl-space .jm-side__more { margin: .8em .4em .2em; }
.nl-space .jm-inline { display: inline; margin: 0; }

/* Catalogue in lines: every figure side by side, sortable. */
.nl-space .jm-catalogue { font-size: .88rem; }
.nl-space .jm-catalogue th, .nl-space .jm-catalogue td { padding: .6em .7em; vertical-align: middle; }
.nl-space .jm-catalogue tbody tr:hover { background: #fafbfe; }
.nl-space .jm-catalogue tr.is-locked td { color: #6b7393; }
.nl-space .jm-catalogue__site { min-width: 220px; }
.nl-space .jm-catalogue__tags { font-size: .76rem; color: #6b7393; }
.nl-space .jm-catalogue__actions { text-align: right; }
.nl-space .jm-catalogue__actions .jm-fav { display: inline-block; vertical-align: middle; }
.nl-space .jm-sortable a { display: inline-flex; align-items: center; gap: .3em; color: inherit; text-decoration: none; white-space: nowrap; }
.nl-space .jm-sortable a:hover { color: var(--nl-primary); }
.nl-space .jm-sortable__arrow { font-size: .62em; opacity: .3; }
.nl-space .jm-sortable[aria-sort] .jm-sortable__arrow { opacity: 1; color: var(--nl-primary); }
.nl-space .jm-small { font-size: .8rem; }
.nl-space .jm-quality { display: inline-grid; place-items: center; min-width: 2.4em; padding: .2em .45em; border-radius: 8px; font-weight: 800; font-size: .85rem; }
.nl-space .jm-quality--high { background: #e3f7ec; color: #11734a; }
.nl-space .jm-quality--mid { background: #fff4d6; color: #8a5a00; }
.nl-space .jm-quality--low { background: #f1f2f6; color: #5b6280; }
.nl-space .jm-stars { color: #f5a400; letter-spacing: .05em; white-space: nowrap; }
.nl-space .jm-stars__off { color: #d9dce6; }
.nl-space .jm-metrics { display: flex; flex-wrap: wrap; align-items: center; gap: .35em .9em; margin: .3em 0 .6em; font-size: .85rem; }
.nl-space .jm-metrics small { color: #6b7393; font-weight: 700; font-size: .72rem; }
.nl-space .jm-metrics .jm-quality { margin-left: auto; }
.nl-space .jm-stats--metrics { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.nl-space .jm-reviews .jm-list p { margin: .3em 0 0; }

/* Trends of the platform and money month by month. */
.nl-space .jm-tops { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.1em; margin-bottom: 1.1em; }
.nl-space .jm-top h3 { display: flex; align-items: center; gap: .45em; }
.nl-space .jm-rank-list { list-style: none; margin: 0; padding: 0; }
.nl-space .jm-rank-list li { display: grid; grid-template-columns: 2em 1fr auto; gap: .7em; align-items: center; padding: .55em 0; border-top: 1px solid var(--nl-line); }
.nl-space .jm-rank-list li:first-child { border-top: 0; }
.nl-space .jm-rank-list__n { display: grid; place-items: center; width: 1.8em; height: 1.8em; border-radius: 50%; background: var(--nl-surface, #f4f7fa); font-weight: 800; font-size: .82rem; color: var(--nl-ink); }
.nl-space .jm-rank-list li:first-child .jm-rank-list__n { background: #ffc400; color: #0d2f4f; }
.nl-space .jm-rank-list__site, .nl-space .jm-rank-list__sales { display: flex; flex-direction: column; min-width: 0; }
.nl-space .jm-rank-list__site a { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nl-space .jm-rank-list__sales { text-align: right; font-weight: 700; font-size: .88rem; }
.nl-space .jm-topic-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .55em; }
.nl-space .jm-topic-list li { display: grid; grid-template-columns: minmax(120px, 1.2fr) 2fr 2.5em; gap: .7em; align-items: center; font-size: .9rem; }
.nl-space .jm-topic-list__name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nl-space .jm-topic-list__n { text-align: right; font-weight: 800; }
.nl-space .jm-bars { margin: 0; }
.nl-space .jm-bars figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; margin-bottom: .6em; font-weight: 700; color: var(--nl-ink); }
.nl-space .jm-bars figcaption strong { font: 800 1.2rem var(--nl-display); }
.nl-space .jm-bars__svg { display: block; width: 100%; height: 140px; }
.nl-space .jm-bars__svg rect { fill: #1e5a8c; }
.nl-space .jm-bars__svg rect:last-child { fill: #ffc400; }
.nl-space .jm-bars__svg rect.is-zero { fill: #e3e6f0; }
.nl-space .jm-bars__labels { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; margin-top: .35em; font-size: .72rem; color: #6b7393; text-align: center; }

/* Purchases and sales in lines, the page of an order. */
.nl-space .jm-toolbar--filters { justify-content: flex-start; flex-wrap: wrap; gap: .5em; }
.nl-space .jm-toolbar--filters select { width: auto; max-width: 260px; padding: .45em .7em; }
.nl-space .jm-lines { font-size: .9rem; }
.nl-space .jm-lines th, .nl-space .jm-lines td { padding: .65em .8em; vertical-align: middle; }
.nl-space .jm-lines tbody tr:hover { background: #fafbfe; }
.nl-space .jm-lines__link { max-width: 320px; overflow-wrap: anywhere; }
.nl-space .jm-lines__actions { text-align: right; white-space: nowrap; }
.nl-space .jm-lines__actions > * { vertical-align: middle; }
.nl-space .jm-deflist { display: grid; gap: .1em; margin: 0 0 1em; }
.nl-space .jm-deflist > div { display: grid; grid-template-columns: minmax(110px, 160px) 1fr; gap: 1em; padding: .5em 0; border-top: 1px solid var(--nl-line); }
.nl-space .jm-deflist > div:first-child { border-top: 0; }
.nl-space .jm-deflist dt { color: var(--nl-muted); font-size: .85rem; }
.nl-space .jm-deflist dd { margin: 0; overflow-wrap: anywhere; }
.nl-space .jm-talk .jm-thread { max-height: 420px; overflow-y: auto; padding-right: .3em; }
.nl-space .jm-msg--team { background: #fffbea; border-color: #f4e3a1; }
.nl-space .jm-rate { display: inline-flex; flex-direction: row-reverse; gap: .1em; border: 0; padding: 0; margin: 0 0 .6em; }
.nl-space .jm-rate legend { float: left; width: 100%; margin-bottom: .2em; font-weight: 600; }
.nl-space .jm-rate input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.nl-space .jm-rate label { font-size: 1.8rem; line-height: 1; color: #d9dce6; cursor: pointer; transition: color .1s; }
.nl-space .jm-rate input:checked ~ label, .nl-space .jm-rate label:hover, .nl-space .jm-rate label:hover ~ label { color: #f5a400; }
.nl-space .jm-rate input:focus-visible + label { outline: 2px solid var(--nl-primary); outline-offset: 2px; border-radius: 4px; }
.nl-space .jm-dispute > summary { cursor: pointer; list-style: none; }
.nl-space .jm-dispute > summary::-webkit-details-marker { display: none; }
.nl-space .jm-dispute[open] > summary { margin-bottom: .8em; }
.nl-space .jm-dispute.is-open { border-color: #f4c27a; background: #fffaf0; }
.nl-space .jm-dispute h3 { display: flex; align-items: center; gap: .4em; }
.nl-space .jm-cartbar { display: flex; align-items: center; gap: .6em; flex-wrap: wrap; }
.nl-space .jm-cartbar .jm-btn { margin-left: auto; }
.nl-space .jm-coupon { margin-top: 1.1em; }
.nl-space .jm-coupon__row { display: flex; gap: .5em; max-width: 420px; }
.nl-space .jm-coupon__row input { flex: 1; }
.nl-space .jm-linkbtn { border: 0; background: none; padding: 0; color: var(--nl-primary); text-decoration: underline; cursor: pointer; font: inherit; font-size: .8rem; }
.nl-space .jm-ok-text { color: #11734a; }
.nl-space .jm-warn-text { color: #b25e00; font-weight: 600; }
.nl-space .jm-choices--row { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-bottom: 1em; }
.nl-space .jm-own { margin-bottom: 1em; padding: 1em; border: 1px dashed #c9d2e3; border-radius: 12px; background: #fafbfe; }
.nl-space .jm-own[hidden], .nl-space [data-content-switch][hidden] { display: none; }
.nl-space .jm-selfbill .jm-invoice__parties { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin: 1em 0; }
.nl-space .jm-invoice__lines { width: 100%; }
.nl-space .jm-invoice__lines tfoot th { text-align: right; }
@media (max-width: 720px) {
	.nl-space .jm-deflist > div { grid-template-columns: 1fr; gap: .2em; }
	.nl-space .jm-selfbill .jm-invoice__parties { grid-template-columns: 1fr; }
}

/* ===================================================== forms, take two
   Fields take the width of their column; fields side by side line up on
   their bottom edge (a label on two lines never shifts its input); cards
   breathe; every yes/no is a switch, green when on. */
.nl-space form p { margin: 0 0 1.15em; }
.nl-space label { margin-bottom: .4em; line-height: 1.35; }
.nl-space input[type=text], .nl-space input[type=email], .nl-space input[type=url], .nl-space input[type=password], .nl-space input[type=tel], .nl-space input[type=number], .nl-space input[type=date], .nl-space select, .nl-space textarea {
	max-width: none; min-height: 2.75em; padding: .65em .85em; border-color: #d3d9e6; background-color: #fff;
}
.nl-space input[type=date] { width: 100%; border: 1px solid #d3d9e6; border-radius: 10px; font: inherit; }
.nl-space textarea { min-height: 6em; line-height: 1.5; resize: vertical; }
.nl-space select { appearance: none; -webkit-appearance: none; padding-right: 2.4em; background-image: linear-gradient(45deg, transparent 50%, #5b6b7c 50%), linear-gradient(135deg, #5b6b7c 50%, transparent 50%); background-position: calc(100% - 1.15em) 52%, calc(100% - .8em) 52%; background-size: .36em .36em, .36em .36em; background-repeat: no-repeat; }
.nl-space input::placeholder, .nl-space textarea::placeholder { color: #9aa3b8; }
.nl-space .jm-input-unit { display: flex; align-items: center; gap: .6em; max-width: 340px; }
.nl-space .jm-input-unit > span { white-space: nowrap; color: var(--nl-muted); font-weight: 600; }
.nl-space .jm-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 0 1.1em; align-items: end; }
.nl-space .jm-row--3 { grid-template-columns: minmax(110px, .7fr) minmax(160px, 1.3fr) minmax(140px, 1fr); }
.nl-space .jm-row > p { min-width: 0; }
.nl-space .jm-formsection { padding-top: 1.1em; margin-top: .4em; border-top: 1px solid var(--nl-line); }
.nl-space .jm-formsection > legend, .nl-space .jm-formsection > h4 { font: 700 .95rem var(--nl-display); color: var(--nl-ink); margin: 0 0 .9em; padding: 0; float: left; width: 100%; }
.nl-space .jm-formsection > legend + * { clear: both; }
.nl-space .jm-filters { gap: 0 1em; padding: 1.2em 1.3em .4em !important; }
.nl-space .jm-filters p { margin: 0 0 .9em; }
.nl-space .jm-filters__check { display: flex; flex-wrap: wrap; gap: .4em 1.4em; align-self: center; }

/* Cards never touch: a card follows another with room around it. */
.nl-space .jm-card { margin-bottom: 1.25em; }
.nl-space .jm-grid > .jm-card, .nl-space .jm-cols > .jm-card, .nl-space .jm-cols > div > .jm-card:last-child, .nl-space .jm-stack > .jm-card, .nl-space .jm-stats > .jm-card, .nl-space .jm-tops > .jm-card, .nl-space .jm-ways > *, .nl-space .jm-order > .jm-card, .nl-space .jm-order__main > .jm-card:last-child { margin-bottom: 0; }
.nl-space .jm-grid, .nl-space .jm-cols, .nl-space .jm-stats, .nl-space .jm-tops, .nl-space .jm-order { margin-bottom: 1.25em; }

/* Switches for every yes / no, and for the choices: their place in the line here (a screen may change its margin);
   their size, track, knob and states in the block « HH1 » at the end of this file, never in em. */
.nl-space input[type=checkbox], .nl-space input[type=radio] {
	appearance: none; -webkit-appearance: none; position: relative; flex: none; display: inline-block;
	margin: 0 .6em 0 0; padding: 0; border: 0; border-radius: 999px; cursor: pointer; vertical-align: middle;
}
.nl-space input[type=checkbox]:disabled, .nl-space input[type=radio]:disabled { opacity: .5; cursor: not-allowed; }
.nl-space label:has(> input[type=checkbox]), .nl-space label:has(> input[type=radio]) { display: flex; align-items: center; gap: 0; font-weight: 500; cursor: pointer; }
.nl-space label:has(> input:checked) { color: var(--nl-ink); }
.nl-space .jm-choice:has(input:checked) { border-color: #16a34a; background: #f2fbf5; box-shadow: 0 0 0 3px #dcf5e4; }
.nl-space .jm-choices--row .jm-choice { align-items: start; }
.nl-space .jm-choices--row .jm-choice input { margin-top: .15em; }
/* The stars of a mark stay stars. */
.nl-space .jm-rate input { position: absolute; width: 1px !important; height: 1px !important; opacity: 0; margin: 0; }
.nl-space .jm-rate input::before { display: none; }
.nl-space .jm-rate label { display: inline; }

/* Several values (keywords, terms to leave out): one chip each, × to take it off. */
.nl-space .jm-chipsbox { display: flex; flex-wrap: wrap; align-items: center; gap: .4em; min-height: 2.75em; padding: .35em .5em; border: 1px solid #d3d9e6; border-radius: 10px; background: #fff; cursor: text; transition: border-color .15s, box-shadow .15s; }
.nl-space .jm-chipsbox:focus-within { border-color: var(--nl-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--nl-primary) 15%, transparent); }
.nl-space .jm-chipsbox__chip { display: inline-flex; align-items: center; gap: .3em; padding: .25em .3em .25em .7em; border-radius: 999px; background: var(--nl-primary-50); color: var(--nl-ink); font-size: .86rem; font-weight: 600; }
.nl-space .jm-chipsbox--out .jm-chipsbox__chip { background: #fde8e8; color: #9b1c1c; }
.nl-space .jm-chipsbox__x { display: inline-grid; place-items: center; width: 1.35em; height: 1.35em; border: 0; border-radius: 50%; background: rgba(13, 47, 79, .12); color: inherit; font-size: .9rem; line-height: 1; cursor: pointer; padding: 0; }
.nl-space .jm-chipsbox__x:hover { background: rgba(13, 47, 79, .25); }
.nl-space .jm-chipsbox input[type=text] { flex: 1 1 140px; width: auto; min-width: 120px; min-height: 2em; border: 0 !important; box-shadow: none !important; padding: .3em .2em; background: transparent; }

/* Pages to push: one line each, its address and its anchor. */
.nl-space .jm-pages { display: grid; gap: .55em; margin: 0 0 1.15em; }
.nl-space .jm-pages__head, .nl-space .jm-pages__row { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) 2.75em; gap: .6em; align-items: center; }
.nl-space .jm-pages__head { font-weight: 600; font-size: .86rem; color: var(--nl-ink); }
.nl-space .jm-pages__remove { width: 2.75em; height: 2.75em; border: 1px solid #d3d9e6; border-radius: 10px; background: #fff; color: #7b829c; font-size: 1.15rem; cursor: pointer; }
.nl-space .jm-pages__remove:hover { background: #fde8e8; color: #9b1c1c; border-color: #f5c2c2; }
.nl-space .jm-pages__add { justify-self: start; }
@media (max-width: 720px) {
	.nl-space .jm-pages__head { display: none; }
	.nl-space .jm-pages__row { grid-template-columns: 1fr 2.75em; }
	.nl-space .jm-pages__row input:nth-child(2) { grid-column: 1; }
	.nl-space .jm-row--3 { grid-template-columns: 1fr; }
}

/* ======================================== buyer side, seller side
   The seller side has its own colour (emerald), the buyer side the navy
   and gold of the platform: one sees at once where one is. */
.nl-space.jm-mode-seller { --nl-primary: #0f766e; --nl-primary-600: #0b5852; --nl-primary-50: #e3f4f1; }
.nl-space.jm-mode-seller .jm-welcome { background: radial-gradient(120% 140% at 100% 0%, rgba(110, 231, 183, .25) 0%, transparent 45%), linear-gradient(135deg, #053f3a 0%, #0f766e 55%, #14a38b 100%); }
.nl-space.jm-mode-seller .jm-welcome .jm-eyebrow { color: #a7f3d0; }
.nl-space.jm-mode-seller .jm-welcome .jm-btn { background: #fff; color: #0b5852 !important; border-color: #fff; }
.nl-space .jm-side { border-top: 4px solid var(--nl-primary); }
.nl-space.jm-mode-buyer .jm-side { border-top-color: #ffc400; }
.nl-space .jm-modebadge { display: flex; align-items: center; gap: .45em; margin: .2em .2em .7em; padding: .5em .7em; border-radius: 10px; font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.nl-space.jm-mode-buyer .jm-modebadge { background: #fff6d6; color: #0d2f4f; }
.nl-space.jm-mode-seller .jm-modebadge { background: #e3f4f1; color: #0b5852; }
.nl-space .jm-side__switch a[aria-current] .jm-ico { color: var(--nl-primary); }

/* ======================================== search: TTF, terms left out
   Topical Trust Flow as Majestic shows it (the value in the colour of the
   category); the terms left out are red chips, the usual ones in a click. */
.nl-space .jm-input-ico input[type] { padding-left: 2.5em; }
.nl-space .jm-tool__grid { align-items: end; }
.nl-space .jm-ttfs { display: flex; flex-wrap: wrap; gap: .3em .7em; margin-top: .35em; }
.nl-space .jm-ttf { display: inline-flex; align-items: center; gap: .4em; font-size: .76rem; color: var(--nl-ink); line-height: 1.3; }
.nl-space .jm-ttf > b { display: inline-block; min-width: 1.85em; padding: .12em .3em; border-radius: 3px; text-align: center; font-weight: 700; font-size: .74rem; }
.nl-space .jm-ttf > span { max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nl-space .jm-ttf-card .jm-ttfs { gap: .55em 1.2em; }
.nl-space .jm-ttf-card .jm-ttf { font-size: .88rem; }
.nl-space .jm-ttf-card .jm-ttf > span { max-width: none; }
.nl-space .jm-filters__out { grid-column: 1 / -1; margin: 0 0 .9em; }
.nl-space .jm-filters__out > label { display: block; }
.nl-space .jm-presets { display: flex; flex-wrap: wrap; align-items: center; gap: .4em; margin: .55em 0 0 !important; font-size: .82rem; }
.nl-space .jm-preset { padding: .3em .8em; border: 1px solid #f5c2c2; border-radius: 999px; background: #fff; color: #9b1c1c; font: inherit; font-weight: 600; cursor: pointer; }
.nl-space .jm-preset:hover, .nl-space .jm-preset[aria-pressed=true] { background: #fde8e8; }
.nl-space .jm-tool .jm-filters__out { margin-top: .2em; }
/* The catalogue keeps its last column in sight. */
.nl-space .jm-catalogue th, .nl-space .jm-catalogue td { padding: .6em .5em; }
.nl-space .jm-catalogue th:first-child, .nl-space .jm-catalogue td:first-child { padding-left: 1em; }
.nl-space .jm-catalogue th:last-child, .nl-space .jm-catalogue td:last-child { padding-right: 1em; }
.nl-space .jm-catalogue__site { min-width: 200px; }

/* ================================================= invoices, take two
   A document: the logo and the number at the top, the two parties side by
   side, the line, the totals on the right with the payment on the left, the
   mentions at the bottom. The same on the screen, printed and in PDF. */
.nl-space .jm-docbar { display: flex; flex-wrap: wrap; gap: .5em; align-items: center; margin: 0 0 1.25em; }
.nl-space .jm-invoice { max-width: 860px; padding: 2.4em 2.6em; box-shadow: var(--nl-shadow); color: #1d2340; font-size: .92rem; line-height: 1.5; }
.nl-space .jm-invoice__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 2em; padding-bottom: 1.4em; border-bottom: 3px solid var(--nl-primary); }
.nl-space .jm-invoice__brand img { display: block; max-width: 210px; max-height: 70px; width: auto; height: auto; }
.nl-space .jm-invoice__brand strong { font: 800 1.45rem/1.1 var(--nl-display); color: var(--nl-primary); letter-spacing: -.01em; }
.nl-space .jm-invoice__title { text-align: right; }
.nl-space .jm-invoice__title h2 { margin: 0; font: 800 1.9rem/1 var(--nl-display); letter-spacing: .02em; text-transform: uppercase; color: var(--nl-ink); }
.nl-space .jm-invoice__no { margin: .35em 0 .7em; font-weight: 700; color: var(--nl-primary); font-size: 1.02rem; }
.nl-space .jm-invoice__dates { display: grid; gap: .15em; margin: 0; font-size: .84rem; }
.nl-space .jm-invoice__dates div { display: flex; justify-content: flex-end; gap: .6em; }
.nl-space .jm-invoice__dates dt { color: var(--nl-muted); }
.nl-space .jm-invoice__dates dd { margin: 0; font-weight: 600; min-width: 7.5em; text-align: right; }
.nl-space .jm-invoice .jm-invoice__parties { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6em; margin: 1.8em 0; }
.nl-space .jm-invoice__parties section { padding: 1em 1.2em; border-radius: 10px; background: #f6f8fb; }
.nl-space .jm-invoice__parties section + section { background: #fff; border: 1px solid var(--nl-line); }
.nl-space .jm-invoice__parties h3 { margin: 0 0 .45em; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--nl-muted); }
.nl-space .jm-invoice__parties p { margin: 0; font-size: .86rem; }
.nl-space .jm-invoice__parties strong { font-size: .98rem; color: var(--nl-ink); }
.nl-space table.jm-invoice__lines { width: 100%; border-collapse: collapse; margin: 0 0 1.2em; }
.nl-space .jm-invoice__lines th { padding: .7em .8em; background: var(--nl-primary); color: #fff; font-size: .74rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; text-align: left; }
.nl-space .jm-invoice__lines th:first-child { border-radius: 8px 0 0 8px; }
.nl-space .jm-invoice__lines th:last-child { border-radius: 0 8px 8px 0; }
.nl-space .jm-invoice__lines td { padding: .9em .8em; border-bottom: 1px solid var(--nl-line); vertical-align: top; }
.nl-space .jm-invoice__lines .jm-num { text-align: right; white-space: nowrap; }
.nl-space .jm-invoice__lines tfoot th { background: none; color: var(--nl-ink); text-align: right; text-transform: none; font-size: .9rem; letter-spacing: 0; }
.nl-space .jm-invoice__foot { display: grid; grid-template-columns: 1fr minmax(240px, 300px); gap: 2em; align-items: start; }
.nl-space .jm-invoice__pay p { margin: 0; font-size: .86rem; color: #4b5374; }
.nl-space .jm-invoice__stamp { display: inline-block; margin-bottom: .35em; padding: .2em .8em; border: 2px solid #16a34a; border-radius: 6px; color: #16a34a; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; transform: rotate(-3deg); }
.nl-space .jm-invoice__totals { margin: 0; display: grid; gap: .1em; }
.nl-space .jm-invoice__totals div { display: flex; justify-content: space-between; gap: 1em; padding: .4em .2em; }
.nl-space .jm-invoice__totals dt { color: var(--nl-muted); }
.nl-space .jm-invoice__totals dd { margin: 0; font-weight: 600; white-space: nowrap; }
.nl-space .jm-invoice__total { margin-top: .35em; padding: .75em .9em !important; border-radius: 10px; background: var(--nl-primary); color: #fff; }
.nl-space .jm-invoice__total dt, .nl-space .jm-invoice__total dd { color: #fff; font-weight: 800; font-size: 1.02rem; }
.nl-space .jm-invoice--credit .jm-invoice__top { border-bottom-color: #c77700; }
.nl-space .jm-invoice--credit .jm-invoice__total { background: #c77700; }
.nl-space .jm-invoice__legal { margin-top: 2em; padding-top: 1em; border-top: 1px solid var(--nl-line); font-size: .74rem; line-height: 1.5; color: #6b7393; }
.nl-space .jm-invoice__legal p { margin: 0 0 .35em; }
.nl-space .jm-invoicelist td { vertical-align: middle; }
@media (max-width: 720px) {
	.nl-space .jm-invoice { padding: 1.4em 1.1em; }
	.nl-space .jm-invoice__top, .nl-space .jm-invoice .jm-invoice__parties, .nl-space .jm-invoice__foot { grid-template-columns: 1fr; flex-direction: column; }
	.nl-space .jm-invoice__title { text-align: left; }
	.nl-space .jm-invoice__dates div { justify-content: flex-start; }
}
@media print {
	.nl-space .jm-invoice { box-shadow: none; padding: 0; font-size: 10.5pt; }
	.nl-space .jm-invoice__lines th, .nl-space .jm-invoice__total, .nl-space .jm-invoice__parties section { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* Packs without the column of the number of sites (hidden from the buyers). */
.nl-space .jm-tierrows--nocount .jm-rows__head, .nl-space .jm-tierrows--nocount .jm-rows__row { grid-template-columns: minmax(220px, 2.6fr) 1.4fr .9fr 1.1fr .9fr; }
@media (max-width: 720px) { .nl-space .jm-tierrows--nocount .jm-rows__row { grid-template-columns: 1fr 1fr; } }

/* ========================================================= notifications
   A filter by kind, the days as headings, each notification a row with the
   icon and colour of its kind; the new ones stand out (accent, « Nouveau »). */
.nl-space .jm-filterchips { display: flex; flex-wrap: wrap; gap: .45em; margin: 0 0 1.25em; }
.nl-space .jm-filterchips a { display: inline-flex; align-items: center; gap: .45em; padding: .45em .95em; border: 1px solid var(--nl-line); border-radius: 999px; background: #fff; color: var(--nl-ink); font-size: .86rem; font-weight: 600; text-decoration: none; }
.nl-space .jm-filterchips a span { min-width: 1.6em; padding: .05em .45em; border-radius: 999px; background: var(--nl-bg); color: var(--nl-muted); font-size: .74rem; text-align: center; }
.nl-space .jm-filterchips a:hover { border-color: var(--nl-primary); }
.nl-space .jm-filterchips a[aria-current] { background: var(--nl-primary); border-color: var(--nl-primary); color: #fff; }
.nl-space .jm-filterchips a[aria-current] span { background: rgba(255, 255, 255, .2); color: #fff; }
.nl-space .jm-notifs { display: grid; gap: .6em; max-width: 980px; }
.nl-space .jm-notifs__day { margin: 1em 0 .2em; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--nl-muted); }
.nl-space .jm-notifs__day:first-child { margin-top: 0; }
.nl-space .jm-notif { --k: #5b6b7c; --k-50: #eef1f6; position: relative; display: grid; grid-template-columns: 2.6em 1fr auto; gap: 1em; align-items: start; padding: 1em 1.15em; border: 1px solid var(--nl-line); border-radius: 14px; background: #fff; box-shadow: var(--nl-shadow); }
.nl-space .jm-notif--order { --k: #0d2f4f; --k-50: #e8eef5; }
.nl-space .jm-notif--message { --k: #7a3fd1; --k-50: #f1eafd; }
.nl-space .jm-notif--level { --k: #b07a00; --k-50: #fff3d6; }
.nl-space .jm-notif--offer { --k: #0f8a64; --k-50: #e3f7ef; }
.nl-space .jm-notif--info { --k: #2563eb; --k-50: #e8f0fe; }
.nl-space .jm-notif.is-unread { border-color: color-mix(in srgb, var(--k) 35%, var(--nl-line)); background: linear-gradient(90deg, var(--k-50) 0, #fff 60%); box-shadow: inset 4px 0 0 var(--k), var(--nl-shadow); }
.nl-space .jm-notif__icon { display: grid; place-items: center; width: 2.6em; height: 2.6em; border-radius: 12px; background: var(--k-50); color: var(--k); }
.nl-space .jm-notif__body { min-width: 0; }
.nl-space .jm-notif__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5em; margin: 0 0 .25em; font-size: .76rem; color: var(--nl-muted); }
.nl-space .jm-notif__kind { font-weight: 700; color: var(--k); text-transform: uppercase; letter-spacing: .06em; }
.nl-space .jm-notif__new { padding: .1em .55em; border-radius: 999px; background: #e5484d; color: #fff; font-weight: 700; font-size: .7rem; }
.nl-space .jm-notif__meta time::before { content: "·"; margin-right: .5em; }
.nl-space .jm-notif__title { margin: 0; font: 700 .98rem/1.35 var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-notif__text { margin: .3em 0 0; color: var(--nl-text); font-size: .9rem; line-height: 1.5; }
.nl-space .jm-notif__cta { align-self: center; white-space: nowrap; }
/* The notifications chosen, taken out of the list of the member (for him only). */
.nl-space .jm-notifs__bar { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; gap: .5em .8em; max-width: 980px; margin: 0 0 .8em; padding: .6em .9em; border: 1px solid var(--nl-line); border-radius: 12px; background: #fff; box-shadow: var(--nl-shadow); }
.nl-space .jm-notifs__bar label { display: inline-flex; align-items: center; gap: .45em; margin: 0; font-weight: 600; cursor: pointer; }
.nl-space .jm-notifs__bar .jm-notifs__count { color: var(--nl-muted); font-size: .85rem; }
.nl-space .jm-notifs__bar .jm-notifs__spacer { flex: 1 1 auto; }
.nl-space .jm-notifs--select .jm-notif { grid-template-columns: 1.3em 2.6em 1fr auto; }
.nl-space .jm-notif__pick { display: grid; place-items: center; height: 2.6em; margin: 0; cursor: pointer; }
.nl-space .jm-notif__pick input, .nl-space .jm-notifs__bar input[type="checkbox"] { margin: 0; }
.nl-space .jm-notif__actions { display: flex; align-items: center; gap: .4em; align-self: center; }
.nl-space .jm-notif__del { display: inline-grid; place-items: center; width: 2.1em; height: 2.1em; padding: 0; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--nl-muted); cursor: pointer; }
.nl-space .jm-notif__del:hover, .nl-space .jm-notif__del:focus-visible { border-color: var(--nl-line); background: #fff1f1; color: #c4282d; }
.nl-space .jm-notif:has(.jm-notif__pick input:checked) { outline: 2px solid color-mix(in srgb, var(--k) 45%, transparent); outline-offset: -1px; }
/* « Demander une vérification manuelle » (a page that receives no link sold, a site not eligible). */
.nl-space .jm-pages-act { min-width: 13em; }
.nl-space .jm-verif { margin: .45em 0 0; }
.nl-space details.jm-verif > summary { list-style: none; display: inline-flex; cursor: pointer; }
.nl-space details.jm-verif > summary::-webkit-details-marker { display: none; }
.nl-space .jm-verif__form { display: grid; gap: .35em; margin-top: .5em; padding: .7em .8em; border: 1px solid var(--nl-line); border-radius: 10px; background: #fafbfd; white-space: normal; max-width: 26em; }
.nl-space .jm-verif__form textarea { width: 100%; min-height: 4.5em; }
.nl-space .jm-verif__form p { margin: 0; }
.nl-space .jm-verif--refused { color: #9a3412; }
@media (max-width: 720px) {
	.nl-space .jm-notif { grid-template-columns: 2.4em 1fr; }
	.nl-space .jm-notif__cta { grid-column: 2; justify-self: start; }
	.nl-space .jm-notifs--select .jm-notif { grid-template-columns: 1.3em 2.4em 1fr; }
	.nl-space .jm-notif__actions { grid-column: 3; justify-self: start; }
}

/* ========================================================== help centre
   A hero with the search, the themes as tiles, each theme a card of
   questions that open (a « + » that turns), the answers set like a page. */
.nl-space .jm-help-hero { display: grid; grid-template-columns: 1.2fr 1fr; gap: 1.5em 2.5em; align-items: center; margin: 0 0 1.5em; padding: 2em 2.2em; border-radius: var(--nl-radius); color: #fff; background: radial-gradient(120% 140% at 100% 0%, rgba(255, 196, 0, .22) 0%, transparent 45%), linear-gradient(135deg, #071e33 0%, var(--nl-primary) 60%, #1e5a8c 100%); box-shadow: var(--nl-shadow-lg); }
.nl-space.jm-mode-seller .jm-help-hero { background: radial-gradient(120% 140% at 100% 0%, rgba(110, 231, 183, .25) 0%, transparent 45%), linear-gradient(135deg, #053f3a 0%, #0f766e 55%, #14a38b 100%); }
.nl-space .jm-help-hero h2 { margin: .2em 0 .35em; font: 800 1.75rem/1.2 var(--nl-display); color: #fff; }
.nl-space .jm-help-hero p { margin: 0; color: rgba(255, 255, 255, .86); }
.nl-space .jm-help-hero .jm-eyebrow { color: #ffd84d; }
.nl-space .jm-help-search { margin: 0 !important; }
.nl-space .jm-help-search input[type=search] { width: 100%; min-height: 3.2em; padding-left: 2.7em; border: 0; border-radius: 12px; font-size: 1rem; box-shadow: 0 6px 24px rgba(0, 0, 0, .18); }
.nl-space .jm-help-nav { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: .6em; margin: 0 0 1.25em; }
.nl-space .jm-help-nav a { display: flex; align-items: center; gap: .6em; padding: .8em 1em; border: 1px solid var(--nl-line); border-radius: 12px; background: #fff; color: var(--nl-ink); font-weight: 600; font-size: .9rem; text-decoration: none; box-shadow: var(--nl-shadow); transition: border-color .15s, transform .15s; }
.nl-space .jm-help-nav a:hover { border-color: var(--nl-primary); transform: translateY(-1px); }
.nl-space .jm-help-nav a .jm-ico { color: var(--nl-primary); flex: none; }
.nl-space .jm-help-nav a span { flex: 1; }
.nl-space .jm-help-nav small { padding: .1em .5em; border-radius: 999px; background: var(--nl-primary-50); color: var(--nl-primary); font-weight: 700; }
.nl-space .jm-help-scope { margin: 0 0 1em; font-size: .88rem; color: var(--nl-muted); }
.nl-space .jm-help-list { display: grid; gap: 1.25em; max-width: 980px; }
.nl-space .jm-help-section { padding: 1.3em 1.5em .6em; border: 1px solid var(--nl-line); border-radius: var(--nl-radius); background: #fff; box-shadow: var(--nl-shadow); scroll-margin-top: 90px; }
.nl-space .jm-help-section h3 { display: flex; align-items: center; gap: .6em; margin: 0 0 .6em; font: 800 1.1rem/1.3 var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-help-section__icon { display: grid; place-items: center; width: 2.2em; height: 2.2em; border-radius: 10px; background: var(--nl-primary-50); color: var(--nl-primary); }
.nl-space .jm-help-q { border-top: 1px solid var(--nl-line); }
.nl-space .jm-help-q summary { display: flex; align-items: center; gap: .8em; padding: 1em .2em; cursor: pointer; list-style: none; font-weight: 650; color: var(--nl-ink); }
.nl-space .jm-help-q summary::-webkit-details-marker { display: none; }
.nl-space .jm-help-q summary span { flex: 1; }
.nl-space .jm-help-q summary::after { content: "+"; display: grid; place-items: center; flex: none; width: 1.7em; height: 1.7em; border-radius: 50%; background: var(--nl-bg); color: var(--nl-primary); font-size: 1.15rem; font-weight: 700; transition: transform .2s, background .2s; }
.nl-space .jm-help-q[open] summary::after { transform: rotate(45deg); background: var(--nl-primary); color: #fff; }
.nl-space .jm-help-q summary:hover span { color: var(--nl-primary); }
.nl-space .jm-help-for { padding: .15em .6em; border-radius: 999px; background: var(--nl-bg); color: var(--nl-muted); font-size: .72rem; font-style: normal; font-weight: 700; }
.nl-space .jm-help-a { padding: 0 2.6em 1.2em .2em; color: var(--nl-text); line-height: 1.65; }
.nl-space .jm-help-a p { margin: 0 0 .8em; }
.nl-space .jm-help-a ul, .nl-space .jm-help-a ol { margin: 0 0 .9em; padding-left: 1.3em; }
.nl-space .jm-help-a li { margin: .3em 0; }
.nl-space .jm-help-a li::marker { color: var(--nl-primary); font-weight: 700; }
.nl-space .jm-help-a strong { color: var(--nl-ink); }
.nl-space .jm-help-a a { color: var(--nl-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.nl-space .jm-help-none { padding: 1.5em; border: 1px dashed var(--nl-line); border-radius: 12px; text-align: center; color: var(--nl-muted); }
.nl-space .jm-help-contact { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1em 2em; max-width: 980px; margin: 1.5em 0 0; padding: 1.4em 1.6em; border-radius: var(--nl-radius); background: var(--nl-primary-50); }
.nl-space .jm-help-contact h3 { margin: 0 0 .25em; font: 800 1.05rem var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-help-contact p { margin: 0; }
@media (max-width: 860px) {
	.nl-space .jm-help-hero { grid-template-columns: 1fr; padding: 1.5em; }
	.nl-space .jm-help-a { padding-right: .2em; }
}

/* ====================================================== seller: profit by site */
.nl-space .jm-profit__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 1em; margin-bottom: 1em; }
.nl-space .jm-profit__head h3 { margin: 0 0 .2em; }
.nl-space .jm-profit__head p { margin: 0; }
.nl-space .jm-profit__table td { vertical-align: middle; }
.nl-space .jm-profit__rank { display: inline-grid; place-items: center; width: 1.9em; height: 1.9em; border-radius: 50%; background: var(--nl-bg); color: var(--nl-muted); font-weight: 800; font-size: .8rem; }
.nl-space .jm-profit__rank.is-top { background: var(--nl-primary); color: #fff; }
.nl-space .jm-profit__bar { display: inline-block; vertical-align: middle; width: 120px; height: 8px; margin-right: .5em; border-radius: 999px; background: var(--nl-bg); overflow: hidden; }
.nl-space .jm-profit__bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--nl-primary), color-mix(in srgb, var(--nl-primary) 55%, #6ee7b7)); }
.nl-space .jm-profit__warn { color: #c62828; font-weight: 700; }
.nl-space .jm-invoice__brand { display: flex; align-items: center; gap: .7em; }

/* ============================================================== support */
.nl-space .jm-support { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 360px); gap: 1.25em; align-items: start; }
.nl-space .jm-support__main { min-width: 0; }
.nl-space .jm-support__new, .nl-space .jm-support__side { position: sticky; top: 90px; }
.nl-space .jm-tickets { display: grid; gap: .55em; }
.nl-space .jm-ticket { display: grid; grid-template-columns: auto 1fr auto; gap: 1em; align-items: center; padding: .95em 1.1em; border: 1px solid var(--nl-line); border-radius: 14px; background: #fff; box-shadow: var(--nl-shadow); color: var(--nl-ink); text-decoration: none; transition: border-color .15s, transform .15s; }
.nl-space .jm-ticket:hover { border-color: var(--nl-primary); transform: translateY(-1px); }
.nl-space .jm-ticket.is-new { box-shadow: inset 4px 0 0 #2563eb, var(--nl-shadow); background: linear-gradient(90deg, #eef4ff 0, #fff 55%); }
.nl-space .jm-ticket__ref { font: 700 .74rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--nl-muted); padding: .4em .55em; border-radius: 8px; background: var(--nl-bg); }
.nl-space .jm-ticket__subject { display: flex; flex-direction: column; gap: .15em; min-width: 0; }
.nl-space .jm-ticket__subject strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nl-space .jm-ticket__subject small { color: var(--nl-muted); font-size: .8rem; }
.nl-space .jm-ticket__state { display: flex; align-items: center; gap: .4em; white-space: nowrap; }
.nl-space .jm-ticket-thread { display: grid; gap: .7em; margin-bottom: 1em; }
.nl-space .jm-msg--team { border-left: 3px solid var(--nl-primary); }
.nl-space .jm-ticket-event { margin: .2em 0; text-align: center; font-size: .78rem; color: var(--nl-muted); }
.nl-space .jm-empty-mini { text-align: center; padding: 2em 1em; }
.nl-space .jm-support__side .jm-deflist { margin-bottom: 1em; }
@media (max-width: 960px) {
	.nl-space .jm-support { grid-template-columns: 1fr; }
	.nl-space .jm-support__new, .nl-space .jm-support__side { position: static; }
	.nl-space .jm-ticket { grid-template-columns: 1fr; gap: .4em; }
}

/* ========================================================= transactions */
.nl-space .jm-tx td { vertical-align: middle; }
.nl-space .jm-tx__in { color: #15803d; }
.nl-space .jm-tx__out { color: var(--nl-ink); }
.nl-space .jm-tx__fee { color: #9b1c1c; font-weight: 600; }
.nl-space .jm-tx--payout { background: #fafbfe; }

/* ====================================================== promotions, put forward, lists */
.nl-space .jm-promo-price { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; gap: .3em; }
.nl-space .jm-promo-price del, .nl-space .jm-site__prices del, .nl-space .jm-price del { color: var(--nl-muted); font-weight: 500; font-size: .86em; }
.nl-space .jm-promo-price strong { color: #c62828; }
.nl-space .jm-promo-badge { padding: .1em .45em; border-radius: 6px; background: #c62828; color: #fff; font-size: .72rem; font-weight: 800; }
.nl-space .jm-badge.jm-featured { background: #fff3d6; color: #8a5a00; display: inline-flex; align-items: center; gap: .25em; }
.nl-space .jm-badge.jm-promo { background: #fde8e8; color: #9b1c1c; display: inline-flex; align-items: center; gap: .25em; }
.nl-space .jm-catalogue tr.is-featured td:first-child { box-shadow: inset 3px 0 0 #ffc400; }
.nl-space .jm-site.is-featured { box-shadow: 0 0 0 2px #ffc400, var(--nl-shadow); }
.nl-space .jm-icon-btn--ban.is-on { background: #fde8e8; color: #c62828; border-color: #f5c2c2; }
.nl-space .jm-icon-btn--ban:hover { color: #c62828; }
.nl-space .jm-catalogue__actions .jm-fav { margin-left: .2em; }
.nl-space .jm-notice--promo { background: #fff1f1; border-color: #f5c2c2; color: #7f1d1d; display: flex; align-items: center; gap: .4em; }
.nl-space .jm-minisites { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .7em; }
.nl-space .jm-minisite { display: flex; flex-direction: column; gap: .35em; padding: .9em 1em; border: 1px solid var(--nl-line); border-radius: 12px; background: #fff; color: var(--nl-ink); text-decoration: none; transition: border-color .15s, transform .15s; }
.nl-space .jm-minisite:hover { border-color: var(--nl-primary); transform: translateY(-1px); }
.nl-space .jm-minisite.is-locked strong { color: var(--nl-muted); }
.nl-space .jm-minisite__head { display: flex; flex-wrap: wrap; align-items: center; gap: .3em; }
.nl-space .jm-minisite__price { display: flex; flex-direction: column; align-items: flex-start; gap: .1em; margin-top: auto; }
.nl-space .jm-minisite__price .jm-promo-price { justify-content: flex-start; }
.nl-space .jm-featured-block, .nl-space .jm-promos-block { margin-bottom: 1.25em; }
.nl-space .jm-promo-box { margin: .9em 0; border: 1px dashed #f5c2c2; border-radius: 12px; background: #fffafa; }
.nl-space .jm-promo-box.is-live { border-style: solid; background: #fff4f4; }
.nl-space .jm-promo-box summary { display: flex; align-items: center; gap: .45em; padding: .7em .9em; cursor: pointer; font-weight: 700; color: #9b1c1c; }
.nl-space .jm-promo-box form { padding: 0 .9em .8em; }
.nl-space .jm-inline-actions { display: flex; flex-wrap: wrap; gap: .5em; margin: 0; }
.nl-space .jm-history { margin-bottom: 1.25em; }
.nl-featured .jm-minisites { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

/* =================================== lists with flags and colours (select[data-rich]) */
.nl-space .jm-flag { display: inline-block; width: 20px; height: 15px; border-radius: 3px; object-fit: cover; box-shadow: 0 0 0 1px rgba(16, 24, 64, .12); vertical-align: -2px; }
.nl-space .jm-lang { display: inline-flex; align-items: center; gap: .3em; font-weight: 600; }
.nl-space .jm-rselect { position: relative; }
.nl-space .jm-rselect__btn { display: flex; align-items: center; gap: .55em; width: 100%; min-height: 2.75em; padding: .55em 2.4em .55em .85em; border: 1px solid #d3d9e6; border-radius: 10px; background: #fff; font: inherit; color: var(--nl-ink); text-align: left; cursor: pointer; position: relative; }
.nl-space .jm-rselect__btn::after { content: ""; position: absolute; right: .8em; top: 50%; width: .36em; height: .36em; border-right: 2px solid #5b6b7c; border-bottom: 2px solid #5b6b7c; transform: translateY(-70%) rotate(45deg); }
.nl-space .jm-rselect__btn:focus-visible { outline: none; border-color: var(--nl-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--nl-primary) 15%, transparent); }
.nl-space .jm-rselect__text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nl-space .jm-rselect__mark { display: inline-grid; place-items: center; flex: none; width: 20px; }
.nl-space .jm-rselect__mark.is-empty { width: 0; }
.nl-space .jm-rselect__swatch { display: block; width: 16px; height: 16px; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
.nl-space .jm-rselect__list { position: absolute; z-index: 30; left: 0; right: auto; top: calc(100% + 6px); width: max-content; min-width: 100%; max-width: min(380px, calc(100vw - 24px)); max-height: 300px; overflow-x: hidden; overflow-y: auto; margin: 0; padding: .3em; list-style: none; border: 1px solid #d3d9e6; border-radius: 12px; background: #fff; box-shadow: var(--nl-shadow-lg); outline: none; }
.nl-space .jm-rselect.is-end .jm-rselect__list { left: auto; right: 0; }
.nl-space .jm-rselect__list li { display: flex; align-items: center; gap: .55em; padding: .5em .65em; border-radius: 8px; cursor: pointer; font-size: .92rem; }
.nl-space .jm-rselect__list li.is-active, .nl-space .jm-rselect__list li:hover { background: var(--nl-primary-50); }
.nl-space .jm-rselect__list li[aria-selected="true"] { font-weight: 700; }

/* The figures between a minimum and a maximum. */
.nl-space .jm-ranges { grid-column: 1 / -1; margin: .2em 0 1em; border: 1px solid var(--nl-line); border-radius: 12px; background: #fafbfe; }
.nl-space .jm-ranges summary { display: flex; align-items: center; gap: .5em; padding: .75em 1em; cursor: pointer; font-weight: 700; color: var(--nl-ink); }
.nl-space .jm-ranges__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: .8em 1em; padding: 0 1em 1em; }
.nl-space .jm-range { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .35em; margin: 0; padding: 0; border: 0; }
.nl-space .jm-range legend { grid-column: 1 / -1; padding: 0; margin: 0 0 .3em; font-weight: 600; font-size: .86rem; color: var(--nl-ink); float: left; width: 100%; }
.nl-space .jm-range input[type=number] { min-width: 0; text-align: center; }
.nl-space .jm-range span { color: var(--nl-muted); }

/* Search Console shared by the seller: the traffic proved. */
.nl-space .jm-badge.jm-verified { background: #e3f7ef; color: #0f6b4a; display: inline-flex; align-items: center; gap: .25em; }
.nl-space .jm-gsc-box { margin: .9em 0; border: 1px dashed #b7e4cf; border-radius: 12px; background: #f6fcf9; }
.nl-space .jm-gsc-box.is-ok { border-style: solid; }
.nl-space .jm-gsc-box summary { display: flex; align-items: center; gap: .45em; padding: .7em .9em; cursor: pointer; font-weight: 700; color: #0f6b4a; }
.nl-space .jm-gsc-box__body { padding: 0 .9em .8em; }
.nl-space .jm-gsc-box code { padding: .1em .4em; border-radius: 6px; background: #fff; border: 1px solid #d3d9e6; font-size: .84rem; user-select: all; }

/* Previews of the sites (screenshots of their home page). */
.nl-space .jm-shot { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; border-radius: 10px; background: #eef1f7; border: 1px solid #e3e7ef; }
.nl-space .jm-site.has-shot { padding-top: 0; overflow: hidden; }
.nl-space .jm-site__shot { display: block; margin: 0 -1.1em .8em; }
.nl-space .jm-site__shot .jm-shot { border-radius: 0; border: 0; border-bottom: 1px solid #e3e7ef; transition: transform .25s ease; }
.nl-space .jm-site__shot:hover .jm-shot { transform: scale(1.02); }
.nl-space .jm-shot--mini { display: inline-block; width: 72px; height: 45px; margin: 0 .6em .2em 0; vertical-align: middle; border-radius: 6px; float: left; }
.nl-space .jm-shot-figure { margin: 0 0 1.25em; padding: .8em; }
.nl-space .jm-shot-figure .jm-shot { max-height: 520px; }
.nl-space .jm-shot-figure figcaption { margin-top: .5em; }
.nl-space .jm-shot-box { margin: .6em 0; border: 1px solid #e3e7ef; border-radius: 10px; padding: .5em .8em; }
.nl-space .jm-shot-box summary { cursor: pointer; font-weight: 600; }
.nl-space .jm-shot-box__body { display: grid; gap: .6em; margin-top: .6em; max-width: 480px; }
@media (max-width: 640px) { .nl-space .jm-shot--mini { display: none; } }

/* Sign-up: buy or sell; the questionnaire of the sellers. */
.nl-space .jm-kind-choice { border: 0; padding: 0; margin: 0 0 1em; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: .6em; }
.nl-space .jm-kind-choice legend { font-weight: 600; margin-bottom: .4em; }
.nl-space .jm-kind-card { display: flex; gap: .6em; align-items: flex-start; border: 1px solid var(--nl-line); border-radius: 12px; padding: .8em .9em; cursor: pointer; background: #fff; transition: border-color .15s, box-shadow .15s; }
.nl-space .jm-kind-card:has(input:checked) { border-color: var(--nl-primary, #4f46e5); box-shadow: 0 0 0 3px rgba(79, 70, 229, .12); }
.nl-space .jm-kind-card > span { display: grid; gap: .2em; }
.nl-space .jm-kind-card input { margin-top: .25em; }
.nl-space .jm-seller-quiz { border-left: 3px solid var(--nl-primary, #4f46e5); padding-left: .9em; margin: 0 0 1em; }
.nl-space .jm-quiz__q { border: 0; padding: 0; margin: 0 0 .8em; }
.nl-space .jm-quiz__q legend { font-weight: 600; margin-bottom: .3em; }
.nl-space .jm-quiz__q label { display: block; margin: .15em 0; font-weight: 400; }
.nl-space .jm-quiz-recap { list-style: none; padding: 0; display: grid; gap: .5em; }
.nl-space .jm-quiz-recap li { padding: .5em .7em; border-radius: 8px; background: #f6f8fb; }
.nl-space .jm-quiz-recap li.is-ko { background: #fff7e6; }
.nl-space .jm-kind-choice .jm-kind-card { position: relative; text-align: left; padding-right: 2.2em; }
.nl-space .jm-kind-choice .jm-kind-card input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.nl-space .jm-kind-choice .jm-kind-card strong { display: flex; align-items: center; gap: .4em; }
.nl-space .jm-kind-choice .jm-kind-card:has(input:focus-visible) { outline: 2px solid var(--nl-primary, #4f46e5); outline-offset: 2px; }
.nl-space .jm-kind-choice .jm-kind-card::after { content: ''; position: absolute; top: .8em; right: .8em; width: 1.1em; height: 1.1em; border-radius: 50%; border: 2px solid #c7cede; }
.nl-space .jm-kind-choice .jm-kind-card:has(input:checked)::after { border-color: var(--nl-primary, #4f46e5); background: radial-gradient(circle, var(--nl-primary, #4f46e5) 45%, transparent 50%); }
/* The answers of the questionnaire: one choice each, shown as round buttons in a row you can click. */
.nl-space .jm-quiz__q label { display: flex; align-items: center; padding: .45em .7em; margin: .25em 0; border: 1px solid var(--nl-line); border-radius: 10px; background: #fff; transition: border-color .15s, background .15s; }
.nl-space .jm-quiz__q label:has(input:checked) { border-color: var(--nl-primary, #4f46e5); background: #f5f7ff; }
.nl-space .jm-quiz__q input[type=radio] { width: 1.15em; height: 1.15em; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 2px #c7cede; margin-right: .6em; }
.nl-space .jm-quiz__q input[type=radio]::before { top: .29em; left: .29em; width: .57em; height: .57em; background: transparent; box-shadow: none; transform: none; }
.nl-space .jm-quiz__q input[type=radio]:checked { background: #fff; box-shadow: inset 0 0 0 2px var(--nl-primary, #4f46e5); }
.nl-space .jm-quiz__q input[type=radio]:checked::before { background: var(--nl-primary, #4f46e5); transform: none; }

/* Links offered, reviews. */
.nl-space .jm-levels { list-style: none; padding: 0; display: grid; gap: .4em; }
.nl-space .jm-levels li { padding: .55em .8em; border: 1px solid var(--nl-line); border-radius: 10px; }
.nl-space .jm-levels li.is-done { border-color: #16a34a; background: #effaf2; }
.nl-space .jm-levels li.is-done::before { content: '✓ '; color: #16a34a; font-weight: 700; }
.nl-space .jm-stars-input { display: flex; flex-wrap: wrap; gap: .4em; }
.nl-space .jm-stars-input label { color: #d29b00; }

/* Security: QR code, recovery codes. */
.nl-space .jm-qr { width: 220px; max-width: 100%; padding: 10px; background: #fff; border: 1px solid var(--nl-line); border-radius: 12px; margin: .6em 0; }
.nl-space .jm-qr svg { display: block; width: 100%; height: auto; }
.nl-space .jm-codes { font-size: 1.05em; letter-spacing: .08em; columns: 2; }

/* Anchor plan. */
.nl-space .jm-anchors__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; }
.nl-space .jm-anchors__bar { display: flex; height: 14px; border-radius: 999px; overflow: hidden; background: #eef1f7; margin: .6em 0; }
.nl-space .jm-anchors__bar span { display: block; height: 100%; }
.nl-space .jm-anchors__legend { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .4em 1.1em; font-size: .92em; }
.nl-space .jm-anchors__legend i { display: inline-block; width: .8em; height: .8em; border-radius: 3px; margin-right: .35em; vertical-align: -1px; }

/* Text editor of the member space (assets/rich.js). */
.nl-space .nl-rich { border: 1px solid var(--nl-line); border-radius: 10px; background: #fff; }
.nl-space .nl-rich__bar { display: flex; flex-wrap: wrap; gap: 2px; padding: 4px; border-bottom: 1px solid var(--nl-line); background: #f7f8fb; border-radius: 10px 10px 0 0; }
.nl-space .nl-rich__btn { min-width: 32px; height: 30px; padding: 0 .4em; border: 1px solid transparent; border-radius: 6px; background: none; cursor: pointer; font-weight: 700; color: #33405a; }
.nl-space .nl-rich__btn:hover, .nl-space .nl-rich__btn:focus-visible { background: #e9edf6; border-color: #cfd6e4; }
.nl-space .nl-rich__btn--italic { font-style: italic; }
.nl-space .nl-rich__area { padding: .7em .9em; outline: none; line-height: 1.6; overflow: auto; max-height: 460px; }
.nl-space .nl-rich__area:focus { box-shadow: inset 0 0 0 2px var(--nl-primary, #4f46e5); border-radius: 0 0 10px 10px; }
.nl-space .nl-rich__area.is-empty::before { content: attr(data-placeholder); color: #8a93a8; }
.nl-space .nl-rich__area.is-invalid { box-shadow: inset 0 0 0 2px #dc2626; }
.nl-space .nl-rich__area p, .nl-space .jm-rich p { margin: 0 0 .6em; }
.nl-space .nl-rich__area ul, .nl-space .nl-rich__area ol, .nl-space .jm-rich ul, .nl-space .jm-rich ol { margin: 0 0 .6em 1.4em; }
.nl-space .nl-rich__area h3, .nl-space .jm-rich h3 { font-size: 1.08em; margin: .6em 0 .3em; }
/* The bullets and numbers of the lists kept whatever the theme resets; titles, links and bold as they will be read. */
.nl-space .nl-rich__area ul, .nl-space .jm-rich ul { padding: 0; list-style: disc outside; }
.nl-space .nl-rich__area ol, .nl-space .jm-rich ol { padding: 0; list-style: decimal outside; }
.nl-space .nl-rich__area li, .nl-space .jm-rich li { display: list-item; margin: 0 0 .25em; }
.nl-space .nl-rich__area h3, .nl-space .nl-rich__area h4 { font-weight: 700; line-height: 1.3; }
.nl-space .nl-rich__area h4 { font-size: 1em; margin: .5em 0 .25em; }
.nl-space .nl-rich__area a { color: var(--nl-primary, #1d5fa3); text-decoration: underline; text-underline-offset: 2px; }
.nl-space .nl-rich__area strong, .nl-space .nl-rich__area b { font-weight: 700; }

/* API and webhooks. */
.nl-space .jm-code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .86em; background: #0f172a; color: #e2e8f0; padding: .9em 1em; border-radius: 10px; overflow-x: auto; white-space: pre; }
.nl-space .jm-api-hook { border: 1px solid var(--nl-line); border-radius: 10px; padding: .6em .8em; margin: 0 0 .6em; }
.nl-space .jm-api-hook code { word-break: break-all; }
.nl-space .jm-inline-actions form { display: inline-block; margin-right: .4em; }
.nl-space .jm-inline-actions .jm-inline-form { display: inline-flex; margin: 0 .4em .4em 0; }
/* The scopes of a key, by domain; the money apart. */
.nl-space .jm-scopes { margin: .4em 0 .6em; }
.nl-space .jm-scopes__title { margin: .2em 0 0 !important; }
.nl-space .jm-scopes__group { margin: .7em 0 0; }
.nl-space .jm-scopes__group legend { font-weight: 700; font-size: .9rem; }
.nl-space .jm-scopes__group--money .jm-events label.jm-event { border-color: #f5d08a; background: #fffbea; }
.nl-space .jm-scopes__group--money .jm-events label.jm-event:has(> input:checked) { border-color: #b45309; background: #fef3c7; }
.nl-space .jm-scopes .jm-presets .jm-preset { border-color: var(--nl-line); color: var(--nl-ink, #0f172a); }
.nl-space .jm-scopes .jm-presets .jm-preset:hover { background: var(--nl-bg); }
.nl-space .jm-apikeys td { vertical-align: top; }
.nl-space .jm-apikeys__scopes { max-width: 26em; font-size: .86rem; }
.nl-space .jm-apikeys__new > summary, .nl-space .jm-mcp details > summary, .nl-space .jm-api-docs details > summary { cursor: pointer; font-weight: 600; }
.nl-space .jm-journal__filter { display: flex; align-items: center; gap: .5em; }
.nl-space .jm-journal__filter select { min-width: 14em; max-width: 100%; }
.nl-space .jm-journal td { vertical-align: top; }
/* A block of code with its copy button (configuration of an MCP client, examples). */
.nl-space .jm-copyblock { position: relative; margin: .4em 0 1em; }
.nl-space .jm-copyblock .jm-code { white-space: pre-wrap; overflow-wrap: anywhere; overflow-x: visible; padding-right: 5.5em; margin: 0; }
.nl-space .jm-copyblock__btn { position: absolute; top: .5em; right: .5em; background: #1e293b !important; color: #e2e8f0 !important; border-color: #334155 !important; }
.nl-space .jm-copyblock__btn:hover { background: #334155 !important; }
.nl-space .jm-mcp .jm-deflist code, .nl-space .jm-api-docs > p code { word-break: break-all; }
.nl-space .jm-api-routes td:first-child, .nl-space .jm-api-routes td:nth-child(3) { white-space: nowrap; }
.nl-space .jm-api-docs h4 { margin-top: 1.4em; }
.nl-space .jm-api-docs details .jm-code { white-space: pre-wrap; overflow-wrap: anywhere; overflow-x: visible; }
@media (max-width: 560px) {
	/* A table of the API on a phone: each line a card, each cell with its label (data-label), never a scroll bar. */
	.nl-space .jm-scroll:has(> .jm-table--stack) { overflow: visible; }
	.nl-space .jm-table--stack, .nl-space .jm-table--stack tbody, .nl-space .jm-table--stack tr, .nl-space .jm-table--stack td { display: block; width: 100%; }
	.nl-space .jm-table--stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.nl-space .jm-table--stack tr { padding: .7em 0; border-bottom: 1px solid var(--nl-line); }
	.nl-space .jm-table--stack td { padding: .2em 0 !important; border: 0 !important; white-space: normal !important; text-align: left !important; overflow-wrap: anywhere; }
	.nl-space .jm-table--stack td[data-label]::before { content: attr(data-label); display: block; font-size: .7rem; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; color: var(--nl-muted); }
	.nl-space .jm-copyblock .jm-code { padding-right: 1em; padding-top: 2.8em; }
	.nl-space .jm-journal__filter select { min-width: 0; width: 100%; }
	.nl-space .jm-api-routes td:first-child, .nl-space .jm-api-routes td:nth-child(3) { white-space: normal; }
}

/* Calendar of an order: sent on a day planned, publication wished, express fee. */
.nl-space .jm-plan__dates { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 1em; }
.nl-space .jm-plan__dates p { margin: 0 0 .8em; }
.nl-space .jm-plan__dates input[type="date"] { width: 100%; }
.nl-space .jm-plan__rush { display: flex; align-items: center; gap: .45em; background: var(--nl-amber-50); border-color: #f3d58a; color: #6b4300; font-weight: 600; margin: .4em 0 .8em; }
.nl-space .jm-plan__rule { display: flex; gap: .45em; align-items: flex-start; margin: .2em 0 0; }
.nl-space .jm-plan__rule .jm-ico { flex: none; margin-top: .15em; color: var(--nl-mint); }
.nl-space .jm-sum__date dt, .nl-space .jm-sum__date dd { font-size: .86rem; color: var(--nl-muted); font-weight: 500; }
.nl-space [data-sum-row="rush"] dd { color: #8a5300; }

/* Paying with the wallet. */
.nl-space .jm-walletpay { display: grid; gap: .35em; margin: 0 0 1em; }
.nl-space .jm-btn--wallet { background: var(--nl-mint); border-color: var(--nl-mint); }
.nl-space .jm-btn--wallet:hover { background: #0b8a63; box-shadow: 0 6px 18px rgba(15, 169, 122, .25); }
.nl-space .jm-walletpay__hint { font-size: .82rem; color: var(--nl-muted); text-align: center; }
.nl-space .jm-walletpay__hint strong { color: var(--nl-ink); }
.nl-space .jm-walletpay__hint.is-low strong { color: var(--nl-red); }

/* The wallet: balances, planned orders, history, top-up. */
.nl-space .jm-wallet__stats .is-main { background: linear-gradient(135deg, #0d2f4f, #12466f); border-color: transparent; color: #fff; }
.nl-space .jm-wallet__stats .is-main strong, .nl-space .jm-wallet__stats .is-main .jm-ico { color: #fff; }
.nl-space .jm-wallet__stats .is-main .jm-muted { color: rgba(255, 255, 255, .78); }
.nl-space .jm-wallet .jm-stack > .jm-card { margin-bottom: 1.25em; }
.nl-space .jm-wallet__title { margin: 0; padding: 1.1em 1.35em .6em; }
.nl-space .jm-wallet__empty { padding: 0 1.35em 1.2em; margin: 0; }
.nl-space .jm-wallet__table td { vertical-align: top; }
.nl-space .jm-wallet__held { color: var(--nl-muted); }
.nl-space .jm-wallet__row--reserve, .nl-space .jm-wallet__row--release { background: #fafbfe; }
.nl-space .jm-wallet__planned { list-style: none; margin: 0 0 .6em; padding: 0; }
.nl-space .jm-wallet__planned li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: .3em 1em; align-items: center; padding: .6em 0; border-top: 1px solid var(--nl-line); }
.nl-space .jm-wallet__planned li:first-child { border-top: 0; }
.nl-space .jm-wallet__when { font-size: .85rem; color: var(--nl-muted); white-space: nowrap; }
.nl-space .jm-wallet__topup { position: sticky; top: 1em; align-self: start; }
.nl-space .jm-topup__amounts { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: .5em; border: 0; padding: 0; margin: 0 0 .9em; }
.nl-space .jm-topup__chip { position: relative; margin: 0 !important; cursor: pointer; }
.nl-space .jm-topup__chip input { position: absolute; opacity: 0; inset: 0; }
.nl-space .jm-topup__chip span { display: block; padding: .6em .4em; border: 1.5px solid var(--nl-line); border-radius: 10px; text-align: center; font-weight: 700; color: var(--nl-ink); background: #fff; transition: border-color .12s, background .12s; }
.nl-space .jm-topup__chip:hover span { border-color: color-mix(in srgb, var(--nl-primary) 40%, var(--nl-line)); }
.nl-space .jm-topup__chip input:checked + span { border-color: var(--nl-primary); background: var(--nl-primary-50); box-shadow: 0 0 0 3px var(--nl-primary-50); }
.nl-space .jm-topup__chip input:focus-visible + span { outline: 2px solid var(--nl-primary); outline-offset: 2px; }
.nl-space .jm-topup__other input { width: 100%; }
.nl-space .jm-wallet__how { margin-top: .8em; font-size: .88rem; color: var(--nl-muted); }
.nl-space .jm-wallet__how summary { cursor: pointer; font-weight: 600; color: var(--nl-primary); }

/* Deadlines of an order: to accept, to publish, the day it leaves. */
.nl-space .jm-deadline { display: inline-flex; align-items: center; gap: .3em; color: var(--nl-muted); font-weight: 600; }
.nl-space .jm-deadline.is-soon { color: #b25e00; }
.nl-space .jm-deadline.is-late { color: var(--nl-red); }
.nl-space .jm-deadline.is-planned { color: var(--nl-primary); }
.nl-space .jm-deadline-bar { display: flex; align-items: center; gap: .5em; }
.nl-space .jm-stat--alert { border-color: #f3d58a; background: #fffaf0; }
.nl-space .jm-decide { display: flex; flex-wrap: wrap; gap: 1em 1.5em; align-items: center; justify-content: space-between; border-color: color-mix(in srgb, var(--nl-mint) 45%, #fff); background: linear-gradient(180deg, #f3fcf8, #fff); }
.nl-space .jm-decide.is-soon { border-color: #f3d58a; background: linear-gradient(180deg, #fffaf0, #fff); }
.nl-space .jm-decide__text { flex: 1 1 320px; }
.nl-space .jm-decide__text h3 { display: flex; align-items: center; gap: .4em; margin-bottom: .35em; }
.nl-space .jm-decide__text p { margin: 0; color: var(--nl-muted); }
.nl-space .jm-decide__actions { display: flex; flex-wrap: wrap; gap: .6em; align-items: flex-start; }
.nl-space .jm-decide__refuse summary { display: inline-block; padding: .55em 1em; border: 1px solid var(--nl-line); border-radius: 10px; cursor: pointer; font-weight: 600; color: var(--nl-muted); list-style: none; }
.nl-space .jm-decide__refuse summary::-webkit-details-marker { display: none; }
.nl-space .jm-decide__refuse[open] { flex-basis: 100%; }
.nl-space .jm-decide__refuse[open] summary { margin-bottom: .6em; }
@media (max-width: 640px) {
	.nl-space .jm-wallet__planned li { grid-template-columns: 1fr auto; }
	.nl-space .jm-wallet__topup { position: static; }
}

/* Three equal columns (the dates of a report beside its project). */
.nl-space .jm-row--3.jm-row--even { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 720px) {
	.nl-space .jm-row--3.jm-row--even { grid-template-columns: 1fr; }
}

/* Events of a webhook: one card each, the name read first, its code under it. */
.nl-space .jm-events { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: .6em; }
.nl-space .jm-events label.jm-event { display: flex; align-items: flex-start; gap: .65em; margin: 0; padding: .7em .8em; border: 1px solid var(--nl-line); border-radius: 10px; background: #fff; font-weight: 500; cursor: pointer; }
.nl-space .jm-events label.jm-event:has(> input:checked) { border-color: var(--nl-primary); background: var(--nl-bg); }
.nl-space .jm-events label.jm-event input { margin: .2em 0 0; flex: 0 0 auto; }
.nl-space .jm-event__txt { display: flex; flex-direction: column; gap: .2em; min-width: 0; }
.nl-space .jm-event__name { line-height: 1.35; }
.nl-space .jm-event__txt code { align-self: flex-start; font-size: .78rem; padding: .1em .45em; border-radius: 6px; background: #eef2f7; color: #334155; word-break: break-all; }

/* Recovery codes: what to do with them, what happens when they are lost. */
.nl-space .jm-codes-card .jm-inline-actions { display: flex; flex-wrap: wrap; gap: .5em; }
.nl-space .jm-codes-mail details { margin-top: .4em; }
.nl-space .jm-codes-help { margin-top: .8em; }
.nl-space .jm-checks-plain { margin: .6em 0 0 1.1em; padding: 0; }
.nl-space .jm-checks-plain li { margin: 0 0 .55em; line-height: 1.5; }

/* « Mes sites » of a seller: the table of all his sites (cards on a phone), the detail of a site, the promotion on all his sites */
.nl-space .jm-sites__stats { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.nl-space .jm-sites__filters { display: flex; flex-wrap: wrap; align-items: center; gap: .6em .7em; padding: .8em 1em; margin: 0 0 1em; }
.nl-space .jm-sites__filters p { margin: 0; }
.nl-space .jm-sites__filters select { width: auto; max-width: 240px; padding: .5em .7em; }
.nl-space .jm-sites__q { flex: 1 1 240px; }
.nl-space .jm-sites__q input { max-width: none; padding-top: .5em; padding-bottom: .5em; }
.nl-space .jm-sites__go { display: flex; gap: .4em; }
.nl-space .jm-sites__count { margin-left: auto !important; }
.nl-space .jm-sitestable { overflow: hidden; margin: 0 0 .8em; }
.nl-space .jm-sites__wrap { max-height: min(78vh, 1200px); overflow: auto; overscroll-behavior: contain; }
.nl-space .jm-sites__wrap:focus-visible { outline-offset: -3px; }
.nl-space .jm-sites__table { min-width: 1080px; font-size: .9rem; }
.nl-space .jm-sites__table thead th { position: sticky; top: 0; z-index: 2; background: #f6f8fc; box-shadow: inset 0 -1px 0 var(--nl-line); white-space: nowrap; vertical-align: middle; padding: .7em .6em; }
.nl-space .jm-sites__table td, .nl-space .jm-sites__table tbody th { padding: .6em .6em; vertical-align: middle; }
.nl-space .jm-sites__table tbody th { text-transform: none; letter-spacing: 0; font-size: inherit; color: inherit; background: none; font-weight: 400; }
.nl-space .jm-sites__table tbody tr.is-promo { background: #fffafa; }
.nl-space .jm-sites__sort { color: inherit !important; text-decoration: none !important; display: inline-flex; align-items: center; gap: .3em; }
.nl-space .jm-sites__sort:hover, .nl-space .jm-sites__sort.is-on { color: var(--nl-ink) !important; }
.nl-space .jm-sites__arrow { font-size: .7rem; opacity: .45; }
.nl-space .jm-sites__sort.is-on .jm-sites__arrow { opacity: 1; color: var(--nl-primary); }
.nl-space .jm-sites__check { width: 34px; text-align: center !important; }
.nl-space .jm-sites__check input { width: 17px; height: 17px; accent-color: var(--nl-primary); }
.nl-space .jm-sites__thumbcol { width: 96px; }
.nl-space .jm-sites__thumb a { display: block; width: 88px; }
.nl-space .jm-sites__shot { width: 88px; height: 55px; border-radius: 7px; }
.nl-space .jm-sites__ph { display: grid; place-items: center; width: 88px; height: 55px; border-radius: 7px; font: 700 1rem/1 var(--nl-display); letter-spacing: .04em; color: hsl(var(--jm-hue, 210) 45% 28%); background: linear-gradient(135deg, hsl(var(--jm-hue, 210) 70% 93%), hsl(calc(var(--jm-hue, 210) + 40) 60% 85%)); border: 1px solid hsl(var(--jm-hue, 210) 40% 85%); }
.nl-space .jm-sites__ph--big { width: 100%; height: auto; aspect-ratio: 16 / 10; font-size: 3rem; border-radius: 10px; }
.nl-space .jm-sites__name { min-width: 180px; max-width: 260px; }
.nl-space .jm-sites__name a { display: block; overflow-wrap: anywhere; }
.nl-space .jm-sites__url { font-weight: 400; }
.nl-space .jm-sites__promo { display: flex; align-items: center; gap: .3em; margin-top: .35em; font-size: .76rem; color: var(--nl-muted); max-width: 190px; line-height: 1.3; }
.nl-space .jm-sites__promo.is-on { color: #9b1c1c; font-weight: 600; }
.nl-space .jm-sites__actions { white-space: nowrap; }
.nl-space .jm-sites__actions > * { margin-right: .25em; vertical-align: middle; }
.nl-space .jm-icon-btn--sm { width: 32px; height: 32px; border-radius: 8px; }
.nl-space a.jm-icon-btn:hover { color: var(--nl-primary); border-color: color-mix(in srgb, var(--nl-primary) 35%, #fff); text-decoration: none; }
.nl-space .jm-sites__none { text-align: center !important; padding: 2em !important; color: var(--nl-muted); }
.nl-space .jm-sites__legend { margin: 0 0 1.25em; max-width: 110ch; }
.nl-space .jm-tip { display: inline-grid; place-items: center; position: relative; width: 16px; height: 16px; margin-left: .2em; border-radius: 50%; background: var(--nl-primary-50); color: var(--nl-primary); font-size: .68rem; font-weight: 700; cursor: help; text-transform: none; letter-spacing: 0; vertical-align: 1px; }
.nl-space .jm-tip::after { content: attr(data-tip); position: absolute; top: calc(100% + 6px); right: -10px; z-index: 5; width: 260px; padding: .6em .75em; border-radius: 9px; background: var(--nl-ink); color: #fff; font-size: .78rem; font-weight: 400; line-height: 1.4; white-space: normal; text-align: left; box-shadow: var(--nl-shadow-lg); opacity: 0; visibility: hidden; transition: opacity .15s; pointer-events: none; }
.nl-space .jm-tip:hover::after, .nl-space .jm-tip:focus-visible::after { opacity: 1; visibility: visible; }
/* The badge « Flash » (module ExpressPublishing) and its help in the filters: the tip on hover, on focus and on a tap.
   Without script it is drawn here (::after); with space.js, one tip over the page (never cut by a scrolling table), closed by Échap. */
.nl-space .jm-badge.jm-xp { position: relative; gap: .25em; background: #e9eeff; color: #1f3a93; cursor: help; }
.nl-space .jm-badge.jm-xp .jm-ico, .nl-space .jm-filters__xp .jm-ico { color: #b25e00; }
.nl-space .jm-badge.jm-xp:focus-visible { outline-offset: 1px; border-radius: 999px; }
.nl-space .jm-xp::after { content: attr(data-tip); position: absolute; top: calc(100% + 6px); left: 0; z-index: 20; width: 260px; max-width: 80vw; padding: .6em .75em; border-radius: 9px; background: var(--nl-ink); color: #fff; font-size: .78rem; font-weight: 400; line-height: 1.4; white-space: normal; text-align: left; box-shadow: var(--nl-shadow-lg); opacity: 0; visibility: hidden; transition: opacity .15s; pointer-events: none; }
.nl-space .jm-xp:hover::after, .nl-space .jm-xp:focus::after { opacity: 1; visibility: visible; }
.jm-xp-js .nl-space .jm-xp::after, .jm-xp-js .nl-space .jm-tip--xp::after { content: none; }
.nl-space .jm-filters__xp { display: inline-flex; align-items: center; gap: .2em; }
.nl-space .jm-filters__xp label { display: inline-flex; align-items: center; gap: .3em; margin: 0; }
.jm-xp-tip { position: fixed; z-index: 100000; top: 0; left: 0; max-width: min(280px, calc(100vw - 32px)); padding: .6em .75em; border-radius: 9px; background: #0b1a2b; color: #fff; font: 400 .8rem/1.45 var(--wp--preset--font-family--body, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif); text-align: left; box-shadow: 0 10px 40px rgba(16, 24, 64, .18); pointer-events: none; }
.jm-xp-tip[hidden] { display: none; }
@media (hover: none) {
	.nl-space .jm-badge.jm-xp, .nl-space .jm-tip--xp { cursor: pointer; }
}
.nl-space .jm-pager { align-items: center; flex-wrap: wrap; margin: .6em 0 .8em; }
.nl-space .jm-pager a, .nl-space .jm-pager > span[aria-current] { padding: 0 .7em; }
.nl-space .jm-pager > span[aria-current] { display: grid; place-items: center; min-width: 36px; height: 36px; border-radius: 9px; background: var(--nl-primary); color: #fff; font-weight: 700; }
.nl-space .jm-sites__add { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5em 2.5em; margin: 0 0 1.25em; }
.nl-space .jm-sites__add form p:last-child { margin-bottom: 0; }
.nl-space .jm-key__row { display: flex; gap: .5em; align-items: center; flex-wrap: wrap; }
.nl-space .jm-key__row .jm-key__value { flex: 1 1 320px; }
.nl-space .jm-gpromo { margin: 0 0 1em; border-color: #f5c2c2; }
.nl-space .jm-gpromo.is-live { background: #fff7f7; }
.nl-space .jm-gpromo summary { display: flex; flex-wrap: wrap; align-items: center; gap: .45em; cursor: pointer; color: #7f1d1d; }
.nl-space .jm-gpromo summary .jm-ico { color: #9b1c1c; }
.nl-space .jm-gpromo__live { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .6em 1.5em; margin: .9em 0 .4em; padding: 0 0 .9em; border-bottom: 1px dashed #f5c2c2; }
.nl-space .jm-gpromo__live p { margin: 0; max-width: 75ch; }
.nl-space .jm-gpromo__live form p, .nl-space .jm-gpromo__live form { margin: 0; }
.nl-space .jm-gpromo__form { margin-top: .9em; }
.nl-space .jm-gpromo__form h4 { margin: 0 0 .6em; font-size: .95rem; color: var(--nl-ink); }
.nl-space .jm-gpromo__scope { border: 0; margin: 0 0 .8em; padding: 0; display: flex; flex-wrap: wrap; gap: .4em 1.6em; }
.nl-space .jm-gpromo__scope legend { font-weight: 600; font-size: .88rem; color: var(--nl-ink); margin-bottom: .35em; padding: 0; }
.nl-space .jm-gpromo__scope label { display: inline-flex; align-items: center; gap: .4em; font-weight: 500; margin: 0; }
.nl-space .jm-sitedetail { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 1.25em; margin: 0 0 1.25em; align-items: start; }
.nl-space .jm-sitedetail__shot { margin: 0; padding: .8em; }
.nl-space .jm-sitedetail__shot .jm-shot { max-height: 460px; }
.nl-space .jm-sitedetail__shot figcaption { margin-top: .6em; }
.nl-space .jm-sitedetail__shot figcaption p, .nl-space .jm-sitedetail__shot form { margin: 0 0 .5em; }
.nl-space .jm-kpis--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nl-space .jm-promo-box h3 { display: flex; align-items: center; gap: .45em; color: #9b1c1c; }
.nl-space section.jm-promo-box { margin: 0 0 1.25em; padding: 1.1em 1.3em; }
.nl-space section.jm-promo-box form { padding: 0; }
.nl-space .jm-sitedetail__key, .nl-space .jm-sitedetail__danger, .nl-space #mots-cles { margin: 0 0 1.25em; }
.nl-space .jm-sitedetail__key h3 { display: flex; align-items: center; gap: .45em; }
.nl-space .jm-sitedetail__danger { border-color: #f3d4d4; }
@media (max-width: 960px) {
	.nl-space .jm-sitedetail, .nl-space .jm-sites__add { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
	/* One card per site: the preview and the name on top, the figures below with their label. */
	.nl-space .jm-sitestable { overflow: visible; background: none; border: 0; box-shadow: none; }
	.nl-space .jm-sites__wrap { max-height: none; overflow: visible; }
	.nl-space .jm-sites__table { min-width: 0; }
	.nl-space .jm-sites__table, .nl-space .jm-sites__table tbody { display: block; }
	.nl-space .jm-sites__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
	.nl-space .jm-sites__table tbody tr { display: grid; grid-template-columns: 88px minmax(0, 1fr) auto; gap: .2em .8em; margin: 0 0 .8em; padding: .8em; background: #fff; border: 1px solid var(--nl-line); border-radius: var(--nl-radius); box-shadow: var(--nl-shadow); }
	.nl-space .jm-sites__table tbody tr.is-promo { background: #fffafa; }
	.nl-space .jm-sites__table td, .nl-space .jm-sites__table tbody th { display: block; border: 0; padding: .15em 0; text-align: left; }
	.nl-space .jm-sites__table .jm-sites__thumb { grid-row: 1 / span 2; grid-column: 1; }
	.nl-space .jm-sites__table .jm-sites__name { grid-row: 1; grid-column: 2; max-width: none; min-width: 0; }
	.nl-space .jm-sites__table td.jm-sites__check { grid-row: 1; grid-column: 3; width: auto; }
	.nl-space .jm-sites__table td[data-label] { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 1em; border-top: 1px dashed var(--nl-line); padding: .4em 0; }
	.nl-space .jm-sites__table td[data-label]::before { content: attr(data-label); color: var(--nl-muted); font-size: .8rem; }
	.nl-space .jm-sites__table td[data-label="État"] { display: block; }
	.nl-space .jm-sites__table td[data-label="État"]::before { display: block; margin-bottom: .2em; }
	.nl-space .jm-sites__table .jm-num br { display: none; }
	.nl-space .jm-sites__table .jm-num .jm-small { margin-left: .4em; }
	.nl-space .jm-sites__promo { max-width: none; }
	.nl-space .jm-sites__actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .4em; padding-top: .6em !important; }
	.nl-space .jm-sites__actions .jm-btn { flex: 1 1 auto; }
	.nl-space .jm-sites__filters select { max-width: none; flex: 1 1 140px; }
	.nl-space .jm-sites__filters p:not(.jm-sites__q):not(.jm-sites__go):not(.jm-sites__count) { flex: 1 1 140px; }
	.nl-space .jm-sites__count { margin-left: 0 !important; width: 100%; }
	.nl-space .jm-kpis--3 { grid-template-columns: 1fr; }
	.nl-space .jm-tip::after { right: auto; left: -120px; }
}
.nl-space .jm-sites__check input[type=checkbox] { appearance: auto; -webkit-appearance: checkbox; width: 17px; height: 17px; margin: 0; padding: 0; border: 0; border-radius: 3px; background: none; box-shadow: none; vertical-align: middle; cursor: pointer; }
.nl-space .jm-sites__check input[type=checkbox]::before { content: none; display: none; }
.nl-space .jm-gpromo__scope label:has(> input[type=radio]) { display: inline-flex; gap: .45em; }
.nl-space .jm-gpromo__scope input[type=radio] { width: 1.15em; height: 1.15em; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 2px #c7cede; margin: 0; }
.nl-space .jm-gpromo__scope input[type=radio]::before { top: .29em; left: .29em; width: .57em; height: .57em; background: transparent; box-shadow: none; transform: none; }
.nl-space .jm-gpromo__scope input[type=radio]:checked { background: #fff; box-shadow: inset 0 0 0 2px var(--nl-primary); }
.nl-space .jm-gpromo__scope input[type=radio]:checked::before { background: var(--nl-primary); transform: none; }
.nl-space .jm-sites__q { min-width: 220px; }
@media (min-width: 761px) {
	/* Tighter on a desktop: every column in view from about 1 300 px wide (scrolls sideways below). */
	.nl-space .jm-sites__table { min-width: 940px; }
	.nl-space .jm-sites__table thead th { white-space: normal; line-height: 1.25; font-size: .68rem; padding: .65em .45em; }
	.nl-space .jm-sites__table td, .nl-space .jm-sites__table tbody th { padding: .55em .45em; }
	.nl-space .jm-sites__thumbcol { width: 70px; }
	.nl-space .jm-sites__thumb a { width: 64px; }
	.nl-space .jm-sites__table .jm-sites__shot, .nl-space .jm-sites__table .jm-sites__ph { width: 64px; height: 40px; font-size: .85rem; }
	.nl-space .jm-sites__name { min-width: 140px; max-width: 200px; }
	.nl-space .jm-sites__promo { max-width: 150px; }
	.nl-space .jm-sites__table .jm-num { white-space: nowrap; }
}
@media (min-width: 761px) {
	.nl-space .jm-sites__table .jm-sites__sort { display: inline; }
	.nl-space .jm-sites__table .jm-sites__arrow { margin-left: .2em; }
	.nl-space .jm-sites__table .jm-sites__name { min-width: 150px; }
	.nl-space .jm-sites__actions .jm-btn--sm { padding: .38em .6em; }
	.nl-space .jm-sites__actions > * { margin-right: .15em; }
}
.nl-space .jm-sites__filters select { max-width: none; padding-right: 2.2em; }
.nl-space .jm-sites__q { flex: 1 1 280px; }
@media (min-width: 761px) {
	.nl-space .jm-sites__table .jm-num { white-space: normal; }
	.nl-space .jm-sites__table .jm-num strong, .nl-space .jm-sites__table .jm-num del { display: inline-block; white-space: nowrap; }
	.nl-space .jm-sites__table .jm-badge { white-space: normal; text-align: left; line-height: 1.3; }
	.nl-space .jm-sites__table td, .nl-space .jm-sites__table tbody th { padding: .55em .38em; }
	.nl-space .jm-sites__table td[data-label="Page d’accueil"] { font-size: .82rem; }
}
.nl-space .jm-sites__q input[type=search] { width: 100%; padding: .5em .8em .5em 2.4em; border: 1px solid #d5d9e6; border-radius: 10px; font: inherit; color: var(--nl-text); background: #fff; }
.nl-space .jm-kpis dd .jm-muted { font: 400 .85rem/1.35 var(--nl-font); }

/* Pages invendables (vendeur) */
.nl-space .jm-pages-rule summary { cursor: pointer; }
.nl-space .jm-pages-allow { margin: .5em 0 .8em 1.2em; padding: 0; }
.nl-space .jm-pages-allow li { margin: .3em 0; }
.nl-space .jm-pages-links { list-style: none; margin: .45em 0 0; padding: 0; }
.nl-space .jm-pages-links li { padding: .12em 0; overflow-wrap: anywhere; }
.nl-space .jm-pages-table td { vertical-align: top; }

/* ======================================================= 0.14: ergonomics of the member space */

/* Briefs: wide, tall, with briefs to start from. */
.nl-space .jm-order__wide { grid-column: 1 / -1; }
.nl-space .jm-order__foot { display: flex; justify-content: flex-end; margin: 1em 0 0; }
.nl-space .jm-brief > label { display: block; margin-bottom: .45em; }
.nl-space .jm-brief .nl-rich__area { min-height: 18em; max-height: 70vh; }
.nl-space .jm-brief__models { margin: 0 0 .8em; }
.nl-space .jm-brief__intro { margin: 0 0 .5em; font-size: .88rem; color: var(--nl-muted); }
.nl-space .jm-brief__intro mark { background: var(--nl-amber-50); color: #8a5300; padding: 0 .25em; border-radius: 4px; }
.nl-space .jm-brief__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: .5em; }
.nl-space .jm-brief__model { display: flex; flex-direction: column; align-items: flex-start; gap: .15em; padding: .65em .8em; border: 1.5px solid var(--nl-line); border-radius: 12px; background: #fff; font: inherit; text-align: left; cursor: pointer; transition: border-color .12s, background .12s, box-shadow .12s; }
.nl-space .jm-brief__model strong { color: var(--nl-ink); font-size: .92rem; }
.nl-space .jm-brief__model span { color: var(--nl-muted); font-size: .8rem; line-height: 1.35; }
.nl-space .jm-brief__model em { margin-top: .3em; font-style: normal; font-size: .78rem; font-weight: 600; color: var(--nl-primary); }
.nl-space .jm-brief__model:hover, .nl-space .jm-brief__model:focus-visible { border-color: var(--nl-primary); background: var(--nl-primary-50); }
.nl-space .jm-brief__model.is-used { border-color: var(--nl-mint); background: var(--nl-mint-50); }
.nl-space .jm-brief__model.is-used em { color: #08724f; }
@media (max-width: 1100px) {
	.nl-space .jm-order > .jm-order__side { order: 3; }
	.nl-space .jm-order__foot { display: none; }
}

/* Ranges of the catalogue: a bar that reads as a button (chevron, « Afficher / Masquer », filters applied). */
.nl-space .jm-ranges { border: 1px solid #d3d9e6; background: #fff; transition: border-color .15s, box-shadow .15s; }
.nl-space .jm-ranges:hover { border-color: color-mix(in srgb, var(--nl-primary) 40%, #d3d9e6); }
.nl-space .jm-ranges[open] { border-color: var(--nl-primary); box-shadow: 0 0 0 3px var(--nl-primary-50); }
.nl-space .jm-ranges > summary { list-style: none; gap: .7em; padding: .7em .8em .7em 1em; border-radius: 12px; user-select: none; }
.nl-space .jm-ranges > summary::-webkit-details-marker { display: none; }
.nl-space .jm-ranges > summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--nl-primary) 45%, transparent); outline-offset: 2px; }
.nl-space .jm-ranges__ico { display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 9px; background: var(--nl-primary-50); color: var(--nl-primary); }
.nl-space .jm-ranges__text { min-width: 0; flex: 1 1 auto; }
.nl-space .jm-ranges__text .jm-muted { font-weight: 500; font-size: .88rem; }
.nl-space .jm-ranges > summary .jm-count { margin-left: 0; width: auto; padding: 0 .6em; background: var(--nl-mint-50); color: #08724f; font-size: .76rem; height: 1.7em; }
.nl-space .jm-ranges__toggle { display: inline-flex; align-items: center; gap: .5em; flex: none; padding: .4em .8em; border: 1px solid var(--nl-line); border-radius: 999px; background: var(--nl-bg); color: var(--nl-primary); font-size: .84rem; font-weight: 600; }
.nl-space .jm-ranges > summary:hover .jm-ranges__toggle { background: var(--nl-primary-50); border-color: color-mix(in srgb, var(--nl-primary) 30%, var(--nl-line)); }
.nl-space .jm-ranges__chev { width: .45em; height: .45em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-25%) rotate(45deg); transition: transform .15s; }
.nl-space .jm-ranges[open] .jm-ranges__chev { transform: translateY(15%) rotate(225deg); }
.nl-space .jm-ranges__less, .nl-space .jm-ranges[open] .jm-ranges__more { display: none; }
.nl-space .jm-ranges[open] .jm-ranges__less { display: inline; }
.nl-space .jm-ranges[open] > summary { border-bottom: 1px solid var(--nl-line); border-radius: 12px 12px 0 0; margin-bottom: .9em; }
@media (max-width: 600px) {
	.nl-space .jm-ranges__text .jm-muted { display: block; font-size: .8rem; }
	.nl-space .jm-ranges__more, .nl-space .jm-ranges[open] .jm-ranges__less { display: none; }
}

/* Lines per page, pages. */
.nl-space .jm-toolbar { flex-wrap: wrap; gap: .6em 1em; }
.nl-space .jm-perpage { display: inline-flex; align-items: center; gap: .5em; margin: 0 0 0 auto; font-size: .88rem; }
.nl-space .jm-perpage label { margin: 0; font-weight: 500; color: var(--nl-muted); white-space: nowrap; }
.nl-space .jm-perpage select { width: auto; min-width: 5.2em; min-height: 2.3em; padding: .35em 2.2em .35em .7em; }
.nl-space .jm-pager__gap { display: grid; place-items: end center; min-width: 20px; height: 36px; color: var(--nl-muted); }
.nl-space .jm-pager a[rel] { font-size: 1.15rem; }
@media (max-width: 600px) {
	.nl-space .jm-perpage { margin-left: 0; }
}

/* Lists of sites. */
.nl-space .jm-listsbar { display: flex; flex-wrap: wrap; align-items: flex-start; gap: .6em; margin: 0 0 1.1em; }
.nl-space .jm-listsbar .jm-filterchips { margin: 0; flex: 1 1 auto; }
.nl-space .jm-filterchips a.jm-filterchips__out { border-style: dashed; }
.nl-space .jm-filterchips a.jm-filterchips__out[aria-current] { border-style: solid; }
.nl-space details.jm-pop { position: relative; border: 0; padding: 0; }
.nl-space details.jm-pop > div.jm-pop__body { margin-top: 0; }
.nl-space .jm-pop > summary { list-style: none; }
.nl-space .jm-pop > summary::-webkit-details-marker { display: none; }
.nl-space .jm-pop__body { position: absolute; z-index: 40; right: 0; top: calc(100% + 6px); width: min(340px, 86vw); padding: 1em; border: 1px solid var(--nl-line); border-radius: 12px; background: #fff; box-shadow: var(--nl-shadow-lg); }
.nl-space .jm-inline-form { display: grid; gap: .5em; margin: 0; }
.nl-space .jm-listhead__actions .jm-inline-form { display: inline; }
.nl-space .jm-listhead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6em 1em; margin: 0 0 1em; padding: .8em 1em; border: 1px solid var(--nl-line); border-radius: 12px; background: #fff; }
.nl-space .jm-listhead h3 { display: flex; align-items: center; gap: .45em; margin: 0; }
.nl-space .jm-listhead h3 .jm-muted { font: 500 .88rem var(--nl-font); }
.nl-space .jm-listhead__actions { display: flex; flex-wrap: wrap; gap: .45em; align-items: center; }
.nl-space .jm-btn--danger { color: var(--nl-red) !important; border-color: color-mix(in srgb, var(--nl-red) 35%, #fff) !important; }
.nl-space .jm-btn--danger:hover { background: var(--nl-red-50) !important; }
.nl-space .jm-icon-btn--lists { position: relative; text-decoration: none !important; }
.nl-space .jm-icon-btn--lists:hover { color: var(--nl-primary); border-color: color-mix(in srgb, var(--nl-primary) 40%, var(--nl-line)); }
.nl-space .jm-icon-btn--lists.is-on { color: var(--nl-primary); background: var(--nl-primary-50); border-color: color-mix(in srgb, var(--nl-primary) 30%, var(--nl-line)); }
.nl-space .jm-icon-btn--lists.is-on svg { fill: none; }
.nl-space .jm-icon-btn__n { position: absolute; top: -6px; right: -6px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: var(--nl-primary); color: #fff; font-size: .68rem; font-weight: 700; line-height: 17px; text-align: center; }
.nl-space .jm-catalogue__actions .jm-icon-btn--lists { vertical-align: middle; }
.nl-space .jm-lists-form__boxes { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: .45em; margin: 0 0 .8em; padding: 0; border: 0; }
.nl-space label.jm-lists-form__box { display: flex; align-items: center; gap: .55em; padding: .55em .7em; border: 1px solid var(--nl-line); border-radius: 10px; background: #fff; font-weight: 500; cursor: pointer; }
.nl-space label.jm-lists-form__box:has(input:checked) { border-color: var(--nl-primary); background: var(--nl-primary-50); }
.nl-space .jm-lists-form__box input[type=checkbox] { flex: none; margin: 0; }
.nl-space .jm-lists-form__box small { margin-left: .2em; }
.nl-space .jm-lists-form__new { margin: 0 0 .8em; max-width: 420px; }
.nl-space .jm-lists-card h3 { display: flex; align-items: center; gap: .45em; }

/* Dialogs. */
.nl-space dialog.jm-dialog, dialog.jm-dialog { width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 48px); padding: 1.2em 1.3em; border: 0; border-radius: 16px; background: #fff; color: var(--nl-text, #1b2a3a); box-shadow: 0 20px 60px rgba(16, 24, 64, .25); }
dialog.jm-dialog::backdrop { background: rgba(11, 26, 43, .45); }
.nl-space .jm-dialog__head { display: flex; align-items: center; justify-content: space-between; gap: 1em; margin-bottom: .3em; }
.nl-space .jm-dialog__head h3 { margin: 0; }
.nl-space .jm-lists-dialog .jm-lists-form__boxes { grid-template-columns: 1fr; max-height: 45vh; overflow: auto; }

/* Profile: first name and last name, postcode and city, the country with its flag, the SIRET on its own line. */
.nl-space .jm-row--address { grid-template-columns: minmax(110px, .6fr) minmax(160px, 1.4fr); }
.nl-space .jm-input-siret { font-variant-numeric: tabular-nums; letter-spacing: .03em; }
@media (max-width: 600px) {
	.nl-space .jm-row--address { grid-template-columns: 1fr; }
}

/* Support: « Nouveau ticket » follows the scroll, whole: never taller than the window (it scrolls inside). */
@media (min-width: 961px) and (min-height: 560px) {
	.nl-space .jm-support { align-items: stretch; }
	.nl-space .jm-support > .jm-support__new, .nl-space .jm-support > .jm-support__side { align-self: start; position: sticky; top: 84px; max-height: calc(100vh - 100px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
	.nl-space .jm-support__new .nl-rich__area { min-height: 7em !important; max-height: 32vh; }
}

/* Update of netlinkovdl (seller): the title and the number of sites, the detail folded. */
.nl-space .jm-vdl-update { padding-top: .9em; padding-bottom: .9em; border-left: 4px solid var(--nl-amber); }
.nl-space details.jm-vdl-update__fold { border: 0; padding: 0; }
.nl-space .jm-vdl-update__sum { display: flex; flex-wrap: wrap; align-items: center; gap: .5em .9em; list-style: none; cursor: pointer; }
.nl-space .jm-vdl-update__sum::-webkit-details-marker { display: none; }
.nl-space .jm-vdl-update__sum h3 { display: flex; align-items: center; gap: .45em; margin: 0; font-size: 1rem; }
.nl-space .jm-vdl-update__sum .jm-ico { color: var(--nl-amber); }
.nl-space .jm-fold__toggle { display: inline-flex; align-items: center; gap: .45em; margin-left: auto; padding: .35em .8em; border: 1px solid var(--nl-line); border-radius: 999px; background: var(--nl-bg); color: var(--nl-primary); font-size: .82rem; font-weight: 600; white-space: nowrap; }
.nl-space summary:hover .jm-fold__toggle { background: var(--nl-primary-50); }
.nl-space .jm-fold__chev { width: .42em; height: .42em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-25%) rotate(45deg); transition: transform .15s; }
.nl-space details[open] > summary .jm-fold__chev { transform: translateY(15%) rotate(225deg); }
.nl-space .jm-fold__less, .nl-space details[open] > summary .jm-fold__more { display: none; }
.nl-space details[open] > summary .jm-fold__less { display: inline; }
.nl-space .jm-vdl-update__body { margin-top: .9em; padding-top: .8em; border-top: 1px solid var(--nl-line); }
@media (max-width: 600px) {
	.nl-space .jm-fold__toggle { margin-left: 0; }
}

/* ======================================================= 0.14: writing of the articles, express tiers (agent P) */

/* The forms of the packs and of the campaigns: the brief in the column of the steps, the summary sticks beside it
   (never over it), and never higher than the window. */
.nl-space .jm-order > .jm-order__main { min-width: 0; }
.nl-space .jm-order__brief .jm-brief .nl-rich__area { min-height: 14em; }
@media (min-width: 1101px) {
	.nl-space .jm-order > .jm-order__side { align-self: start; max-height: calc(100vh - 100px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
}

/* Who writes the article, its rules, the notices. */
.nl-space .jm-writing { margin-bottom: .9em; }
.nl-space .jm-writing .jm-price { white-space: nowrap; }
.nl-space .jm-notice--warn { background: var(--nl-amber-50); color: #6b4100; border-color: #f3d79b; }
.nl-space .jm-notice--warn p { margin: 0 0 .45em; }
.nl-space .jm-notice--warn p:last-child { margin-bottom: 0; }
.nl-space .jm-writing__ack label { font-weight: 600; }
.nl-space .jm-rules { margin: .3em 0 .6em 1.2em; padding: 0; font-size: .88rem; }
.nl-space .jm-rules li { margin: .2em 0; }
.nl-space .jm-rules-note { display: flex; gap: .4em; align-items: flex-start; margin: .5em 0 0; }
.nl-space .jm-rules-note .jm-ico { flex: none; margin-top: .15em; }
.nl-space span.jm-notice { display: inline-block; margin: .35em 0 0; padding: .4em .7em; }
.nl-space .jm-plan__rush.is-error { background: var(--nl-red-50); color: #8f1d1d; border-color: #ffd0d0; }
.nl-space [data-plan-time] select { max-width: 16em; }

/* The prices of the writing of a seller, in « Mes sites »; the screen where he writes an article. */
.nl-space .jm-writing-prices > summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: .6em; align-items: center; }
.nl-space .jm-writing-prices[open] > summary { margin-bottom: .7em; }
.nl-space .jm-writing-prices input[type=number] { max-width: 9em; text-align: right; }
.nl-space .jm-write .nl-rich__area { min-height: 22em; }
/* What is hidden stays hidden (rows of the summary, panels of who writes, notices toggled by the form). */
.nl-space .jm-sum [hidden], .nl-space .jm-order [data-mode-panel][hidden], .nl-space .jm-order .jm-notice[hidden], .nl-space .jm-order [data-article-only][hidden], .nl-space .jm-order [data-plan-time][hidden] { display: none; }
.nl-space .jm-secure { align-items: flex-start; }
.nl-space .jm-secure .jm-ico { flex: none; margin-top: .2em; }

/* Labels of the side menu: on two lines when long (never cut). */
.nl-space .jm-nav__label { overflow: visible; text-overflow: clip; white-space: normal; line-height: 1.25; }

/* Page of a seller site in tabs (module Keywords): presentation, keywords, traffic, latest posts. */
.nl-space .jm-sitetabs { display: flex; flex-wrap: wrap; gap: .25em; margin: 0 0 1.25em; border-bottom: 1px solid var(--nl-line); scroll-margin-top: 1rem; }
.nl-space .jm-sitetabs a { display: inline-flex; align-items: center; gap: .4em; padding: .65em 1em; margin-bottom: -1px; border-bottom: 3px solid transparent; color: var(--nl-muted); font-weight: 600; text-decoration: none !important; }
.nl-space .jm-sitetabs a:hover { color: var(--nl-ink); }
.nl-space .jm-sitetabs a[aria-current] { color: var(--nl-primary); border-bottom-color: var(--nl-primary); }
.nl-space .jm-sitepanel__head h3 { display: flex; align-items: center; gap: .4em; margin-top: 0; }
.nl-space .jm-sitepanel__search { margin: .5em 0 0; }
.nl-space .jm-sitepanel__search .jm-inline-actions { align-items: center; }
.nl-space .jm-sitepanel__search .jm-input-ico { flex: 1 1 16em; max-width: 28em; }
.nl-space .jm-switchline { flex-wrap: wrap; gap: .1em .35em !important; }
.nl-space .jm-switches p { margin: 0 0 .8em; }
.nl-space .jm-switches label { margin-bottom: .15em; }
.nl-space .jm-switchline__help { display: block; margin-left: 3.2em; }
.nl-space .jm-period { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75em 1.5em; margin-top: .75em; }
.nl-space .jm-period .jm-seg { flex-wrap: wrap; }
.nl-space .jm-period__dates { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .5em .75em; margin: 0; }
.nl-space .jm-period__dates p { margin: 0; display: flex; flex-direction: column; gap: .2em; }
.nl-space .jm-period__dates label { font-size: .85rem; color: var(--nl-muted); font-weight: 600; }

/* The chart of the traffic: two charts one above the other (clicks, impressions), each its own scale. */
.nl-space .jm-chart { --jm-c: #2a78d6; --jm-i: #eb6834; position: relative; margin: 0 0 1em; padding: 1.1em 1.25em .75em; outline-offset: 3px; }
.nl-space .jm-chart__panel + .jm-chart__panel { margin-top: 1.1em; }
.nl-space .jm-chart__head { display: flex; align-items: center; gap: .5em; margin: 0 0 .35em; font-size: .92rem; }
.nl-space .jm-chart__key { display: inline-block; width: 16px; height: 3px; border-radius: 2px; background: var(--jm-c); }
.nl-space .jm-chart__panel--i .jm-chart__key { background: var(--jm-i); }
.nl-space .jm-chart__plot { position: relative; height: 140px; margin-top: .9em; }
.nl-space .jm-chart.has-figures .jm-chart__plot, .nl-space .jm-chart.has-figures .jm-chart__xaxis { margin-left: 3.6rem; }
.nl-space .jm-chart__plot svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.nl-space .jm-chart__grid line { stroke: var(--nl-line); stroke-width: 1px; }
.nl-space .jm-chart__line { fill: none; stroke: var(--jm-c); stroke-width: 2px; stroke-linejoin: round; stroke-linecap: round; }
.nl-space .jm-chart__area { fill: var(--jm-c); opacity: .1; }
.nl-space .jm-chart__panel--i .jm-chart__line { stroke: var(--jm-i); }
.nl-space .jm-chart__panel--i .jm-chart__area { fill: var(--jm-i); }
.nl-space .jm-chart__y { position: absolute; right: calc(100% + .5rem); transform: translateY(-50%); font-size: .75rem; color: var(--nl-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.nl-space .jm-chart__xaxis { position: relative; height: 1.6em; margin-top: .4em; font-size: .75rem; color: var(--nl-muted); }
.nl-space .jm-chart__xaxis span { position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap; }
.nl-space .jm-chart__xaxis span:first-child { transform: none; }
.nl-space .jm-chart__rule { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--nl-muted); opacity: .45; pointer-events: none; }
.nl-space .jm-chart__dot { position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: var(--jm-c); box-shadow: 0 0 0 2px var(--nl-card); pointer-events: none; }
.nl-space .jm-chart__panel--i .jm-chart__dot { background: var(--jm-i); }
.nl-space .jm-chart__tip { position: absolute; z-index: 3; top: .5em; min-width: 11em; padding: .55em .75em; border: 1px solid var(--nl-line); border-radius: 10px; background: var(--nl-card); box-shadow: var(--nl-shadow-lg); font-size: .85rem; pointer-events: none; }
.nl-space .jm-chart__tip p { margin: 0; display: flex; align-items: center; gap: .45em; }
.nl-space .jm-chart__tip p:first-child { color: var(--nl-muted); margin-bottom: .2em; }
.nl-space .jm-chart__tip strong { color: var(--nl-ink); font-variant-numeric: tabular-nums; }
.nl-space .jm-chart__data summary { cursor: pointer; font-weight: 600; }
.nl-space .jm-chart__data table { margin-top: .75em; }

/* The latest posts of a site: a date, a title. */
.nl-space .jm-postlist { list-style: none; margin: .5em 0; padding: 0; }
.nl-space .jm-postlist li { display: grid; grid-template-columns: 7.5em 1fr; gap: 1em; padding: .55em 0; border-top: 1px solid var(--nl-line); }
.nl-space .jm-postlist li:first-child { border-top: 0; }
.nl-space .jm-postlist time { color: var(--nl-muted); font-size: .88rem; font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
	.nl-space .jm-postlist li { grid-template-columns: 1fr; gap: .1em; }
	.nl-space .jm-chart { padding: 1em .75em .5em; }
	.nl-space .jm-chart.has-figures .jm-chart__plot, .nl-space .jm-chart.has-figures .jm-chart__xaxis { margin-left: 2.8rem; }
	.nl-space .jm-sitetabs a { padding: .55em .7em; font-size: .9rem; }
	.nl-space .jm-chart__xaxis span:nth-child(even) { display: none; }
}

/* « Mes sites »: a service on or off from the table (its price kept), at once (a button, like the switches of the forms). */
.nl-space .jm-qswitch { display: inline-block; margin: .3em 0 0; }
.nl-space .jm-toggle { display: inline-flex; align-items: center; padding: 2px; border: 0; background: none; cursor: pointer; border-radius: 999px; }
.nl-space .jm-toggle__track { position: relative; display: inline-block; width: 30px; height: 17px; border-radius: 999px; background: #cdd4e1; box-shadow: inset 0 1px 2px rgba(16, 24, 64, .15); transition: background .15s; }
.nl-space .jm-toggle__track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 13px; height: 13px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: transform .15s; }
.nl-space .jm-toggle[aria-checked="true"] .jm-toggle__track { background: #16a34a; }
.nl-space .jm-toggle[aria-checked="true"] .jm-toggle__track::after { transform: translateX(13px); }
.nl-space .jm-sites__off { font-size: .85rem; }
@media (forced-colors: active) {
	.nl-space .jm-toggle__track { border: 1px solid CanvasText; }
	.nl-space .jm-toggle[aria-checked="true"] .jm-toggle__track { background: Highlight; }
}

/* Filters in lines (catalogue, favorites, keywords): each line wraps its fields, a field never shrinks below its label. */
.nl-space .jm-filters--rows { display: block; }
.nl-space .jm-filters__row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0 1em; }
.nl-space .jm-filters__row > p { flex: 1 1 150px; min-width: 0; }
.nl-space .jm-filters__row > .jm-filters__q { flex: 2 1 240px; }
.nl-space .jm-filters__row--more > p { flex: 0 1 260px; }
.nl-space .jm-filters__row--more > .jm-filters__ttf { flex: 0 1 320px; }
.nl-space .jm-filters__row > .jm-filters__num { flex: 0 1 auto; }
.nl-space .jm-filters__num label { white-space: nowrap; }
.nl-space .jm-filters__num input[type=number] { width: 100%; min-width: 0; }
.nl-space .jm-filters__num:not(.jm-filters__num--price) { min-width: 0; width: 13.5em; max-width: 100%; }
.nl-space .jm-filters__num--price .jm-input-unit { max-width: none; }
.nl-space .jm-filters__num--price input[type=number] { width: 7.5em; }
.nl-space .jm-filters__row label, .nl-space .jm-filters__out > label { white-space: normal; }
.nl-space .jm-filters--rows .jm-ranges { margin: .3em 0 1em; }
.nl-space .jm-filters__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6em 1.4em; padding: .2em 0 .9em; }
.nl-space .jm-filters__foot .jm-filters__check { margin: 0; }
.nl-space .jm-filters__go { margin: 0 0 .9em !important; flex: none; }
.nl-space .jm-filters__foot .jm-filters__go { margin: 0 0 0 auto !important; }
.nl-space .jm-filters__go .jm-btn { min-width: 9.5em; min-height: 2.9em; justify-content: center; font-size: 1rem; }
.nl-space .jm-filters__row--figures .jm-filters__go { margin-left: auto !important; }
.nl-space .jm-filters__row--figures > p:not(.jm-filters__num):not(.jm-filters__go) { flex: 0 1 230px; }
.nl-space .jm-perpage .nl-picker { width: 6.2em; }
.nl-space .jm-perpage .nl-picker__btn { min-height: 2.3em; padding: .35em 2.2em .35em .75em; }
@media (max-width: 560px) {
	.nl-space .jm-filters__row > p, .nl-space .jm-filters__row--more > p, .nl-space .jm-filters__row > .jm-filters__num, .nl-space .jm-filters__row--figures > p:not(.jm-filters__num):not(.jm-filters__go) { flex: 1 1 100%; }
	.nl-space .jm-filters__row > .jm-filters__num, .nl-space .jm-filters__row > .jm-filters__num--price { flex: 1 1 calc(50% - .5em); }
	.nl-space .jm-filters__go, .nl-space .jm-filters__foot .jm-filters__go { flex: 1 1 100%; margin-left: 0 !important; }
	.nl-space .jm-filters__go .jm-btn { width: 100%; }
}

/* The ranges in three lines: price and quality, authority, links and audience. */
.nl-space .jm-ranges__grid { display: grid; grid-template-columns: 1fr; gap: 0; padding: 0 1em .6em; }
.nl-space .jm-ranges__row { display: grid; grid-template-columns: 11em minmax(0, 1fr); gap: .4em 1em; align-items: center; padding: .7em 0; border-bottom: 1px dashed var(--nl-line); }
.nl-space .jm-ranges__row:last-child { border-bottom: 0; }
.nl-space .jm-ranges__row { align-items: end; }
.nl-space .jm-ranges__name { padding-bottom: .8em; }
@media (max-width: 1100px) { .nl-space .jm-ranges__name { padding-bottom: 0; } }
.nl-space .jm-ranges__name { margin: 0 !important; font: 700 .8rem var(--nl-display); letter-spacing: .03em; text-transform: uppercase; color: var(--nl-muted); }
.nl-space .jm-ranges__fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6em 1em; }
.nl-space .jm-range input[type=number] { height: 2.5em; padding: .4em .5em; }
@media (max-width: 1100px) {
	.nl-space .jm-ranges__row { grid-template-columns: 1fr; }
	.nl-space .jm-ranges__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.nl-space .jm-ranges__fields { grid-template-columns: 1fr; }
}

/* The brief: its label and what it is for, the briefs to start from, the editor, its count, the rules. */
.nl-space .jm-brief__head { margin: 0 0 .7em; }
.nl-space .jm-brief .jm-brief__label { display: block; margin: 0; font-weight: 700; color: var(--nl-ink); }
.nl-space .jm-brief__help { margin: .2em 0 0; color: var(--nl-muted); font-size: .9rem; }
.nl-space .jm-brief__models { padding: .8em; border: 1px solid var(--nl-line); border-radius: 12px; background: #fafbfe; }
.nl-space .jm-brief__intro strong { color: var(--nl-ink); }
.nl-space .jm-brief--keyword .nl-rich__area, .nl-space .jm-brief--credits .nl-rich__area { min-height: 8em; }
.nl-space .jm-brief--order .nl-rich__area { min-height: 13em; }
.nl-space .jm-brief__count { margin: .35em 0 0; text-align: right; font-size: .8rem; color: var(--nl-muted); font-variant-numeric: tabular-nums; }
.nl-space .jm-brief__count.is-near { color: var(--nl-amber); }
.nl-space .jm-brief__count.is-over { color: var(--nl-red); font-weight: 700; }
.nl-space .jm-rules-note { display: flex; gap: .6em; align-items: flex-start; margin: .8em 0 0; padding: .7em .9em; border-radius: 10px; background: var(--nl-bg); color: var(--nl-text); font-size: .88rem; }
.nl-space .jm-rules-note .jm-ico { flex: none; margin-top: .2em; color: var(--nl-primary); }
.nl-space .jm-rules-note .jm-rules { margin: .25em 0 0 1.1em; font-size: inherit; }
.nl-space .jm-pages__note { display: flex; gap: .4em; align-items: flex-start; margin: .2em 0 0; }
.nl-space .jm-pages__note .jm-ico { flex: none; margin-top: .15em; }

/* The page of a site, for a buyer: the head (preview, name, domain, what sets it apart, the order), its figures, services and rules. */
.nl-space .jm-hero-site { align-items: flex-start; }
.nl-space .jm-hero-site__id { flex: 1 1 420px; min-width: 0; }
.nl-space .jm-hero-site__main { min-width: 0; }
.nl-space .jm-hero-site__main h2 { margin: 0 0 .1em; overflow-wrap: anywhere; }
.nl-space .jm-hero-site__host { margin: 0 0 .55em; color: var(--nl-muted); font-weight: 600; overflow-wrap: anywhere; }
.nl-space .jm-hero-site__facts { display: flex; flex-wrap: wrap; align-items: center; gap: .4em; margin: 0 0 .5em; }
.nl-space .jm-hero-site__facts .jm-badge { margin: 0; }
.nl-space .jm-hero-site__topics { margin: 0; }
.nl-space .jm-hero-site__shot { position: relative; flex: none; display: block; width: 168px; padding: 0; border: 1px solid #e3e7ef; border-radius: 10px; background: #eef1f7; overflow: hidden; cursor: zoom-in; }
.nl-space .jm-hero-site__shot .jm-shot { border: 0; border-radius: 0; transition: transform .2s ease; }
.nl-space .jm-hero-site__shot:hover .jm-shot { transform: scale(1.04); }
.nl-space .jm-hero-site__shot:focus-visible { outline: 3px solid color-mix(in srgb, var(--nl-primary) 45%, transparent); outline-offset: 2px; }
.nl-space .jm-hero-site__zoom { position: absolute; right: 6px; bottom: 6px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: rgba(255, 255, 255, .92); color: var(--nl-ink); box-shadow: 0 1px 3px rgba(0, 0, 0, .2); }
.nl-space .jm-hero-site__side { flex: 0 1 auto; flex-direction: column; align-items: flex-end; gap: .7em; }
.nl-space .jm-hero-site__buy { display: grid; justify-items: end; gap: .2em; }
.nl-space .jm-hero-site__buy .jm-price { font-size: 1.5rem; }
.nl-space .jm-hero-site__buy .jm-btn { margin-top: .3em; }
.nl-space .jm-hero-site__acts { display: flex; gap: .5em; }
.nl-space .jm-fact { display: inline-flex; align-items: center; gap: .35em; padding: .25em .65em; border: 1px solid var(--nl-line); border-radius: 999px; background: #fff; color: var(--nl-ink); font-size: .84rem; font-weight: 600; line-height: 1.4; }
.nl-space .jm-fact small { color: var(--nl-muted); font-size: .74rem; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; }
.nl-space .jm-fact .jm-flag { width: 18px; height: auto; border-radius: 2px; }
.nl-space .jm-fact--partner { border-color: #c9d8f0; background: #eef4ff; color: #1d4ed8; }
.nl-space .jm-fact--network { border-color: #cdebdc; background: #ecfaf3; color: #08724f; }
.nl-space .jm-fact--news { border-color: #e1e5ee; background: #f6f7fb; }
dialog.jm-shot-dialog { width: min(1040px, calc(100vw - 32px)); }
dialog.jm-shot-dialog .jm-shot-figure { margin: .6em 0 0; padding: 0; }
dialog.jm-shot-dialog .jm-shot--full { display: block; width: 100%; height: auto; max-height: calc(100vh - 190px); aspect-ratio: 16 / 10; object-fit: cover; object-position: top; border-radius: 10px; border: 1px solid #e3e7ef; background: #eef1f7; }
dialog.jm-shot-dialog figcaption { margin-top: .5em; }
.nl-space .jm-keyfigs .jm-card__head h3 { display: flex; align-items: center; gap: .4em; margin: 0; }
.nl-space .jm-keyfigs__groups { display: grid; gap: 0; margin-top: .5em; }
.nl-space .jm-keyfigs__group { display: grid; grid-template-columns: 7.5em minmax(0, 1fr); gap: .5em 1em; align-items: center; padding: .6em 0; border-bottom: 1px dashed var(--nl-line); }
.nl-space .jm-keyfigs__group:last-child { border-bottom: 0; }
.nl-space .jm-keyfigs__group h4 { margin: 0; font: 700 .76rem var(--nl-display); letter-spacing: .04em; text-transform: uppercase; color: var(--nl-muted); }
.nl-space .jm-keyfigs__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5em; margin: 0; }
.nl-space .jm-keyfig { padding: .6em .75em; border: 1px solid var(--nl-line); border-radius: 10px; background: #fafbfe; }
.nl-space .jm-keyfig dt { color: var(--nl-muted); font-size: .8rem; line-height: 1.3; }
.nl-space .jm-keyfig dd { margin: .15em 0 0; }
.nl-space .jm-keyfig dd strong { font: 700 1.2rem/1.2 var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-keyfig dd small { display: block; color: var(--nl-muted); font-size: .76rem; }
@media (max-width: 860px) {
	.nl-space .jm-keyfigs__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.nl-space .jm-keyfigs__group { grid-template-columns: 1fr; }
}
.nl-space .jm-site-offer { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.nl-space .jm-offer-sub { margin: 1.1em 0 .4em; font-size: .95rem; }
.nl-space .jm-writing-list { list-style: none; margin: 0; padding: 0; }
.nl-space .jm-writing-list li { display: flex; justify-content: space-between; gap: 1em; padding: .4em 0; border-bottom: 1px dashed var(--nl-line); }
.nl-space .jm-writing-list li:last-child { border-bottom: 0; }
.nl-space .jm-site-rules h3 { display: flex; align-items: center; gap: .4em; }
.nl-space .jm-rulelist { display: grid; gap: 0; margin: 0; }
.nl-space .jm-rulelist > div { display: grid; grid-template-columns: 9.5em minmax(0, 1fr); gap: .3em 1em; padding: .65em 0; border-bottom: 1px solid var(--nl-line); }
.nl-space .jm-rulelist > div:last-child { border-bottom: 0; }
@media (max-width: 1240px) {
	.nl-space .jm-rulelist > div { grid-template-columns: 1fr; gap: .2em; }
}
.nl-space .jm-rulelist dt { font-weight: 700; color: var(--nl-ink); font-size: .9rem; }
.nl-space .jm-rulelist dd { margin: 0; font-size: .9rem; }
.nl-space .jm-rulelist__items { margin: 0; padding: 0 0 0 1.1em; }
.nl-space .jm-rulelist__items li { margin: 0 0 .2em; }
.nl-space .jm-anchor-kinds { display: flex; flex-wrap: wrap; gap: .35em; }
.nl-space .jm-anchor-kind { display: inline-flex; align-items: center; gap: .3em; padding: .2em .6em; border-radius: 999px; font-size: .84rem; font-weight: 600; }
.nl-space .jm-anchor-kind.is-on { background: #e3f7ef; color: #0f6b4a; }
.nl-space .jm-anchor-kind.is-off { background: #f3f4f7; color: #7b829c; text-decoration: line-through; }
.nl-space .jm-site-rules__help { margin-top: .6em; font-size: .86rem; }
.nl-space .jm-site-rules__help summary { cursor: pointer; color: var(--nl-primary); font-weight: 600; }
.nl-space .jm-kwpage { color: var(--nl-muted); overflow-wrap: anywhere; }
@media (max-width: 640px) {
	.nl-space .jm-hero-site__id { flex-direction: column; }
	.nl-space .jm-hero-site__shot { width: 100%; max-width: 280px; }
	.nl-space .jm-hero-site__side { width: 100%; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
	.nl-space .jm-hero-site__buy { justify-items: start; grid-template-columns: auto auto; align-items: baseline; column-gap: .5em; }
	.nl-space .jm-hero-site__buy .jm-btn { grid-column: 1 / -1; }
	.nl-space .jm-rulelist > div { grid-template-columns: 1fr; }
	.nl-space .jm-site-offer { grid-template-columns: 1fr; }
	.nl-space .jm-site-offer .jm-offer-list li { grid-template-columns: minmax(0, 1fr) auto; }
	.nl-space .jm-site-offer .jm-offer-list li > div { grid-column: 1 / -1; }
}

/* A text for screen readers (absolute) stays inside its box: never a page wider than the screen. */
.nl-space .jm-scroll { position: relative; }
.nl-space .jm-bars { position: relative; overflow: hidden; }
.nl-space .jm-cols > * { min-width: 0; }

/* Catalogue in lines: tight columns (the actions above each other, the price on two lines); one card per site
   (class is-cards, space.js) on a screen of 900 px or less, or as soon as the columns do not fit their box. */
.nl-space .jm-catalogue th { font-size: .7rem; letter-spacing: .01em; }
.nl-space .jm-catalogue th, .nl-space .jm-catalogue td { padding: .55em .38em; }
.nl-space .jm-catalogue th:first-child, .nl-space .jm-catalogue td:first-child { padding-left: .9em; }
.nl-space .jm-catalogue th:last-child, .nl-space .jm-catalogue td:last-child { padding-right: .8em; }
.nl-space .jm-catalogue__site { min-width: 160px; overflow-wrap: anywhere; }
.nl-space .jm-catalogue__site .jm-ttf > span { max-width: 15ch; }
.nl-space .jm-catalogue__site .jm-badge { white-space: normal; }
.nl-space .jm-catalogue__price { white-space: normal; min-width: 5.6em; }
.nl-space .jm-catalogue__price strong, .nl-space .jm-catalogue__price del { white-space: nowrap; }
.nl-space .jm-catalogue__actions { width: 1%; white-space: normal; }
.nl-space .jm-catalogue__actions > .jm-btn { display: flex; justify-content: center; }
.nl-space .jm-catalogue__tools { display: flex; justify-content: flex-end; gap: .2em; margin-top: .35em; white-space: nowrap; }
.nl-space .jm-catalogue__tools .jm-fav { margin: 0; }
.nl-space .jm-catalogue__tools .jm-icon-btn { width: 32px; height: 32px; }
.nl-space .jm-catalogue__wrap.is-cards { overflow: visible; background: none; border: 0; box-shadow: none; }
.nl-space .is-cards .jm-catalogue, .nl-space .is-cards .jm-catalogue tbody { display: block; }
.nl-space .is-cards .jm-catalogue thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.nl-space .is-cards .jm-catalogue tbody tr { display: grid; grid-template-columns: repeat(auto-fill, minmax(4.4em, 1fr)); gap: .6em .7em; margin: 0 0 .8em; padding: .9em 1em; background: #fff; border: 1px solid var(--nl-line); border-radius: var(--nl-radius); box-shadow: var(--nl-shadow); }
.nl-space .is-cards .jm-catalogue tbody tr.is-featured { box-shadow: inset 3px 0 0 #ffc400, var(--nl-shadow); }
.nl-space .is-cards .jm-catalogue tbody td { display: block; min-width: 0; border: 0; padding: 0 !important; text-align: left; box-shadow: none !important; }
.nl-space .is-cards .jm-catalogue td.jm-catalogue__site { grid-column: 1 / -1; }
.nl-space .is-cards .jm-catalogue td[data-label]::before { content: attr(data-label); display: block; margin-bottom: .15em; font-size: .7rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--nl-muted); }
.nl-space .is-cards .jm-catalogue td.jm-catalogue__price { grid-column: 1 / span 2; }
.nl-space .is-cards .jm-catalogue td.jm-catalogue__actions { grid-column: 3 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .35em; width: auto; }
.nl-space .is-cards .jm-catalogue__tools { display: inline-flex; gap: .3em; margin: 0; }

/* CC1: the wallet at 390 px. The cards of a column (grid .jm-stack) took the width of the history table and pushed
   the page wider than the screen (427 px): they keep the width of their column, the table scrolls in its box. */
.nl-space .jm-wallet .jm-stack { grid-template-columns: minmax(0, 1fr); }
.nl-space .jm-wallet .jm-stack > * { min-width: 0; }

/* EE2: the keywords of the buyers. Of the page ranked, its figures (TF, CF, BL, RD, first TTF topic), never its address;
   the pages of the catalogue by universe: their introduction and the way from one universe to another. */
.nl-space .jm-kwmetrics { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: .2em .55em; font-size: .82rem; }
.nl-space .jm-kwm { white-space: nowrap; }
.nl-space .jm-kwm b { font-size: .7rem; font-weight: 700; letter-spacing: .02em; color: var(--nl-muted); }
.nl-space .jm-kwm__scope { white-space: nowrap; }
.nl-space .jm-kwm__topic { display: block; }
.nl-space .jm-kwm__topic .jm-ttfs { margin-top: .25em; }
.nl-space .jm-keywords td .jm-kwmetrics { min-width: 11em; }
.nl-space .jm-universe-intro { margin: 0 0 1em; }
.nl-space .jm-universe-intro > :first-child { margin-top: 0; }
.nl-space .jm-universe-intro > :last-child { margin-bottom: 0; }
.nl-space .jm-universes { gap: .35em; }
.nl-space .jm-universes a { padding: .35em .8em; font-size: .8rem; }
/* Phone: one line that scrolls, the universe open first (always in sight). */
@media (max-width: 640px) {
	.nl-space .jm-universes { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .3em; -webkit-overflow-scrolling: touch; }
	.nl-space .jm-universes a { flex: 0 0 auto; }
	.nl-space .jm-universes a[aria-current="page"] { order: -1; }
}

/* ===== EE4: the menu of the space (shorter, never a scrollbar of its own) and « Mon compte » in tabs. ===== */
/* Computer (GG1): the menu never scrolls inside itself, whatever its length. While it fits in the screen it stays
   in sight; taller (a seller, an agency, both sides, a laptop), it is carried by the page until its end is in
   sight, stays there, and back up the same way (space.js, class jm-side--tall). */
.nl-space .jm-side { max-height: none; overflow: visible; overflow-x: clip; }
@media (max-height: 560px) {
	.nl-space .jm-side { position: static; }
}
.nl-space .jm-side__toggle { display: none; }
.nl-space .jm-modebadge { margin: .1em .2em .4em; padding: .45em .7em; }
.nl-space .jm-side__more { margin: .5em .4em .1em; }
/* « Mes sites »: the texts for screen readers of its table (absolute) kept inside the frame that scrolls, never wider than the page. */
.nl-space .jm-sites__wrap { position: relative; }
.nl-space .jm-side__group { margin: .7em .7em .2em; }
/* The first group right under « Espace acheteur / vendeur »: its name said by the badge (kept for the screen readers). */
.nl-space .jm-modebadge + .jm-side__group, .nl-space .jm-side__switch + .jm-side__group { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nl-space .jm-nav a { padding: .42em .7em; font-size: .9rem; }
/* The help and the logout, side by side at the end. */
.nl-space .jm-nav--end { flex-direction: row; flex-wrap: wrap; gap: 2px; margin-top: .4em; padding-top: .4em; }
.nl-space .jm-nav--end li { flex: 1 1 auto; }
.nl-space .jm-nav--end a { gap: .45em; padding: .45em .5em; font-size: .84rem; color: var(--nl-muted); }
.nl-space .jm-nav--end .jm-ico { width: 16px; height: 16px; }
/* A screen not very high (a laptop): the entries closer together, so that the whole menu stays in sight. */
@media (min-width: 861px) and (max-height: 860px) {
	.nl-space .jm-nav a { padding: .3em .7em; }
	.nl-space .jm-side__group { margin: .5em .7em .15em; }
	.nl-space .jm-modebadge { padding: .35em .7em; margin-bottom: .3em; }
}
/* Phone and tablet: one button « Menu · page open » unfolds the menu, in two columns when there is room. */
@media (max-width: 860px) {
	.nl-space .jm-side { position: static; display: block; max-height: none; overflow: visible; padding: .35em; }
	.nl-space .jm-side__toggle:not([hidden]) { display: flex; align-items: center; gap: .65em; width: 100%; min-height: 44px; padding: .5em .7em; border: 0; border-radius: 10px; background: transparent; color: var(--nl-ink); font: inherit; font-weight: 600; text-align: left; cursor: pointer; }
	.nl-space .jm-side__toggle:hover { background: #f3f4fa; }
	.nl-space .jm-side__toggle .jm-ico { flex: none; color: var(--nl-primary); }
	.nl-space .jm-side__toggle-label { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; }
	.nl-space .jm-side__toggle-label small { font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8a91ad; }
	.nl-space .jm-side__toggle .jm-count { margin-left: 0; }
	.nl-space .jm-side__toggle::after { content: ""; flex: none; width: .5em; height: .5em; margin: 0 .3em 0 .2em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-25%) rotate(45deg); transition: transform .15s; }
	.nl-space .jm-side__toggle[aria-expanded="true"]::after { transform: translateY(25%) rotate(-135deg); }
	.nl-space .jm-side--js .jm-side__body { display: none; }
	.nl-space .jm-side--js.is-open .jm-side__body { display: block; margin-top: .35em; padding-top: .35em; border-top: 1px solid var(--nl-line); }
	.nl-space .jm-side__body { column-count: 2; column-gap: 1em; }
	.nl-space .jm-side__body > .jm-modebadge, .nl-space .jm-side__body > .jm-side__switch, .nl-space .jm-side__body > .jm-side__more, .nl-space .jm-side__body > .jm-nav--end { column-span: all; }
	.nl-space .jm-side .jm-side__group { display: block; break-after: avoid; }
	.nl-space .jm-side .jm-nav { display: flex; flex-direction: column; }
	.nl-space .jm-side .jm-nav li { break-inside: avoid; }
	.nl-space .jm-side .jm-nav a { white-space: normal; }
	.nl-space .jm-side .jm-nav--end { flex-direction: row; margin-top: .5em; padding-top: .5em; border-top: 1px solid var(--nl-line); }
}
@media (max-width: 560px) {
	.nl-space .jm-side__body { column-count: 1; }
}

/* « Mon compte »: its tabs (roles tablist / tab: the bar of tabs of the space, block « II3 » at the end of this
   file), then the panel of the tab open. */
.nl-space .jm-accpanel { outline: none; }
.nl-space .jm-accpanel > .jm-head h2, .nl-space .jm-accpanel > form > .jm-head h2 { font-size: 1.2rem; }
.nl-space .jm-accpanel > .jm-card + .jm-card, .nl-space .jm-accpanel > form + .jm-card, .nl-space .jm-accpanel > .jm-card + form, .nl-space .jm-accpanel > form + form { margin-top: 1.2em; }
.nl-space .jm-sessions__list { margin: 0 0 1em; padding: 0; list-style: none; }
.nl-space .jm-sessions__list li { padding: .6em 0; border-bottom: 1px solid var(--nl-line); }
.nl-space .jm-sessions__list li:last-child { border-bottom: 0; }

/* A sale on a site sold without its plugin (module SiteVerify): « Publier vous-même », the content to copy, the address of the page. */
.nl-space .jm-hand { border-left: 3px solid var(--nl-primary); }
.nl-space .jm-hand .jm-howto { margin: .4em 0 .8em; }
.nl-space details.jm-hand__content { border: 1px solid var(--nl-line); border-radius: 12px; padding: .6em .9em; margin: .6em 0; }
.nl-space .jm-hand__content > summary { cursor: pointer; font-weight: 600; }
.nl-space .jm-hand__preview { max-height: 320px; overflow: auto; margin: .6em 0; padding: .6em .8em; background: #f8f9fc; border-radius: 10px; font-size: .92rem; }
.nl-space .jm-hand__content textarea.jm-key__value { width: 100%; min-height: 6em; font-family: ui-monospace, Consolas, monospace; font-size: .8rem; }
.nl-space .jm-hand__form input[type="url"] { width: 100%; max-width: 560px; }

/* GG1: the pages of the seller's own sites (his eyes only): their address as a link, cut anywhere on a narrow screen. */
.nl-space .jm-ownpage { overflow-wrap: anywhere; }
.nl-space .jm-ownpages td:first-child { min-width: 12em; }
/* « Pages positionnées sur Google » on a phone: one block per page, each figure with its label. */
@media (max-width: 640px) {
	.nl-space .jm-ownpages thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.nl-space .jm-ownpages table, .nl-space .jm-ownpages tbody, .nl-space .jm-ownpages tr { display: block; }
	.nl-space .jm-ownpages tr { padding: .55em 0; border-bottom: 1px solid var(--nl-line); }
	.nl-space .jm-ownpages td { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; padding: .15em 0; border: 0; text-align: left; }
	.nl-space .jm-ownpages td:first-child { min-width: 0; font-weight: 600; }
	.nl-space .jm-ownpages td[data-label]::before { content: attr(data-label); flex: none; color: var(--nl-muted); font-size: .8rem; }
	.nl-space .jm-ownpages td[data-label] > span { text-align: right; }
}

/* ===== II1: the page of a universe shared (a visitor: its presentation, never a site), « Partager cette page ». ===== */
.nl-space.jm-unipub { max-width: 1180px; margin: 0 auto; }
.nl-space .jm-unipub__hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 360px); gap: 2em; align-items: start; padding: 2.4em 2.4em 2.2em; margin: 0 0 1.6em; border-radius: 22px; color: #e6edf5; background: radial-gradient(110% 130% at 100% 0%, rgba(255, 196, 0, .22), transparent 48%), linear-gradient(140deg, #071e33 0%, #0d2f4f 58%, #1e5a8c 100%); box-shadow: var(--nl-shadow-lg); }
.nl-space .jm-unipub__intro { min-width: 0; }
.nl-space .jm-unipub__hero .jm-eyebrow { color: #ffc400; }
.nl-space .jm-unipub__title { margin: 0 0 .45em; color: #fff; font: 800 clamp(1.7rem, 3.2vw, 2.5rem)/1.12 var(--nl-display); letter-spacing: -.02em; overflow-wrap: anywhere; }
.nl-space .jm-unipub__pitch { max-width: 62ch; color: #d4dfeb; font-size: 1.04rem; }
.nl-space .jm-unipub__pitch p { margin: 0 0 .7em; }
.nl-space .jm-unipub__pitch a { color: #ffd84d; }
.nl-space .jm-unipub__ctas { display: flex; flex-wrap: wrap; gap: .7em; margin: 1.4em 0 .8em; }
.nl-space .jm-unipub__hero .jm-unipub__signup { background: #ffc400; border-color: #ffc400; color: #0d2f4f !important; }
.nl-space .jm-unipub__hero .jm-unipub__signup:hover { background: #ffd84d; border-color: #ffd84d; }
.nl-space .jm-unipub__hero .jm-btn--ghost { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .5); }
.nl-space .jm-unipub__hero .jm-btn--ghost:hover { background: rgba(255, 255, 255, .12); }
.nl-space .jm-unipub__note { margin: 0; color: #b5c5d6; font-size: .86rem; }
.nl-space .jm-unipub__facts { min-width: 0; padding: 1.3em 1.4em; border-radius: 16px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); }
.nl-space .jm-unipub__facts-title { margin: 0 0 .9em; color: #fff; font: 700 .76rem/1 var(--nl-font); letter-spacing: .08em; text-transform: uppercase; }
.nl-space .jm-unipub__facts dl { display: grid; gap: .9em; margin: 0 0 1em; }
.nl-space .jm-unipub__facts dt { margin: 0 0 .3em; color: #b5c5d6; font-size: .8rem; }
.nl-space .jm-unipub__facts dd { display: flex; flex-wrap: wrap; gap: .35em; align-items: baseline; margin: 0; color: #fff; }
.nl-space .jm-unipub__facts dd strong { color: #ffc400; font: 800 1.35rem/1.1 var(--nl-display); }
.nl-space .jm-unipub__facts dd small { color: #b5c5d6; }
.nl-space .jm-unipub__tag { display: inline-flex; align-items: center; gap: .4em; padding: .28em .65em; border-radius: 999px; background: rgba(255, 255, 255, .12); font-size: .84rem; }
.nl-space .jm-unipub__tag .jm-flag { width: 18px; height: auto; border-radius: 2px; }
.nl-space .jm-unipub__facts-note { display: flex; gap: .45em; align-items: flex-start; margin: 0; color: #b5c5d6; font-size: .8rem; line-height: 1.45; }
.nl-space .jm-unipub__facts-note .jm-ico { margin-top: 2px; color: #ffc400; }
.nl-space .jm-unipub__block { margin: 0 0 1.6em; }
.nl-space .jm-unipub__block > h2, .nl-space .jm-unipub__end h2 { display: flex; align-items: flex-start; gap: .45em; font-size: 1.35rem; }
.nl-space .jm-unipub__block > h2 .jm-ico { margin-top: .2em; color: var(--nl-primary); }
.nl-space .jm-unipub__offers { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1em; margin: 0; padding: 0; list-style: none; }
.nl-space .jm-unipub__offers .jm-card { display: flex; flex-direction: column; gap: .45em; margin: 0; border-top: 4px solid var(--nl-primary); }
.nl-space .jm-unipub__offers h3 { display: flex; align-items: center; gap: .45em; margin: 0; }
.nl-space .jm-unipub__offers h3 .jm-ico { color: var(--nl-primary); }
.nl-space .jm-unipub__offers p { margin: 0; color: var(--nl-muted); }
.nl-space .jm-unipub__offers .jm-unipub__from { margin-top: auto; padding-top: .5em; color: var(--nl-ink); }
.nl-space .jm-unipub__from strong { color: var(--nl-ink); font: 800 1.15rem/1 var(--nl-display); }
.nl-space .jm-unipub__from small { color: var(--nl-muted); }
.nl-space .jm-unipub__offers .jm-unipub__flash { border-top-color: #ffc400; background: #fffbea; }
.nl-space .jm-unipub__flash h3 .jm-ico { color: #8a6a00; }
.nl-space .jm-unipub__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1em; margin: 0 0 1.6em; }
.nl-space .jm-unipub__cols .jm-unipub__block { margin: 0; }
.nl-space .jm-unipub__checks { margin-top: .6em; }
.nl-space .jm-unipub__checks .jm-ico { color: var(--nl-mint); }
.nl-space .jm-unipub__others .jm-filterchips { margin: 0; }
.nl-space .jm-unipub__end { margin: 0 0 1em; padding: 1.8em 2em; border: 1px solid #f3dc8a; border-radius: 20px; background: #fff6d6; text-align: center; }
.nl-space .jm-unipub__end h2 { justify-content: center; margin: 0 0 .3em; }
.nl-space .jm-unipub__end p { max-width: 60ch; margin: 0 auto; color: var(--nl-text); }
.nl-space .jm-unipub__end .jm-unipub__ctas { justify-content: center; margin-bottom: 0; }
/* « Partager cette page » (a member): the address copied, told beside the button. */
.nl-space .jm-share.is-done { border-color: var(--nl-mint); background: var(--nl-mint-50); color: #0b5852 !important; }
.nl-space .jm-share__done { flex-basis: 100%; color: #0b5852; font-size: .82rem; text-align: right; }
.nl-space .jm-share__done:empty { display: none; }
@media (max-width: 860px) {
	.nl-space .jm-unipub__hero { grid-template-columns: minmax(0, 1fr); gap: 1.4em; padding: 1.6em 1.3em; border-radius: 18px; }
	.nl-space .jm-unipub__cols { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
	.nl-space .jm-unipub__ctas .jm-btn { flex: 1 1 100%; }
	.nl-space .jm-unipub__end { padding: 1.4em 1.1em; }
	.nl-space .jm-share__done { text-align: left; }
}

/* ===== II2: the ways of buying in sight (the menu of a buyer, « Campagnes et packs », the dashboard). ===== */
/* The menu: what each way is, under its name (no height nor scroll of the menu touched). */
.nl-space .jm-nav a.jm-nav__way { align-items: flex-start; }
.nl-space .jm-nav a.jm-nav__way > .jm-ico { margin-top: .1em; }
.nl-space .jm-nav__text { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
.nl-space .jm-nav__hint { display: block; margin-top: .1em; color: #6b7393; font-size: .74rem; font-weight: 400; line-height: 1.2; }
.nl-space .jm-nav a[aria-current] .jm-nav__hint { color: var(--nl-primary-600); }
.nl-space .jm-nav a.jm-nav__way .jm-count { align-self: center; }
/* « Campagnes et packs »: the two ways side by side, each its sentence and its button, then the follow-up. */
.nl-space .jm-buyways { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1em; margin: 0 0 1.8em; }
.nl-space .jm-buyway { display: flex; flex-direction: column; gap: .5em; min-width: 0; margin: 0 !important; padding: 1.5em 1.5em 1.4em; border-top: 4px solid #ffc400; }
.nl-space .jm-buyway--packs { border-top-color: var(--nl-primary); }
.nl-space .jm-buyway__ico { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: #fff6d6; color: #8a6a00; }
.nl-space .jm-buyway--packs .jm-buyway__ico { background: var(--nl-primary-50); color: var(--nl-primary); }
.nl-space .jm-buyway__ico .jm-ico { width: 28px; height: 28px; }
.nl-space .jm-buyway__eyebrow { margin: .45em 0 0; color: #8a6a00; font-size: .78rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.nl-space .jm-buyway--packs .jm-buyway__eyebrow { color: var(--nl-primary-600); }
.nl-space .jm-buyway h3 { margin: 0; color: var(--nl-ink); font: 800 1.35rem/1.2 var(--nl-display, inherit); }
.nl-space .jm-buyway__text { margin: 0; line-height: 1.55; }
.nl-space .jm-buyway__facts { display: grid; gap: .3em; margin: .2em 0 .3em; padding: 0; list-style: none; font-size: .9rem; }
.nl-space .jm-buyway__facts li { display: flex; align-items: center; gap: .45em; }
.nl-space .jm-buyway__facts .jm-ico { flex: none; color: var(--nl-mint, #16a34a); }
.nl-space .jm-buyway__go { margin: auto 0 0; padding-top: .4em; }
.nl-space .jm-buyway__go .jm-btn { width: 100%; justify-content: center; text-align: center; }
.nl-space .jm-buyways__follow { flex-wrap: wrap; margin: 0 0 .8em; }
.nl-space .jm-buyways__follow .jm-section-title { margin: 0; }
.nl-space .jm-buyways__none { margin: 0 0 1em; }
@media (max-width: 760px) {
	.nl-space .jm-buyways { grid-template-columns: minmax(0, 1fr); }
	.nl-space .jm-buyway { padding: 1.2em 1.1em; }
}
/* The dashboard of a buyer who has bought nothing yet: one discreet line on the two ways. */
.nl-space .jm-waysnote { display: flex; align-items: flex-start; gap: .5em; margin: 0 0 1em; padding: .55em .85em; border: 1px dashed color-mix(in srgb, #ffc400 55%, var(--nl-line)); border-radius: 10px; background: #fffdf3; font-size: .88rem; line-height: 1.45; }
.nl-space .jm-waysnote > .jm-ico { flex: none; margin-top: .2em; color: #8a6a00; }
.nl-space .jm-waysnote a { font-weight: 600; }
.nl-space .jm-waysnote__more { margin-left: .35em; white-space: nowrap; }

/* ===== HH1: one switch for the whole space. =====
   Every yes / no of the space is the same switch (the forms, the choice of the notifications, the services of
   « Mes sites »): its size in pixels (never the font of its line), its knob always inside the track; on told by
   the green, the place of the knob and a tick; half on for « Tout sélectionner » when only some are chosen; a ring
   for the keyboard; the colours of the system in high contrast.
   II3: the knob is a pseudo-element placed in pixels, never a transform nor a share of the font: a box of its own
   2px from the edges of its track (--jm-sw-x: left, right, middle) where the browser rounds that box and its track
   alike (Chrome and Edge: measured exact at every zoom); Firefox rounds them apart at 90 % and 110 % (a device
   pixel off), so there the pseudo-element covers the whole track (the same box) and draws the disc in it, centred
   at --jm-sw-cx in pixels without rounding (a picture there was rounded on its own: a device pixel off again on a
   half pixel). Its shadow and the edge of the track are even all around: the old shadow cast downwards filled the
   gap under the knob, which looked lower than its track. A screen that draws its own radio (a quiz, a scope) keeps
   its own knob. */
@property --jm-sw-cx { syntax: "<length-percentage>"; inherits: true; initial-value: 10px; }
.nl-space {
	--jm-sw-w: 36px; --jm-sw-h: 20px; --jm-sw-knob: 16px; --jm-sw-gap: 2px; --jm-sw-off: #c3cbd9; --jm-sw-on: #16a34a;
	--jm-sw-edge: inset 0 0 0 1px rgba(16, 24, 64, .08); --jm-sw-lift: 0 0 2px rgba(16, 24, 64, .34);
	--jm-sw-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3 5 8.7l4.5-5.2' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* The track (« Mes sites »: the switch of a service in the table, a button, is the same one). */
.nl-space input[type=checkbox], .nl-space input[type=radio], .nl-space .jm-toggle__track {
	--jm-sw-x: var(--jm-sw-gap); --jm-sw-cx: calc(var(--jm-sw-h) / 2);
	box-sizing: border-box; flex: none; width: var(--jm-sw-w); height: var(--jm-sw-h); vertical-align: middle;
	background: var(--jm-sw-off); box-shadow: var(--jm-sw-edge); transition: background-color .18s;
}
/* The knob: its box in pixels from the top left corner of the track (100% = the inner width of the track). */
.nl-space input[type=checkbox]::before, .nl-space input[type=radio]::before, .nl-space .jm-toggle__track::after {
	content: ""; position: absolute; box-sizing: border-box; top: var(--jm-sw-gap); left: var(--jm-sw-x); width: var(--jm-sw-knob); height: var(--jm-sw-knob);
	margin: 0; border-radius: 50%; background: #fff; box-shadow: var(--jm-sw-lift); transform: none; transition: left .18s;
}
/* On: the knob on the right (the same gap), the tick on the left; half on: the knob in the middle. */
.nl-space input[type=checkbox]:checked, .nl-space input[type=radio]:checked, .nl-space .jm-toggle[aria-checked="true"] .jm-toggle__track {
	--jm-sw-x: calc(100% - var(--jm-sw-knob) - var(--jm-sw-gap)); --jm-sw-cx: calc(100% - var(--jm-sw-h) / 2);
	background: var(--jm-sw-on) var(--jm-sw-tick) no-repeat 5px 50% / 10px 10px;
}
.nl-space input[type=checkbox]:indeterminate { --jm-sw-x: calc((100% - var(--jm-sw-knob)) / 2); --jm-sw-cx: 50%; background: color-mix(in srgb, var(--jm-sw-on) 45%, var(--jm-sw-off)); }
/* Firefox (the only browser that knows -moz-appearance): the pseudo-element over the whole track, the disc of 16px
   (a radius of 8.3px, the last .6px blended: the edge of a disc drawn by the browser) and its even halo in it. */
@supports (-moz-appearance: none) {
	.nl-space input[type=checkbox], .nl-space input[type=radio], .nl-space .jm-toggle__track { transition: background-color .18s, --jm-sw-cx .18s; }
	.nl-space input[type=checkbox]::before, .nl-space input[type=radio]::before, .nl-space .jm-toggle__track::after {
		top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; border-radius: inherit; box-shadow: none; transition: none;
		background: radial-gradient(circle calc(var(--jm-sw-knob) / 2 + .3px) at var(--jm-sw-cx) 50%, #fff calc(100% - .6px), rgba(255, 255, 255, 0) 100%),
			radial-gradient(circle calc(var(--jm-sw-h) / 2) at var(--jm-sw-cx) 50%, rgba(16, 24, 64, .2) 78%, rgba(16, 24, 64, 0) 100%);
	}
}
/* An older rule of the table moves its knob by a transform: never here. */
.nl-space .jm-toggle[aria-checked] .jm-toggle__track::after { transform: none; }
.nl-space input[type=checkbox]:focus-visible, .nl-space input[type=radio]:focus-visible, .nl-space .jm-toggle:focus-visible { outline: 2px solid var(--nl-primary); outline-offset: 2px; }
.nl-space .jm-switchline__help { margin-left: calc(var(--jm-sw-w) + 12px); }
@media (prefers-reduced-motion: reduce) {
	.nl-space input[type=checkbox], .nl-space input[type=radio], .nl-space .jm-toggle__track,
	.nl-space input[type=checkbox]::before, .nl-space input[type=radio]::before, .nl-space .jm-toggle__track::after { transition: none; }
}
/* Drawn the same whatever the browser, the zoom or the font: its box in pixels (border-box, never stretched nor
   shrunk by a flex line, above), no vertical-align handed down. In its label, the switch sits on the first line of
   the text, its centre on the centre of that line (one line or several, the font loaded or not): it takes the size
   and the line height of its label (1lh, else the 1.35 of the labels of the space). Cards of choice, the switch of
   a notification, hidden radios and round radios keep their own placing. */
.nl-space label:not(.jm-choice, .jm-notif__pick, .jm-topup__chip, .jm-kind-card, .jm-quiz__q *, .jm-gpromo__scope *):has(> input[type=checkbox]),
.nl-space label:not(.jm-choice, .jm-notif__pick, .jm-topup__chip, .jm-kind-card, .jm-quiz__q *, .jm-gpromo__scope *):has(> input[type=radio]) { align-items: flex-start; }
.nl-space label:not(.jm-choice, .jm-notif__pick, .jm-topup__chip, .jm-kind-card, .jm-quiz__q *, .jm-gpromo__scope *) > input[type=checkbox],
.nl-space label:not(.jm-choice, .jm-notif__pick, .jm-topup__chip, .jm-kind-card, .jm-quiz__q *, .jm-gpromo__scope *) > input[type=radio] {
	align-self: flex-start; font-size: inherit; line-height: inherit;
	margin-top: calc((1.35em - var(--jm-sw-h)) / 2); margin-top: calc((1lh - var(--jm-sw-h)) / 2);
}
/* A name in a box of its own beside the switch (« Mots clés positionnés », « Chiffres du trafic » of a site): it wraps
   beside the switch, never under it (a line of its own left the switch 21px above its text on a phone, at 110 %);
   its help under the name, on the same left edge (12px after the switch, in pixels both). */
.nl-space label.jm-switchline { flex-wrap: nowrap; gap: 0 !important; }
.nl-space label.jm-switchline > input[type=checkbox] { margin-right: 12px; }
/* The notifications: the switch that chooses one in its own column, beside the icon and centred on it (the same
   height in the same unit: the em of the notification); « Tout sélectionner » apart from its switch; the bar of
   the choices stays under the bar of the space (never behind it) as the page scrolls. */
.nl-space .jm-notifs--select .jm-notif { grid-template-columns: var(--jm-sw-w) 2.6em minmax(0, 1fr) auto; }
.nl-space .jm-notifs .jm-notif__pick { display: grid; place-items: center; align-self: start; height: 2.6em; margin: 0; font-size: inherit; line-height: 1; }
.nl-space .jm-notifs .jm-notif__pick > input[type=checkbox] { align-self: center; margin: 0; }
.nl-space .jm-notifs__bar { top: 72px; }
.nl-space .jm-notifs__bar input[type=checkbox] { margin-right: .6rem; }
@media (max-width: 720px) {
	.nl-space .jm-notifs--select .jm-notif { grid-template-columns: var(--jm-sw-w) 2.4em minmax(0, 1fr); gap: .8em; }
	.nl-space .jm-notifs__bar { top: 64px; }
}
@media (forced-colors: active) {
	/* The system draws no picture there: a border of 1px, the knob a disc of its own in the colour of the text, 1px
	   from the border (the same gap of 2px from the outer edge). */
	.nl-space input[type=checkbox], .nl-space input[type=radio], .nl-space .jm-toggle__track { border: 1px solid CanvasText; }
	.nl-space input[type=checkbox]:checked, .nl-space input[type=radio]:checked, .nl-space .jm-toggle[aria-checked="true"] .jm-toggle__track { background: Highlight; }
	.nl-space input[type=checkbox]::before, .nl-space input[type=radio]::before, .nl-space .jm-toggle__track::after {
		forced-color-adjust: none; top: 1px; right: auto; bottom: auto; left: 1px; width: var(--jm-sw-knob); height: var(--jm-sw-knob); border-radius: 50%; background: CanvasText;
	}
	.nl-space input[type=checkbox]:checked::before, .nl-space input[type=radio]:checked::before, .nl-space .jm-toggle[aria-checked="true"] .jm-toggle__track::after { left: calc(100% - var(--jm-sw-knob) - 1px); }
	.nl-space input[type=checkbox]:indeterminate::before { left: calc(50% - var(--jm-sw-knob) / 2); }
	/* The round radios of a quiz or a scope keep their dot in their middle. */
	.nl-space .jm-quiz__q input[type=radio]::before, .nl-space .jm-gpromo__scope input[type=radio]::before { left: .29em; }
}

/* ===== II3: one bar of tabs for the screens in tabs of the space. =====
   « Mon compte » (.jm-tabbar), the page of a site for a buyer and the detail of a site in « Mes sites »
   (.jm-sitetabs): the tabs in a bar of their own, a white card apart from the content, each tab its icon and its
   name in dark ink; the tab open in the colours of the charter (night blue, a gold line under it and a gold icon),
   plain to see from afar; its state (« Pro+ », « niv. 2 ») and its count beside its name. On a phone, the tabs of
   « Mon compte » as a grid of buttons (every tab in sight, no scroll). */
.nl-space { --jm-tab-on: #0d2f4f; --jm-tab-gold: #ffc400; --jm-tab-hover: #eef2f7; }
.nl-space .jm-tabbar { display: flex; flex-wrap: wrap; }
/* A bar shown by its script only (« Ma page catalogue »: its panes one after the other without JavaScript). */
.nl-space .jm-tabbar[hidden] { display: none !important; }
/* (The bar of the detail of a site keeps its own line and its place in sight as the page scrolls: sellersites.css.) */
.nl-space .jm-tabbar, .nl-space nav.jm-sitetabs {
	align-items: stretch; gap: 4px; margin: 0 0 1.5em; padding: 5px;
	border: 1px solid var(--nl-line); border-radius: var(--nl-radius); background: #fff; box-shadow: var(--nl-shadow);
}
.nl-space .jm-tabbar [role="tab"], .nl-space .jm-sitetabs a {
	position: relative; display: inline-flex; align-items: center; gap: .45em; min-height: 40px; margin: 0; padding: .5em .8em;
	border: 0; border-radius: 10px; background: transparent; color: var(--nl-ink); font-size: .9rem; font-weight: 600; line-height: 1.2;
	text-decoration: none !important; white-space: nowrap; transition: background-color .15s, color .15s;
}
/* Tabs that are buttons (« Ma page catalogue »): the font of the page, never the look of a button of the theme. */
.nl-space .jm-tabbar button[role="tab"] { font-family: inherit; letter-spacing: normal; text-align: left; text-transform: none; box-shadow: none; cursor: pointer; }
.nl-space .jm-tabbar [role="tab"] .jm-ico, .nl-space .jm-sitetabs a .jm-ico { flex: none; width: 18px; height: 18px; color: var(--nl-muted); }
.nl-space .jm-tabbar [role="tab"]:hover, .nl-space .jm-sitetabs a:hover { background: var(--jm-tab-hover); color: var(--nl-ink); }
.nl-space .jm-tabbar [role="tab"][aria-selected="true"], .nl-space .jm-sitetabs a[aria-current] {
	background: var(--jm-tab-on); color: #fff; box-shadow: inset 0 -3px 0 var(--jm-tab-gold);
}
.nl-space .jm-tabbar [role="tab"][aria-selected="true"] .jm-ico, .nl-space .jm-sitetabs a[aria-current] .jm-ico { color: var(--jm-tab-gold); }
.nl-space .jm-tabbar [role="tab"]:focus-visible, .nl-space .jm-sitetabs a:focus-visible { outline: 2px solid var(--jm-tab-on); outline-offset: 2px; }
.nl-space .jm-tabbar__note { padding: .12em .5em; border-radius: 999px; background: var(--jm-tab-hover); color: var(--jm-tab-on); font-size: .72rem; font-weight: 700; }
.nl-space .jm-tabbar [aria-selected="true"] .jm-tabbar__note { background: rgba(255, 255, 255, .16); color: #fff; }
.nl-space .jm-tabbar .jm-count { margin-left: .1em; }
/* Not quite room for the states of the tabs of « Mon compte » (niveau, statut, progression) on one line: told by their title only. */
@media (min-width: 641px) and (max-width: 1500px) {
	.nl-space .jm-acctabs .jm-tabbar__note { display: none; }
}
@media (max-width: 640px) {
	.nl-space .jm-tabbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
	.nl-space .jm-tabbar [role="tab"] { flex-wrap: wrap; gap: .2em .4em; min-height: 44px; padding: .5em .6em; background: var(--nl-bg); font-size: .86rem; white-space: normal; }
	/* The name on one line beside its icon; too long for its cell (« Adresse et présentation »): on two lines beside it, never under it. */
	.nl-space .jm-tabbar [role="tab"] > span:not(.jm-count) { max-width: calc(100% - 16px - .4em); white-space: normal; }
	.nl-space .jm-tabbar [role="tab"] .jm-ico { width: 16px; height: 16px; }
	.nl-space .jm-sitetabs a { min-height: 38px; padding: .45em .65em; font-size: .86rem; }
}
@media (forced-colors: active) {
	.nl-space .jm-tabbar [role="tab"][aria-selected="true"], .nl-space .jm-sitetabs a[aria-current] { outline: 2px solid Highlight; }
}

/* KK1: the brief of a pack or a campaign, step by step (Buy\BriefForm, assets/brief.js). Without the script every step is in view. */
.nl-space .jm-bform .jm-bstep[hidden], .nl-space .jm-bnav[hidden], .nl-space .jm-bform [data-step-nav][hidden], .nl-space .jm-bform [data-step-errors][hidden], .nl-space .jm-bform [data-show-if][hidden], .nl-space .jm-bform .jm-bmodel__name[hidden], .nl-space .jm-bform .jm-bcount[hidden] { display: none !important; }
.nl-space .jm-bnav { margin: 0 0 1em; padding: .85em 1em .6em; background: #fff; border: 1px solid var(--nl-line); border-radius: var(--nl-radius); box-shadow: var(--nl-shadow); }
.nl-space .jm-bnav__now { margin: 0 0 .45em; font-weight: 700; font-size: .92rem; color: var(--nl-ink); }
.nl-space .jm-bnav__bar { height: 6px; margin: 0 0 .7em; border-radius: 999px; background: var(--nl-bg); overflow: hidden; }
.nl-space .jm-bnav__bar span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--nl-primary), #ffc400); transition: width .25s; }
.nl-space .jm-bnav__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--jm-steps, 7), minmax(0, 1fr)); gap: .3em; }
.nl-space .jm-bnav__step { display: flex; flex-direction: column; align-items: center; gap: .25em; width: 100%; padding: .3em .15em; border: 0; border-radius: 10px; background: none; color: var(--nl-muted); font: inherit; font-size: .76rem; line-height: 1.2; text-align: center; cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: normal; }
.nl-space .jm-bnav__step:hover { background: var(--nl-bg); color: var(--nl-ink); }
.nl-space .jm-bnav__step:focus-visible { outline: 2px solid var(--nl-primary); outline-offset: 2px; }
.nl-space .jm-bnav__num { display: grid; place-items: center; width: 28px; height: 28px; border: 2px solid #d5d9e6; border-radius: 50%; background: #fff; color: var(--nl-muted); font-size: .8rem; font-weight: 700; }
.nl-space .jm-bnav__step.is-on { color: var(--nl-ink); font-weight: 700; }
.nl-space .jm-bnav__step.is-on .jm-bnav__num { border-color: var(--nl-primary); background: var(--nl-primary); color: #fff; }
.nl-space .jm-bnav__step.is-done .jm-bnav__num { border-color: var(--nl-mint); background: var(--nl-mint-50); color: #08724f; }
.nl-space .jm-bstep__help { display: flex; gap: .45em; align-items: flex-start; margin: 0 0 1em; color: var(--nl-muted); font-size: .9rem; }
.nl-space .jm-bstep__help .jm-ico { flex: none; margin-top: .15em; color: var(--nl-primary); }
.nl-space .jm-bstep__nav { display: flex; flex-wrap: wrap; gap: .6em; margin: 1.2em 0 0; padding-top: 1em; border-top: 1px solid var(--nl-line); }
.nl-space .jm-bstep__nav [data-brief-next] { margin-left: auto; }
.nl-space .jm-bstep__errors { margin: 1em 0 0; }
.nl-space .jm-bstep__errors p { margin: 0; font-weight: 700; }
.nl-space .jm-bstep__errors ul { margin: .3em 0 0 1.1em; padding: 0; }
.nl-space .jm-bform [aria-invalid="true"] { border-color: var(--nl-red) !important; box-shadow: 0 0 0 3px var(--nl-red-50) !important; }
.nl-space .jm-bform .jm-bfield textarea, .nl-space .jm-bform .jm-bfield input { width: 100%; max-width: none; }
.nl-space .jm-bcount { display: block; margin: .25em 0 0; text-align: right; font-size: .78rem; color: var(--nl-muted); font-variant-numeric: tabular-nums; }
.nl-space .jm-bcount.is-near { color: var(--nl-amber); }
.nl-space .jm-bcount.is-over { color: var(--nl-red); font-weight: 700; }
.nl-space .jm-blabel { margin: 0 0 .45em; font-weight: 600; color: var(--nl-ink); }
.nl-space .jm-row--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.nl-space .jm-row--2 > div { min-width: 0; margin: 0 0 1em; }
.nl-space .jm-bgoals { margin-bottom: 1em; }
/* The pages: each its address, main or not, its keywords, the kind and the anchor wished. */
.nl-space .jm-bpages { display: grid; gap: .8em; margin: 0 0 1em; }
.nl-space .jm-bpage { padding: .85em 1em; border: 1px solid var(--nl-line); border-radius: 12px; background: #fafbfe; }
.nl-space .jm-bpage__head { display: flex; align-items: center; gap: .9em; margin: 0 0 .55em; }
.nl-space .jm-bpage__num { color: var(--nl-ink); }
.nl-space .jm-bpage__main { display: inline-flex !important; align-items: center; gap: .35em; margin: 0 !important; font-size: .88rem; font-weight: 500 !important; }
.nl-space .jm-bpage__remove { margin-left: auto; width: 2.4em; height: 2.4em; border: 1px solid #d3d9e6; border-radius: 10px; background: #fff; color: #7b829c; font-size: 1.1rem; line-height: 1; cursor: pointer; }
.nl-space .jm-bpage__remove:hover { border-color: #f5c2c2; background: #fde8e8; color: #9b1c1c; }
.nl-space .jm-bpage__remove[hidden] { display: none; }
.nl-space .jm-bpage__url { margin: 0 0 .55em; }
.nl-space .jm-bpage__url input, .nl-space .jm-bpage__grid input, .nl-space .jm-bpage__grid select { width: 100%; max-width: none; }
.nl-space .jm-bpage__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .9fr) minmax(0, 1.2fr); gap: 0 .9em; align-items: start; }
.nl-space .jm-bpage__grid p { margin: 0; min-width: 0; }
.nl-space .jm-bpages__foot { display: flex; flex-wrap: wrap; align-items: center; gap: .6em; margin: 0; }
.nl-space .jm-bpages__foot .jm-bcount { margin: 0; text-align: left; }
.nl-space .jm-banchors { margin: 0 0 1em; font-size: .9rem; }
.nl-space .jm-banchors > summary { display: flex; align-items: center; gap: .35em; color: var(--nl-primary); font-weight: 600; cursor: pointer; }
/* The share of the anchors: a bar and a field by kind (100 % in all). */
.nl-space .jm-bmix { margin: 0; padding: .9em 1em 1em; border: 1px solid var(--nl-line); border-radius: 12px; }
.nl-space .jm-bform .jm-bmix legend { display: block; float: none; width: auto; margin: 0; padding: 0 .3em; font: 700 .95rem var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-bform .jm-bmix legend .jm-muted { font: 400 .85rem var(--nl-font, inherit); }
.nl-space .jm-bmix__bar { display: flex; height: 12px; margin: .3em 0 .9em; border-radius: 999px; background: var(--nl-bg); overflow: hidden; }
.nl-space .jm-bmix__part { display: block; transition: width .2s; }
.nl-space .jm-bmix__part--neutral { background: #2563eb; }
.nl-space .jm-bmix__part--partial { background: #f59e0b; }
.nl-space .jm-bmix__part--exact { background: #dc2626; }
.nl-space .jm-bmix__dot { display: inline-block; width: .7em; height: .7em; margin-right: .4em; border-radius: 50%; vertical-align: middle; }
.nl-space .jm-bmix__fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 1em; }
.nl-space .jm-bmix__fields p { margin: 0 0 .5em; }
.nl-space .jm-bmix__fields input { width: 5.5em !important; }
.nl-space .jm-bmix__sum { margin: .2em 0 .6em; font-weight: 700; color: #08724f; }
.nl-space .jm-bmix__sum.is-over { color: var(--nl-red); }
.nl-space .jm-bmix__warn[hidden] { display: none; }
/* A brief to start from, the models of the buyer. */
.nl-space .jm-bstart { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .6em 1.5em; align-items: end; margin: 0 0 1.1em; padding: 1em 1.2em; }
.nl-space .jm-bstart h3 { display: flex; align-items: center; gap: .4em; margin: 0 0 .2em; font-size: 1rem; }
.nl-space .jm-bstart__text p { margin: 0; }
.nl-space .jm-bstart__form { display: flex; flex-wrap: wrap; gap: .6em; align-items: flex-end; }
.nl-space .jm-bstart__form p { flex: 1 1 14em; min-width: 0; margin: 0; }
.nl-space .jm-bstart__form p:last-child { flex: 0 0 auto; }
.nl-space .jm-bstart__form select { width: 100%; max-width: none; }
.nl-space .jm-bmodels { grid-column: 1 / -1; font-size: .9rem; }
.nl-space .jm-bmodels > summary { color: var(--nl-primary); font-weight: 600; cursor: pointer; }
.nl-space .jm-bmodels__list { list-style: none; display: grid; gap: .4em; margin: .5em 0 0; padding: 0; }
.nl-space .jm-bmodels__list li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .4em 1em; padding: .5em .7em; border: 1px solid var(--nl-line); border-radius: 10px; background: #fff; }
.nl-space .jm-bmodels__name { min-width: 0; overflow-wrap: anywhere; }
.nl-space .jm-bmodels__acts { display: flex; gap: .4em; }
.nl-space .jm-bfrom { margin-bottom: 1em; }
/* The constraints, the summary before the payment. */
.nl-space .jm-bexcl { margin: 0 0 1em; padding: .7em .9em; border-radius: 12px; background: var(--nl-bg); }
.nl-space .jm-bexcl p { margin: 0; }
.nl-space .jm-brecap { display: grid; gap: .7em; margin: 0 0 1em; }
.nl-space .jm-brecap__sec { padding: .8em 1em; border: 1px solid var(--nl-line); border-radius: 12px; background: #fafbfe; }
.nl-space .jm-brecap__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; margin: 0 0 .4em; }
.nl-space .jm-brecap__head h4 { margin: 0; font: 700 .95rem var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-brecap__head .jm-linkbtn { font-size: .86rem; font-weight: 600; }
.nl-space .jm-brecap__rows { display: grid; gap: .3em; margin: 0; }
.nl-space .jm-brecap__rows div { display: grid; grid-template-columns: minmax(8em, 13em) minmax(0, 1fr); gap: .15em 1em; }
.nl-space .jm-brecap__rows dt { color: var(--nl-muted); font-size: .86rem; }
.nl-space .jm-brecap__rows dd { min-width: 0; margin: 0; color: var(--nl-text); font-size: .9rem; overflow-wrap: anywhere; }
.nl-space .jm-brecap__rows ul { margin: 0; padding-left: 1.1em; }
.nl-space .jm-bmodel { margin: 0 0 1em; padding: .8em 1em; border: 1px dashed #c9d2e3; border-radius: 12px; }
.nl-space .jm-bmodel p { margin: 0 0 .4em; }
.nl-space .jm-bmodel p:last-child { margin: 0; }
.nl-space .jm-bmodel__name input { max-width: 26em; }
.nl-space .jm-brecap__go { display: flex; flex-wrap: wrap; align-items: center; gap: .6em; }
.nl-space .jm-bstep .jm-brief { margin-top: 1.2em; padding-top: 1em; border-top: 1px dashed var(--nl-line); }
/* The brief of a campaign, read (the buyer), and the brief of an article on its order: subtitles of the size of the text. */
.nl-space .jm-rich h4 { margin: 1em 0 .35em; font: 700 .98rem var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-rich ul { margin: 0 0 .5em; padding-left: 1.2em; }
.nl-space .jm-briefview .jm-card__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .6em 1em; margin: 0 0 .6em; }
.nl-space .jm-briefview .jm-card__head h3 { margin: 0; }
.nl-space .jm-briefview h4 { margin: 1em 0 .3em; font-size: .95rem; color: var(--nl-ink); }
.nl-space .jm-briefview .jm-rich > h4:first-child { margin-top: 0; }
.nl-space .jm-briefview ul { margin: 0 0 .4em; padding-left: 1.1em; }
.nl-space .jm-briefview li { margin: .15em 0; overflow-wrap: anywhere; }
@media (max-width: 860px) {
	.nl-space .jm-bpage__grid { grid-template-columns: 1fr; gap: .5em; }
}
@media (max-width: 720px) {
	.nl-space .jm-row--2, .nl-space .jm-bstart { grid-template-columns: 1fr; }
	.nl-space .jm-bnav__name { display: none; }
	.nl-space .jm-bmix__fields { grid-template-columns: 1fr; }
	.nl-space .jm-bstep__nav .jm-btn { flex: 1 1 100%; justify-content: center; }
	.nl-space .jm-bstep__nav [data-brief-next] { order: -1; margin-left: 0; }
}
/* The short brief (0.15): the parts of a step under their subtitle, the share of the anchors told, the instructions and the reading as choices. */
.nl-space .jm-bpart { display: flex; align-items: center; gap: .4em; margin: 1.4em 0 .5em; padding-top: 1.1em; border-top: 1px dashed var(--nl-line); font: 700 1rem var(--nl-display); color: var(--nl-ink); }
.nl-space .jm-bstep__help + .jm-bpart, .nl-space .jm-bstep > legend + .jm-bpart { margin-top: .2em; padding-top: 0; border-top: 0; }
.nl-space .jm-bpart .jm-ico { color: var(--nl-primary); }
.nl-space .jm-bpart__help { margin: 0 0 .8em; }
.nl-space .jm-bmixnote { display: flex; gap: .5em; align-items: flex-start; margin: 0; padding: .65em .85em; border-radius: 12px; background: var(--nl-bg); color: var(--nl-muted); font-size: .86rem; }
.nl-space .jm-bmixnote .jm-ico { flex: none; margin-top: .15em; color: #08724f; }
.nl-space .jm-bfree, .nl-space .jm-breview { margin: 0 0 .9em; }
.nl-space .jm-bfree__text .jm-brief { margin-top: 0; padding-top: 0; border-top: 0; }
.nl-space .jm-bplan > p, .nl-space .jm-bplan > div { margin: 0 0 1em; }
.nl-space .jm-bplan input[type="date"] { width: 100%; max-width: none; }
.nl-space .jm-bplan .jm-small { display: block; margin-top: .3em; }
.nl-space .jm-breview .jm-choice .jm-price { margin-left: auto; white-space: nowrap; font-size: .92rem; }
.nl-space .jm-breview { margin-bottom: .4em; }
.nl-space .jm-breview__terms { margin: 0 0 .4em; }
.nl-space .jm-bform .jm-bpage__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5em .9em; }
.nl-space .jm-bform .jm-bpage__grid > p:first-child { grid-column: 1 / -1; }
.nl-space .jm-bplan__review { margin: 0 0 .9em; }
/* The order form: the help under the buyer's page (its words for a link in an existing post). */
.nl-space .jm-target > .jm-small { display: block; margin-top: .35em; }
.nl-space .jm-target [data-target-help][hidden] { display: none; }
/* The seller: the ways of writing the article he allows on a site. */
.nl-space .jm-writing-accepts h3 { display: flex; align-items: center; gap: .4em; }
.nl-space .jm-writing-accepts__list { list-style: none; display: grid; gap: .6em; margin: 0 0 .6em; padding: 0; }
.nl-space .jm-writing-accepts__list li { padding: .7em .9em; border: 1px solid var(--nl-line); border-radius: 12px; background: #fafbfe; }
.nl-space .jm-writing-accepts__list .jm-switch { display: flex; align-items: flex-start; gap: .6em; margin: 0; }
.nl-space .jm-writing-accepts__self { display: flex; align-items: flex-start; gap: .6em; font-size: .9rem; }
.nl-space .jm-target [data-target-help="existing"] { display: block; padding: .55em .75em; border-left: 3px solid var(--nl-primary); border-radius: 0 10px 10px 0; background: var(--nl-bg); color: var(--nl-text); }
.nl-space .jm-writing-accepts__self .jm-ico { flex: none; margin-top: .2em; color: var(--nl-primary); }
@media (max-width: 720px) {
	.nl-space .jm-bnav--few .jm-bnav__name { display: block; font-size: .68rem; overflow-wrap: anywhere; }
	.nl-space .jm-brecap__go .jm-btn { flex: 1 1 100%; justify-content: center; }
}
@media (max-width: 560px) {
	.nl-space .jm-bform .jm-bpage__grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
	.nl-space .jm-brecap__rows div { grid-template-columns: 1fr; }
}