/* ============================================================
 * Blog design layer — index (المركز الإعلامي) + single article.
 * Reuses the amz- tokens/chrome; scoped to body.amx-body.
 * Per-post accent is passed via the inline --cat custom property.
 * ============================================================ */

/* ---------- Blog index: category grid ---------- */
body.amx-body .amz-catgrid { display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-4); margin-top:var(--sp-8); }
@media (min-width:700px){ body.amx-body .amz-catgrid { grid-template-columns:repeat(3,1fr); } }
@media (min-width:1000px){ body.amx-body .amz-catgrid { grid-template-columns:repeat(4,1fr); } }
body.amx-body .amz-catcard { cursor:pointer; font-family:var(--font-sans); text-align:start; border:1px solid transparent; border-radius:var(--radius-lg); padding:var(--sp-5); transition:transform var(--dur-base) var(--ease-standard), box-shadow var(--dur-base); display:flex; flex-direction:column; }
body.amx-body .amz-catcard:hover { transform:translateY(-3px); box-shadow:var(--shadow-md); border-color:var(--cat); }
body.amx-body .amz-catcard .ic { width:44px; height:44px; border-radius:var(--radius-md); background:var(--cat); color:#fff; display:inline-flex; align-items:center; justify-content:center; margin-bottom:var(--sp-3); }
body.amx-body .amz-catcard .ic i { width:22px; height:22px; }
body.amx-body .amz-catcard .nm { font-size:var(--fs-body-sm); font-weight:var(--fw-bold); color:var(--text-strong); margin-bottom:2px; }
body.amx-body .amz-catcard .ct { font-size:var(--fs-caption); color:var(--cat); font-weight:var(--fw-bold); }

/* ---------- Blog index: filter pills ---------- */
body.amx-body .amz-pills { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:var(--sp-8); justify-content:center; }
body.amx-body .amz-pill { padding:8px 16px; border-radius:var(--radius-pill); border:1px solid var(--border-default); background:transparent; color:var(--text-body); font-family:var(--font-sans); font-size:var(--fs-body-sm); font-weight:var(--fw-medium); cursor:pointer; transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast); }
body.amx-body .amz-pill:hover { border-color:var(--cat); color:var(--cat); }
body.amx-body .amz-pill.is-active { background:var(--cat); border-color:var(--cat); color:#fff; }

/* ---------- Blog index: post cards ---------- */
body.amx-body .amz-bgrid { display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-5); }
@media (min-width:760px){ body.amx-body .amz-bgrid { grid-template-columns:repeat(3,1fr); } }
body.amx-body .amz-bcard { background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; transition:box-shadow var(--dur-base), transform var(--dur-base); }
body.amx-body .amz-bcard:hover { box-shadow:var(--shadow-md); transform:translateY(-3px); }
body.amx-body .amz-bcard .media { position:relative; display:block; aspect-ratio:16/10; background:linear-gradient(150deg, color-mix(in srgb, var(--cat) 88%, #000), #0d1413); background-size:cover; background-position:center; }
body.amx-body .amz-bcard .media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.32)); }
body.amx-body .amz-bcard .media .badge { position:absolute; top:12px; inset-inline-start:12px; z-index:2; display:inline-flex; align-items:center; gap:6px; font-size:var(--fs-overline); font-weight:var(--fw-extrabold); letter-spacing:.04em; color:#fff; background:var(--cat); padding:5px 12px; border-radius:var(--radius-pill); }
body.amx-body .amz-bcard .media .badge i { width:13px; height:13px; }
body.amx-body .amz-bcard .media .brandmark { position:absolute; inset:0; z-index:1; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.85); font-weight:var(--fw-black); font-size:clamp(15px,2vw,20px); text-align:center; padding:0 var(--sp-5); }
body.amx-body .amz-bcard .body { padding:var(--sp-5); display:flex; flex-direction:column; gap:var(--sp-4); flex:1; }
body.amx-body .amz-bcard h3 { font-size:var(--fs-title); font-weight:var(--fw-bold); line-height:1.5; margin:0; }
body.amx-body .amz-bcard h3 a { color:var(--text-strong); }
body.amx-body .amz-bcard h3 a:hover { color:var(--cat); }
body.amx-body .amz-bcard .meta { display:flex; gap:var(--sp-4); flex-wrap:wrap; margin-top:auto; font-size:var(--fs-caption); color:var(--text-muted); }
body.amx-body .amz-bcard .meta span { display:inline-flex; align-items:center; gap:5px; }
body.amx-body .amz-bcard .meta i { width:14px; height:14px; }
body.amx-body .amz-noposts { text-align:center; color:var(--text-muted); padding:var(--sp-8) 0; }

