/* GENERATED by apps/legal/scripts/build.ts — edit src/legal.css, not this file. */
/* ---- @emtelaak/tokens: styles/tokens.generated.css ---- */
/* GENERATED — do not hand-edit; regenerate via `pnpm strata:tokens` (L3 pass).
   Source of truth: maps/tokens.map.ison (docs/strata-method.md §4 L3, Law 3).
   Input snapshot: sha256:eb48a44e17bb2d7e5f2b946da2e3e7ef89aad9d032da088361179917d36bd222
   Unit policy (web): colors hex verbatim; radii px; spacing + type size/line-height rem; tracking px. */

:root {
  /* --- Primitive color scales --- */
  --blue-100: #dfeefe;
  --blue-200: #c0ddfd;
  --blue-300: #96c7fc;
  --blue-400: #62abfb;
  --blue-50: #f4f9fe;
  --blue-500: #2e90fa;
  --blue-600: #2473c8;
  --blue-700: #1b5696;
  --blue-800: #123964;
  --blue-900: #091c31;
  --blue-950: #040e18;
  --brand-100: #d8dee2;
  --brand-200: #b2bec6;
  --brand-300: #8094a0;
  --brand-400: #405e70;
  --brand-50: #f2f4f5;
  --brand-500: #032941;
  --brand-600: #002034;
  --brand-700: #001827;
  --brand-800: #00101a;
  --brand-900: #00080c;
  --brand-950: #000406;
  --dark: #04141e;
  --error-100: #fce2e1;
  --error-200: #fac6c3;
  --error-300: #f7a19b;
  --error-400: #f37269;
  --error-50: #fef5f5;
  --error-500: #f04438;
  --error-600: #c0362c;
  --error-700: #902821;
  --error-800: #601b16;
  --error-900: #2f0d0b;
  --error-950: #170605;
  --neutral-0: #ffffff;
  --neutral-100: #e4e6e7;
  --neutral-1000: #000000;
  --neutral-200: #cacdcf;
  --neutral-300: #afb4b7;
  --neutral-400: #959ca0;
  --neutral-50: #f1f2f3;
  --neutral-500: #7a8388;
  --neutral-600: #606a70;
  --neutral-700: #465159;
  --neutral-800: #2b3941;
  --neutral-900: #112029;
  --neutral-950: #04141e;
  --secondary-100: #f8fbdf;
  --secondary-200: #eff4c2;
  --secondary-300: #e5ed9a;
  --secondary-400: #d8e467;
  --secondary-50: #fcfdf4;
  --secondary-500: #cde428;
  --secondary-600: #a3b02a;
  --secondary-700: #7a841f;
  --secondary-800: #515815;
  --secondary-900: #282b0a;
  --secondary-950: #141505;
  --success-100: #dbf4e8;
  --success-200: #b7e9d2;
  --success-300: #88dbb4;
  --success-400: #4dc98f;
  --success-50: #f3fbf7;
  --success-500: #12b76a;
  --success-600: #0e9254;
  --success-700: #0a6d3f;
  --success-800: #07492a;
  --success-900: #032415;
  --success-950: #01120a;
  --warning-100: #fdeeda;
  --warning-200: #fcddb5;
  --warning-300: #fbc784;
  --warning-400: #f9ab46;
  --warning-50: #fef9f2;
  --warning-500: #f79009;
  --warning-600: #c57307;
  --warning-700: #945605;
  --warning-800: #623903;
  --warning-900: #311c01;
  --warning-950: #180e00;
  --white: #ffffff;

  /* --- Semantic colors (reference these in components, not the scales) --- */
  --accent-on-primary: #cde428;
  --accent-pine: #085c52;
  --bg-dark: #04141e;
  --bg-error: #f04438;
  --bg-error-subtle: #fef5f5;
  --bg-info: #1b5696;
  --bg-info-subtle: #f4f9fe;
  --bg-neutral: #465159;
  --bg-neutral-subtle: #f1f2f3;
  --bg-secondary: #f8fbdf;
  --bg-success: #0a6d3f;
  --bg-success-subtle: #f3fbf7;
  --bg-tertiary: #e4e6e7;
  --bg-warning: #f79009;
  --bg-warning-subtle: #fef9f2;
  --border-active: #cde428;
  --border-default: #cacdcf;
  --border-error: #f04438;
  --border-selected: #04141e;
  --border-subtle: #e4e6e7;
  --canvas: #f1f2f3;
  --glass-on-primary: #cde42833;
  --glass-primary: #032941e5;
  --icon-accent-on-primary: #cde428;
  --icon-black: #000000;
  --icon-brand: #032941;
  --icon-error: #d92d20;
  --icon-info: #2473c8;
  --icon-neutral: #7a8388;
  --icon-on-primary: #ffffff;
  --icon-on-status: #ffffff;
  --icon-primary: #032941;
  --icon-secondary: #465159;
  --icon-success: #0a6d3f;
  --icon-tertiary: #7a8388;
  --icon-warning: #f79009;
  --overlay-dark: #000000b2;
  --overlay-default: #00000066;
  --overlay-subtle: #00000033;
  --primary: #032941;
  --primary-hover: #001827;
  --primary-pressed: #001827;
  --primary-subtle: #f2f4f5;
  --shadow-input-active: #cde42814;
  --shadow-input-error: #ec221f14;
  --surface: #ffffff;
  --surface-disabled: #cacdcf;
  --surface-sunken: #e4e6e7;
  --text-accent-on-primary: #cde428;
  --text-black: #000000;
  --text-brand: #032941;
  --text-error: #b42318;
  --text-info: #1b5696;
  --text-neutral: #7a8388;
  --text-on-primary: #ffffff;
  --text-on-status: #ffffff;
  --text-primary: #032941;
  --text-secondary: #465159;
  --text-success: #0a6d3f;
  --text-tertiary: #606a70;
  --text-warning: #f79009;

  /* --- Typography: families + role ramp (size / line-height / tracking) --- */
  --font-arabic: 'GE Dinar One';
  --font-latin: 'Lab Grotesque';
  --type-body-line-height: 1.5rem;
  --type-body-size: 1rem;
  --type-body-tracking: 0;
  --type-button-lg-line-height: 1.5rem;
  --type-button-lg-size: 1rem;
  --type-button-lg-tracking: 0;
  --type-button-md-line-height: 1.125rem;
  --type-button-md-size: 0.875rem;
  --type-button-md-tracking: 0.1px;
  --type-callout-line-height: 1.375rem;
  --type-callout-size: 0.9375rem;
  --type-callout-tracking: 0;
  --type-caption-2-line-height: 0.875rem;
  --type-caption-2-size: 0.625rem;
  --type-caption-2-tracking: 0.3px;
  --type-caption-line-height: 1rem;
  --type-caption-size: 0.75rem;
  --type-caption-tracking: 0.2px;
  --type-display-sm-line-height: 2.5rem;
  --type-display-sm-size: 2rem;
  --type-display-sm-tracking: -0.5px;
  --type-footnote-line-height: 1.125rem;
  --type-footnote-size: 0.8125rem;
  --type-footnote-tracking: 0.1px;
  --type-headline-line-height: 1.5rem;
  --type-headline-size: 1.125rem;
  --type-headline-tracking: -0.2px;
  --type-subhead-line-height: 1.25rem;
  --type-subhead-size: 0.875rem;
  --type-subhead-tracking: 0.1px;
  --type-title-lg-line-height: 2.25rem;
  --type-title-lg-size: 1.75rem;
  --type-title-lg-tracking: -0.4px;
  --type-title-md-line-height: 2rem;
  --type-title-md-size: 1.5rem;
  --type-title-md-tracking: -0.3px;
  --type-title-sm-line-height: 1.75rem;
  --type-title-sm-size: 1.25rem;
  --type-title-sm-tracking: -0.2px;

  /* --- Radii + layout metrics --- */
  --radius-md: 12px;
  --radius-pill: 999px;
  --radius-screen: 28px;
  --radius-sm: 8px;
  --space-outgap: 1rem;
  --space-page-margin: 1rem;
  --space-screen-padding: 1rem;
}

