/* AMAADOR Aurora commerce surfaces
 * Scoped to routes marked by aurora-commerce-af.js. This layer is visual only.
 */
html[data-aurora-commerce] {
  --ac-bg: #fffaf2;
  --ac-bg-alt: #f7f0ff;
  --ac-surface: rgba(255, 255, 255, .94);
  --ac-surface-solid: #fff;
  --ac-surface-soft: #f4edff;
  --ac-text: #17213e;
  --ac-muted: #625f76;
  --ac-line: rgba(74, 50, 116, .16);
  --ac-line-strong: rgba(74, 50, 116, .26);
  --ac-coral: #f2636f;
  --ac-violet: #7957dc;
  --ac-pink: #d64e9c;
  --ac-green: #148c76;
  --ac-blue: #2679c7;
  --ac-orange: #d9692b;
  --ac-shadow: 0 22px 58px rgba(52, 37, 88, .12);
  --ac-shadow-soft: 0 12px 32px rgba(52, 37, 88, .09);
  color-scheme: light;
}

html[data-theme="dark"][data-aurora-commerce] {
  --ac-bg: #111426;
  --ac-bg-alt: #1b1830;
  --ac-surface: rgba(30, 31, 52, .94);
  --ac-surface-solid: #20223a;
  --ac-surface-soft: #292442;
  --ac-text: #f8f4ff;
  --ac-muted: #c5bfd4;
  --ac-line: rgba(221, 209, 255, .16);
  --ac-line-strong: rgba(221, 209, 255, .28);
  --ac-coral: #ff818b;
  --ac-violet: #a58bf4;
  --ac-pink: #ef77ba;
  --ac-green: #66ccb5;
  --ac-blue: #79b8f2;
  --ac-orange: #ff9b66;
  --ac-shadow: 0 24px 66px rgba(0, 0, 0, .30);
  --ac-shadow-soft: 0 14px 36px rgba(0, 0, 0, .22);
  color-scheme: dark;
}

