/* Career guides (/<lang>/guides/<slug>/, Home/templates/Home/guide.html). Built on legal.css;
   theme-aware through the --mh-* tokens, logical properties so the Arabic copy mirrors. */

.mh-guide-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.35rem 1rem; margin-block-start: 1rem; font-size: 0.85rem; color: var(--mh-muted); }
.mh-guide-meta a { color: var(--pr-link, var(--mh-accent)); text-decoration: underline; text-underline-offset: 2px; }

.mh-guide-callout { border: 1px solid var(--mh-card-border); border-inline-start: 4px solid var(--mh-accent); border-radius: 1rem; padding: 0.9rem 1.1rem; background: var(--mh-surface-soft); color: var(--mh-text); }
.mh-guide-callout p + p { margin-block-start: 0.5rem; }
.mh-guide-callout a { color: var(--pr-link, var(--mh-accent)); text-decoration: underline; text-underline-offset: 2px; }

.mh-guide-toc ol { list-style: decimal; padding-inline-start: 1.4rem; margin-block-start: 0.5rem; }
.mh-guide-toc li + li { margin-block-start: 0.3rem; }
.mh-guide-toc a { color: var(--pr-link, var(--mh-accent)); text-decoration: none; }
.mh-guide-toc a:hover { text-decoration: underline; }

.mh-guide-section p + p { margin-block-start: 0.6rem; }
.mh-guide-bullets { list-style: disc; padding-inline-start: 1.4rem; margin-block-start: 0.6rem; }
.mh-guide-bullets li + li { margin-block-start: 0.4rem; }

.mh-guide-steps { list-style: none; padding: 0; margin-block-start: 0.75rem; counter-reset: mh-guide-step; }
.mh-guide-step { position: relative; padding-inline-start: 2.75rem; padding-block-end: 1rem; counter-increment: mh-guide-step; }
.mh-guide-step::before { content: counter(mh-guide-step); position: absolute; inset-inline-start: 0; inset-block-start: 0; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 999px; background: var(--mh-accent); color: #fff; font-weight: 700; font-size: 0.9rem; }
.mh-guide-step h3 { font-size: 1rem; font-weight: 700; color: var(--mh-text); margin-block-end: 0.25rem; }
.mh-guide-step p { color: var(--mh-text); }
.mh-guide-step a { color: var(--pr-link, var(--mh-accent)); text-decoration: underline; text-underline-offset: 2px; }

.mh-guide-sources { list-style: disc; padding-inline-start: 1.4rem; margin-block-start: 0.5rem; font-size: 0.92rem; overflow-wrap: anywhere; }
.mh-guide-sources li + li { margin-block-start: 0.35rem; }

.mh-guide-faq details { border-block-start: 1px solid var(--mh-card-border); padding-block: 0.75rem; }
.mh-guide-faq summary { cursor: pointer; font-weight: 600; color: var(--mh-text); }
.mh-guide-faq details p { margin-block-start: 0.5rem; }

.mh-guide-cta { border: 1px solid var(--mh-card-border); border-radius: 1.2rem; padding: 1.1rem 1.25rem; background: var(--mh-surface-soft); }
.mh-guide-cta ul { list-style: none; padding: 0; margin-block-start: 0.75rem; display: grid; gap: 0.6rem; }
.mh-guide-cta__note { display: block; font-size: 0.85rem; color: var(--mh-muted); }
.mh-legal-section .mh-guide-cta a { font-weight: 600; }

.mh-guide-related { display: grid; gap: 0.75rem; margin-block-start: 0.6rem; }
.mh-guide-related a { display: block; border: 1px solid var(--mh-card-border); border-radius: 1rem; padding: 0.85rem 1rem; text-decoration: none; color: var(--mh-text); background: var(--mh-surface-soft); }
.mh-guide-related a:hover { border-color: var(--mh-accent); }
.mh-guide-related strong { display: block; color: var(--mh-text); }
.mh-guide-related span { display: block; margin-block-start: 0.25rem; font-size: 0.88rem; color: var(--mh-muted); }

.mh-guide-disclaimer { font-size: 0.85rem; color: var(--mh-muted); }