/* Base And Utilities */

*,*::after,*::before {

  box-sizing:border-box

}



html {

  scrollbar-gutter:stable;

  font-size:15.5px

}

button,
input,
select,
textarea {

  font-family:inherit

}



button,

a,

label,

input,

select,

textarea,

summary,

[role="button"] {

  -webkit-tap-highlight-color: transparent

}



body.pwa {

  overscroll-behavior: none;

  user-select: none;

  -webkit-user-select: none

}



body.pwa .allow-pwa-select,

body.pwa .allow-pwa-select * {

  user-select: text;

  -webkit-user-select: text

}



.skip-link {

  position:absolute;

  left:10px;

  top:10px;

  z-index:1000002;

  padding:8px 12px;

  border:1px solid var(--btn-border);

  border-radius:8px;

  background:var(--panel);

  color:var(--fg);

  text-decoration:none;

  transform:translateY(-140%);

  transition:transform .12s ease

}



.skip-link:focus-visible {

  transform:translateY(0);

  outline:3px solid var(--focus-ring-strong);

  outline-offset:2px

}



.lang-select option {

  font-weight:400

}




.visually-hidden,
.shell-source-hooks,
.file-input-visually-hidden,
.contact-honeypot {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
body {

  font-family:var(--font-ui);

  background-color:var(--canvas-bg-mid);

  background-image:var(--app-canvas-bg);

  background-attachment:fixed;

  color:var(--fg);

  margin:0;

  padding:var(--space-5) var(--space-4) var(--space-6);

  min-height:100vh;

  font-size:1rem;

  line-height:1.6;

  font-feature-settings:"rlig" 1,"calt" 1

}



.muted {

  color:var(--muted)

}