/* ---- @emtelaak/tokens: styles/typography.css ---- */
/* ============================================================
   Emtelaak — Typography chrome
   Lab Grotesque (Latin UI/body), GE Dinar One (Arabic).
   Families and the role ramp (--font-latin/--font-arabic,
   --type-*-size/-line-height/-tracking) are generated from
   maps/tokens.map.ison in tokens.generated.css; this file only
   adds web fallback stacks and the Tailwind-style scale aliases.
   ============================================================ */

:root {
  /* --- Families (bundled brand faces; do not mask loading errors with OS fonts) --- */
  --font-sans: var(--font-latin);
  --font-ar: var(--font-arabic), var(--font-latin);

  /* --- Type scale (aliases onto the generated Figma role ramp) --- */
  --text-2xs: var(--type-caption-2-size); /* 10px — caption 2 */
  --text-xs: var(--type-caption-size); /* 12px — caption 1 */
  --text-sm: var(--type-subhead-size); /* 14px — subhead */
  --text-base: var(--type-body-size); /* 16px — body */
  --text-md: var(--type-headline-size); /* 18px — headline */
  --text-lg: var(--type-title-sm-size); /* 20px — title 3 */
  --text-xl: var(--type-title-md-size); /* 24px — title 2 */
  --text-2xl: var(--type-title-lg-size); /* 28px — title 1 */
  --text-3xl: var(--type-display-sm-size); /* 32px — large title */
  --text-4xl: 3rem; /* 48px — web display size, no Figma role */
  --text-5xl: 4rem; /* 64px — web display size, no Figma role */

  /* --- Weights --- */
  --weight-regular: 400;
  --weight-medium: 500;
  /* No 600 binary is licensed; emphasized roles use the available Bold face. */
  --weight-semibold: 700;
  --weight-bold: 700;

  /* --- Line heights --- */
  --leading-tight: 1.1;
  --leading-snug: 1.21; /* headline 24/29 */
  --leading-normal: 1.3; /* title 20/26 */
  --leading-relaxed: 1.5; /* body 16/24 */

  /* --- Letter spacing --- */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.03em;
  --tracking-label: 0.08em; /* uppercase eyebrows / kickers */
}

