/* ThePixel forum (2026-10-15). Loaded by structure/default.php on forum pages, versioned by file time.
   Branded like the rest of ThePixel.dev: blog-style header (green eyebrow with the three pixels, heavy navy H1 ending in a green
   pixel, hairline under the header), blog-style sidebar, status shown as a small square "pixel", navy cards like Pro + Launch,
   "ThePixel team" tag with the logo mark. Tokens from com_pxaccount account.css. One green CTA per area. */
#ed.pxf {
	--pxf-navy: #032D4D; --pxf-ink: #050038; --pxf-text: #161616; --pxf-muted: #5b6474; --pxf-faint: #9aa3b2;
	--pxf-line: #e7ebf0; --pxf-soft: #f5f8fa; --pxf-green: #34c759; --pxf-green-dark: #1f9e45; --pxf-green-ink: #157a33;
	--pxf-yellow: #FFDC42; --pxf-amber: #f0a020; --pxf-violet: #5b3fd1; --pxf-r: 16px;
	--pxf-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	color: var(--pxf-text); font-size: 16px; line-height: 1.55; padding-bottom: 48px;
}
#ed.pxf a { text-decoration: none; }
#ed.pxf .pxf-i { width: 18px; height: 18px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#ed .pxf-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#ed.pxf :focus-visible { outline: 3px solid rgba(52,199,89,.45); outline-offset: 2px; }

/* buttons: the site's pills (green = the one action, navy outline = the rest) */
#ed.pxf .pxf-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 22px; border: 1.5px solid var(--pxf-ink); border-radius: 999px; background: #fff; color: var(--pxf-ink); font-size: 15px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer; transition: background-color .15s, color .15s, border-color .15s; }
#ed.pxf .pxf-btn:hover { background: var(--pxf-ink); color: #fff; }
#ed.pxf .pxf-btn--primary { background: var(--pxf-green); border-color: var(--pxf-green); color: #fff; }
#ed.pxf .pxf-btn--primary:hover { background: var(--pxf-green-dark); border-color: var(--pxf-green-dark); color: #fff; }
#ed.pxf .pxf-btn--sm { min-height: 38px; padding: 0 16px; font-size: 14px; }
#ed.pxf .pxf-link { color: var(--pxf-green-dark); font-weight: 600; font-size: 14px; }
#ed.pxf .pxf-link:hover { color: var(--pxf-ink); }

/* status = a small square pixel + a word (no pill) */
#ed .pxf-st { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: var(--pxf-ink); white-space: nowrap; }
#ed .pxf-st i { width: 8px; height: 8px; border-radius: 2px; background: var(--pxf-faint); flex: none; }
#ed .pxf-st--solved { color: var(--pxf-green-ink); }
#ed .pxf-st--solved i { background: var(--pxf-green); }
#ed .pxf-st--staff i { background: var(--pxf-ink); }
#ed .pxf-st--awaiting { color: #8a5300; }
#ed .pxf-st--awaiting i { background: var(--pxf-amber); }
/* small neutral labels (private, pending, solution in a reply) */
#ed .pxf-pill { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 8px; border: 1px solid var(--pxf-line); border-radius: 6px; background: #fff; color: var(--pxf-muted); font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; }
#ed .pxf-pill::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: var(--pxf-faint); flex: none; }
#ed .pxf-pill--solved { color: var(--pxf-green-ink); }
#ed .pxf-pill--solved::before { background: var(--pxf-green); }
#ed .pxf-pill--awaiting::before { background: var(--pxf-amber); }
#ed .pxf-pill--private::before { display: none; }
#ed .pxf-pill--private .pxf-i { width: 12px; height: 12px; }
#ed .pxf-tag { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border: 1px solid var(--pxf-line); border-radius: 6px; background: #fff; color: var(--pxf-muted); font-size: 11.5px; font-weight: 600; line-height: 1; }
/* "ThePixel team": the logo mark (yellow + navy pixels) + words */
#ed .pxf-team { display: inline-flex; align-items: center; gap: 5px; height: 20px; padding: 0 7px 0 5px; border-radius: 6px; background: var(--pxf-ink); color: #fff; font-size: 11.5px; font-weight: 600; line-height: 1; white-space: nowrap; vertical-align: 1px; }
#ed .pxf-team i { width: 10px; height: 10px; flex: none; border-radius: 2px; background: conic-gradient(var(--pxf-yellow) 0 25%, #fff 0 50%, var(--pxf-yellow) 0 75%, #fff 0); }

/* alerts from EasyDiscuss (e.g. "you are not allowed …") */
#ed .pxf-alert { margin: 0 0 20px; padding: 12px 16px; border: 1px solid var(--pxf-line); border-radius: 12px; background: var(--pxf-soft); font-size: 15px; }
#ed .pxf-alert--error, #ed .pxf-alert--danger { border-color: #f3c7bd; background: #fdf3f0; }

/* ---------- list pages: header (same as the blog header) ---------- */
#ed .pxf-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px 32px; flex-wrap: wrap; margin: 0 0 40px; padding: 40px 0 36px; border-bottom: 1px solid #eceff3; }
#ed .pxf-head__t { min-width: 0; flex: 1 1 420px; max-width: 820px; }
#ed.pxf .pxf-eyebrow { display: inline-flex; align-items: center; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--pxf-green); }
#ed .pxf-eyebrow::before { content: ""; width: 8px; height: 8px; margin-right: 32px; border-radius: 2px; background: var(--pxf-green); box-shadow: 12px 0 0 rgba(52,199,89,.45), 24px 0 0 rgba(52,199,89,.2); }
#ed.pxf a.pxf-eyebrow:hover { color: var(--pxf-green-dark); }
#ed.pxf .pxf-h1 { margin: 12px 0 0; font-size: clamp(2rem, 3.6vw, 2.75rem); line-height: 1.08; letter-spacing: -.04em; font-weight: 800; color: var(--pxf-ink); text-wrap: balance; }
#ed .pxf-px { display: inline-block; width: .18em; height: .18em; margin-left: .05em; border-radius: .035em; background: var(--pxf-green); }
#ed.pxf .pxf-h2 { margin: 0; font-size: 1.6rem; line-height: 1.2; font-weight: 800; letter-spacing: -.03em; color: var(--pxf-ink); text-wrap: balance; }
#ed.pxf .pxf-sub { margin: 12px 0 0; color: var(--pxf-muted); font-size: 1.04rem; max-width: 620px; }
#ed .pxf-head__r { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
#ed .pxf-head__note { font-size: 14px; color: var(--pxf-muted); }
#ed .pxf-crumbs { display: flex; flex-wrap: wrap; gap: 6px; font-size: 14px; color: var(--pxf-muted); margin-bottom: 8px; }
#ed.pxf .pxf-crumbs a { color: var(--pxf-muted); }
#ed.pxf .pxf-crumbs a:hover { color: var(--pxf-ink); }
#ed .pxf-crumbs [aria-hidden] { color: var(--pxf-faint); }

