:root {
  --aliman-ink: #111827;
  --aliman-muted: #5f6b7a;
  --aliman-paper: #f5f2eb;
  --aliman-card: #f8faf9;
  --aliman-green: #16b85f;
  --aliman-deep: #0f1712;
  --aliman-border: rgba(17, 24, 39, 0.10);
  --aliman-shadow: 0 18px 46px rgba(17, 24, 39, 0.10);
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  background: var(--aliman-paper);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--aliman-paper);
  color: var(--aliman-ink);
  font-family: Arial, Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

main {
  overflow: hidden;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
}

:focus-visible {
  outline: 3px solid rgba(22, 184, 95, 0.52);
  outline-offset: 4px;
}

.shell {
  width: min(calc(100% - 48px), 1460px);
  margin-inline: auto;
}

::selection {
  background: rgba(22, 184, 95, 0.24);
}

@media (max-width: 640px) {
  .shell {
    width: min(calc(100% - 32px), 1460px);
  }
}


.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}