/* ---- fonts ---- */
/* Bundled brand faces — same binaries the app registers with expo-font. */
@font-face { font-family: "Lab Grotesque"; src: url("../fonts/LabGrotesque-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Lab Grotesque"; src: url("../fonts/LabGrotesque-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Lab Grotesque"; src: url("../fonts/LabGrotesque-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "GE Dinar One"; src: url("../fonts/GEDinarOne-Light.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "GE Dinar One"; src: url("../fonts/GEDinarOne-Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "GE Dinar One"; src: url("../fonts/GEDinarOne-Medium.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }

/* ---- page ---- */
/* ============================================================
   Emtelaak — public legal pages
   Every colour, size, radius and face below is a token from
   @emtelaak/tokens (prepended to this file at build time). The only
   literal values are layout widths and the card shadow, which mirrors
   `shadows.card` in packages/tokens/src/shadows.ts (neutral-900 ink).
   ============================================================ */

:root {
  --legal-measure: 46rem; /* 736px — comfortable reading width for legal prose */
  --legal-shadow-card: 0 1px 3px rgba(17, 32, 41, 0.08), 0 1px 2px rgba(17, 32, 41, 0.04);
  --legal-header-h: 4rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  /* No smooth scrolling: Chrome with animations disabled silently drops the
     jump, which leaves Contents links dead. Instant is fine for a document. */
  scroll-padding-top: calc(var(--legal-header-h) + var(--space-outgap));
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--canvas);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--type-body-size);
  line-height: var(--type-body-line-height);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Arabic reads in GE Dinar One; Latin fragments inside fall back to Lab Grotesque. */
[lang="ar"] {
  font-family: var(--font-ar);
}

/* ---- Language visibility: the toggle stamps data-lang on <html> ---- */
html:not([data-lang="ar"]) .i18n[lang="ar"],
html[data-lang="ar"] .i18n[lang="en"] {
  display: none;
}

/* ---- Layout ---- */
.container {
  width: 100%;
  max-width: var(--legal-measure);
  margin-inline: auto;
  padding-inline: var(--space-page-margin);
}

main.container {
  flex: 1;
  padding-block: var(--space-outgap) calc(var(--space-outgap) * 3);
}

/* ---- Header ---- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--surface);
  border-bottom: 1px solid var(--border-subtle);
}

.header-row {
  min-height: var(--legal-header-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-outgap);
}

.brand {
  display: inline-flex;
  align-items: center;
  color: var(--icon-brand);
  text-decoration: none;
}

.logo {
  height: 2rem; /* 32px on the 16px grid; the mark's viewBox keeps the ratio */
  width: auto;
  display: block;
}

.lang-switch {
  display: inline-flex;
  padding: 2px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-pill);
  background: var(--surface);
}

.lang-btn {
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0.375rem 0.875rem;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-size: var(--type-subhead-size);
  line-height: var(--type-subhead-line-height);
  letter-spacing: var(--type-subhead-tracking);
  font-weight: var(--weight-medium);
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease;
}

.lang-btn[lang="ar"] {
  font-family: var(--font-ar);
}

.lang-btn:hover {
  color: var(--text-primary);
}

.lang-btn[aria-pressed="true"] {
  background: var(--primary);
  color: var(--text-on-primary);
}

.lang-btn:focus-visible,
a:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--border-active);
  outline-offset: 2px;
}