html[data-aurora-commerce="management"] .ms-current-release{display:block;background:var(--ac-surface)!important;color:var(--ac-text)!important}
html[data-aurora-commerce="management"] .ms-current-release__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:none;margin-top:24px}
html[data-aurora-commerce="management"] .ms-current-release__card{display:flex;min-height:330px;flex-direction:column;align-items:flex-start;padding:26px;border-radius:26px;background:linear-gradient(145deg,var(--ac-surface-solid),var(--ac-surface-soft));box-shadow:var(--ac-shadow-soft)}
html[data-aurora-commerce="management"] .ms-current-release__card{color:var(--ac-text)!important}
html[data-aurora-commerce="management"] .ms-current-release__card>strong,html[data-aurora-commerce="management"] .ms-current-release__card>span{color:var(--ac-text)!important}
html[data-aurora-commerce="management"] .ms-current-release__card>b{color:var(--ac-violet)!important}
.aurora-package-card{--package-a:#7255ee;--package-b:#a56cff;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--package-a) 28%,var(--ac-line))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--package-a) 12%,var(--ac-surface-solid)) 0 104px,var(--ac-surface-solid) 104px)!important}
.aurora-package-card.aurora-package-quality{--package-a:#3266e8;--package-b:#7748ee}.aurora-package-card.aurora-package-security{--package-a:#663bd9;--package-b:#c246b3}.aurora-package-card.aurora-package-energy{--package-a:#e36a16;--package-b:#f1a31b}.aurora-package-card.aurora-package-automotive{--package-a:#355eea;--package-b:#7147e7}.aurora-package-card.aurora-package-responsibility{--package-a:#008f85;--package-b:#2672df}.aurora-package-card.aurora-package-csr{--package-a:#d83d95;--package-b:#873fe0}
.aurora-package-head{display:flex!important;width:calc(100% + 52px);min-height:78px;margin:-26px -26px 18px;padding:14px 22px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--package-a),var(--package-b));color:#fff!important}
.aurora-package-head img{width:54px;height:54px;border-radius:14px;object-fit:cover;box-shadow:0 8px 18px rgba(20,18,55,.22)}
.aurora-package-price{font:800 1.45rem/1 "Inter Tight",Inter,sans-serif;color:#fff!important}.aurora-package-price:after{content:" one-time";display:block;margin-top:5px;font-size:.62rem;font-weight:700;opacity:.86;text-align:right}
.aurora-package-card>strong{font:800 1.18rem/1.2 "Inter Tight",Inter,sans-serif!important}.aurora-package-card>b{display:inline-flex;margin-top:12px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,var(--package-a),var(--package-b));color:#fff!important;font-size:.8rem}.aurora-package-formats{display:flex!important;flex-wrap:wrap;gap:6px;margin:12px 0 15px}.aurora-package-formats span{padding:5px 8px;border-radius:8px;background:color-mix(in srgb,var(--package-a) 12%,var(--ac-surface-soft));color:var(--ac-text)!important;font-size:.66rem;font-weight:850;letter-spacing:.04em}
.aurora-commerce[data-aurora-commerce="management"] .ms-current-release__card.aurora-package-card>b,.aurora-commerce[data-aurora-commerce="management"] .ms-current-release__card.aurora-package-card:hover>b,.aurora-commerce[data-aurora-commerce="management"] .ms-current-release__card.aurora-package-card:focus-visible>b{color:#fff!important;text-shadow:0 1px 1px rgba(7,18,45,.28)}
.aurora-commerce[data-aurora-commerce="management"] .ms-current-release__card.aurora-package-card.aurora-package-energy>b,.aurora-commerce[data-aurora-commerce="management"] .ms-current-release__card.aurora-package-card.aurora-package-energy:hover>b,.aurora-commerce[data-aurora-commerce="management"] .ms-current-release__card.aurora-package-card.aurora-package-energy:focus-visible>b{color:#071a49!important;text-shadow:none}
.aurora-package-card .aurora-package-status{width:100%;justify-content:center;border:1px solid color-mix(in srgb,var(--package-a) 24%,transparent);background:color-mix(in srgb,var(--package-a) 10%,transparent)}
.aurora-package-facts{display:grid;gap:8px;margin:18px 0 20px;padding-left:20px;color:var(--ac-muted);font-size:.88rem;line-height:1.4}
.aurora-package-status{display:inline-flex;margin-top:auto;padding:9px 13px;border-radius:999px;background:color-mix(in srgb,var(--ac-violet) 11%,transparent);color:var(--ac-text);font-size:.76rem;font-weight:800}
html[data-aurora-commerce="management"] article.kit.preview-ready{min-height:360px;display:flex;flex-direction:column}
html[data-aurora-commerce="management"] article.kit.preview-ready .aurora-package-facts{margin-top:16px}
@media(max-width:760px){html[data-aurora-commerce="management"] .ms-current-release__grid{grid-template-columns:1fr}}

html[data-aurora-commerce] body {
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--ac-pink) 10%, transparent) 0 20rem, transparent 37rem),
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--ac-violet) 11%, transparent) 0 22rem, transparent 40rem),
    linear-gradient(180deg, var(--ac-bg), var(--ac-bg-alt));
  color: var(--ac-text);
}

html[data-aurora-commerce] :where(main, section, article, aside, div, p, li, label, summary, h1, h2, h3, h4) {
  border-color: var(--ac-line);
}

html[data-aurora-commerce] :where(h1, h2, h3, h4, p, li, label, th, td, summary) { color: inherit; }
html[data-aurora-commerce] :where(.lead, .muted, .fine, .limits, .field-help, .hero-sub, .section-aside) { color: var(--ac-muted); }
html[data-aurora-commerce] :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ac-violet) 72%, white);
  outline-offset: 3px;
}