/* ---------- list pages: sidebar (same as the blog sidebar) + main ---------- */
#ed .pxf-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 48px; align-items: start; }
#ed .pxf-main { min-width: 0; }
#ed .pxf-nav { display: flex; flex-direction: column; gap: 2px; position: sticky; top: 96px; }
#ed .pxf-nav__list { display: flex; flex-direction: column; gap: 2px; }
#ed .pxf-search { position: relative; display: flex; align-items: center; height: 46px; margin: 0 0 30px; padding: 0 14px 0 40px; border: 1px solid #e3e8ee; border-radius: 10px; background: #fff; }
#ed .pxf-search:focus-within { border-color: var(--pxf-green); box-shadow: 0 0 0 4px rgba(52,199,89,.12); }
#ed .pxf-search .pxf-i { position: absolute; left: 14px; width: 16px; height: 16px; color: var(--pxf-faint); }
#ed .pxf-search input[type=search] { flex: 1; min-width: 0; height: auto; margin: 0; padding: 0; border: 0 !important; outline: 0; box-shadow: none !important; background: transparent; font: inherit; font-size: .95rem; color: var(--pxf-text); }
#ed .pxf-nav__label { margin: 0 0 8px; font-size: .76rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--pxf-faint); }
#ed .pxf-nav__label ~ .pxf-nav__label { margin-top: 26px; }
#ed.pxf .pxf-nav__a { display: flex; align-items: center; gap: 10px; padding: 9px 12px; margin: 0 -12px; border-radius: 9px; color: var(--pxf-muted); font-size: .95rem; line-height: 1.3; transition: background .2s, color .2s; }
#ed .pxf-nav__a span:first-of-type { flex: 1; min-width: 0; }
#ed .pxf-nav__a .pxf-i { width: 17px; height: 17px; color: var(--pxf-faint); }
#ed.pxf .pxf-nav__a:hover { background: var(--pxf-soft); color: var(--pxf-text); }
/* active: the blog's green bar, no fill */
#ed.pxf .pxf-nav__a.is-active { color: var(--pxf-ink); font-weight: 600; box-shadow: inset 3px 0 0 var(--pxf-green); border-radius: 0 9px 9px 0; }
#ed .pxf-nav__a.is-active .pxf-i { color: var(--pxf-ink); }
#ed .pxf-nav__a.is-locked .pxf-i:last-child { width: 14px; height: 14px; }
#ed .pxf-nav__n { font-size: .78rem; font-weight: 500; color: var(--pxf-faint); font-variant-numeric: tabular-nums; }
#ed .pxf-nav__n.is-hot { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 5px; background: var(--pxf-green); color: #fff; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
/* navy card, like the Pro + Launch plan */
#ed .pxf-team-card { margin-top: 28px; padding: 20px; border-radius: var(--pxf-r); background: var(--pxf-ink); color: rgba(255,255,255,.75); display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
#ed .pxf-team-card b { color: #fff; font-size: 16px; font-weight: 700; letter-spacing: -.01em; }
#ed .pxf-team-card p { margin: 0 0 6px; font-size: 14px; line-height: 1.5; }
#ed .pxf-team-card__mark { display: flex; gap: 4px; margin-bottom: 4px; }
#ed .pxf-team-card__mark i { width: 8px; height: 8px; border-radius: 2px; background: var(--pxf-yellow); }
#ed .pxf-team-card__mark i:nth-child(2) { opacity: .55; }
#ed .pxf-team-card__mark i:nth-child(3) { opacity: .25; }
#ed.pxf .pxf-team-card__link { color: var(--pxf-green); font-weight: 600; font-size: 14px; }
#ed.pxf .pxf-team-card__link:hover { color: #fff; }

/* tabs: underline, like a document's sections */
#ed .pxf-tools { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 4px; border-bottom: 1px solid var(--pxf-line); }
#ed .pxf-tabs { display: flex; gap: 24px; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
#ed .pxf-tabs::-webkit-scrollbar { display: none; }
#ed.pxf .pxf-tabs a { flex: none; padding: 0 0 12px; border-bottom: 2px solid transparent; margin-bottom: -1px; font-size: 15px; font-weight: 600; color: var(--pxf-muted); }
#ed.pxf .pxf-tabs a:hover { color: var(--pxf-ink); }
#ed.pxf .pxf-tabs a.is-active { color: var(--pxf-ink); border-bottom-color: var(--pxf-green); }
#ed .pxf-sort { position: relative; padding-bottom: 10px; }
#ed .pxf-sort summary { list-style: none; cursor: pointer; font-size: 14px; color: var(--pxf-muted); white-space: nowrap; }
#ed .pxf-sort summary::-webkit-details-marker { display: none; }
#ed .pxf-sort summary b { color: var(--pxf-ink); font-weight: 600; }
#ed .pxf-sort summary::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 8px; border-right: 2px solid var(--pxf-ink); border-bottom: 2px solid var(--pxf-ink); transform: translateY(-3px) rotate(45deg); }
#ed .pxf-sort__menu { position: absolute; right: 0; top: calc(100% + 2px); z-index: 20; min-width: 180px; padding: 6px; background: #fff; border: 1px solid var(--pxf-line); border-radius: 12px; box-shadow: 0 18px 50px rgba(5,0,56,.12); display: flex; flex-direction: column; }
#ed.pxf .pxf-sort__menu a { padding: 8px 12px; border-radius: 8px; font-size: 14px; color: var(--pxf-text); }
#ed.pxf .pxf-sort__menu a:hover, #ed.pxf .pxf-sort__menu a.is-active { background: var(--pxf-soft); color: var(--pxf-ink); }

/* question rows: an open list (no card, no avatars) – eyebrow, title, status pixel + who/when, replies on the right */
#ed .pxf-list { border-top: 0; }
#ed.pxf .pxf-row { display: grid; grid-template-columns: minmax(0, 1fr) 72px; gap: 24px; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--pxf-line); color: var(--pxf-text); }
#ed.pxf .pxf-row:hover { color: var(--pxf-text); }
#ed .pxf-row:hover .pxf-row__t { color: var(--pxf-green-dark); }
#ed .pxf-row__main { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
#ed .pxf-row__eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--pxf-green); }
#ed .pxf-row__prod { color: var(--pxf-muted); font-weight: 600; }
#ed .pxf-row__prod::before { content: "·"; margin-right: 10px; color: var(--pxf-faint); }
#ed .pxf-row__private { display: inline-flex; align-items: center; gap: 4px; color: var(--pxf-muted); }
#ed .pxf-row__private .pxf-i { width: 11px; height: 11px; }
#ed .pxf-row__t { font-size: 1.15rem; font-weight: 700; line-height: 1.35; letter-spacing: -.015em; color: var(--pxf-ink); overflow-wrap: anywhere; transition: color .15s; }
#ed .pxf-row__m { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; font-size: 14px; color: var(--pxf-muted); }
#ed .pxf-row__who { display: inline-flex; align-items: center; gap: 5px; flex-wrap: wrap; }
#ed .pxf-row__n { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 60px; border-radius: 12px; background: var(--pxf-soft); font-size: 12px; color: var(--pxf-muted); line-height: 1.2; }
#ed .pxf-row__n b { font-size: 20px; font-weight: 800; color: var(--pxf-ink); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
#ed .pxf-row__n.is-zero { background: #fff; border: 1.5px dashed var(--pxf-line); }
#ed .pxf-row__n.is-zero b { color: var(--pxf-faint); }
#ed .pxf-dot { color: var(--pxf-faint); margin: 0 4px; }
#ed .pxf-pages { margin-top: 24px; display: flex; justify-content: center; }
#ed .pxf-pages .pagination { margin: 0; }
#ed .pxf-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
#ed.pxf .pxf-chips a { border: 1px solid var(--pxf-line); border-radius: 999px; padding: 6px 14px; font-size: 14px; color: var(--pxf-text); }
#ed.pxf .pxf-chips a:hover { border-color: var(--pxf-ink); color: var(--pxf-ink); }
#ed .pxf-count { margin: 16px 0 0; font-size: 14px; color: var(--pxf-muted); }
#ed .pxf-empty { margin-top: 20px; border: 1.5px dashed #dfe4ea; border-radius: var(--pxf-r); padding: 40px 24px; display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; color: var(--pxf-muted); }
#ed .pxf-empty p { margin: 0; }

/* Priority Support for people without access */
#ed .pxf-upsell { margin-top: 8px; border-radius: var(--pxf-r); padding: 44px 32px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; background: var(--pxf-ink); color: rgba(255,255,255,.75); }
#ed .pxf-upsell__ico { width: 56px; height: 56px; border-radius: 16px; background: rgba(255,255,255,.08); color: var(--pxf-yellow); display: flex; align-items: center; justify-content: center; }
#ed .pxf-upsell__ico .pxf-i { width: 26px; height: 26px; }
#ed.pxf .pxf-upsell .pxf-h2 { color: #fff; }
#ed.pxf .pxf-upsell .pxf-sub { color: rgba(255,255,255,.75); margin-top: 0; }
#ed .pxf-perks { list-style: none; margin: 12px 0 8px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; max-width: 720px; text-align: left; }
#ed .pxf-perks li { border: 1px solid rgba(255,255,255,.14); border-radius: 14px; padding: 14px 16px; font-size: 14px; color: rgba(255,255,255,.7); }
#ed .pxf-perks b { display: block; color: #fff; margin-bottom: 2px; }
#ed .pxf-row-btns { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
#ed.pxf .pxf-upsell .pxf-btn:not(.pxf-btn--primary) { background: transparent; color: #fff; border-color: rgba(255,255,255,.4); }
#ed.pxf .pxf-upsell .pxf-btn:not(.pxf-btn--primary):hover { border-color: #fff; }
#ed .pxf-note { margin: 4px 0 0; font-size: 14px; }
#ed.pxf .pxf-note a { color: var(--pxf-green); font-weight: 600; }