/* ---- Document card ---- */
.doc {
  background: var(--surface);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  box-shadow: var(--legal-shadow-card);
  padding: calc(var(--space-outgap) * 2.5) calc(var(--space-outgap) * 2.5);
}

.doc-header {
  padding-bottom: calc(var(--space-outgap) * 1.5);
  border-bottom: 1px solid var(--border-subtle);
  margin-bottom: calc(var(--space-outgap) * 1.5);
}

.eyebrow {
  margin: 0 0 var(--space-outgap);
  color: var(--text-brand);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line-height);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

[lang="ar"] .eyebrow {
  text-transform: none;
  letter-spacing: 0;
}

h1 {
  margin: 0;
  font-size: var(--type-display-sm-size);
  line-height: var(--type-display-sm-line-height);
  letter-spacing: var(--type-display-sm-tracking);
  font-weight: var(--weight-bold);
  color: var(--text-primary);
  text-wrap: balance;
}

.lead {
  margin: var(--space-outgap) 0 0;
  color: var(--text-secondary);
  font-size: var(--type-headline-size);
  line-height: var(--type-headline-line-height);
}

.meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-outgap) calc(var(--space-outgap) * 2);
  margin: var(--space-outgap) 0 0;
}

.meta-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.meta dt {
  color: var(--text-tertiary);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line-height);
  letter-spacing: var(--type-caption-tracking);
  font-weight: var(--weight-medium);
}

.meta dd {
  margin: 0;
  color: var(--text-primary);
  font-size: var(--type-subhead-size);
  line-height: var(--type-subhead-line-height);
  font-weight: var(--weight-medium);
}

/* ---- Contents ---- */
.toc {
  margin-bottom: calc(var(--space-outgap) * 2);
  padding: var(--space-outgap);
  background: var(--bg-neutral-subtle);
  border-radius: var(--radius-sm);
}

.toc summary {
  cursor: pointer;
  color: var(--text-primary);
  font-size: var(--type-headline-size);
  line-height: var(--type-headline-line-height);
  letter-spacing: var(--type-headline-tracking);
  font-weight: var(--weight-medium);
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.toc summary::-webkit-details-marker {
  display: none;
}

.toc summary::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-inline-end: 2px solid var(--icon-secondary);
  border-bottom: 2px solid var(--icon-secondary);
  transform: rotate(-45deg);
  transition: transform 120ms ease;
}

[dir="rtl"] .toc summary::before {
  transform: rotate(135deg);
}

.toc details[open] summary::before {
  transform: rotate(45deg);
}

.toc-list {
  margin: var(--space-outgap) 0 0;
  padding-inline-start: 0.5rem;
  list-style: none; /* the headings carry counsel's own numbering */
  columns: 2;
  column-gap: calc(var(--space-outgap) * 2);
  font-size: var(--type-subhead-size);
  line-height: var(--type-subhead-line-height);
}

.toc-list li {
  break-inside: avoid;
  margin-bottom: 0.375rem;
  padding-inline-start: 0.25rem;
}

.toc-list a {
  color: var(--text-brand);
  text-decoration: none;
}

.toc-list a:hover {
  text-decoration: underline;
}

/* ---- Body text ---- */
.doc-body h2 {
  margin: calc(var(--space-outgap) * 2.5) 0 var(--space-outgap);
  padding-top: calc(var(--space-outgap) * 1.5);
  border-top: 1px solid var(--border-subtle);
  font-size: var(--type-title-sm-size);
  line-height: var(--type-title-sm-line-height);
  letter-spacing: var(--type-title-sm-tracking);
  font-weight: var(--weight-bold);
  color: var(--text-primary);
}

.doc-body h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.doc-body h3 {
  margin: calc(var(--space-outgap) * 1.5) 0 0.5rem;
  font-size: var(--type-headline-size);
  line-height: var(--type-headline-line-height);
  letter-spacing: var(--type-headline-tracking);
  font-weight: var(--weight-medium);
  color: var(--text-primary);
}

.doc-body p {
  margin: 0 0 var(--space-outgap);
  color: var(--text-primary);
  text-wrap: pretty;
}