/* Shared premium cards and controls */
html[data-aurora-commerce] :where(.card, .kit, .bundle, .step, details, .form-card, .product-card, .free-card, .selected-product, .purchase-panel, .order-sidebar > div, .inspector, .recovery-dialog) {
  background: var(--ac-surface);
  color: var(--ac-text);
  border: 1px solid var(--ac-line);
  border-radius: 26px;
  box-shadow: var(--ac-shadow-soft);
}

html[data-aurora-commerce] :where(.button, button, [role="button"]) { min-block-size: 44px; }
html[data-aurora-commerce] :where(.button, .actions a, .add-row, .segmented button) {
  border-radius: 999px;
  font-weight: 750;
}
html[data-aurora-commerce] :where(.button.primary, .actions .primary, #create-order, #generate-files) {
  background: linear-gradient(135deg, var(--ac-coral), var(--ac-pink) 48%, var(--ac-violet));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--ac-violet) 24%, transparent);
}
html[data-aurora-commerce] :where(.button.disabled, [aria-disabled="true"], .unavailable) { opacity: .76; }
html[data-aurora-commerce] :where(input, select, textarea, .search-box) {
  background: var(--ac-surface-solid);
  color: var(--ac-text);
  border-color: var(--ac-line-strong);
}

/* Management Systems hub and product catalogue */
html[data-aurora-commerce="management"] :where(main, .mk) {
  color: var(--ac-text);
}
html[data-aurora-commerce="management"] .mk {
  background: transparent;
  color: var(--ac-text);
}
html[data-aurora-commerce="management"] :where(main, .mk) > :where(.hero, section, .sec) {
  max-inline-size: min(1440px, calc(100% - 48px));
  margin-inline: auto;
}
html[data-aurora-commerce="management"] :where(.mk .hero, main > .hero) {
  background:
    radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--ac-violet) 28%, transparent), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--ac-coral) 15%, var(--ac-surface-solid)), color-mix(in srgb, var(--ac-violet) 17%, var(--ac-surface-soft)));
  border: 1px solid var(--ac-line);
  border-radius: 34px;
  box-shadow: var(--ac-shadow);
}
html[data-aurora-commerce="management"] :where(.mk .hero h1, main > h1) {
  color: var(--ac-text);
  text-wrap: balance;
}
html[data-aurora-commerce="management"] :where(.mk .hero h1, main > h1)::selection { background: var(--ac-coral); color: #fff; }
html[data-aurora-commerce="management"] :where(.kit, .bundle, main .card) {
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
html[data-aurora-commerce="management"] :where(.kit, .bundle, main .card):hover {
  transform: translateY(-3px);
  border-color: var(--ac-line-strong);
  box-shadow: var(--ac-shadow);
}
html[data-aurora-commerce="management"] :where(.kits, .grid, .bundles) > :nth-child(5n + 1) { --ac-card-accent: var(--ac-coral); }
html[data-aurora-commerce="management"] :where(.kits, .grid, .bundles) > :nth-child(5n + 2) { --ac-card-accent: var(--ac-violet); }
html[data-aurora-commerce="management"] :where(.kits, .grid, .bundles) > :nth-child(5n + 3) { --ac-card-accent: var(--ac-green); }
html[data-aurora-commerce="management"] :where(.kits, .grid, .bundles) > :nth-child(5n + 4) { --ac-card-accent: var(--ac-blue); }
html[data-aurora-commerce="management"] :where(.kits, .grid, .bundles) > :nth-child(5n + 5) { --ac-card-accent: var(--ac-orange); }
html[data-aurora-commerce="management"] :where(.kit, .bundle, main .card) {
  border-block-start: 5px solid var(--ac-card-accent, var(--ac-violet));
}
html[data-aurora-commerce="management"] :where(.price, .badge, .tag, .eyebrow) {
  color: var(--ac-card-accent, var(--ac-violet));
}
html[data-aurora-commerce="management"] main:not(.mk) {
  max-inline-size: 1180px;
  margin-inline: auto;
  padding: clamp(40px, 7vw, 90px) 24px 100px;
}
html[data-aurora-commerce="management"] main:not(.mk) > h1 {
  max-inline-size: 20ch;
  font-size: clamp(2.25rem, 6vw, 5rem);
  line-height: .98;
  letter-spacing: -.045em;
}
html[data-aurora-commerce="management"] main:not(.mk) > .lead { max-inline-size: 76ch; font-size: clamp(1.05rem, 1.8vw, 1.3rem); }
html[data-aurora-commerce="management"] main:not(.mk) > .price {
  display: inline-flex;
  margin-block: 16px 28px;
  padding: 10px 16px;
  border: 1px solid var(--ac-line);
  border-radius: 999px;
  background: var(--ac-surface-soft);
  color: var(--ac-violet);
  font-weight: 800;
}

/* Legal Watch: retain country photography, flags, price and semantic status colors. */
html[data-aurora-commerce="legal"] :where(main > .hero, .hero) {
  color: var(--ac-text);
  background:
    radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--ac-pink) 25%, transparent), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--ac-coral) 13%, var(--ac-surface-solid)), color-mix(in srgb, var(--ac-violet) 17%, var(--ac-surface-soft)));
  border-block-end: 1px solid var(--ac-line);
}
html[data-aurora-commerce="legal"] :where(.shell, main > section > div) { max-inline-size: 1360px; }
html[data-aurora-commerce="legal"] :where(.hero .shell, .section .shell, .band .shell) { margin-inline: auto; }
html[data-aurora-commerce="legal"] :where(.section, .band) { color: var(--ac-text); }
html[data-aurora-commerce="legal"] .band {
  background: linear-gradient(135deg, color-mix(in srgb, var(--ac-green) 10%, var(--ac-surface-solid)), color-mix(in srgb, var(--ac-blue) 10%, var(--ac-surface-soft)));
  border-block: 1px solid var(--ac-line);
}
html[data-aurora-commerce="legal"] :where(.card, .country-card, .step, .note) {
  background: var(--ac-surface);
  color: var(--ac-text);
  border: 1px solid var(--ac-line);
  border-radius: 26px;
  box-shadow: var(--ac-shadow-soft);
}
html[data-aurora-commerce="legal"] .country-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-block-size: 280px;
}
html[data-aurora-commerce="legal"] .country-card :where(img, picture) {
  inline-size: 100%;
  block-size: 180px;
  object-fit: cover;
}
html[data-aurora-commerce="legal"] .country-card .price,
html[data-aurora-commerce="legal"] .hero .price {
  color: var(--ac-violet);
  font-weight: 850;
}
html[data-aurora-commerce="legal"] :where(.flag, [class*="flag"]) { filter: saturate(1.08); }
html[data-aurora-commerce="legal"] :where(table, th, td) { border-color: var(--ac-line); }
html[data-aurora-commerce="legal"] table { background: var(--ac-surface-solid); border-radius: 18px; overflow: hidden; }
html[data-aurora-commerce="legal"] :where(.status, .note, .meta) { color: var(--ac-text); }
html[data-aurora-commerce="legal"] .meta {
  background: var(--ac-surface-soft);
  border: 1px solid var(--ac-line);
  border-radius: 22px;
}
html[data-aurora-commerce="legal"] :where(.status.good, .status.ok, .applicable) { color: var(--ac-green); }
html[data-aurora-commerce="legal"] :where(.status.warn, .pending, .review) { color: var(--ac-orange); }
html[data-aurora-commerce="legal"] :where(.status.bad, .not-applicable) { color: var(--ac-coral); }