/* ---------- phones ---------- */
@media (max-width: 991px) {
	#ed .pxf-head { padding: 24px 0 24px; margin-bottom: 20px; }
	#ed .pxf-head__r { width: 100%; }
	#ed .pxf-head__r .pxf-btn { flex: 1; }
	#ed .pxf-layout { grid-template-columns: minmax(0, 1fr); gap: 8px; }
	#ed .pxf-nav { position: static; padding-bottom: 8px; }
	#ed .pxf-nav__list { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 6px; margin: 0 -16px; padding: 0 16px; }
	#ed .pxf-nav__list::-webkit-scrollbar { display: none; }
	#ed .pxf-search { margin: 0 0 12px; }
	#ed .pxf-nav__label, #ed .pxf-team-card { display: none; }
	#ed.pxf .pxf-nav__a { flex: none; margin: 0; border: 1px solid var(--pxf-line); border-radius: 999px; padding: 7px 14px; font-size: 14px; }
	#ed.pxf .pxf-nav__a.is-active { border-color: var(--pxf-ink); box-shadow: none; border-radius: 999px; }
	#ed .pxf-nav__a .pxf-i:first-child { display: none; }
	#ed.pxf .pxf-row { grid-template-columns: minmax(0, 1fr) 52px; gap: 14px; padding: 18px 0; }
	#ed .pxf-row__n { height: 52px; font-size: 11px; }
	#ed .pxf-row__n b { font-size: 17px; }
	#ed .pxf-row__t { font-size: 1.05rem; }
	#ed .pxf-row__m { font-size: 13px; gap: 2px 12px; }
	#ed .pxf-tabs { gap: 18px; }
	#ed .pxf-perks { grid-template-columns: minmax(0, 1fr); }
	#ed .pxf-upsell { padding: 28px 18px; }
}
/* ---------- question page (.pxq) ---------- */
#ed .pxf-tag--light { background: #fff; color: var(--pxf-muted); }
#ed .pxq .pxf-crumbs { margin: 8px 0 22px; }
#ed .pxq-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; align-items: start; }
#ed .pxq-main { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
#ed .pxq-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
#ed .pxq-cat { font-size: 13px; color: var(--pxf-muted); }
#ed.pxf .pxq-title { margin: 12px 0 10px; font-size: clamp(1.4rem, 2.2vw, 1.75rem); line-height: 1.3; letter-spacing: -.015em; font-weight: 650; color: var(--pxf-ink); max-width: 40ch; }
#ed .pxq-byline { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; font-size: 14px; color: var(--pxf-muted); }
#ed .pxq-byline b { color: var(--pxf-ink); font-weight: 600; }
#ed .pxq-av { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: none; background: var(--pxf-soft); color: var(--pxf-muted); font-size: 11px; font-weight: 600; position: relative; }
#ed .pxq-av.is-staff { background: var(--pxf-ink); color: #fff; }
#ed .pxq-av.is-staff::after { content: ""; position: absolute; right: -2px; bottom: -2px; width: 10px; height: 10px; border-radius: 3px; background: var(--pxf-yellow); border: 2px solid #fff; }
#ed .pxq-card, #ed .pxq-reply { background: #fff; border: 1px solid var(--pxf-line); border-radius: var(--pxf-r); padding: 24px 26px; box-shadow: none; margin: 0; }
#ed .pxq-body { font-size: 15.5px; line-height: 1.7; color: #2a3140; }
#ed .pxq-body p { margin: 0 0 14px; }
#ed .pxq-body p:last-child { margin-bottom: 0; }
#ed .pxq-body pre, #ed .pxq-body pre[class*="language-"] { margin: 0 0 14px; border-radius: 12px; font-size: 13.5px; }
#ed .pxq-body :not(pre) > code { font-family: var(--pxf-mono); font-size: 14px; background: var(--pxf-soft); border: 1px solid var(--pxf-line); border-radius: 6px; padding: 1px 6px; color: var(--pxf-ink); }
#ed .pxq-body img { max-width: 100%; height: auto; border-radius: 10px; }
/* EasyDiscuss turns every line break into <br> (nl2br), also around lists and code blocks: drop those, the blocks have their own margins */
#ed .pxq-body :is(ul, ol) > br { display: none; }
#ed .pxq-body :is(ul, ol, pre, blockquote, table) + br,
#ed .pxq-body :is(ul, ol, pre, blockquote, table) + br + br { display: none; }
#ed .pxq-body :is(ul, ol) { margin: 6px 0 14px; padding-left: 22px; }
#ed .pxq-body li { margin: 4px 0; }
/* quotes: a plain left rule – no card, shadow or icon from the theme */
#ed.pxf .pxq-body.is-editor-markup blockquote { margin: 0 0 14px; padding: 2px 0 2px 16px; border: 0; border-left: 3px solid var(--ds-line-strong, #d9dee5); border-radius: 0; background: transparent; box-shadow: none; color: #3b4252; font-style: normal; }
#ed.pxf .pxq-body.is-editor-markup blockquote::before, #ed.pxf .pxq-body.is-editor-markup blockquote::after { content: none; display: none; }
#ed .pxq-body pre, #ed .pxq-body pre[class*="language-"] { max-width: 100%; }
/* links inside posts: the ink green of the design system (readable on white) */
#ed.pxf .pxq-body.is-editor-markup a { color: var(--ds-green-ink, #15803d); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
#ed.pxf .pxq-body.is-editor-markup a:hover { color: #0f6a31; }
#ed .pxq-widgets:empty { display: none; }
#ed .pxq-widgets { margin-top: 14px; }
#ed .pxq-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--pxf-line); }
#ed .pxq-actions__l { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
#ed .pxq-act { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 12px; border: 0; border-radius: 999px; background: transparent; color: var(--pxf-muted); font-size: 14px; font-weight: 500; cursor: pointer; }
#ed .pxq-act:hover { background: var(--pxf-soft); color: var(--pxf-ink); }
#ed .pxq-act .pxf-i { width: 16px; height: 16px; }
/* EasyDiscuss buttons inside the action rows: quiet, round */
#ed .pxq-actions .o-btn { border-radius: 999px; border-color: var(--pxf-line); background: #fff; color: var(--pxf-muted); font-size: 14px; box-shadow: none; }
#ed .pxq-actions .o-btn:hover { border-color: var(--pxf-ink); color: var(--pxf-ink); }
#ed .pxq-actions .o-btn--accepted, #ed .pxq-actions .o-btn--success { border-color: var(--pxf-green); color: var(--pxf-green-dark); background: #fff; }
#ed .pxq-actions .o-btn--accepted:hover, #ed .pxq-actions .o-btn--success:hover { background: var(--pxf-green); color: #fff; }
#ed .pxq-actions .ed-entry-actions-group { border: 0; gap: 4px; }
#ed .pxq-actions .ed-entry-actions-toolbar { display: flex; gap: 6px; flex-wrap: wrap; }
/* replies */
#ed .pxq-replies { display: flex; flex-direction: column; gap: 12px; }
#ed .pxq-replies .ed-replies-list { display: flex; flex-direction: column; gap: 12px; }
#ed .pxq-replies .ed-timeline__item { margin: 0; padding: 0; border: 0; }
#ed .pxq-replies .ed-timeline__item::before, #ed .pxq-replies .ed-timeline__item::after { display: none; }
#ed .pxq-replies__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
#ed.pxf .pxq-h2 { margin: 0; font-size: 18px; font-weight: 600; letter-spacing: -.01em; color: var(--pxf-ink); }
#ed .pxq-sort { display: flex; gap: 4px; padding: 4px; background: var(--pxf-soft); border-radius: 999px; }
#ed.pxf .pxq-sort a { padding: 6px 12px; border-radius: 999px; font-size: 13.5px; font-weight: 600; color: var(--pxf-muted); }
#ed.pxf .pxq-sort a.is-active { background: #fff; color: var(--pxf-ink); box-shadow: 0 1px 3px rgba(5,0,56,.08); }
#ed .pxq-sol-label { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--pxf-green-ink); margin-bottom: -4px; }
#ed .pxq-sol-label .pxf-i { width: 16px; height: 16px; stroke-width: 2.4; }
#ed .pxq-reply.is-answer { border: 1.5px solid var(--pxf-green); }
#ed .pxq-reply.is-private { background: repeating-linear-gradient(135deg, #fff 0 14px, #fafbfc 14px 28px); }
#ed .pxq-private { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--pxf-muted); margin-bottom: 12px; background: var(--pxf-soft); border: 1px solid var(--pxf-line); border-radius: 8px; padding: 4px 10px; }
#ed .pxq-private .pxf-i { width: 14px; height: 14px; }
#ed .pxq-reply__head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
#ed .pxq-reply__head .pxq-av { width: 40px; height: 40px; font-size: 13px; }
#ed .pxq-reply__who { display: flex; flex-direction: column; min-width: 0; }
#ed .pxq-reply__who b { color: var(--pxf-ink); font-weight: 600; font-size: 15px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
#ed .pxq-reply__who > span { font-size: 13px; color: var(--pxf-muted); }
#ed.pxf .pxq-reply__who > span a { color: var(--pxf-muted); }
#ed .pxq-noreplies { display: none; }
#ed .pxq-replies.is-empty .pxq-noreplies { display: block; border: 1.5px dashed var(--pxf-line); border-radius: var(--pxf-r); padding: 20px 22px; color: var(--pxf-muted); font-size: 15px; }
/* composer */
#ed .pxq-compose { margin-top: 8px; }
#ed .pxq-compose .o-card, #ed .pxq-compose .ed-editor { border-radius: var(--pxf-r); border-color: var(--pxf-line); box-shadow: none; }
#ed .pxq-compose .o-btn--primary { background: var(--pxf-green); border-color: var(--pxf-green); border-radius: 999px; color: #fff; font-weight: 600; padding: 0 20px; min-height: 42px; }
#ed .pxq-compose .o-btn--primary:hover { background: var(--pxf-green-dark); border-color: var(--pxf-green-dark); }
#ed .pxq-guest { border: 1px solid var(--pxf-line); border-radius: var(--pxf-r); padding: 24px; display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; }
#ed .pxq-guest > div { flex: 1; min-width: 220px; }
#ed.pxf .pxq-guest h3 { margin: 0 0 4px; font-size: 18px; font-weight: 600; color: var(--pxf-ink); }
#ed .pxq-guest p { margin: 0; color: var(--pxf-muted); font-size: 15px; }
/* rail */
#ed .pxq-rail { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 96px; }
#ed .pxq-box { border: 1px solid var(--pxf-line); border-radius: var(--pxf-r); padding: 20px; }
#ed .pxq-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--pxf-muted); }
#ed .pxq-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 12px; margin: 12px 0 0; }
#ed .pxq-stats dt { font-size: 13px; font-weight: 400; color: var(--pxf-muted); }
#ed .pxq-stats dd { margin: 2px 0 0; font-size: 20px; font-weight: 600; color: var(--pxf-ink); font-variant-numeric: tabular-nums; }
#ed .pxq-stats__s .pxf-pill { margin-top: 4px; }
#ed .pxq-links { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
#ed.pxf .pxq-links a { display: flex; gap: 10px; color: var(--pxf-ink); font-weight: 600; font-size: 15px; line-height: 1.35; }
#ed.pxf .pxq-links a:hover { color: var(--pxf-green-dark); }
#ed .pxq-links .pxf-i { color: var(--pxf-muted); margin-top: 1px; width: 17px; height: 17px; }
#ed .pxq-links small { display: block; font-weight: 400; color: var(--pxf-muted); font-size: 13px; margin-top: 2px; }
@media (max-width: 991px) {
	#ed .pxq-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	#ed .pxq-rail { position: static; }
	#ed .pxq-card, #ed .pxq-reply { padding: 18px 16px; }
}

