/* help (#351) — extracted from page content 2026-07-20 */
.mie-help {
	--hp-brand: var(--ast-global-color-0, #DD183B);
	--hp-brand-dark: var(--ast-global-color-1, #CC1939);
	--hp-ink: var(--ast-global-color-2, #0F172A);
	--hp-text: var(--ast-global-color-3, #3A3A3A);
	--hp-surface: var(--ast-global-color-4, #FFFFFF);
	--hp-dark: var(--ast-global-color-6, #140609);
	--hp-tint: var(--ast-global-color-7, #FFD1BF);
	--hp-line: color-mix(in srgb, var(--hp-ink) 12%, transparent);
	--hp-alt: color-mix(in srgb, var(--hp-ink) 4%, var(--hp-surface));
	color: var(--hp-text);
	max-width: 100%;
}
.mie-help *, .mie-help *::before, .mie-help *::after { box-sizing: border-box; }
.entry-content .mie-help a { text-decoration: none; }
.mie-help p:empty { display: none; }
.mie-help .hp-wrap { max-width: 1000px; margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2rem); }
.mie-help .hp-eyebrow { display: inline-block; background: var(--hp-tint); color: var(--hp-brand-dark); font-weight: 700; font-size: .85em; letter-spacing: .08em; text-transform: uppercase; border-radius: 999px; padding: .35em 1em; margin: 0 0 1em; }
/* Hero */
.mie-help .hp-hero { background: linear-gradient(115deg, var(--hp-dark), color-mix(in srgb, var(--hp-dark) 70%, var(--hp-brand))); }
.mie-help .hp-hero .hp-wrap { padding-block: clamp(3rem, 7vw, 4.5rem); }
.mie-help .hp-hero h1 { color: var(--hp-surface); margin: 0 0 .35em; }
.mie-help .hp-hero__lead { color: color-mix(in srgb, var(--hp-surface) 82%, transparent); margin: 0 0 1.6em; max-width: 56ch; }
.mie-help .hp-search { display: block; width: 100%; max-width: 560px; border: 1px solid color-mix(in srgb, var(--hp-surface) 40%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--hp-surface) 10%, transparent); color: var(--hp-surface); font: inherit; padding: .8em 1.5em; }
.mie-help .hp-search::placeholder { color: color-mix(in srgb, var(--hp-surface) 60%, transparent); }
.mie-help .hp-search:focus { outline: 2px solid var(--hp-tint); background: color-mix(in srgb, var(--hp-surface) 16%, transparent); }
/* Topics */
.mie-help .hp-topics { padding-block: clamp(2.5rem, 6vw, 4rem); }
.mie-help .hp-topic { background: var(--hp-surface); border: 1px solid var(--hp-line); border-radius: 16px; padding: 1.6em 1.6em 1.4em; margin-bottom: clamp(1rem, 2.5vw, 1.5rem); }
.mie-help .hp-topic h2 { color: var(--hp-ink); font-size: 1.3em; margin: 0 0 .6em; }
.mie-help .hp-topic h2::after { content: ""; display: block; width: 44px; height: 4px; border-radius: 2px; background: var(--hp-brand); margin-top: .4em; }
.mie-help .hp-topic ul { list-style: none; margin: 0 0 1em; padding: 0; columns: 2; column-gap: 2.5em; }
.mie-help .hp-topic li { break-inside: avoid; padding: .45em 0 .45em 1.2em; position: relative; color: var(--hp-text); }
.mie-help .hp-topic li::before { content: ""; position: absolute; left: 0; top: 1.05em; width: 7px; height: 7px; border-radius: 50%; background: var(--hp-brand); }
.mie-help .hp-topic__rel { font-size: .92em; color: var(--hp-ink); border-top: 1px solid var(--hp-line); padding-top: .9em; margin: 0; }
.mie-help .hp-topic__rel a { color: var(--hp-brand); font-weight: 700; }
.mie-help .hp-topic__rel a:hover { color: var(--hp-brand-dark); }
.mie-help .hp-noresults { display: none; text-align: center; color: var(--hp-ink); padding: 1.5em 0; }
/* Contact card */
.mie-help .hp-contact { background: var(--hp-dark); border-radius: 24px; padding: clamp(2rem, 5vw, 3rem) clamp(1.5rem, 4vw, 2.5rem); margin-bottom: clamp(2.5rem, 6vw, 4rem); }
.mie-help .hp-contact h2 { color: var(--hp-surface); margin: 0 0 .4em; }
.mie-help .hp-contact p { color: color-mix(in srgb, var(--hp-surface) 80%, transparent); max-width: 58ch; margin: 0 0 1.4em; }
.mie-help .hp-btn { display: inline-block; border-radius: 999px; padding: .75em 1.9em; font-weight: 700; text-decoration: none; margin: 0 .5em .5em 0; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
.mie-help .hp-btn--brand { background: var(--hp-brand); color: var(--hp-surface); }
.mie-help .hp-btn--brand:hover { background: var(--hp-brand-dark); color: var(--hp-surface); }
.mie-help .hp-btn--ghost { background: transparent; color: var(--hp-surface); border: 1px solid color-mix(in srgb, var(--hp-surface) 55%, transparent); }
.mie-help .hp-btn--ghost:hover { border-color: var(--hp-surface); color: var(--hp-surface); }
@media (max-width: 760px) {
	.mie-help .hp-topic ul { columns: 1; }
}
@media (prefers-reduced-motion: reduce) {
	.mie-help * { transition: none !important; }
}