/* Premium collection and document studio */
html[data-aurora-commerce="premium"] :where(.hero, .catalog-section, .free-layout, .how-section, .faq-section, .studio-section) {
  color: var(--ac-text);
}
html[data-aurora-commerce="premium"] .hero.wrap {
  max-inline-size: min(1500px, calc(100% - 48px));
  margin-block-start: 24px;
  padding: clamp(32px, 5vw, 72px);
  background: linear-gradient(135deg, color-mix(in srgb, var(--ac-coral) 12%, var(--ac-surface-solid)), color-mix(in srgb, var(--ac-violet) 19%, var(--ac-surface-soft)));
  border: 1px solid var(--ac-line);
  border-radius: 36px;
  box-shadow: var(--ac-shadow);
}
html[data-aurora-commerce="premium"] :where(.catalog-section, .how-section, .faq-section, .studio-section) {
  max-inline-size: min(1400px, calc(100% - 48px));
}
html[data-aurora-commerce="premium"] :where(.catalog-section, .how-section, .faq-section, .studio-section, .free-layout) {
  background: transparent;
}
html[data-aurora-commerce="premium"] :where(.product-card, .free-card, .steps-grid article) {
  background: var(--ac-surface);
  color: var(--ac-text);
  border: 1px solid var(--ac-line);
  border-radius: 26px;
  box-shadow: var(--ac-shadow-soft);
}
html[data-aurora-commerce="premium"] .product-grid > :nth-child(5n + 1) { --ac-card-accent: var(--ac-coral); }
html[data-aurora-commerce="premium"] .product-grid > :nth-child(5n + 2) { --ac-card-accent: var(--ac-violet); }
html[data-aurora-commerce="premium"] .product-grid > :nth-child(5n + 3) { --ac-card-accent: var(--ac-green); }
html[data-aurora-commerce="premium"] .product-grid > :nth-child(5n + 4) { --ac-card-accent: var(--ac-blue); }
html[data-aurora-commerce="premium"] .product-grid > :nth-child(5n + 5) { --ac-card-accent: var(--ac-orange); }
html[data-aurora-commerce="premium"] .product-grid > * { border-block-start: 5px solid var(--ac-card-accent, var(--ac-violet)); }
html[data-aurora-commerce="premium"] .catalog-toolbar {
  background: var(--ac-surface);
  border: 1px solid var(--ac-line);
  border-radius: 24px;
  box-shadow: var(--ac-shadow-soft);
}
html[data-aurora-commerce="premium"] .segmented {
  background: var(--ac-surface-soft);
  border: 1px solid var(--ac-line);
  border-radius: 999px;
}
html[data-aurora-commerce="premium"] .segmented button[aria-pressed="true"] {
  background: linear-gradient(135deg, var(--ac-coral), var(--ac-pink), var(--ac-violet));
  color: #fff;
}
html[data-aurora-commerce="premium"] :where(.catalog-loading, .release-note, .format-band, .free-section) {
  color: var(--ac-text);
  background: color-mix(in srgb, var(--ac-surface-solid) 88%, transparent);
  border-color: var(--ac-line);
}
html[data-aurora-commerce="premium"] :where(.studio-layout, .field-grid, .row-list, .files-list) { min-inline-size: 0; }
html[data-aurora-commerce="premium"] :where(dialog, .toast) { color: var(--ac-text); }