/* ---------- ask / edit form ---------- */
#ed .pxf-head--ask { margin-bottom: 24px; }
#ed .pxf-ask { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 36px; align-items: start; }
#ed .pxf-ask__form { min-width: 0; }
#ed .pxf-ask__form .ed-ask { background: #fff; border: 1px solid var(--pxf-line); border-radius: var(--pxf-r); padding: 24px; }
#ed .pxf-ask__form .o-form-control, #ed .pxf-ask__form .o-form-select { border: 1.5px solid var(--pxf-line); border-radius: 12px; min-height: 44px; font-size: 15px; box-shadow: none; }
#ed .pxf-ask__form .o-form-control:focus, #ed .pxf-ask__form .o-form-select:focus { border-color: var(--pxf-green); box-shadow: 0 0 0 4px rgba(52,199,89,.15); }
#ed .pxf-ask__form .ed-ask__input-title { font-size: 17px; font-weight: 600; }
#ed .pxf-ask__form label { font-size: 14px; font-weight: 600; color: var(--pxf-ink); }
#ed .pxf-ask__form .o-btn--primary { background: var(--pxf-green); border-color: var(--pxf-green); border-radius: 999px; color: #fff; font-weight: 600; min-height: 46px; padding: 0 26px; }
#ed .pxf-ask__form .o-btn--primary:hover { background: var(--pxf-green-dark); border-color: var(--pxf-green-dark); }
#ed .pxf-ask__tips { border: 1px solid var(--pxf-line); border-radius: var(--pxf-r); padding: 20px; position: sticky; top: 96px; }
#ed.pxf .pxf-ask__tips h2 { margin: 0 0 10px; font-size: 15px; font-weight: 600; color: var(--pxf-ink); }
#ed .pxf-ask__tips ol { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 8px; font-size: 14px; color: var(--pxf-text); line-height: 1.5; }
@media (max-width: 991px) {
	#ed .pxf-ask { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	#ed .pxf-ask__tips { position: static; order: -1; }
	#ed .pxf-ask__form .ed-ask { padding: 16px; }
}
#ed .pxf-head--ask .pxf-head__t { max-width: 760px; }
#ed .pxf-head__note { font-size: 14px; color: var(--pxf-muted); }

/* ---------- question page: brand pass ---------- */
#ed.pxf .pxq-title { font-size: clamp(1.6rem, 2.6vw, 2.1rem); line-height: 1.2; letter-spacing: -.03em; font-weight: 800; max-width: 34ch; }
#ed .pxq-cat { font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--pxf-green); }
#ed .pxq-chips { gap: 6px 14px; }
#ed .pxq-sol-label { margin: 6px 0 -2px; }
#ed .pxq-reply.is-answer { border: 2px solid var(--pxf-green); }
#ed .pxq-reply.is-staff:not(.is-answer) { border-left: 3px solid var(--pxf-ink); }
#ed.pxf .pxq-h2 { font-size: 1.3rem; font-weight: 800; letter-spacing: -.03em; }
#ed .pxq-sort { background: transparent; padding: 0; gap: 16px; }
#ed.pxf .pxq-sort a { padding: 0 0 6px; border-radius: 0; border-bottom: 2px solid transparent; font-size: 14px; }
#ed.pxf .pxq-sort a.is-active { background: transparent; box-shadow: none; border-bottom-color: var(--pxf-green); }
/* "This question": navy card like Pro + Launch, yellow pixel accents */
#ed .pxq-box--navy { background: var(--pxf-ink); border-color: var(--pxf-ink); color: rgba(255,255,255,.7); }
#ed .pxq-box--navy .pxq-eyebrow { color: var(--pxf-yellow); display: flex; align-items: center; gap: 8px; }
#ed .pxq-box--navy .pxq-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: var(--pxf-yellow); box-shadow: 10px 0 0 rgba(255,220,66,.5), 20px 0 0 rgba(255,220,66,.2); margin-right: 22px; }
#ed .pxq-box--navy .pxq-stats dt { color: rgba(255,255,255,.6); }
#ed .pxq-box--navy .pxq-stats dd { color: #fff; font-weight: 800; letter-spacing: -.02em; }
#ed .pxq-box--navy .pxf-st { color: #fff; }
#ed .pxq-box--navy .pxf-st--staff i { background: #fff; }
#ed .pxq-eyebrow { letter-spacing: .1em; font-weight: 700; font-size: .72rem; }
#ed .pxq-av.is-staff::after { background: var(--pxf-yellow); }
#ed .pxq-reply.is-answer { background: #fff; }

