/* Comfortable scale at normal browser zoom. */
@media(min-width:761px) {body.account-page,body.platform-home {
    --sidebar:240px
  }body .sidebar {
    padding:20px 14px 14px
  }body .sidebar .platform-brand strong {
    font-size:30px
  }body .sidebar .platform-brand .ui-icon {
    width:39px;
    height:39px
  }body .sidebar nav a,body .sidebar nav button {
    min-height:48px;
    font-size:14px;
    padding:10px 12px;
    gap:13px
  }body .sidebar nav .ui-icon {
    width:24px;
    height:24px
  }body .sidebar .nav-caption {
    margin-block:18px 10px
  }body .sidebar .nav-divider {
    margin-block:15px
  }body .sidebar .theme-controls {
    padding-top:12px
  }body .sidebar .sidebar-person {
    padding-block:12px
  }body.account-page main {
    padding:24px 26px 18px;
    max-width:1560px;
    margin-inline:auto
  }body .account-hero {
    min-height:116px;
    padding:0 12px 22px
  }body .account-hero h1 {
    font-size:clamp(30px,2.7vw,44px);
    margin:8px 0
  }body .account-hero>p:last-of-type {
    font-size:16px;
    line-height:1.5
  }.account-panel-heading h2 {
    font-size:18px
  }.account-panel-heading p {
    font-size:13px
  }.identity-glass {
    transform:scale(.8);
    transform-origin:top right
  }.about-introduction {
    min-height:0;
    padding:24px;
    gap:26px
  }.about-panel p {
    font-size:16px
  }.about-panel h2 {
    font-size:20px
  }.about-benefit {
    min-height:120px;
    padding:20px;
    gap:16px
  }.about-benefit p {
    font-size:14px
  }.about-wide {
    min-height:110px;
    padding:20px;
    gap:22px
  }.about-circle {
    width:65px;
    height:65px
  }.about-circle svg {
    width:36px;
    height:36px
  }.about-brand strong {
    font-size:44px
  }.about-brand>.ui-icon {
    width:66px;
    height:66px
  }
}body.ai-page main {
  display:flex;
  flex-direction:column;
  min-height:calc(100dvh - 125px)
}body.ai-page .account-hero {
  min-height:106px;
  flex-shrink:0
}.ai-holograms {
  transform:scale(.65);
  transform-origin:top right
}body.ai-page .ai-workspace {
  width:100%;
  max-width:850px;
  min-height:0;
  margin:auto;
  padding:28px 32px 30px;
  border-radius:18px;
  box-shadow:0 12px 35px #001b3018
}.ai-emblem {
  width:62px;
  height:62px;
  border-radius:16px;
  margin-bottom:12px
}.ai-emblem .ui-icon {
  width:42px;
  height:42px
}.ai-workspace h2 {
  font-size:28px;
  margin-bottom:26px
}.ai-question {
  height:58px;
  border-radius:12px
}.ai-question>.ui-icon {
  width:23px;
  height:23px;
  margin-inline:17px
}.ai-question input {
  font-size:16px
}.ai-question button {
  width:58px;
  padding:14px;
  border-radius:11px
}.ai-question button svg {
  width:27px;
  height:27px
}.ai-unavailable {
  margin-top:24px;
  padding:16px 20px;
  gap:16px;
  border-radius:12px
}.ai-unavailable h3 {
  font-size:16px
}.ai-unavailable p {
  font-size:14px
}.ai-unavailable>.ui-icon {
  width:28px;
  height:28px
}html body .header .back-to-site:hover {
  background:linear-gradient(115deg,#087fea,#0755ad);
  border-color:#0875db;
  box-shadow:0 5px 15px #0875db38;
  transform:translateY(-2px)
}html body .header .back-to-site:active {
  transform:translateY(0);
  background:#124570
}
@media(max-height:800px) and (min-width:761px) {body .sidebar {
    padding-top:15px
  }body .sidebar nav a,body .sidebar nav button {
    min-height:44px;
    padding-block:8px
  }body .sidebar .platform-brand {
    margin-bottom:6px
  }body .sidebar .nav-caption {
    margin-top:12px
  }body.account-page main {
    padding-top:18px
  }.ai-page .ai-workspace {
    padding:24px 28px
  }
}
@media(max-width:760px) {body .account-hero h1 {
    font-size:30px
  }body .account-hero>p:last-of-type {
    font-size:16px
  }body.ai-page .account-hero {
    min-height:110px
  }body.ai-page .ai-workspace {
    padding:24px 18px;
    margin:12px auto 24px
  }.ai-workspace h2 {
    font-size:24px
  }.ai-unavailable {
    padding:15px;
    gap:12px
  }.ai-question>.ui-icon {
    margin-inline:12px
  }.ai-question input {
    font-size:16px
  }
}
@media(min-width:761px) {html body.account-page .sidebar,html body.platform-home .sidebar {
    padding:18px 14px 12px
  }html body.account-page .sidebar nav a,html body.platform-home .sidebar nav a {
    min-height:44px;
    padding:8px 12px;
    font-size:14px;
    gap:12px
  }html body.account-page .sidebar nav .ui-icon,html body.platform-home .sidebar nav .ui-icon {
    width:23px;
    height:23px
  }html body.account-page .account-hero h1 {
    font-size:clamp(30px,2.7vw,42px);
    margin:8px 0
  }html body.account-page .account-hero>p:last-of-type {
    font-size:16px
  }html body .sidebar .platform-brand {
    margin-bottom:12px
  }html body .sidebar .nav-divider {
    margin:14px 0
  }html body .sidebar .sidebar-account {
    margin-top:auto
  }html body .sidebar .sidebar-person {
    padding-block:10px
  }html body .sidebar .theme-controls {
    padding-top:10px;
    padding-bottom:0
  }html body .sidebar .nav-caption {
    margin:10px 0
  }
}
@media(max-width:520px){html body[class] .header {gap:5px;padding-inline:7px}html body[class] .header>.brand:first-child {width:64px!important;min-width:64px!important}html body .header .back-to-site {max-width:90px;min-width:0;padding-inline:7px;font-size:10px}html body .header .menu-toggle {width:32px;padding:4px}html body .header .menu-toggle .ui-icon {width:22px;height:22px}} @media(max-width:760px){.field input,.field select,.field textarea,.contribution-page .contribution-control input,.contribution-page .contribution-control select,.contribution-page .contribution-control textarea,.targeted-form .contribution-control select,.targeted-form .contribution-control input {font-size:16px!important}}