.aml-pd {
  --ink:#090a09; --paper:#f4f3eb; --muted:#bdc1b7; --lime:#c6ff38; --line:#393e33;
  background:var(--ink); color:var(--paper);
  font: 400 17px/1.55 system-ui,sans-serif;
  direction:ltr; text-align:start;
}
.aml-pd *, .aml-pd *::before, .aml-pd *::after { box-sizing:border-box }
.aml-pd [hidden] { display:none !important }
.aml-pd .pd-wrap { width:min(1180px,calc(100% - 48px)); margin-inline:auto }
.aml-pd .pd-bar { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding-block:22px; border-bottom:1px solid var(--line) }
.aml-pd .pd-brand, .aml-pd .pd-kicker, .aml-pd .pd-meta, .aml-pd figcaption { font-family:ui-monospace,monospace; font-size:.8rem; letter-spacing:.08em; font-weight:700 }
.aml-pd .pd-brand i { display:inline-block; width:.7em; height:.7em; background:var(--lime); margin-inline-end:.35em }
.aml-pd .pd-switch { display:flex; gap:5px; border:1px solid var(--line); padding:4px }
.aml-pd .pd-switch a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding-inline:13px; color:var(--paper); font-size:.9rem; text-decoration:none }
.aml-pd .pd-switch a[aria-current="true"] { background:var(--lime); color:var(--ink) }
.aml-pd a:focus-visible, .aml-pd h1:focus-visible { outline:2px solid var(--lime); outline-offset:4px }
.aml-pd .pd-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:clamp(30px,6vw,95px); align-items:center; padding-block:clamp(30px,5vw,75px) }
.aml-pd .pd-kicker { color:var(--lime); margin:0 0 16px }
.aml-pd .pd-kicker span { color:var(--muted); margin-inline:5px }
.aml-pd h1 { font:900 clamp(4rem,10vw,9rem)/.79 "Arial Black",system-ui,sans-serif; letter-spacing:-.09em; margin:0; color:var(--paper) }
.aml-pd #pd-ar :is(p, h2, li, figcaption) {
  direction:rtl;
  text-align:right;
}
.aml-pd #pd-ar :is(.pd-meta > *, .pd-cta > [dir="rtl"]) {
  direction:rtl;
  text-align:right;
}
.aml-pd #pd-ar ul { padding-inline-start:0; padding-inline-end:1.3em }
.aml-pd #pd-ar .pd-intro { margin-inline-start:auto }
.aml-pd h1 span { color:var(--lime) }
.aml-pd .pd-sub { color:var(--lime); font-weight:800; margin:22px 0 12px }
.aml-pd .pd-intro { max-width:49ch; margin:0 0 21px }
.aml-pd .pd-meta { display:flex; flex-wrap:wrap; gap:7px; margin-block:0 20px }
.aml-pd .pd-meta > * { border:1px solid var(--line); padding:5px 9px }
.aml-pd .pd-cta { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:10px 16px; background:var(--lime); color:var(--ink); font-weight:800; text-decoration:none }
.aml-pd .pd-cta:hover { background:var(--paper) }
.aml-pd .pd-note, .aml-pd figcaption { color:var(--muted); font-size:.8rem; margin:8px 0 0 }
.aml-pd .pd-poster { margin:0; min-width:0; padding:9px; border:1px solid var(--line) }
.aml-pd .pd-poster img { display:block; width:100%; height:auto }
.aml-pd .pd-detail { display:grid; grid-template-columns:1.15fr 1fr; gap:clamp(24px,6vw,95px); border-block:1px solid var(--line); padding-block:30px }
.aml-pd h2 { font-size:clamp(1.5rem,3vw,2.5rem); line-height:1.2; margin:0 0 15px; color:var(--paper) }
.aml-pd ul { padding-inline-start:1.3em; margin-block:0 }
.aml-pd li::marker { color:var(--lime) }
.aml-pd .pd-detail p:not(.pd-kicker) { margin:0 0 12px }
.aml-pd :lang(ar) { letter-spacing:normal }
.aml-pd .pd-footer { padding-block:20px }
.aml-pd svg { display:block; max-width:100%; height:auto; direction:ltr }
.aml-pd svg path, .aml-pd svg rect { fill:none; stroke:var(--line) }
.aml-pd svg rect { fill:var(--ink); stroke:var(--lime) }
.aml-pd svg text { fill:var(--lime); font:12px ui-monospace,monospace }
.aml-pd svg .pd-signal { stroke:var(--lime); stroke-dasharray:8 280; stroke-dashoffset:280; animation:pd-flow 3.8s ease-out 1 }
@keyframes pd-flow { from { stroke-dashoffset:0 } to { stroke-dashoffset:280 } }
@media (prefers-reduced-motion:reduce) { .aml-pd svg .pd-signal { display:none } }
@media (max-width:760px) {
  .aml-pd .pd-hero, .aml-pd .pd-detail { grid-template-columns:1fr }
  .aml-pd .pd-wrap { width:calc(100% - 32px) }
  .aml-pd h1 { font-size:clamp(3.7rem,17vw,7rem) }
}

.aml-pd [data-panel] { scroll-margin-block-start:150px }