/* ---------- calmer type (review: titles and categories too loud) ---------- */
/* list rows: category as quiet grey text, title regular-semibold at body size */
#ed .pxf-row__eyebrow { font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--pxf-muted); gap: 2px 8px; }
#ed .pxf-row__prod { font-weight: 400; }
#ed .pxf-row__prod::before { margin-right: 8px; }
#ed .pxf-row__t { font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1.4; }
#ed .pxf-row:hover .pxf-row__t { color: var(--pxf-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #c9d1db; }
#ed .pxf-row__n b { font-size: 17px; font-weight: 700; }
#ed .pxf-st { font-weight: 500; }
/* question page: smaller, lighter title; category in grey */
#ed.pxf .pxq-title { font-size: clamp(1.35rem, 2vw, 1.6rem); line-height: 1.3; letter-spacing: -.015em; font-weight: 650; max-width: 40ch; }
#ed .pxq-cat { font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--pxf-muted); }
#ed.pxf .pxq-h2 { font-size: 1.1rem; font-weight: 650; letter-spacing: -.01em; }
#ed .pxq-reply__who b { font-weight: 600; }
@media (max-width: 991px) {
	#ed .pxf-row__t { font-size: 15.5px; }
	#ed.pxf .pxq-title { font-size: 1.3rem; }
}
#ed.pxf .pxq-links a { font-size: 14px; font-weight: 500; color: var(--pxf-text); }

/* resolve / reopen strip on the question (asker + staff only) */
#ed .pxq-resolve { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; margin-top: 18px; padding: 14px 16px; border: 1px solid var(--pxf-line); border-radius: 12px; background: var(--pxf-soft); }
#ed .pxq-resolve p { margin: 0; flex: 1 1 260px; font-size: 14px; color: var(--pxf-text); display: flex; align-items: center; gap: 8px; }
#ed.pxf .pxq-resolve__btn { border-color: var(--pxf-green); color: var(--pxf-green-dark); background: #fff; }
#ed.pxf .pxq-resolve__btn:hover { background: var(--pxf-green); border-color: var(--pxf-green); color: #fff; }
#ed .pxq-resolve.is-done { background: #fff; }
#ed .pxq-resolve.is-done p { color: var(--pxf-green-ink); font-weight: 600; }
#ed .pxq-resolve .pxf-i { width: 16px; height: 16px; stroke-width: 2.4; }
/* "Mark as solution" on replies: same quiet green outline */
#ed.pxf .pxq-reply .o-btn--accepted { border-color: var(--pxf-green); color: var(--pxf-green-dark); background: #fff; font-weight: 600; }

/* "This question": back to a plain hairline box – only one emphasis per page (the Solution) */
#ed .pxq-box--navy { background: #fff; border-color: var(--pxf-line); color: var(--pxf-text); }
#ed .pxq-box--navy .pxq-eyebrow { color: var(--pxf-muted); }
#ed .pxq-box--navy .pxq-eyebrow::before { display: none; }
#ed .pxq-box--navy .pxq-stats dt { color: var(--pxf-muted); }
#ed .pxq-box--navy .pxq-stats dd { color: var(--pxf-ink); font-weight: 600; font-size: 18px; }
#ed .pxq-box--navy .pxf-st { color: var(--pxf-ink); }
#ed .pxq-box--navy .pxf-st--solved { color: var(--pxf-green-ink); }
#ed .pxq-box--navy .pxf-st--staff i { background: var(--pxf-ink); }

/* "ThePixel team": no fill – small logo mark + grey text next to the name */
#ed .pxf-team { height: auto; padding: 0; border-radius: 0; background: none; color: var(--pxf-muted); font-size: 12.5px; font-weight: 500; gap: 5px; vertical-align: 0; }
#ed .pxf-team i { width: 9px; height: 9px; background: conic-gradient(var(--pxf-yellow) 0 25%, var(--pxf-ink) 0 50%, var(--pxf-yellow) 0 75%, var(--pxf-ink) 0); }

/* sidebar card: no navy fill – hairline box, the three brand pixels as the only accent, a text link instead of a filled button */
#ed .pxf-team-card { background: #fff; border: 1px solid var(--pxf-line); color: var(--pxf-muted); padding: 18px; }
#ed .pxf-team-card b { color: var(--pxf-ink); font-size: 15px; font-weight: 600; }
#ed .pxf-team-card p { color: var(--pxf-muted); }
#ed .pxf-team-card__mark i { background: var(--pxf-green); }
#ed.pxf .pxf-team-card .pxf-btn { min-height: 0; padding: 0; border: 0; background: none; color: var(--pxf-green-dark); font-size: 14px; font-weight: 600; }
#ed.pxf .pxf-team-card .pxf-btn:hover { background: none; color: var(--pxf-ink); }
#ed.pxf .pxf-team-card .pxf-btn::after { content: " →"; }
#ed.pxf .pxf-team-card__link { color: var(--pxf-green-dark); }
#ed.pxf .pxf-team-card__link:hover { color: var(--pxf-ink); }

/* nav: "Pro" next to categories a Free member can read but not ask in */
#ed .pxf-nav__tag { font-size: 11px; font-weight: 600; color: var(--pxf-muted); border: 1px solid var(--pxf-line); border-radius: 5px; padding: 1px 6px; }

/* ---------- status pills + tags (review: show Solved / Staff replied more clearly, tags like Product / Joomla / version) ---------- */
#ed .pxf-row__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
#ed .pxf-st { height: 24px; padding: 0 9px; border-radius: 6px; font-size: 12.5px; font-weight: 600; gap: 6px; background: var(--pxf-soft); color: var(--pxf-ink); }
#ed .pxf-st i { width: 7px; height: 7px; }
#ed .pxf-st .pxf-i { width: 13px; height: 13px; stroke-width: 2.6; }
#ed .pxf-st--solved { background: #e3f6e8; color: var(--pxf-green-ink); }
#ed .pxf-st--staff { background: #e8ecf6; color: var(--pxf-navy); }
#ed .pxf-st--staff i { background: var(--pxf-navy); }
#ed .pxf-st--awaiting { background: #fff3df; color: #8a5300; }
#ed .pxf-st--replied { background: #e8f0fe; color: #1d4ed8; }
#ed .pxf-st--replied i { background: #3b82f6; }
#ed .pxf-st--pinned { background: var(--pxf-navy, #050038); color: #fff; }
#ed .pxf-st--pinned .pxf-i { stroke: currentColor; }
#ed .pxf-tagchip--pinned { color: var(--pxf-navy, #050038); font-weight: 600; }
#ed .pxf-tagchip { display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; border-radius: 6px; background: #fff; border: 1px solid var(--pxf-line); color: var(--pxf-text); font-size: 12.5px; font-weight: 500; white-space: nowrap; }
#ed .pxf-tagchip--private { color: var(--pxf-muted); }
#ed .pxf-tagchip .pxf-i { width: 12px; height: 12px; }
#ed .pxf-row__who b { font-weight: 500; color: var(--pxf-text); }
#ed .pxf-row__main { gap: 8px; }
/* the status in the question page header and rail uses the same pills */
#ed .pxq-chips .pxf-st, #ed .pxq-stats .pxf-st { margin: 0; }
#ed .pxq-box--navy .pxf-st--solved { color: var(--pxf-green-ink); }
#ed .pxq-box--navy .pxf-st--staff { color: var(--pxf-navy); }
#ed .pxf-row__who { display: inline; }

/* Solution: no green box – a normal reply card; the green "✓ Solution" pill next to the name is the only marker */
#ed.pxf .pxq-reply.o-card.is-answer { background: #fff !important; border: 1px solid var(--pxf-line) !important; box-shadow: none !important; }
#ed .pxq-sol-label { display: none; }
#ed .pxq-reply__who .pxf-pill--solved { height: 22px; padding: 0 8px; border: 0; border-radius: 6px; background: #e3f6e8; color: var(--pxf-green-ink); font-weight: 600; }
#ed .pxq-reply__who .pxf-pill--solved::before { content: "✓"; width: auto; height: auto; background: none; border-radius: 0; font-size: 12px; line-height: 1; }