@media (max-width: 780px) {
  html[data-aurora-commerce] :where(.hero.wrap, .catalog-section, .how-section, .faq-section, .studio-section, main > .hero, main > section, .mk > section) {
    max-inline-size: calc(100% - 28px);
  }
  html[data-aurora-commerce="management"] main:not(.mk) { padding-inline: 16px; }
  html[data-aurora-commerce="management"] main:not(.mk) > h1 { font-size: clamp(2.15rem, 12vw, 3.5rem); }
  html[data-aurora-commerce="legal"] :where(.scope-grid, .grid, .steps, .meta) { grid-template-columns: 1fr; }
  html[data-aurora-commerce="premium"] .hero.wrap { padding: 28px 20px; border-radius: 26px; }
  html[data-aurora-commerce="premium"] .catalog-toolbar { border-radius: 20px; }
  html[data-aurora-commerce="premium"] .segmented { inline-size: 100%; overflow-x: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-aurora-commerce] *, html[data-aurora-commerce] *::before, html[data-aurora-commerce] *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Homepage Management and Legal visuals. Markup remains owned by aurora-home-af2. */
.af-management .af-covers {
  align-items: end;
  perspective: 1100px;
}
.af-management .af-cover {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: auto auto 1fr;
  min-block-size: 250px;
  padding: 0 0 22px;
  overflow: hidden;
  background: linear-gradient(155deg,#ff4f69,#bd0a4e);
  border: 1px solid rgba(71,52,115,.16);
  box-shadow: 0 22px 44px rgba(45,27,85,.18);
}
.af-management .af-cover:nth-child(2) { background: linear-gradient(155deg,#2e71ff,#2134aa); }
.af-management .af-cover:nth-child(3) { background: linear-gradient(155deg,#1bbfa2,#00766f); }
.af-management .af-cover::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: auto -18% -48px;
  block-size: 105px;
  border-radius: 50% 50% 0 0 / 45% 45% 0 0;
  background: rgba(56,0,32,.25);
  transform: rotate(-5deg);
}
.af-management .af-cover:nth-child(2)::after { background: rgba(7,19,107,.34); }
.af-management .af-cover:nth-child(3)::after { background: rgba(0,77,71,.32); }
.af-management .af-cover:nth-child(1) { transform: rotate(-7deg) translateY(8px); }
.af-management .af-cover:nth-child(2) { transform: translateY(-14px); }
.af-management .af-cover:nth-child(3) { transform: rotate(7deg) translateY(8px); }
.af-management .af-cover-art {
  position: relative;
  z-index: 1;
  display: block;
  inline-size: 100%;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  border-block-end: 1px solid rgba(255,255,255,.2);
}
.af-management .af-cover strong,
.af-management .af-cover small { padding-inline: 18px; }
.af-management .af-cover strong { position:relative; z-index:1; margin-block-start: 13px; color: #fff; }
.af-management .af-cover small { position:relative; z-index:1; color: rgba(255,255,255,.84); line-height: 1.3; }

.af-legal .af-country-grid { align-items: stretch; }
.af-legal .af-country {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "media media" "flag name" "flag price" "flag note";
  align-content: start;
  min-block-size: 260px;
  padding: 0 0 18px;
  overflow: hidden;
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(71,52,115,.16);
  box-shadow: 0 18px 38px rgba(45,27,85,.14);
}
.af-legal .af-country-media {
  grid-area: media;
  position: relative;
  display: block;
  inline-size: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-image: url('/assets/aurora-country-photo-strip.png');
  background-repeat: no-repeat;
  background-size: 300% auto;
  background-position-y: center;
}
.af-legal .af-country.ma .af-country-media { background-position-x: left; }
.af-legal .af-country.fr .af-country-media { background-position-x: center; }
.af-legal .af-country.us .af-country-media { background-position-x: right; }
.af-legal .af-country-media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  block-size: 52%;
  background: linear-gradient(transparent, rgba(20,16,42,.45));
  pointer-events: none;
}
.af-legal .af-country-image {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  opacity: 0;
  transition: transform .25s ease;
}
.af-legal .af-country:hover .af-country-image { transform: scale(1.035); }
.af-legal .af-country .flag {
  grid-area: flag;
  align-self: start;
  justify-self: center;
  position: relative;
  display: block;
  inline-size: 46px;
  block-size: 31px;
  margin: 17px 12px 0 16px;
  overflow: hidden;
  border-radius: 7px;
  border: 1px solid rgba(23,33,62,.18);
  box-shadow: 0 5px 12px rgba(23,33,62,.15);
  font-size: 0;
}
.af-legal .af-country .af-flag-ma { background: #c1272d; }
.af-legal .af-country .af-flag-ma::after {
  content: "★";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -54%;
  color: #006233;
  font-size: 18px;
  line-height: 1;
}
.af-legal .af-country .af-flag-fr { background: linear-gradient(90deg,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66%); }
.af-legal .af-country .af-flag-us {
  background: repeating-linear-gradient(180deg,#b22234 0 2.38px,#fff 2.38px 4.76px);
}
.af-legal .af-country .af-flag-us::after {
  content: "✦✦";
  position: absolute;
  inset: 0 auto auto 0;
  inline-size: 21px;
  block-size: 17px;
  padding: 1px;
  background: #3c3b6e;
  color: #fff;
  font-size: 7px;
  line-height: 7px;
  letter-spacing: 1px;
}
.af-legal .af-country strong { grid-area: name; align-self: end; margin-block-start: 15px; color: #17213e; }
.af-legal .af-country b { grid-area: price; color: #6d45d2; }
.af-legal .af-country small { grid-area: note; color: #625f76; }

html[data-theme="dark"] .af-management .af-cover,
html[data-theme="dark"] .af-legal .af-country {
  border-color: rgba(221,209,255,.18);
}
html[data-theme="dark"] .af-legal .af-country { background: #22243b; }
html[data-theme="dark"] .af-management .af-cover strong,
html[data-theme="dark"] .af-legal .af-country strong { color: #f8f4ff; }
html[data-theme="dark"] .af-management .af-cover small { color: rgba(255,255,255,.84); }
html[data-theme="dark"] .af-legal .af-country small { color: #c7c1d8; }
html[data-theme="dark"] .af-legal .af-country b { color: #b59afb; }
.af-legal .af-country.ma{background:linear-gradient(180deg,#e43a68,#bf005d)!important}
.af-legal .af-country.fr{background:linear-gradient(180deg,#3978ee,#154ec8)!important}
.af-legal .af-country.us{background:linear-gradient(180deg,#2377e8,#0856c8)!important}
.af-legal .af-country strong,.af-legal .af-country b,.af-legal .af-country small{color:#fff!important;text-shadow:0 1px 2px rgba(8,20,70,.28)}
.af-legal .af-country .flag{border-radius:999px!important;box-shadow:0 0 0 2px rgba(255,255,255,.86)}

@media (max-width: 760px) {
  .af-management .af-cover:nth-child(n) { transform: none; min-block-size: 0; }
  .af-management .af-cover-art { aspect-ratio: 16 / 9; }
  .af-legal .af-country { min-block-size: 0; }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .af-management .af-cover { inline-size: 145px; block-size: 210px; min-block-size: 210px; padding-block-end: 14px; }
  .af-management .af-cover-art { aspect-ratio: 8 / 4.8; }
  .af-management .af-cover strong { margin-block-start: 8px; font-size: 17px; }
  .af-management .af-cover small { font-size: 10px; }
  .af-legal .af-country-grid { grid-template-columns: repeat(3,minmax(0,150px)); justify-content: end; gap: 12px; }
  .af-legal .af-country { inline-size: 150px; block-size: 203px; min-block-size: 203px; grid-template-columns: 43px 1fr; padding-block-end: 10px; }
  .af-legal .af-country-media { block-size: 98px; aspect-ratio: auto; }
  .af-legal .af-country .flag { inline-size: 34px; block-size: 23px; margin: 10px 6px 0 10px; border-radius: 5px; }
  .af-legal .af-country strong { margin-block-start: 8px; font-size: 14px; line-height: 1.1; }
  .af-legal .af-country b { font-size: 20px; line-height: 1.05; }
  .af-legal .af-country small { padding-inline-end: 8px; font-size: 9px; line-height: 1.1; white-space: normal; }
}