.doc-body strong {
  font-weight: var(--weight-bold);
}

.doc-body a {
  color: var(--text-brand);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}

.doc-body a:hover {
  color: var(--primary-hover);
}

.clause {
  display: flex;
  gap: 0.75rem;
  align-items: baseline;
}

.clause-no {
  flex: none;
  min-width: 2.25rem;
  color: var(--text-tertiary);
  font-size: var(--type-subhead-size);
  font-weight: var(--weight-medium);
  font-variant-numeric: tabular-nums;
}

.list {
  margin: 0 0 var(--space-outgap);
  padding-inline-start: 1.5rem;
}

.list li {
  margin-bottom: 0.5rem;
  padding-inline-start: 0.25rem;
}

.list li::marker {
  color: var(--text-tertiary);
  font-weight: var(--weight-medium);
}

.list .list {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.list-bullet {
  list-style: disc;
}

.list-none {
  list-style: none;
  padding-inline-start: 0.5rem;
}

.list-decimal {
  list-style: decimal;
}

.list-lowerLetter {
  list-style: lower-alpha;
}

.list-upperLetter {
  list-style: upper-alpha;
}

.list-lowerRoman {
  list-style: lower-roman;
}

.list-upperRoman {
  list-style: upper-roman;
}

/* Word's arabicAlpha numbering: the abjad sequence. */
@counter-style arabic-abjad {
  system: fixed;
  symbols: "أ" "ب" "ج" "د" "هـ" "و" "ز" "ح" "ط" "ي";
  suffix: ". ";
}

.list-arabicAlpha {
  list-style: arabic-abjad;
}

/* Placeholders counsel still has to fill: impossible to miss, impossible to mistake for text. */
mark.todo {
  background: var(--bg-warning-subtle);
  color: var(--text-primary);
  padding: 0 0.25rem;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px var(--warning-300);
}

/* ---- Related docs ---- */
.related {
  margin-top: calc(var(--space-outgap) * 2.5);
  padding-top: calc(var(--space-outgap) * 1.5);
  border-top: 1px solid var(--border-subtle);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem var(--space-outgap);
}

.related-title {
  margin: 0;
  color: var(--text-tertiary);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-line-height);
  letter-spacing: var(--type-caption-tracking);
  font-weight: var(--weight-medium);
}

.related-link {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-pill);
  color: var(--text-primary);
  font-size: var(--type-subhead-size);
  line-height: var(--type-subhead-line-height);
  font-weight: var(--weight-medium);
  text-decoration: none;
}

.related-link:hover {
  border-color: var(--border-selected);
}

/* ---- Index page ---- */
.cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-outgap);
}

.card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-outgap);
  padding: var(--space-outgap) calc(var(--space-outgap) * 1.25);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  text-decoration: none;
  transition: border-color 120ms ease, background-color 120ms ease;
}

.card:hover {
  border-color: var(--border-selected);
  background: var(--primary-subtle);
}

.card-title {
  font-size: var(--type-headline-size);
  line-height: var(--type-headline-line-height);
  font-weight: var(--weight-medium);
}

.card-cta {
  color: var(--icon-secondary);
}

[dir="rtl"] .card-cta {
  transform: scaleX(-1);
}

/* ---- Footer ---- */
.site-footer {
  border-top: 1px solid var(--border-subtle);
  background: var(--surface);
}

.footer-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem var(--space-outgap);
  padding-block: var(--space-outgap);
  color: var(--text-tertiary);
  font-size: var(--type-footnote-size);
  line-height: var(--type-footnote-line-height);
}

.footer-row p {
  margin: 0;
}

.footer-row a {
  color: var(--text-secondary);
}

/* ---- Small screens ---- */
@media (max-width: 40rem) {
  .doc {
    padding: calc(var(--space-outgap) * 1.5) var(--space-outgap);
    border-radius: var(--radius-sm);
  }

  h1 {
    font-size: var(--type-title-lg-size);
    line-height: var(--type-title-lg-line-height);
    letter-spacing: var(--type-title-lg-tracking);
  }

  .toc-list {
    columns: 1;
  }

  .logo {
    height: 1.75rem;
  }
}

/* ---- Print ---- */
@media print {
  .site-header,
  .site-footer,
  .lang-switch,
  .related,
  .toc {
    display: none;
  }

  body {
    background: var(--surface);
  }

  .doc {
    border: 0;
    box-shadow: none;
    padding: 0;
  }
}