/* ---------- no inner rules in question and reply cards (EasyDiscuss puts a line between every block of an .o-card) ---------- */
#ed.pxf .pxq-card > *, #ed.pxf .pxq-reply > *,
#ed.pxf .pxq-card .pxq-body, #ed.pxf .pxq-reply .pxq-body,
#ed.pxf .pxq-reply__head, #ed.pxf .pxq-widgets, #ed.pxf [data-ed-reply-editor] { border-top: 0 !important; border-bottom: 0 !important; }
#ed.pxf .pxq-actions { border-top: 0; padding-top: 0; margin-top: 20px; }
#ed.pxf .pxq-widgets:empty, #ed.pxf [data-ed-reply-editor]:empty { display: none; }
#ed.pxf .pxq-reply__head { padding-top: 0; margin-top: 0; }
#ed.pxf .pxq-body { padding-top: 0; }
/* attachments / fields widgets: one soft box, no extra frame lines */
#ed.pxf .pxq-widgets .o-card--ed-post-widget { border: 0; background: var(--pxf-soft); border-radius: 12px; box-shadow: none; }
#ed.pxf .pxq-widgets .o-card--ed-post-widget > * { border: 0 !important; }
/* tags in reply names: same quiet style as elsewhere */
#ed.pxf .pxf-tag--light { border: 0; background: var(--pxf-soft); }
/* setup strip (Product / Joomla / Site): soft panel, no cell lines */
#ed.pxf .pxq-env { border: 0; background: var(--pxf-soft); gap: 0; }
#ed.pxf .pxq-env > div { border: 0; background: transparent; }
/* reply-type activity lines ("… set the type of the post as Issue"): quiet text, no icon box */
#ed.pxf .pxq-replies .ed-timeline__item:not(.pxq-reply-wrap) { font-size: 13px; color: var(--pxf-muted); }

/* ---------- reply + ask composer: one white card, quiet toolbar, site buttons ---------- */
#ed.pxf .ed-reply-form { background: #fff; border: 1px solid var(--pxf-line); border-radius: var(--pxf-r); padding: 20px 22px; margin-top: 8px; }
#ed.pxf .ed-reply-form > h3, #ed.pxf .ed-reply-form .o-title { font-size: 1.05rem; font-weight: 650; color: var(--pxf-ink); margin: 0 0 12px; }
#ed.pxf .ed-editor-widget { border: 1px solid var(--pxf-line); border-radius: 12px; box-shadow: none; }
#ed.pxf .ed-editor-widget + .ed-editor-widget { margin-top: 12px; }
#ed.pxf .o-tabs--ed-editor { border-bottom: 1px solid var(--pxf-line); gap: 20px; padding: 0 4px; }
#ed.pxf .o-tabs--ed-editor .o-tabs__link { border-bottom: 2px solid transparent; padding: 10px 2px; font-size: 14px; font-weight: 600; color: var(--pxf-muted); }
#ed.pxf .o-tabs--ed-editor .active .o-tabs__link, #ed.pxf .o-tabs--ed-editor .o-tabs__link.active { color: var(--pxf-ink); border-bottom-color: var(--pxf-green); }
#ed.pxf .markItUpButton { background: transparent; }
#ed.pxf .markItUpButton:hover { background: var(--pxf-soft); }
#ed.pxf .markItUpSeparator { background: var(--pxf-line); }
#ed.pxf .markItUpEditor, #ed.pxf textarea.markItUpEditor { font: 15px/1.6 inherit; color: var(--pxf-text); }
#ed.pxf .ed-attachment-item-input.o-btn { border: 1.5px solid var(--pxf-ink); border-radius: 999px; color: var(--pxf-ink); background: #fff; font-weight: 600; font-size: 14px; padding: 6px 16px; }
#ed.pxf .ed-attachment-item-input.o-btn:hover { background: var(--pxf-ink); color: #fff; }
#ed.pxf .ed-attachment-item-input.o-btn i { color: inherit; }
#ed.pxf .ed-reply-form .o-btn--primary, #ed.pxf .pxf-ask__form .o-btn--primary { min-height: 46px; padding: 0 24px; font-size: 15px; }
#ed.pxf .pxf-ask__form .ed-ask { background: #fff; }
#ed.pxf .pxf-ask__form .o-checkbox label, #ed.pxf .pxf-ask__form label[for="private"] { font-weight: 500; color: var(--pxf-text); }

/* question title: user-written and often long – 1.75rem / 700 (the article H2 step of the design system), not the 800 page-H1 weight
   that "#t4-component h1:not(…)" in custom.css gives every H1 */
