@font-face {
  font-family: "Noto Sans";
  src: url(fonts/noto-latin-400.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: url(fonts/noto-latin-700.woff2) format("woff2");
  font-weight: 700 900;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: url(fonts/noto-devanagari-400.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0900-097F;
}
@font-face {
  font-family: "Noto Sans";
  src: url(fonts/noto-devanagari-700.woff2) format("woff2");
  font-weight: 700 900;
  font-display: swap;
  unicode-range: U+0900-097F;
}
@font-face {
  font-family: "Noto Sans";
  src: url(fonts/noto-bengali-400.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0980-09FF;
}
@font-face {
  font-family: "Noto Sans";
  src: url(fonts/noto-bengali-700.woff2) format("woff2");
  font-weight: 700 900;
  font-display: swap;
  unicode-range: U+0980-09FF;
}
@font-face {
  font-family: "Noto Sans Arabic";
  src: url(fonts/noto-arabic-400.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Arabic";
  src: url(fonts/noto-arabic-700.woff2) format("woff2");
  font-weight: 700 900;
  font-display: swap;
}
:root {
  --ink: #142633;
  --muted: #697985;
  --line: #dfe7ea;
  --surface: #fff;
  --page: #f2f6f7;
  --accent: #0d7c66;
  --accent2: #16ad88;
  --option: #fff;
  --option-text: #142633;
  --card-radius: 28px;
  --option-radius: 17px;
  --shadow: 0 25px 75px rgba(13, 40, 58, 0.13);
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: var(--ink);
  font-family: "Noto Sans Arabic", "Noto Sans", system-ui, sans-serif;
}
button,
a,
textarea {
  font: inherit;
}
button,
a {
  touch-action: manipulation;
}
.poll-page {
  min-height: 100vh;
  background: var(--page);
  background-image: radial-gradient(
      circle at 8% 0,
      rgba(13, 124, 102, 0.12),
      transparent 28rem
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(26, 108, 161, 0.1),
      transparent 28rem
    );
  padding: 28px 15px 55px;
}
.simple-poll-shell {
  width: min(660px, 100%);
  margin: 0 auto;
}
.poll-language {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
  position: relative;
  z-index: 20;
}
.poll-language details {
  position: relative;
}
.poll-language summary {
  list-style: none;
  background: #ffffff;
  color: #142633;
  border: 1px solid #d9e3e7;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  box-shadow: 0 7px 22px rgba(13, 40, 58, 0.06);
}
.poll-language summary b {
  color: #536773;
}
.poll-language summary::-webkit-details-marker {
  display: none;
}
.poll-language details > div {
  position: absolute;
  top: 48px;
  inset-inline-end: 0;
  width: 220px;
  max-height: 355px;
  overflow: auto;
  background: #fff;
  color: #142633;
  color-scheme: light;
  border: 1px solid #d9e3e7;
  border-radius: 16px;
  padding: 7px;
  box-shadow: var(--shadow);
  display: grid;
}
.poll-language a {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: #142633;
  padding: 9px 11px;
  border-radius: 9px;
  font-size: 12px;
}
.poll-language a.active,
.poll-language a:hover {
  background: color-mix(in srgb, var(--accent) 11%, white);
  color: #08735f;
  font-weight: 800;
}
.poll-language i {
  font-style: normal;
  color: #08735f;
}
.poll-card {
  background: var(--surface);
  border: 1px solid rgba(113, 137, 150, 0.2);
  border-radius: var(--card-radius);
  box-shadow: var(--shadow);
  padding: clamp(22px, 5vw, 42px);
  overflow: hidden;
  position: relative;
}
.poll-card:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(
    90deg,
    var(--accent),
    var(--poll-accent, var(--accent2))
  );
}
.poll-question {
  text-align: center;
}
.poll-kicker {
  display: inline-block;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 9%, white);
  border: 1px solid color-mix(in srgb, var(--accent) 24%, white);
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  margin-bottom: 14px;
}
.poll-question h1 {
  font-size: clamp(27px, 6vw, 42px);
  line-height: 1.35;
  letter-spacing: -0.025em;
  margin: 0;
}
.poll-question p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.9;
  max-width: 560px;
  margin: 13px auto 0;
}
.result-notice {
  margin: 20px auto 24px;
  background: #f6f8f9;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 13px;
  color: #5a6d79;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.result-notice span {
  color: var(--accent);
}
.simple-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.simple-option {
  background: var(--option);
  color: var(--option-text);
  border: 1.5px solid var(--line);
  border-radius: var(--option-radius);
  padding: 13px;
  min-height: 82px;
  display: flex;
  align-items: center;
  gap: 11px;
  text-align: start;
  position: relative;
  cursor: pointer;
  transition: 0.18s ease;
}
.simple-option:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent) 50%, white);
  box-shadow: 0 10px 27px rgba(14, 50, 69, 0.08);
}
.simple-option.selected {
  border: 2px solid var(--accent);
  background: color-mix(in srgb, var(--accent) 7%, var(--option));
  box-shadow: 0 10px 28px color-mix(in srgb, var(--accent) 16%, transparent);
}
.option-symbol,
.option-image {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.option-symbol {
  background: color-mix(in srgb, var(--candidate-color) 13%, white);
  color: var(--candidate-color);
  font-size: 15px;
  font-weight: 900;
}
.option-image img,
.result-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.option-name {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.option-name strong {
  font-size: 13px;
  line-height: 1.45;
}
.option-name small {
  font-size: 9px;
  color: var(--muted);
  margin-top: 3px;
}
.option-check {
  position: absolute;
  inset-inline-end: 9px;
  bottom: 9px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--accent);
  color: #fff;
  font-size: 10px;
  opacity: 0;
  transform: scale(0.4);
  transition: 0.18s;
}
.simple-option.selected .option-check {
  opacity: 1;
  transform: scale(1);
}
.simple-vote-button {
  position: fixed;
  bottom: max(12px, env(safe-area-inset-bottom));
  left: 50%;
  transform: translateX(-50%);
  width: min(630px, calc(100% - 24px));
  min-height: 55px;
  border: 0;
  border-radius: 15px;
  background: linear-gradient(
    135deg,
    var(--accent),
    var(--poll-accent, var(--accent2))
  );
  color: #fff;
  font-weight: 800;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  cursor: pointer;
  box-shadow: 0 13px 25px color-mix(in srgb, var(--accent) 27%, transparent);
}
.simple-vote-button:disabled {
  filter: grayscale(0.7);
  opacity: 0.42;
  cursor: not-allowed;
  box-shadow: none;
}
.vote-error {
  margin-top: 12px;
  background: #fff0f0;
  color: #a33939;
  border: 1px solid #f0caca;
  border-radius: 11px;
  padding: 10px;
  text-align: center;
  font-size: 11px;
}
[hidden] {
  display: none !important;
}
.after-vote-view {
  text-align: center;
}
.vote-success-mark {
  width: 64px;
  height: 64px;
  margin: 2px auto 12px;
  background: color-mix(in srgb, var(--accent) 12%, white);
  color: var(--accent);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 25px;
  font-weight: 900;
}
.vote-success-label {
  font-size: 10px;
  color: var(--accent);
  font-weight: 900;
}
.after-vote-view > h1 {
  font-size: clamp(27px, 6vw, 38px);
  margin: 5px 0 4px;
}
.after-vote-view > p {
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 19px;
}
.share-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 1.4rem;
}
.share-btn {
  border: 0;
  outline: 0;
  cursor: pointer;
  user-select: none;
  width: 100%;
  min-height: 5rem;
  border-radius: 1.4rem;
  color: #fff;
  font-size: clamp(14px, 3.2vw, 18px);
  font-weight: 900;
  padding: 12px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.share-btn:active {
  transform: translateY(2px) scale(0.99);
}
.share-btn.whatsapp {
  background: linear-gradient(135deg, #0ebd6d, #22d984);
  box-shadow: 0 13px 25px rgba(15, 191, 112, 0.24);
}
.share-btn.messenger {
  background: linear-gradient(135deg, #1d7cff, #a43dff);
  box-shadow: 0 13px 25px rgba(69, 99, 236, 0.22);
}
.share-copy-button {
  width: 100%;
  min-height: 47px;
  margin-top: 9px;
  border: 1px solid var(--line);
  background: #f5f8f9;
  color: var(--ink);
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}
.share-copy-button b {
  font-size: 12px;
}
.share-text-preview {
  width: 100%;
  min-height: 88px;
  resize: none;
  border: 1px solid var(--line);
  background: #fafcfc;
  color: #60717d;
  border-radius: 12px;
  padding: 11px;
  margin-top: 9px;
  font-size: 10px;
  line-height: 1.7;
  outline: 0;
}
.visible-results {
  border-top: 1px solid var(--line);
  margin-top: 25px;
  padding-top: 22px;
  text-align: start;
}
.results-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.results-heading h2 {
  font-size: 18px;
  margin: 0;
}
.results-heading span {
  font-size: 9px;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 9%, white);
  padding: 5px 8px;
  border-radius: 999px;
}
.simple-results {
  display: grid;
  gap: 7px;
}
.simple-result {
  display: grid;
  grid-template-columns: 24px 40px 1fr;
  align-items: center;
  gap: 9px;
  padding: 10px;
  background: #f8fafb;
  border: 1px solid #edf1f2;
  border-radius: 12px;
}
.result-rank {
  font-size: 10px;
  color: #8a98a1;
  text-align: center;
}
.result-dot,
.result-avatar {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  color: #fff;
  display: grid;
  place-items: center;
  overflow: hidden;
  font-size: 10px;
  font-weight: 800;
}
.simple-result > div {
  min-width: 0;
}
.simple-result header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.simple-result strong {
  font-size: 11px;
}
.simple-result header b {
  font-size: 10px;
  color: var(--accent);
}
.result-bar {
  height: 4px;
  background: #e6ecee;
  border-radius: 999px;
  display: block;
  overflow: hidden;
  margin: 7px 0 4px;
}
.result-bar i {
  display: block;
  height: 100%;
  border-radius: 999px;
  transition: width 0.45s;
}
.simple-result small {
  font-size: 8px;
  color: #85939c;
}
/* Ten visual templates */
.template-clean {
  --page: #f2f6f7;
  --surface: #fff;
  --accent: #0d7c66;
  --accent2: #1ab48d;
  --card-radius: 28px;
  --option-radius: 17px;
}
.template-emerald {
  --page: #eaf8f2;
  --surface: #fbfffd;
  --accent: #087d5c;
  --accent2: #36c78f;
  --card-radius: 20px;
  --option-radius: 12px;
}
.template-royal {
  --page: #eef1fb;
  --surface: #fff;
  --accent: #3155b7;
  --accent2: #6f85e8;
  --card-radius: 18px;
  --option-radius: 14px;
}
.template-sunset {
  --page: #fff2e9;
  --surface: #fffdfa;
  --accent: #e15d33;
  --accent2: #f5a43d;
  --card-radius: 32px;
  --option-radius: 20px;
}
.template-violet {
  --page: #f6effd;
  --surface: #fff;
  --accent: #7a3fc0;
  --accent2: #b56be2;
  --card-radius: 24px;
  --option-radius: 10px;
}
.template-ocean {
  --page: #eaf7fc;
  --surface: #fbfeff;
  --accent: #087da8;
  --accent2: #19bed3;
  --card-radius: 22px;
  --option-radius: 16px;
}
.template-night {
  --page: #071723;
  --surface: #0d2637;
  --ink: #f4f8fa;
  --muted: #9cb0bd;
  --line: #284253;
  --accent: #22c795;
  --accent2: #52d8f2;
  --option: #112f42;
  --option-text: #f4f8fa;
  --card-radius: 18px;
  --shadow: 0 28px 85px rgba(0, 0, 0, 0.35);
}
.template-night .result-notice,
.template-night .share-copy-button,
.template-night .share-text-preview,
.template-night .simple-result {
  background: #102f42;
  color: #c2d0d8;
}
.template-rose {
  --page: #fff0f4;
  --surface: #fff;
  --accent: #c33f70;
  --accent2: #ed7898;
  --card-radius: 35px;
  --option-radius: 999px;
}
.template-rose .simple-option {
  padding-inline-end: 35px;
}
.template-stadium {
  --page: #071d16;
  --surface: #0d2f24;
  --ink: #fff;
  --muted: #a4beb4;
  --line: #2b5043;
  --accent: #19c876;
  --accent2: #e1b83f;
  --option: #12392d;
  --option-text: #fff;
  --card-radius: 22px;
  --option-radius: 14px;
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.38);
  background-image: linear-gradient(
      rgba(5, 35, 25, 0.75),
      rgba(4, 24, 18, 0.92)
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0 50px,
      rgba(255, 255, 255, 0.025) 50px 100px
    );
}
.template-stadium .sports-options,
.template-champions .sports-options {
  grid-template-columns: repeat(3, 1fr);
}
.template-stadium .simple-option,
.template-champions .simple-option {
  flex-direction: column;
  text-align: center;
  padding: 15px 9px;
  min-height: 145px;
}
.template-stadium .option-image,
.template-champions .option-image,
.template-stadium .option-symbol,
.template-champions .option-symbol {
  width: 74px;
  height: 74px;
  flex-basis: 74px;
  border-radius: 50%;
  border: 3px solid color-mix(in srgb, var(--accent) 55%, white);
}
.template-stadium .option-symbol,
.template-champions .option-symbol {
  font-size: 16px;
}
.template-stadium .result-notice,
.template-stadium .share-copy-button,
.template-stadium .share-text-preview,
.template-stadium .simple-result {
  background: #12392d;
  color: #d2e0da;
}
.template-champions {
  --page: #f2f4f8;
  --surface: #071b35;
  --ink: #fff;
  --muted: #9fb1c7;
  --line: #29405b;
  --accent: #e0b446;
  --accent2: #328bd4;
  --option: #0d2948;
  --option-text: #fff;
  --card-radius: 12px;
  --option-radius: 10px;
  --shadow: 0 30px 80px rgba(3, 18, 40, 0.3);
}
.template-champions .result-notice,
.template-champions .share-copy-button,
.template-champions .share-text-preview,
.template-champions .simple-result {
  background: #0d2948;
  color: #ced8e4;
}
/* Homepage directory */
.directory-page {
  min-height: 100vh;
  background: #f2f5f6;
  color: #142633;
}
.directory-shell {
  max-width: 1060px;
  margin: 0 auto;
  padding: 28px 20px 70px;
}
.directory-language {
  display: flex;
  justify-content: flex-end;
}
.directory-language details {
  position: relative;
}
.directory-language summary {
  list-style: none;
  border: 1px solid #dce4e7;
  background: #fff;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 11px;
  cursor: pointer;
}
.directory-language summary::-webkit-details-marker {
  display: none;
}
.directory-language details > div {
  position: absolute;
  top: 42px;
  inset-inline-end: 0;
  width: 210px;
  max-height: 350px;
  overflow: auto;
  background: #fff;
  border: 1px solid #dce4e7;
  border-radius: 14px;
  padding: 6px;
  display: grid;
  box-shadow: 0 18px 50px rgba(13, 40, 58, 0.13);
  z-index: 10;
}
.directory-language a {
  text-decoration: none;
  color: #142633;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 11px;
}
.directory-language a.active,
.directory-language a:hover {
  background: #eaf7f3;
  color: #0d7c66;
}
.directory-shell > header {
  text-align: center;
  padding: 55px 0 35px;
}
.directory-shell > header > span {
  color: #12a97e;
}
.directory-shell h1 {
  font-size: clamp(31px, 5vw, 52px);
  margin: 7px 0;
}
.directory-shell > header p {
  font-size: 13px;
  color: #71808a;
}
.poll-directory {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.directory-card {
  background: #fff;
  border: 1px solid #dfe6e9;
  border-radius: 18px;
  padding: 20px;
  text-decoration: none;
  color: #142633;
  box-shadow: 0 12px 35px rgba(13, 40, 58, 0.06);
  transition: 0.2s;
}
.directory-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 45px rgba(13, 40, 58, 0.11);
}
.directory-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.directory-card-top i {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--poll-accent);
}
.directory-card-top span {
  font-size: 9px;
  color: #778891;
  background: #f1f5f6;
  padding: 5px 8px;
  border-radius: 999px;
}
.directory-card h2 {
  font-size: 17px;
  line-height: 1.55;
  margin: 18px 0 7px;
}
.directory-card p {
  font-size: 10px;
  line-height: 1.8;
  color: #74838d;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.directory-card > strong {
  display: flex;
  justify-content: space-between;
  margin-top: 19px;
  color: #0d7c66;
  font-size: 11px;
}
.directory-empty {
  text-align: center;
  background: #fff;
  border: 1px dashed #cbd6da;
  border-radius: 16px;
  padding: 35px;
  color: #778891;
}
.managed-ad {
  width: 100%;
  min-height: 90px;
  margin: 20px auto;
  overflow: hidden;
  text-align: center;
  display: block;
}
.poll-card .managed-ad {
  margin: 18px 0;
}
.managed-ad-home_middle {
  grid-column: 1/-1;
  margin: 6px 0;
}
.directory-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px solid #dde5e8;
  color: #8a989f;
  font-size: 11px;
}
.directory-footer a {
  color: #607580;
  text-decoration: none;
}
.directory-footer a:hover {
  color: #0d7c66;
}
.legal-page {
  min-height: 100vh;
  background: #f1f5f6;
  color: #142633;
}
.legal-shell {
  width: min(880px, calc(100% - 28px));
  margin: 0 auto;
  padding: 26px 0 70px;
}
.legal-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 16px;
}
.legal-top > a {
  color: #0d7c66;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}
.legal-top > div {
  display: flex;
  gap: 5px;
  overflow: auto;
}
.legal-top > div a {
  color: #6f7e87;
  background: #fff;
  border: 1px solid #dde5e8;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 9px;
  text-decoration: none;
  white-space: nowrap;
}
.legal-top > div a.active {
  color: #fff;
  background: #0d7c66;
  border-color: #0d7c66;
}
.legal-card {
  background: #fff;
  border: 1px solid #dde5e8;
  border-radius: 24px;
  padding: clamp(23px, 5vw, 50px);
  box-shadow: 0 24px 65px rgba(13, 40, 58, 0.08);
}
.legal-card header {
  padding-bottom: 25px;
  margin-bottom: 5px;
  border-bottom: 1px solid #e5ebed;
}
.legal-card header span {
  color: #0d7c66;
  font-weight: 900;
  font-size: 12px;
}
.legal-card h1 {
  margin: 8px 0;
  font-size: clamp(29px, 5vw, 44px);
}
.legal-card header p {
  margin: 0;
  color: #84929a;
  font-size: 10px;
}
.legal-card section {
  padding-top: 24px;
}
.legal-card h2 {
  margin: 0 0 8px;
  font-size: 17px;
}
.legal-card section p {
  margin: 0;
  color: #60717c;
  font-size: 12px;
  line-height: 2;
}
.legal-resources {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid #e5ebed;
}
.legal-resources a {
  color: #0d7c66;
  background: #eef8f5;
  border: 1px solid #b8ded4;
  border-radius: 999px;
  padding: 8px 11px;
  font-size: 9px;
  font-weight: 800;
  text-decoration: none;
}
.not-found {
  min-height: 100vh;
  display: grid;
  place-content: center;
  text-align: center;
  gap: 15px;
  background: #f2f6f7;
}
.not-found a {
  color: #0d7c66;
  font-size: 25px;
  text-decoration: none;
}
@media (max-width: 760px) {
  .poll-page {
    padding: 16px 10px 35px;
  }
  .poll-card {
    padding: 23px 14px;
  }
  .simple-options {
    grid-template-columns: 1fr;
  }
  .template-stadium .sports-options,
  .template-champions .sports-options {
    grid-template-columns: 1fr 1fr;
  }
  .share-buttons {
    grid-template-columns: 1fr 1fr;
  }
  .poll-directory {
    grid-template-columns: 1fr 1fr;
  }
  .directory-shell > header {
    padding-top: 40px;
  }
}
@media (max-width: 460px) {
  .poll-question h1 {
    font-size: 28px;
  }
  .poll-question p {
    font-size: 12px;
  }
  .simple-option {
    min-height: 75px;
  }
  .share-buttons {
    grid-template-columns: 1fr;
  }
  .template-stadium .sports-options,
  .template-champions .sports-options {
    grid-template-columns: 1fr 1fr;
  }
  .template-stadium .simple-option,
  .template-champions .simple-option {
    min-height: 136px;
  }
  .poll-directory {
    grid-template-columns: 1fr;
  }
  .directory-shell {
    padding: 18px 13px 50px;
  }
  .legal-top {
    align-items: flex-start;
    flex-direction: column;
  }
  .legal-top > div {
    width: 100%;
  }
}


.question-view {
  padding-bottom: 80px;
}