/* ============================================================
 * Single article
 * ============================================================ */

/* ---------- Dark hero ---------- */
body.amx-body .amz-arthero { position:relative; background:var(--teal-950); overflow:hidden; padding:clamp(40px,6vw,68px) var(--gutter) clamp(30px,4vw,48px); }
body.amx-body .amz-arthero .glow { position:absolute; inset-inline-end:-8%; top:-60%; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle, color-mix(in srgb, var(--cat) 40%, transparent), transparent 62%); pointer-events:none; }
body.amx-body .amz-arthero .in { position:relative; max-width:var(--container-narrow); margin-inline:auto; }
body.amx-body .amz-arthero .crumb { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:var(--fs-caption); color:var(--teal-300); margin-bottom:var(--sp-4); }
body.amx-body .amz-arthero .crumb a { color:var(--teal-200); }
body.amx-body .amz-arthero .crumb a:hover { color:#fff; }
body.amx-body .amz-arthero .crumb .curcat { color:var(--cat); font-weight:var(--fw-bold); }
body.amx-body .amz-arthero .crumb i { width:13px; height:13px; }
body.amx-body .amz-arthero .cat-badge { display:inline-flex; align-items:center; gap:6px; font-size:var(--fs-overline); font-weight:var(--fw-extrabold); letter-spacing:.06em; color:#fff; background:var(--cat); padding:5px 14px; border-radius:var(--radius-pill); margin-bottom:var(--sp-4); }
body.amx-body .amz-arthero .cat-badge i { width:14px; height:14px; }
body.amx-body .amz-arthero h1 { font-size:clamp(28px,5vw,46px); font-weight:var(--fw-black); color:#fff; line-height:1.25; letter-spacing:var(--ls-tight); margin:0 0 var(--sp-5); text-wrap:balance; }
body.amx-body .amz-arthero .summary { font-size:clamp(16px,2.4vw,19px); color:var(--teal-100); line-height:var(--lh-relaxed); margin:0 0 var(--sp-6); border-inline-start:3px solid var(--cat); padding-inline-start:var(--sp-4); }
body.amx-body .amz-arthero .meta { display:flex; gap:var(--sp-5); flex-wrap:wrap; align-items:center; }
body.amx-body .amz-arthero .meta > span { display:inline-flex; align-items:center; gap:6px; font-size:var(--fs-body-sm); color:var(--teal-100); }
body.amx-body .amz-arthero .meta i { width:16px; height:16px; color:var(--teal-300); }
body.amx-body .amz-arthero .meta .k { color:var(--teal-200); }
body.amx-body .amz-arthero .meta .v { color:#fff; font-weight:var(--fw-medium); }

/* ---------- Category poster ---------- */
body.amx-body .amz-artposter-wrap { max-width:var(--container-narrow); margin:var(--sp-6) auto 0; padding:0 var(--gutter); }
body.amx-body .amz-artposter { position:relative; width:100%; aspect-ratio:16/8; background:#0d1413; overflow:hidden; border-radius:var(--radius-xl); box-shadow:var(--shadow-lg); }
@media (min-width:760px){ body.amx-body .amz-artposter { aspect-ratio:16/6.4; } }
body.amx-body .amz-artposter .photo { position:absolute; inset:0; }
body.amx-body .amz-artposter .photo img { width:100%; height:100%; object-fit:cover; }
body.amx-body .amz-artposter::before { content:""; position:absolute; inset:0; z-index:1; background:radial-gradient(ellipse at 82% 30%, color-mix(in srgb, var(--cat) 85%, transparent), transparent 62%), linear-gradient(180deg, rgba(6,12,11,.35), rgba(6,12,11,.72)); }
body.amx-body .amz-artposter .overlay { position:absolute; inset:0; z-index:2; padding:clamp(18px,3vw,34px); display:flex; flex-direction:column; }
body.amx-body .amz-artposter .top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
body.amx-body .amz-artposter .pin { display:inline-flex; align-items:center; gap:7px; font-size:var(--fs-overline); font-weight:var(--fw-extrabold); letter-spacing:.08em; color:var(--teal-950); background:#fff; padding:6px 14px; border-radius:var(--radius-pill); }
body.amx-body .amz-artposter .pin i { width:15px; height:15px; }
body.amx-body .amz-artposter .mark { height:40px; width:auto; opacity:.96; }
body.amx-body .amz-artposter h2 { flex:1; display:flex; align-items:center; color:#fff; font-size:clamp(18px,2.6vw,32px); font-weight:var(--fw-black); line-height:1.3; letter-spacing:var(--ls-tight); margin:0; max-width:90%; text-shadow:0 2px 24px rgba(0,0,0,.45); }
body.amx-body .amz-artposter .foot { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 18px; border-top:1px solid rgba(255,255,255,.18); padding-top:12px; font-size:clamp(10px,1.4vw,12px); color:rgba(255,255,255,.72); }
body.amx-body .amz-artposter .foot .c { display:inline-flex; align-items:center; gap:14px; }
body.amx-body .amz-artposter .foot .c span { display:inline-flex; align-items:center; gap:5px; }
body.amx-body .amz-artposter .foot i { width:13px; height:13px; color:var(--cat); }

/* ---------- Share row ---------- */
body.amx-body .amz-share { max-width:var(--container-narrow); margin:0 auto; padding:var(--sp-5) var(--gutter) 0; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
body.amx-body .amz-share .lbl { display:inline-flex; align-items:center; gap:6px; font-size:var(--fs-body-sm); font-weight:var(--fw-bold); color:var(--text-muted); }
body.amx-body .amz-share .lbl i { width:16px; height:16px; }
body.amx-body .amz-share .s { width:38px; height:38px; border-radius:50%; border:1px solid var(--border-default); display:inline-flex; align-items:center; justify-content:center; color:var(--text-body); background:#fff; cursor:pointer; transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast); }
body.amx-body .amz-share .s:hover { background:var(--brand); border-color:var(--brand); color:#fff; }
body.amx-body .amz-share .s i, body.amx-body .amz-share .s svg { width:17px; height:17px; }
body.amx-body .amz-share .s.copied { background:var(--success,#2f8a5b); border-color:var(--success,#2f8a5b); color:#fff; }

/* ---------- Body + TOC grid ---------- */
body.amx-body .amz-artgrid { display:grid; grid-template-columns:1fr; gap:var(--sp-8); align-items:start; max-width:var(--container-max); margin-inline:auto; }
/* Sidebar only appears when JS finds >=2 headings and adds .has-toc. */
@media (min-width:1000px){ body.amx-body .amz-artgrid.has-toc { grid-template-columns:260px 1fr; gap:var(--sp-10); } }
body.amx-body .amz-artgrid:not(.has-toc) .amz-prose { margin-inline:auto; }
body.amx-body .amz-toc { position:sticky; top:calc(var(--header-h) + 24px); max-height:calc(100vh - var(--header-h) - 48px); overflow-y:auto; background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:var(--sp-5); order:-1; }
@media (max-width:999px){ body.amx-body .amz-toc { position:static; max-height:none; } }
body.amx-body .amz-toc .toc-head { display:flex; align-items:center; gap:8px; font-size:var(--fs-body-sm); font-weight:var(--fw-bold); color:var(--text-strong); margin-bottom:var(--sp-3); padding-bottom:var(--sp-3); border-bottom:1px solid var(--border-subtle); }
body.amx-body .amz-toc .toc-head i { width:18px; height:18px; color:var(--brand); }
body.amx-body .amz-toc .toc-nav { display:flex; flex-direction:column; gap:2px; }
body.amx-body .amz-toc .toc-nav a { display:block; font-size:var(--fs-body-sm); color:var(--text-muted); padding:7px 10px; border-inline-start:2px solid transparent; border-radius:0 var(--radius-sm) var(--radius-sm) 0; line-height:1.5; }
body.amx-body .amz-toc .toc-nav a.lvl-3 { padding-inline-start:22px; font-size:var(--fs-caption); }
body.amx-body .amz-toc .toc-nav a:hover { color:var(--brand); background:var(--teal-50); }
body.amx-body .amz-toc .toc-nav a.active { color:var(--brand); font-weight:var(--fw-bold); border-inline-start-color:var(--brand); background:var(--teal-50); }

/* ---------- Prose ---------- */
body.amx-body .amz-prose { max-width:760px; min-width:0; font-size:clamp(16px,2.3vw,18px); color:var(--text-body); line-height:1.95; }
body.amx-body .amz-prose > p { margin:0 0 var(--sp-5); }
body.amx-body .amz-prose h2 { font-size:clamp(22px,3.4vw,29px); font-weight:var(--fw-black); color:var(--text-strong); line-height:1.3; margin:var(--sp-10) 0 var(--sp-4); scroll-margin-top:96px; }
body.amx-body .amz-prose h3 { font-size:clamp(19px,2.8vw,23px); font-weight:var(--fw-bold); color:var(--text-strong); margin:var(--sp-8) 0 var(--sp-3); scroll-margin-top:96px; }
body.amx-body .amz-prose h4 { font-size:var(--fs-h4); font-weight:var(--fw-bold); color:var(--text-strong); margin:var(--sp-6) 0 var(--sp-3); }
body.amx-body .amz-prose a { color:var(--text-link); text-decoration:underline; text-underline-offset:3px; }
body.amx-body .amz-prose a:hover { color:var(--text-link-hover); }
body.amx-body .amz-prose ul, body.amx-body .amz-prose ol { margin:0 0 var(--sp-5); padding-inline-start:var(--sp-6); display:flex; flex-direction:column; gap:var(--sp-2); }
body.amx-body .amz-prose ul { list-style:none; padding-inline-start:0; }
body.amx-body .amz-prose ul > li { position:relative; padding-inline-start:30px; }
body.amx-body .amz-prose ul > li::before { content:""; position:absolute; inset-inline-start:0; top:.62em; width:9px; height:9px; border-radius:50%; background:var(--brand); }
body.amx-body .amz-prose ol > li { padding-inline-start:6px; }
body.amx-body .amz-prose li::marker { color:var(--brand); font-weight:var(--fw-bold); }
body.amx-body .amz-prose blockquote { margin:var(--sp-6) 0; padding:var(--sp-5) var(--sp-6); background:var(--surface-sunken); border-inline-start:4px solid var(--brand); border-radius:0 var(--radius-lg) var(--radius-lg) 0; font-size:clamp(17px,2.6vw,20px); color:var(--text-strong); font-weight:var(--fw-medium); line-height:1.8; }
body.amx-body .amz-prose blockquote p:last-child { margin-bottom:0; }
body.amx-body .amz-prose img { max-width:100%; height:auto; border-radius:var(--radius-lg); margin:var(--sp-6) 0; box-shadow:var(--shadow-sm); }
body.amx-body .amz-prose figure { margin:var(--sp-6) 0; }
body.amx-body .amz-prose figure img { margin:0; }
body.amx-body .amz-prose figcaption { margin-top:var(--sp-2); font-size:var(--fs-caption); color:var(--text-muted); text-align:center; }
body.amx-body .amz-prose .wp-block-table, body.amx-body .amz-prose > table { overflow-x:auto; display:block; }
body.amx-body .amz-prose table { width:100%; border-collapse:collapse; margin:var(--sp-6) 0; font-size:var(--fs-body-sm); }
body.amx-body .amz-prose th, body.amx-body .amz-prose td { border:1px solid var(--border-subtle); padding:12px 14px; text-align:start; }
body.amx-body .amz-prose thead th { background:var(--teal-900); color:#fff; font-weight:var(--fw-bold); }
body.amx-body .amz-prose tbody tr:nth-child(even) { background:var(--surface-sunken); }
body.amx-body .amz-prose hr { border:0; border-top:1px solid var(--border-subtle); margin:var(--sp-8) 0; }

/* Structural end-block components live inside .amz-prose but are NOT prose text —
 * reset the inherited prose link styling (underline / link colour). */
body.amx-body .amz-prose .amz-endblock a,
body.amx-body .amz-prose .amz-inlineconsult a,
body.amx-body .amz-prose .amz-prevnext a { text-decoration:none; color:inherit; }
body.amx-body .amz-prose .amz-btn { text-decoration:none; }
body.amx-body .amz-prose .amz-btn-primary,
body.amx-body .amz-prose .amz-btn-ghostdark { color:#fff; }

/* ---------- End blocks ---------- */
body.amx-body .amz-endblock { margin-top:var(--sp-12); }
body.amx-body .amz-endblock > h2 { display:flex; align-items:center; gap:10px; font-size:clamp(21px,3.2vw,27px); font-weight:var(--fw-black); color:var(--text-strong); margin-bottom:var(--sp-5); }
body.amx-body .amz-endblock > h2 i { width:24px; height:24px; color:var(--brand); }
body.amx-body .amz-quick { margin:0; background:var(--surface-sunken); border-radius:var(--radius-lg); padding:var(--sp-6); line-height:1.9; color:var(--text-body); }

body.amx-body .amz-relserv { display:grid; grid-template-columns:1fr; gap:var(--sp-4); }
@media (min-width:640px){ body.amx-body .amz-relserv { grid-template-columns:repeat(3,1fr); } }
body.amx-body .amz-relserv .card { background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:var(--sp-5); display:flex; flex-direction:column; gap:6px; transition:box-shadow var(--dur-base), border-color var(--dur-base); }
body.amx-body .amz-relserv .card:hover { box-shadow:var(--shadow-md); border-color:var(--brand); }
body.amx-body .amz-relserv .card i { width:24px; height:24px; color:var(--brand); }
body.amx-body .amz-relserv .card .t { font-size:var(--fs-title); font-weight:var(--fw-bold); color:var(--text-strong); }
body.amx-body .amz-relserv .card .d { font-size:var(--fs-body-sm); color:var(--text-muted); line-height:var(--lh-relaxed); }

body.amx-body .amz-authorcard { display:flex; gap:var(--sp-4); background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:var(--sp-5); }
body.amx-body .amz-authorcard .av { flex:0 0 auto; width:56px; height:56px; border-radius:50%; background:var(--teal-900); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:var(--fw-black); font-size:20px; }
body.amx-body .amz-authorcard .badge { font-size:var(--fs-overline); font-weight:var(--fw-bold); letter-spacing:.06em; color:var(--brand); margin-bottom:3px; }
body.amx-body .amz-authorcard .nm { font-size:var(--fs-title); font-weight:var(--fw-bold); color:var(--text-strong); }
body.amx-body .amz-authorcard p { margin:6px 0 0; font-size:var(--fs-body-sm); color:var(--text-body); line-height:var(--lh-relaxed); }

body.amx-body .amz-relposts { display:grid; grid-template-columns:1fr; gap:var(--sp-4); }
@media (min-width:640px){ body.amx-body .amz-relposts { grid-template-columns:1fr 1fr; } }
body.amx-body .amz-relposts .rp { display:flex; gap:12px; align-items:center; background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:var(--sp-3); transition:border-color var(--dur-base), box-shadow var(--dur-base); }
body.amx-body .amz-relposts .rp:hover { border-color:var(--brand); box-shadow:var(--shadow-sm); }
body.amx-body .amz-relposts .th { position:relative; overflow:hidden; flex:0 0 auto; width:76px; height:66px; border-radius:var(--radius-md); background:linear-gradient(150deg, var(--cat), #0d1413); }
body.amx-body .amz-relposts .th .ph { position:absolute; inset:0; background:center/cover no-repeat; }
/* Category-type chip — stays visible even when a hero image is present. */
body.amx-body .amz-relposts .th .chip { position:absolute; inset-inline-start:5px; bottom:5px; z-index:2; width:26px; height:26px; border-radius:8px; background:var(--cat); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 7px rgba(0,0,0,.32); }
body.amx-body .amz-relposts .th .chip i, body.amx-body .amz-relposts .th .chip svg { width:15px; height:15px; }
body.amx-body .amz-relposts .tx { min-width:0; }
body.amx-body .amz-relposts .tx .c { display:block; font-size:var(--fs-overline); font-weight:var(--fw-bold); margin-bottom:3px; }
body.amx-body .amz-relposts .tx .t { display:block; font-size:var(--fs-body-sm); font-weight:var(--fw-bold); color:var(--text-strong); line-height:1.4; }

/* ---------- Inline consult ---------- */
body.amx-body .amz-inlineconsult { margin-top:var(--sp-12); background:var(--teal-950); border-radius:var(--radius-xl); padding:clamp(28px,5vw,44px); }
body.amx-body .amz-inlineconsult h2 { color:#fff; font-size:clamp(22px,4vw,30px); font-weight:var(--fw-black); margin:0 0 var(--sp-2); }
body.amx-body .amz-inlineconsult p { color:var(--teal-100); font-size:var(--fs-body); margin:0 0 var(--sp-6); line-height:var(--lh-relaxed); }
body.amx-body .amz-inlineconsult .acts { display:flex; gap:var(--sp-3); flex-wrap:wrap; }

/* ---------- Prev / next ---------- */
body.amx-body .amz-prevnext { display:grid; grid-template-columns:1fr; gap:var(--sp-4); margin-top:var(--sp-12); }
@media (min-width:640px){ body.amx-body .amz-prevnext { grid-template-columns:1fr 1fr; } }
body.amx-body .amz-prevnext .pn { display:flex; flex-direction:column; gap:6px; background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:var(--sp-5); transition:border-color var(--dur-base); }
body.amx-body .amz-prevnext .pn:hover { border-color:var(--brand); }
body.amx-body .amz-prevnext .pn.nx { text-align:end; }
body.amx-body .amz-prevnext .pn .k { display:inline-flex; align-items:center; gap:6px; font-size:var(--fs-caption); font-weight:var(--fw-bold); color:var(--brand); }
body.amx-body .amz-prevnext .pn.nx .k { justify-content:flex-end; }
body.amx-body .amz-prevnext .pn .k i { width:16px; height:16px; }
body.amx-body .amz-prevnext .pn .t { font-size:var(--fs-body-sm); font-weight:var(--fw-bold); color:var(--text-strong); line-height:1.4; }

/* ============================================================
 * Success journey — timeline (page-amx-journey) + stage (page-amx-stage)
 * ============================================================ */
body.amx-body .amz-jintro { max-width:760px; margin:0 auto var(--sp-12); text-align:center; }
body.amx-body .amz-jintro p { font-size:clamp(16px,2.4vw,19px); color:var(--text-body); line-height:var(--lh-relaxed); margin:0; }

/* Timeline */
body.amx-body .amz-timeline { position:relative; max-width:1000px; margin-inline:auto; }
body.amx-body .amz-timeline::before { content:""; position:absolute; inset-inline-start:50%; top:8px; bottom:8px; width:2px; background:var(--border-subtle); transform:translateX(50%); }
body.amx-body .amz-tl-item { position:relative; display:grid; grid-template-columns:1fr 72px 1fr; align-items:center; margin-bottom:var(--sp-6); }
body.amx-body .amz-tl-node { grid-column:2; justify-self:center; z-index:2; width:64px; height:64px; border-radius:50%; background:var(--teal-950); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:var(--fw-black); font-size:13px; box-shadow:0 0 0 6px var(--surface-card); transition:transform var(--dur-base) var(--ease-standard), background var(--dur-base); }
body.amx-body .amz-tl-node:hover { transform:scale(1.06); background:var(--brand); }
body.amx-body .amz-tl-node span { direction:rtl; }
body.amx-body .amz-tl-card { display:block; background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:var(--sp-6); box-shadow:var(--shadow-sm); transition:box-shadow var(--dur-base), transform var(--dur-base), border-color var(--dur-base); }
body.amx-body .amz-tl-card:hover { box-shadow:var(--shadow-md); transform:translateY(-3px); border-color:var(--brand); }
body.amx-body .amz-tl-item.start .amz-tl-card { grid-column:1; text-align:start; }
body.amx-body .amz-tl-item.end .amz-tl-card { grid-column:3; text-align:start; }
body.amx-body .amz-tl-card .rng { display:inline-block; font-size:var(--fs-overline); font-weight:var(--fw-extrabold); letter-spacing:.06em; color:var(--brand); margin-bottom:6px; }
body.amx-body .amz-tl-card h3 { font-size:var(--fs-h4); font-weight:var(--fw-bold); color:var(--text-strong); margin:0 0 var(--sp-2); }
body.amx-body .amz-tl-card p { font-size:var(--fs-body-sm); color:var(--text-muted); line-height:var(--lh-relaxed); margin:0 0 var(--sp-3); }
body.amx-body .amz-tl-card .more { display:inline-flex; align-items:center; gap:6px; font-size:var(--fs-caption); font-weight:var(--fw-bold); color:var(--brand); }
body.amx-body .amz-tl-card .more i { width:14px; height:14px; }
@media (max-width:720px){
	body.amx-body .amz-timeline::before { inset-inline-start:32px; transform:none; }
	body.amx-body .amz-tl-item { grid-template-columns:64px 1fr; gap:var(--sp-4); }
	body.amx-body .amz-tl-node { grid-column:1; width:56px; height:56px; font-size:12px; }
	body.amx-body .amz-tl-item.start .amz-tl-card, body.amx-body .amz-tl-item.end .amz-tl-card { grid-column:2; }
}

/* Stage page */
body.amx-body .amz-stage-range { margin-top:var(--sp-3); font-size:clamp(16px,2.2vw,20px); font-weight:var(--fw-bold); color:var(--teal-200); letter-spacing:.04em; }
body.amx-body .amz-stage-body { max-width:800px; }
body.amx-body .amz-stage-year { display:inline-block; font-size:clamp(20px,3vw,26px); font-weight:var(--fw-black); color:var(--brand); margin-bottom:var(--sp-5); letter-spacing:.04em; }
body.amx-body .amz-stage-body .amz-prose { max-width:none; }
body.amx-body .amz-stage-body .amz-prose h4 { font-size:clamp(18px,2.6vw,22px); font-weight:var(--fw-bold); color:var(--text-strong); margin:var(--sp-7) 0 var(--sp-2); }
body.amx-body .amz-stage-nav { display:grid; grid-template-columns:1fr; gap:var(--sp-4); margin-top:var(--sp-10); padding-top:var(--sp-8); border-top:1px solid var(--border-subtle); }
@media (min-width:640px){ body.amx-body .amz-stage-nav { grid-template-columns:1fr 1fr; } }
body.amx-body .amz-stage-nav .pn { display:flex; flex-direction:column; gap:6px; background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:var(--sp-5); transition:border-color var(--dur-base); }
body.amx-body .amz-stage-nav .pn:hover { border-color:var(--brand); }
body.amx-body .amz-stage-nav .pn.nx { text-align:end; }
body.amx-body .amz-stage-nav .pn .k { display:inline-flex; align-items:center; gap:6px; font-size:var(--fs-caption); font-weight:var(--fw-bold); color:var(--brand); }
body.amx-body .amz-stage-nav .pn.nx .k { justify-content:flex-end; }
body.amx-body .amz-stage-nav .pn .k i { width:16px; height:16px; }
body.amx-body .amz-stage-nav .pn .t { font-size:var(--fs-body-sm); font-weight:var(--fw-bold); color:var(--text-strong); }