#t4-component #ed.pxf h1.pxq-title { font-size: clamp(1.5rem, 2.4vw, 1.75rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.25; max-width: 40ch; }
@media (max-width: 575.98px) { #t4-component #ed.pxf h1.pxq-title { font-size: 1.375rem; } }

/* Private questions (2026-10-18): other members' private questions list with title + status only (PxForum::withPrivate),
   the "This question is private" page (pixel/private.php) and the hint under the Private tick on the Ask form. */
#ed .pxf-row__n--private { gap: 4px; color: var(--pxf-muted); }
#ed .pxf-row__n--private .pxf-i { width: 17px; height: 17px; color: var(--pxf-faint); }
#ed .pxq--private .pxq-av { color: var(--pxf-ink); }
#ed .pxq--private .pxq-av .pxf-i { width: 15px; height: 15px; }
#ed .pxq-locked { display: grid; grid-template-columns: 48px 1fr; gap: 18px; margin-top: 24px; padding: 28px; border: 1px solid var(--pxf-line); border-radius: var(--pxf-r); background: var(--pxf-soft); }
#ed .pxq-locked__ic { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--pxf-line); color: var(--pxf-ink); }
#ed .pxq-locked__ic .pxf-i { width: 22px; height: 22px; }
#ed.pxf .pxq-locked h2 { margin: 2px 0 6px; font-size: 1.2rem; font-weight: 800; letter-spacing: -.02em; color: var(--pxf-ink); }
#ed .pxq-locked p { margin: 0 0 16px; color: var(--pxf-muted); }
#ed .pxq-locked__acts { display: flex; flex-wrap: wrap; gap: 10px; }
#ed .pxq-similar { margin-top: 32px; }
#ed.pxf .pxq-similar h2 { margin: 0 0 12px; font-size: 1.05rem; font-weight: 700; color: var(--pxf-ink); }
#ed .pxf-private-hint { margin: 6px 0 0 26px; font-size: 13.5px; line-height: 1.5; color: var(--pxf-muted); }
#ed .pxf-private-hint b { color: var(--pxf-ink); }
@media (max-width: 575.98px) {
	#ed .pxq-locked { grid-template-columns: 1fr; padding: 22px 20px; }
}

/* My questions (2026-10-18): the asker's status words, "Yours", the "Your questions" card (pixel/mine.php), My questions tabs.
   The card is printed twice: above the layout on phones (--top), in the main column from 992px (--main). */
#ed .pxf-st--us { color: #8a5300; }
#ed .pxf-st--us i { background: var(--pxf-amber); }
#ed .pxf-st--you { height: 22px; padding: 0 8px; border-radius: 6px; background: var(--pxf-ink); color: #fff; }
#ed .pxf-st--you i { background: var(--pxf-yellow); }
#ed .pxf-yours { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 6px; background: var(--pxf-soft); box-shadow: inset 0 0 0 1px var(--pxf-line); color: var(--pxf-ink); font-size: 11.5px; font-weight: 700; }
#ed .pxf-mine { margin: 0 0 16px; border: 1px solid var(--pxf-line); border-radius: 12px; background: var(--pxf-soft); overflow: hidden; font-size: 14px; }
#ed .pxf-mine--card { background: #fff; }
#ed .pxf-mine__hd { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding: 12px 16px; background: var(--pxf-soft); }
#ed .pxf-mine--card .pxf-mine__hd { border-bottom: 1px solid var(--pxf-line); }
#ed .pxf-mine__hd b { color: var(--pxf-ink); }
#ed.pxf .pxf-mine__n { display: inline-flex; align-items: center; gap: 6px; color: var(--pxf-muted); }
#ed.pxf .pxf-mine__n:hover { color: var(--pxf-ink); }
#ed.pxf .pxf-mine__n.is-you { color: var(--pxf-ink); font-weight: 700; }
#ed .pxf-mine__n.is-you::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--pxf-yellow); box-shadow: 0 0 0 2px var(--pxf-ink); }
#ed .pxf-mine__hd .pxf-link { margin-left: auto; }
#ed.pxf .pxf-mine__row { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--pxf-line); color: var(--pxf-ink); }
#ed.pxf .pxf-mine__row:hover { background: var(--pxf-soft); }
#ed .pxf-mine__hd + .pxf-mine__row { border-top: 0; }
#ed .pxf-mine__row .t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
#ed .pxf-mine__row small { flex: none; color: var(--pxf-muted); white-space: nowrap; }
#ed .pxf-mine__hint { margin: 12px 2px 0; color: var(--pxf-muted); font-size: 14px; }
#ed .pxf-tabs__n { margin-left: 4px; color: var(--pxf-faint); font-size: 12px; font-weight: 600; }
#ed .pxf-mine--top { display: none; }
@media (max-width: 991.98px) {
	#ed .pxf-mine--top { display: block; }
	#ed .pxf-mine--main { display: none; }
	#ed .pxf-nav__a--mine { order: -1; }
}
@media (max-width: 575.98px) {
	#ed .pxf-mine__hd .pxf-link { margin-left: 0; }
	#ed .pxf-mine__row { flex-wrap: wrap; gap: 6px 10px; }
	#ed .pxf-mine__row .t { order: 2; flex-basis: 100%; white-space: normal; }
}

/* Your questions in the sidebar (2026-10-18, later the same day): on desktop the "Yours" group lists the questions waiting for
   the member under "Waiting for you"; the card (pixel/mine.php) shows on phones only. */
#ed.pxf .pxf-nav__a--you { color: var(--pxf-ink); font-weight: 600; }
#ed .pxf-wait { display: flex; flex-direction: column; gap: 2px; margin: 2px 0 8px 15px; padding-left: 12px; border-left: 2px solid var(--pxf-yellow); }
#ed.pxf .pxf-wait__q { display: block; margin-right: -12px; padding: 6px 8px; border-radius: 8px; color: var(--pxf-ink); font-size: 13.5px; line-height: 1.35; }
#ed.pxf .pxf-wait__q:hover { background: var(--pxf-soft); }
#ed .pxf-wait__q .t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; }
#ed .pxf-wait__q small { display: block; margin-top: 2px; color: var(--pxf-muted); font-size: 12px; }
@media (max-width: 991px) { #ed .pxf-wait { display: none; } }

/* Tags (2026-10-18, forum_tags.php): #tag chips on list rows and under the question; tag page uses the normal list */
#ed .pxf-tagchip--tag { border-color: transparent; background: var(--pxf-soft); color: var(--pxf-green-ink); font-weight: 600; }
#ed.pxf a.pxf-tagchip--tag:hover { background: var(--pxf-green-soft, #e9f8ee); color: var(--pxf-ink); }
#ed .pxq-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }

/* the Ask form's tag field (EasyDiscuss select2, theme "si"; its dropdown is appended to <body>, so not under #ed) */
#ed .select2-container--si .select2-selection--multiple { min-height: 44px; padding: 4px 6px; border: 1px solid var(--pxf-line); border-radius: 10px; }
#ed .select2-container--si.select2-container--focus .select2-selection--multiple { border-color: var(--pxf-green); box-shadow: 0 0 0 4px rgba(52,199,89,.12); }
#ed .select2-container--si .select2-selection__choice { display: inline-flex; align-items: center; gap: 4px; height: 26px; margin: 3px 4px 3px 0; padding: 0 9px; border: 0; border-radius: 6px; background: var(--pxf-soft); color: var(--pxf-green-ink); font-size: 13px; font-weight: 600; }
#ed .select2-container--si .select2-selection__choice__remove { color: var(--pxf-muted); }
#ed .select2-container--si .select2-search__field, #ed .select2-container--si .select2-search__field:focus { border: 0 !important; box-shadow: none !important; outline: 0; min-height: 26px; }
.select2-container--si .select2-results__option--highlighted[aria-selected], .select2-container--si .select2-results__option--highlighted { background: #e9f8ee !important; color: #050038 !important; }
.select2-container--si .select2-dropdown { border-color: #e7ebf0; border-radius: 10px; overflow: hidden; box-shadow: 0 18px 40px -24px rgba(5,0,56,.28); }

/* Avatars with a photo (2026-10-18, PxForum::avatar): T4 profile photo or Gravatar over the initials; the staff pixel stays on top */
#ed .pxq-av img { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
#ed .pxq-av.has-photo { background: var(--pxf-soft); }
#ed .pxq-av.is-staff::after { z-index: 1; }

/* member plan next to names (PxForum::planTag, 2026-10-18): Free quiet, Pro green, Pro + Launch green with the yellow pixel */
#ed .pxf-plan { display: inline-flex; align-items: center; gap: 5px; height: 20px; padding: 0 7px; border-radius: 6px; font-size: 11.5px; font-weight: 600; line-height: 1; white-space: nowrap; vertical-align: 1px; margin-left: 4px; }
#ed .pxf-plan--free { border: 1px solid var(--pxf-line); background: #fff; color: var(--pxf-muted); }
#ed .pxf-plan--pro, #ed .pxf-plan--launch { background: #e9f8ee; color: #1d7a3a; }
#ed .pxf-plan--launch::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: var(--pxf-yellow); }

/* Question list with avatars (2026-10-18, review link ?preview=forum-avatars, variant A): no frame and no lines (owner):
   space between rows, a soft background on hover; each row = asker avatar | chips, title, who | reply count (speech bubble + number);
   a locked private row keeps the Private box */
#ed.pxf .pxf-list { margin-top: 8px; }
#ed.pxf .pxf-row { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 16px; align-items: start; padding: 18px 16px; margin: 0 -16px 6px; border-bottom: 0; border-radius: 14px; transition: background-color .15s; }
#ed.pxf .pxf-row:hover { background: var(--pxf-soft); }
#ed .pxf-row__av .pxq-av { width: 44px; height: 44px; font-size: 15px; }
#ed .pxf-row__av .pxq-av--anon { color: var(--pxf-faint); }
#ed .pxf-row__av .pxq-av--anon .pxf-i { width: 22px; height: 22px; }
#ed .pxf-row__c { display: inline-flex; align-items: center; gap: 6px; padding-top: 3px; color: var(--pxf-muted); font-size: 14px; white-space: nowrap; }
#ed .pxf-row__c .pxf-i { width: 17px; height: 17px; }
#ed .pxf-row__c b { font-weight: 600; color: var(--pxf-ink); font-variant-numeric: tabular-nums; }
#ed .pxf-row__c.is-zero, #ed .pxf-row__c.is-zero b { color: var(--pxf-faint); }
#ed.pxf .pxf-row .pxf-row__n--private { width: 64px; height: 56px; }
@media (max-width: 640px) {
	#ed.pxf .pxf-row { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 14px 12px; margin: 0 -12px 4px; }
	#ed .pxf-row__av .pxq-av { width: 36px; height: 36px; font-size: 13px; }
	#ed .pxf-row__c, #ed.pxf .pxf-row .pxf-row__n--private { grid-column: 2; padding-top: 0; }
	#ed.pxf .pxf-row .pxf-row__n--private { width: auto; height: auto; flex-direction: row; background: none; justify-content: flex-start; font-size: 13px; }
}

/* ===================== Support promise + Launch requests (2026-10-20) ===================== */
/* receipt banner on the asker's new question / late notice */
#ed.pxf .pxq-receipt { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; align-items: center; margin: 0 0 18px; padding: 14px 18px; border-radius: 14px; border: 1px solid rgba(52, 199, 89, .45); background: rgba(52, 199, 89, .07); }
#ed.pxf .pxq-receipt.is-free { border-color: var(--pxf-line); background: var(--pxf-soft); }
#ed.pxf .pxq-receipt.is-late { border-color: #f3b4a6; background: #fdecea; }
#ed.pxf .pxq-receipt__ic { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: #fff; color: var(--pxf-green-ink); box-shadow: inset 0 0 0 1px var(--pxf-line); }
#ed.pxf .pxq-receipt.is-late .pxq-receipt__ic { color: #c4320a; }
#ed.pxf .pxq-receipt__ic .pxf-i { width: 18px; height: 18px; }
#ed.pxf .pxq-receipt strong { display: block; color: var(--pxf-ink); font-size: 15px; }
#ed.pxf .pxq-receipt span { font-size: 13.5px; color: var(--pxf-muted); }
#ed.pxf .pxq-due { font-weight: 700; }
#ed.pxf .pxq-due small { display: block; font-weight: 400; font-size: 11.5px; opacity: .75; }
#ed.pxf .pxq-due.is-late { color: #c4320a; }
#ed.pxf .pxq-box--navy .pxq-due.is-late { color: #ffb4a3; }
/* list rows: reply-by / late chip for the asker and staff */
#ed.pxf .pxf-due { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; color: #b45309; }
#ed.pxf .pxf-due.is-late { color: #c4320a; }
/* Launch request panel */
#ed.pxf .pxl { margin: 0 0 22px; border: 1px solid var(--pxf-line); border-radius: 16px; background: #fff; overflow: hidden; }
#ed.pxf .pxl-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 14px 18px; background: #050038; color: rgba(255, 255, 255, .78); }
#ed.pxf .pxl-eye { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: .04em; color: #7ee39a; }
#ed.pxf .pxl-eye .pxf-i { width: 18px; height: 18px; }
#ed.pxf .pxl-dev { display: inline-flex; align-items: center; gap: 10px; font-size: 12.5px; }
#ed.pxf .pxl-dev b { display: block; color: #fff; font-size: 14px; }
#ed.pxf .pxl-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--pxf-line); background: var(--pxf-soft); }
#ed.pxf .pxl-steps li { padding: 12px 12px 10px; font-size: 12px; color: var(--pxf-muted); min-width: 0; }
#ed.pxf .pxl-steps li + li { border-left: 1px solid var(--pxf-line); }
#ed.pxf .pxl-steps li::before { content: ""; display: block; height: 3px; border-radius: 3px; background: var(--pxf-line); margin-bottom: 8px; }
#ed.pxf .pxl-steps b { display: block; font-size: 13px; color: var(--pxf-muted); }
#ed.pxf .pxl-steps small { display: block; margin-top: 2px; }
#ed.pxf .pxl-steps li.is-done::before { background: var(--pxf-green); }
#ed.pxf .pxl-steps li.is-done b { color: var(--pxf-ink); }
#ed.pxf .pxl-steps li.is-now { background: #fff; }
#ed.pxf .pxl-steps li.is-now::before { background: linear-gradient(90deg, var(--pxf-green) 50%, var(--pxf-line) 50%); }
#ed.pxf .pxl-steps li.is-now b { color: var(--pxf-ink); font-weight: 800; }
#ed.pxf .pxl-steps li.is-blocked { background: #fdecea; }
#ed.pxf .pxl-steps li.is-blocked::before { background: #c4320a; }
#ed.pxf .pxl-steps li.is-blocked b { color: #c4320a; }
#ed.pxf .pxl-now { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 4px 20px; align-items: center; padding: 14px 18px; }
#ed.pxf .pxl-now > b { color: var(--pxf-ink); font-size: 15.5px; grid-column: 1; }
#ed.pxf .pxl-now > span:not(.pxl-hours) { grid-column: 1; font-size: 13.5px; color: var(--pxf-muted); }
#ed.pxf .pxl-hours { grid-column: 2; grid-row: 1 / span 2; display: grid; gap: 6px; font-size: 12.5px; color: var(--pxf-muted); }
#ed.pxf .pxl-hours b { color: var(--pxf-ink); }
#ed.pxf .pxl-bar { display: block; height: 6px; border-radius: 6px; background: #e3e8ee; overflow: hidden; }
#ed.pxf .pxl-bar i { display: block; height: 100%; background: var(--pxf-green); }
#ed.pxf .pxl-team { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 16px; padding: 14px 18px 16px; border-top: 1px dashed var(--pxf-line); background: #fbfcfd; }
#ed.pxf .pxl-team__col { display: grid; gap: 8px; align-content: start; min-width: 0; }
#ed.pxf .pxl-sub { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--pxf-ink); }
#ed.pxf .pxl-sub small { text-transform: none; letter-spacing: 0; font-weight: 400; color: var(--pxf-muted); }
#ed.pxf .pxl-late { font-style: normal; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: #fdecea; color: #c4320a; text-transform: none; letter-spacing: 0; }
#ed.pxf .pxl-team small { font-size: 12px; color: var(--pxf-muted); }
#ed.pxf .pxl-secret { margin: 0; padding: 10px 12px; border-radius: 10px; background: #050038; color: #e8eef7; font: 12.5px/1.6 var(--pxf-mono, ui-monospace, monospace); white-space: pre-wrap; word-break: break-word; }
#ed.pxf .pxl-logo img { max-height: 48px; max-width: 160px; border: 1px solid var(--pxf-line); border-radius: 8px; padding: 4px; background: #fff; }
#ed.pxf .pxl-team textarea, #ed.pxf .pxl-team input[type="text"] { width: 100%; font: inherit; font-size: 14px; padding: 8px 10px; border: 1px solid #d9dee5; border-radius: 10px; background: #fff; }
#ed.pxf .pxl-team input[type="text"] { width: 70px; }
#ed.pxf .pxl-btns { display: flex; flex-wrap: wrap; gap: 8px; }
#ed.pxf .pxl-btn--quiet { background: #fff; color: var(--pxf-muted); border-color: var(--pxf-line); }
#ed.pxf .pxl-hrs { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--pxf-muted); }
#ed.pxf .pxl-btn--link { border: 0; background: none; padding: 0; font: inherit; font-weight: 600; color: var(--pxf-ink); text-decoration: underline; cursor: pointer; }
#ed.pxf .pxl-log { padding: 10px 18px 14px; border-top: 1px solid var(--pxf-line); font-size: 12.5px; color: var(--pxf-muted); }
#ed.pxf .pxl-log summary { cursor: pointer; font-weight: 600; color: var(--pxf-ink); }
#ed.pxf .pxl-log ul { margin: 8px 0 0; padding-left: 18px; }
#ed.pxf .pxl.is-done .pxl-head { background: var(--pxf-soft); color: var(--pxf-muted); }
#ed.pxf .pxl.is-done .pxl-eye { color: var(--pxf-ink); }
@media (max-width: 767px) {
	#ed.pxf .pxl-steps li { padding: 10px 4px 8px; }
	#ed.pxf .pxl-steps b { font-size: 11px; }
	#ed.pxf .pxl-steps small { display: none; }
	#ed.pxf .pxl-now, #ed.pxf .pxl-team { grid-template-columns: 1fr; }
	#ed.pxf .pxl-hours { grid-column: 1; grid-row: auto; }
}
#ed.pxf .pxf-st--closed { background: var(--pxf-soft); color: var(--pxf-muted); }
/* ask form: reply time + Urgent (2026-10-20) */
#ed.pxf .pxf-ask-promise { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin: 12px 0; padding: 12px 14px; border-radius: 12px; background: var(--pxf-soft); font-size: 14px; color: var(--pxf-muted); }
#ed.pxf .pxf-ask-promise b { color: var(--pxf-ink); }
#ed.pxf .pxf-urgent { display: grid; grid-template-columns: 20px 1fr; gap: 10px; margin: 0 0 16px; padding: 12px 14px; border: 1px solid #f3b4a6; border-radius: 12px; background: #fffaf8; font-size: 13.5px; color: var(--pxf-muted); cursor: pointer; }
#ed.pxf .pxf-urgent b { display: block; color: var(--pxf-ink); font-size: 14px; }
#ed.pxf .pxf-urgent input { width: 18px; height: 18px; margin-top: 2px; accent-color: #c4320a; }
#ed.pxf .pxq-stats .pxf-st--you, #ed.pxf .pxq-chips .pxf-st--you, #ed.pxf .pxf-row .pxf-st--you { color: #fff; }

/* Launch signal under the forum heading (2026-10-20) */
.pxf .pxf-pulse { display: inline-flex; align-items: center; gap: 8px; margin: 10px 0 0; padding: 5px 12px 5px 10px; font-size: .85rem; color: var(--ds-muted, #5b6573); background: #f3f7f5; border: 1px solid #dce9e3; border-radius: 999px; }
.pxf .pxf-pulse b { color: var(--ds-navy, #14213d); font-weight: 700; }
.pxf .pxf-pulse__dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #1f9d6b; box-shadow: 0 0 0 3px rgba(31, 157, 107, .18); }
@media (max-width: 575px) { .pxf .pxf-pulse { display: flex; border-radius: 12px; align-items: flex-start; } .pxf .pxf-pulse__dot { margin-top: 6px; } }