/* ElixirCraft: original block-world art, inventory panels, emerald and amethyst. */
@font-face {
  font-family:'Elixir Pixel';
  src:url('/static/assets/fonts/PressStart2P-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
:root {
  color-scheme:dark;
  --bg:#242521;
  --panel:#c6c6c6;
  --panel2:#b5b5b5;
  --line:#53554d;
  --text:#f4f4e9;
  --muted:#c2c4b8;
  --green:#ade17d;
  --purple:#d6b3ff;
  --red:#ffb8ad;
  --gold:#f5d879;
  --focus:#c49cff;
  --pixel:'Elixir Pixel',monospace;
  font-family:'Segoe UI',Arial,sans-serif;
  font-size:15px;
}
body {
  background-color:var(--bg);
  background-image:linear-gradient(45deg,#ffffff03 25%,transparent 25%,transparent 75%,#ffffff03 75%),linear-gradient(45deg,#00000012 25%,transparent 25%,transparent 75%,#00000012 75%);
  background-size:32px 32px;
  background-position:0 0,16px 16px;
  line-height:1.65;
}
button,input,select,textarea,.card,dialog,.badge,.bar,.notice,.empty,.table-wrap,.chat,.code,.tabs button,.side button,#toast,.link-command,.community *,.staff-portal * {
  border-radius:0;
}
button,a,input,select,textarea,summary {
  -webkit-tap-highlight-color:transparent;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:3px solid var(--focus);
  outline-offset:4px;
}
button {
  min-height:44px;
  border:2px solid #11170e;
  padding:10px 19px 12px;
  color:#fff;
  background:#367625;
  box-shadow:inset 2px 2px #73a650,inset -2px -3px #245019,0 2px #10160d;
  text-shadow:1px 2px #0007;
  font-weight:700;
  line-height:1.35;
}
button:hover {
  filter:brightness(1.1);
}
button:active:not(:disabled) {
  box-shadow:inset 2px 2px #0005;
  transform:translateY(1px);
}
button:disabled {
  opacity:.65;
  cursor:not-allowed;
}
button.secondary,.secondary {
  color:#242424;
  background:#bdbdbd;
  border-color:#151515;
  box-shadow:inset 2px 2px #eeeeee,inset -2px -3px #737373,0 2px #151515;
  text-shadow:none;
}
button.danger {
  color:#fff;
  border-color:#34100c;
  background:#963f35;
  box-shadow:inset 2px 2px #c47566,inset -2px -3px #64271f,0 2px #21100e;
}
button.small {
  min-height:36px;
  padding:8px 12px 9px;
}
button.link {
  min-height:36px;
  border:0;
  box-shadow:none;
  text-shadow:none;
  transform:none;
  background:none;
}
input,select,textarea {
  color-scheme:dark;
  color:#f6f6ed;
  background:#30312e;
  border:2px solid #161712;
  box-shadow:inset 2px 2px #1c1d19,inset -1px -1px #65675d;
  padding:11px 12px;
  line-height:1.5;
}
input::placeholder,textarea::placeholder {
  color:#bbbdb2;
  opacity:1;
}
input:focus,select:focus,textarea:focus {
  border-color:#7245a6;
}
input[type=checkbox] {
  accent-color:#397627;
  box-shadow:none;
}
input[type=file]::file-selector-button {
  padding:7px 10px;
  margin-right:12px;
  cursor:pointer;
}
label {
  font-weight:600;
}
header {
  max-width:1440px;
  padding:24px 4%;
  gap:26px;
  border-bottom:3px solid #121410;
  box-shadow:0 1px #55574e;
  background:#242521;
}
.brand {
  font:400 19px/1.5 var(--pixel);
  gap:12px;
  text-shadow:2px 3px #10110e;
}
.brand:hover {
  text-decoration:none;
}
.brand img {
  object-fit:contain;
  image-rendering:pixelated;
  flex-shrink:0;
}
.brand span span,footer .wordmark span {
  color:var(--green);
}
.brand small {
  font:700 9px/1.5 'Segoe UI',Arial,sans-serif;
  letter-spacing:3px;
  margin-top:5px;
  color:#d5b9f5;
}
header nav {
  gap:7px;
}
header nav a {
  padding:11px 13px;
  color:#d8d9ce;
  font-weight:600;
  border-bottom:3px solid transparent;
}
header nav a:hover {
  text-decoration:none;
  color:#fff;
  background:#363831;
}
header nav a.active {
  color:#c5ef94;
  border-color:#91bc57;
  background:#363d2b;
}
#identity {
  flex-shrink:0;
}
#identity button {
  max-width:190px;
  overflow-wrap:anywhere;
}
main {
  max-width:1440px;
  padding:34px 4% 80px;
}
h1,h2 {
  font-family:var(--pixel);
  font-weight:400;
  letter-spacing:0;
  line-height:1.65;
  overflow-wrap:anywhere;
}
h1 {
  font-size:clamp(22px,2.8vw,31px);
  margin-bottom:18px;
}
h2 {
  font-size:clamp(16px,1.8vw,21px);
  margin-bottom:18px;
}
h3 {
  font:700 21px/1.35 'Segoe UI',Arial,sans-serif;
  overflow-wrap:anywhere;
}
.eyebrow {
  color:var(--purple);
  letter-spacing:2px;
  font-size:.69rem;
  font-weight:800;
  margin-bottom:15px;
}
.section-title {
  padding:16px 0 24px;
  margin-bottom:24px;
  border-bottom:2px solid var(--line);
}
.section-title p {
  margin:0;
  font-size:1rem;
}
.section-head {
  margin:44px 0 22px;
}
.section-head a {
  font-size:.87rem;
  font-weight:600;
  white-space:nowrap;
}
.section-head .eyebrow {
  margin-bottom:10px;
}
.section-head h2 {
  max-width:750px;
}
.grid {
  gap:19px;
}
.grid>*,.account-columns>*,.form-grid>* {
  min-width:0;
}
/* Light inventory surfaces own their text colors, including nested components. */
.card,dialog,.table-wrap,.community-filters,.community-topic-list,.staff-toolbar,.staff-metrics,.staff-task,.staff-advanced>details {
  --text:#242621;
  --muted:#3f4439;
  --green:#214a14;
  --purple:#593078;
  --red:#7e261f;
  --gold:#5d430b;
  --focus:#603584;
  --line:#989b90;
  --community-border:#929687;
  --staff-edge:#93988b;
  --staff-surface:#bdbfb8;
  --staff-violet:#593078;
  color:var(--text);
  color-scheme:light;
  background:#c6c6c6;
  border:3px solid #11130f;
  box-shadow:inset 2px 2px #f0f0eb,inset -2px -2px #777a70,0 4px #151711;
}
.card {
  padding:25px;
}
.card p {
  color:var(--muted);
}
.card .symbol {
  color:var(--purple);
  margin-bottom:18px;
}
.card .count,.stats strong {
  font-family:var(--pixel);
  font-size:23px;
}
.badge {
  border:1px solid var(--line);
  padding:3px 8px;
  font-weight:600;
  font-size:.7rem;
  background:#00000008;
}
.badge.online {
  border-color:var(--green);
}
.badge.online:before {
  width:6px;
  height:6px;
  border-radius:0;
}
.bar {
  margin-top:22px;
  border:2px solid #626650;
  background:#34392a;
  box-shadow:inset 2px 2px #ffffff0b,0 3px #14160f;
}
.bar .block-icon {
  width:30px;
  height:30px;
  flex-shrink:0;
}
.bar p {
  font-size:.95rem;
}
.bar strong {
  color:#e4f7ce;
}
.notice {
  --text:#492d65;
  --focus:#603584;
  --muted:#594369;
  --green:#245117;
  --purple:#603584;
  --red:#8f2b23;
  --line:#9a7bb5;
  border:2px solid #78608f;
  border-left-width:5px;
  background:#e2d5ee;
  color:#492d65;
  box-shadow:inset 1px 1px #ffffff80;
}
.notice a {
  color:#492d65;
  text-decoration:underline;
}
.notice .muted,.notice p,.notice .badge {
  color:#492d65;
}
.empty {
  border:2px dashed var(--line);
  background:#0000000e;
  font-size:.9rem;
}
.divider {
  height:2px;
  box-shadow:0 1px #ffffff35;
}
.auth {
  max-width:560px;
}
.auth h1 {
  font-size:25px;
}
.auth .card {
  padding:30px;
}
.auth-switch {
  gap:15px;
  flex-wrap:wrap;
}
.account-columns {
  margin-top:22px;
}
.link-command {
  background:#b5bcb0;
  border:2px solid #6b8160;
}
.code,.console,.chat,.staff-address {
  --text:#e3e8da;
  --focus:#c49cff;
  --muted:#bec5b5;
  --green:#b4e58b;
  --purple:#d5b5ff;
  --red:#ffb8ad;
  color-scheme:dark;
  color:#e3e8da;
  border:2px solid #12160f;
  background:#23291f;
  box-shadow:inset 2px 2px #10150d,inset -1px -1px #7c8474;
}
.code {
  color:#b4e58b;
}
.chat p {
  border-color:#4b5542;
}
.table-wrap {
  margin-top:20px;
}
th {
  background:#a9ada1;
  color:#3e4537;
  border-bottom:2px solid #7d8573;
}
td {
  overflow-wrap:anywhere;
}
tbody tr:nth-child(even) {
  background:#ffffff22;
}
.tabs button,.side button {
  background:#45483d;
  color:#e1e5d4;
  border:2px solid #191c14;
  box-shadow:inset 1px 1px #6f7562,inset -1px -1px #282c20;
  text-shadow:none;
}
.tabs button.active,.side button.active {
  color:#d1f3ae;
  background:#3c542d;
  border-color:#94b76e;
}
dialog {
  padding:30px;
}
dialog::backdrop {
  background:#080b06cc;
  backdrop-filter:none;
}
dialog .eyebrow {
  color:#684091;
}
dialog h2 {
  font-size:17px;
}
#toast {
  background:#3a4730;
  border:3px solid #10150d;
  box-shadow:inset 2px 2px #91a675,inset -2px -2px #24311b,0 4px #0006;
  max-width:min(450px,calc(100vw - 32px));
}
.skip {
  background:#c9ed9f;
  color:#18210f;
  border:2px solid #0c1107;
}
footer {
  max-width:1440px;
  padding:30px 4%;
  border-top:3px solid #14160f;
  box-shadow:0 -1px #53574b;
  gap:26px;
  background:#20221c;
}
footer .wordmark {
  font:400 14px/1.6 var(--pixel);
  color:#ecefe4;
}
footer>span {
  font-size:.7rem;
}
/* Overworld spawn artwork with a left-side reading scrim. */
.hero {
  display:flex;
  align-items:center;
  min-height:560px;
  padding:48px 42px;
  border:4px solid #10150c;
  border-bottom:7px solid #4c782e;
  background:#364b32 url('/static/assets/elixircraft-overworld.png') center center/cover no-repeat;
  box-shadow:0 5px #12160e,inset 0 2px #ffffff44;
  isolation:isolate;
}
.hero:before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,#111c10ee 0%,#101b10d9 31%,#15200e7a 57%,#101c0b0a 82%);
}
.hero-copy {
  position:relative;
  width:640px;
  max-width:100%;
}
.hero .eyebrow {
  color:#e3caff;
  font-size:.66rem;
  letter-spacing:2.5px;
  text-shadow:1px 2px #111;
}
.hero .eyebrow:before {
  content:'';
  display:inline-block;
  width:8px;
  height:8px;
  background:#b79ad8;
  margin-right:10px;
  box-shadow:3px 3px #513c6e;
}
.hero h1 {
  font-size:clamp(25px,3.1vw,39px);
  line-height:1.6;
  letter-spacing:-1px;
  text-shadow:3px 4px #10200d;
  max-width:650px;
  margin-bottom:20px;
}
.hero h1 span {
  color:#b7ed7d;
}
.hero p {
  color:#f0f0dc;
  font-size:1rem;
  max-width:400px;
  margin:0;
  text-shadow:1px 1px #15210c;
}
.hero .actions {
  gap:10px;
  margin-top:26px;
}
.hero .actions button {
  font-size:.9rem;
  min-height:48px;
}
.hero-note {
  color:#dee7cf;
  font-size:.74rem;
  margin-top:23px;
}
.hero-note strong {
  color:#fff;
  font-family:Consolas,monospace;
  font-size:.9rem;
  font-weight:400;
}
.hero-world-tag {
  position:absolute;
  bottom:18px;
  right:18px;
  padding:8px 11px;
  color:#f2e3ff;
  border:2px solid #473454;
  background:#1e1529d9;
  font-size:.62rem;
  letter-spacing:1.5px;
}
.block-icon {
  display:inline-block;
  width:42px;
  height:42px;
  image-rendering:pixelated;
  shape-rendering:crispEdges;
  vertical-align:middle;
}
.server-card {
  position:relative;
  border-top-width:5px;
}
.server-card .row:first-child {
  margin-bottom:18px;
}
.server-card .block-icon {
  width:46px;
  height:46px;
  padding:5px;
  background:#959a8c;
  border:2px solid #7c8272;
  box-shadow:inset 2px 2px #666c5d,inset -1px -1px #edf0e7;
}
.server-card h3 {
  margin:0 0 8px;
}
.server-card p {
  margin:0 0 23px;
  font-size:.9rem;
}
.server-card>.row:last-child {
  border-top:2px solid #a5aa9c;
  padding-top:14px;
}
.home-paths {
  margin-top:44px;
}
.home-paths .block-icon {
  margin-bottom:18px;
}
.home-paths h3 {
  font-size:20px;
}
.home-paths a {
  font-weight:700;
  font-size:.85rem;
}
/* Community: category slots, a discussion inventory, and a player noticeboard. */
.community {
  --community-border:#535c47;
  animation:none;
}
.community-heading {
  border-bottom:2px solid var(--line);
  padding-bottom:26px;
}
.community-heading h1,.community-thread-heading h1 {
  font-size:clamp(21px,2.6vw,29px);
  line-height:1.65;
}
.community-heading p {
  font-size:.95rem;
}
.community-queue-link {
  border:2px solid #8e73aa;
  background:#3a2f46;
  color:#e4cbff;
}
.community-category {
  border:2px solid #151a10;
  background:#404738;
  box-shadow:inset 1px 1px #667257,inset -1px -1px #282f20;
  color:#edf2e6;
  font-weight:600;
}
.community-category small {
  color:#c7d1bd;
}
.community-category:hover {
  background:#4b573e;
}
.community-category.active {
  color:#c8f39f;
  background:#354b28;
  border-color:#99b77a;
  box-shadow:inset 2px 2px #1d3012;
}
.community-count {
  border-color:#839174;
  color:#e1e9d5;
  background:#1d2816;
}
.community-categories h2 {
  margin-left:0;
  font-weight:700;
}
.community-sidebar-note {
  margin-left:0;
}
.community-result-line h2 {
  font:400 14px/1.7 var(--pixel);
}
.community-filters {
  padding:18px;
}
.community-filters label {
  font-size:.75rem;
}
.community-checkbox input {
  width:17px;
  height:17px;
}
.community-compose summary>span:first-child {
  font:700 20px/1.4 'Segoe UI',Arial,sans-serif;
}
.community-compose h2 {
  font-size:16px;
}
.community-topic {
  background:#c6c6c6;
  border-bottom:2px solid #999f90;
  box-shadow:inset 1px 1px #efefe8;
}
.community-topic:nth-child(even) {
  background:#bcc1b5;
}
.community-topic.is-unread {
  background:#d0d8c5;
  box-shadow:inset 4px 0 #487b2c;
}
.community-topic h3 {
  font:700 21px/1.35 'Segoe UI',Arial,sans-serif;
  margin-top:10px;
}
.community-topic-stats strong {
  font:400 17px/1.6 var(--pixel);
}
.community-topic-icon {
  color:#70508f;
}
.community-topic-icon svg {
  width:27px;
  height:27px;
}
.community-avatar {
  font:400 15px/1 var(--pixel);
  background:#805ca1;
  color:#fff;
  border:2px solid #55396f;
  box-shadow:inset 3px 3px #bfa7d9,inset -3px -3px #674682;
  text-shadow:1px 2px #352241;
}
.community-feed-aside {
  padding:22px;
  border:2px solid #535e47;
  background:#2d3426;
  box-shadow:inset 1px 1px #5a644d;
}
.community-feed-aside h2 {
  font-size:15px;
  line-height:1.8;
  margin-top:18px;
}
.community-feed-aside .block-icon {
  width:38px;
  height:38px;
}
.community-post.is-official {
  background:#d1c5dd;
  border-color:#31213e;
  box-shadow:inset 2px 2px #f1e6fa,inset -2px -2px #9681a6,0 4px #17131c;
}
.community-post h1 {
  font-size:clamp(19px,2vw,25px);
  line-height:1.65;
}
.community-post h2 {
  font:700 25px/1.4 'Segoe UI',Arial,sans-serif;
}
.community-reaction.active {
  color:#244e17;
  background:#a8c98e;
  border-color:#365b25;
  box-shadow:inset 2px 2px #d1e9ba,inset -2px -2px #73985a;
}
.community-media img,.community-media video {
  border:2px solid #6c7464;
}
.community-upload-control {
  background:#b8beb0;
  border:2px dashed #757f69;
}
.community-upload-item {
  background:#d0d3ca;
  border:2px solid #8a927e;
  box-shadow:inset 1px 1px #f3f5ed;
}
.community-report-excerpt {
  background:#b3baa9;
  border:2px solid #8f9883;
}
.community-report-reason {
  background:#d9cce5;
  border:2px solid #ab91c3;
  border-left-width:5px;
}
.community-report h2 {
  font-size:18px;
}
.community-reported-target {
  outline:3px solid #986ec4;
  outline-offset:3px;
}
.community .empty {
  background:#0000000e;
}
.community-page-error h1 {
  font-size:25px;
}
/* Staff: task-first controls in the same inventory system. */
.staff-portal {
  --staff-edge:#565f4b;
  --staff-surface:#363d2d;
  --staff-violet:#d6b3ff;
}
.staff-portal .section-title h1 {
  font-size:clamp(22px,2.5vw,30px);
  letter-spacing:0;
}
.staff-toolbar {
  padding:19px 21px;
  align-items:end;
}
.staff-toolbar-note {
  color:var(--muted);
}
.staff-ok-dot {
  border-radius:0;
}
.staff-nav {
  border-right:2px solid #4b5441;
}
.staff-nav-group>span {
  font-size:.62rem;
  color:#b5c49e;
}
.staff-nav button,.staff-nav .staff-task {
  --focus:#c49cff;
  --muted:#c2c4b8;
  background:#383f30;
  color:#dde5d1;
  border:2px solid #171d11;
  box-shadow:inset 1px 1px #5b674d,inset -1px -1px #242d1c;
  min-height:44px;
  text-shadow:none;
}
.staff-nav button:hover,.staff-nav .staff-task:hover {
  background:#46533b;
  color:#f6f8ef;
}
.staff-nav button.active {
  color:#c6f394;
  background:#375127;
  border-color:#91b36e;
  box-shadow:inset 2px 2px #203715;
}
.staff-nav button small {
  color:#edd5ff;
  border-color:#8e6db0;
  border-radius:0;
  background:#453354;
}
.staff-nav .staff-task>span>span {
  color:#d6b3ff;
}
.staff-section-head h2 {
  font-size:17px;
  line-height:1.75;
}
.staff-content h3 {
  font-size:20px;
}
.staff-metrics>div {
  border-right:2px solid #9aa08f;
}
.staff-metrics strong {
  font:400 22px/1.6 var(--pixel);
}
.staff-metrics small {
  font:700 15px/1.4 'Segoe UI',Arial,sans-serif;
}
.staff-task:hover {
  background:#d3d7cc;
}
.staff-attention {
  background:#3a2d46;
  border:2px solid #806495;
  box-shadow:inset 1px 1px #a082b5;
}
.staff-attention h3,.staff-attention li strong {
  color:#f0e1fa;
}
.staff-attention>p,.staff-attention li>span {
  color:#dfcfe9;
}
.staff-attention li {
  border-color:#725a84;
}
.staff-status-unknown,.staff-status-expired {
  color:var(--gold);
  border-color:#947a37;
}
.staff-guidance h3 {
  font-size:19px;
}
.staff-history .staff-section-head h2 {
  font-size:16px;
}
.staff-gate h2 {
  font-size:19px;
}
.staff-assigned-summary {
  background:#ded1e9;
  border:2px solid #a58db9;
  border-left-width:5px;
}
.staff-assigned-summary p {
  color:#50336c;
}
.staff-advanced>details[open]>summary {
  background:#b4beaa;
  border-bottom:2px solid #949e87;
}
.staff-address {
  color:#b4e58b!important;
}
.staff-checklist code,.staff-connection-settings code {
  color:#684091;
}
.staff-guidance .staff-checklist code {
  color:#d6b3ff;
}
.staff-connection-settings h3 {
  font-size:20px;
}
.staff-content pre.console {
  color:#e3e8da;
}
@media(max-width:1150px) {
  header {
    flex-wrap:wrap;
    gap:16px;
  }
  header nav {
    order:3;
    width:100%;
    justify-content:flex-start;
    overflow:auto;
  }
  #identity {
    margin-left:auto;
  }
  .hero {
    min-height:520px;
    padding:35px 30px;
  }
  .hero h1 {
    font-size:31px;
  }
}
@media(max-width:800px) {
  main {
    padding:26px 4% 55px;
  }
  .hero {
    min-height:530px;
    padding:30px 25px 45px;
    background-position:58% center;
  }
  .hero:before {
    background:linear-gradient(90deg,#14210cf2,#14210cd6 48%,#14210c55);
  }
  .hero h1 {
    font-size:29px;
  }
  .hero-world-tag {
    font-size:.55rem;
    right:10px;
    bottom:10px;
  }
  .community-heading {
    display:block;
  }
  .community-heading h1 {
    font-size:25px;
  }
  .community-result-line h2 {
    font-size:12px;
  }
  .community-feed-aside {
    padding:22px;
  }
  .community-feed-aside h2 {
    display:block;
    margin-left:0;
  }
  .community-categories {
    gap:9px;
  }
  .community-category {
    min-height:48px;
  }
  .staff-metrics strong {
    font-size:18px;
  }
}
@media(max-width:520px) {
  header {
    padding:19px 4%;
    gap:15px;
  }
  .brand {
    font-size:14px;
    gap:8px;
  }
  .brand img {
    width:32px;
    height:36px;
  }
  .brand small {
    font-size:7px;
    letter-spacing:1.8px;
  }
  #identity {
    width:100%;
    margin:0;
    justify-content:flex-end;
  }
  #identity button {
    max-width:60%;
  }
  header nav {
    gap:3px;
    margin-top:-6px;
  }
  header nav a {
    padding:10px 13px;
    font-size:.84rem;
  }
  .hero {
    min-height:510px;
    padding:28px 19px 44px;
  }
  .hero h1 {
    font-size:clamp(19px,5.2vw,26px);
    line-height:1.7;
    letter-spacing:-.5px;
  }
  .hero p {
    font-size:.92rem;
  }
  .hero .eyebrow {
    font-size:.55rem;
    letter-spacing:1.4px;
  }
  .hero .actions {
    align-items:stretch;
  }
  .hero .actions button {
    font-size:.82rem;
    padding:11px 12px 13px;
  }
  .hero-note {
    max-width:240px;
    font-size:.67rem;
  }
  .hero-note strong {
    font-size:.8rem;
  }
  h1,.section-title h1,.staff-portal .section-title h1 {
    font-size:22px;
  }
  h2 {
    font-size:16px;
  }
  .section-head a {
    display:inline-block;
    margin-top:13px;
  }
  .bar {
    padding:17px;
    gap:12px;
  }
  .bar p {
    flex-basis:calc(100% - 50px);
  }
  .card {
    padding:20px;
  }
  .auth h1 {
    font-size:22px;
  }
  .auth .card {
    padding:23px;
  }
  .community-heading h1,.community-thread-heading h1 {
    font-size:22px;
  }
  .community-topic h3 {
    font-size:19px;
  }
  .community-topic-stats strong {
    font-size:14px;
  }
  .community-post h2 {
    font-size:23px;
  }
  .community-post h1 {
    font-size:19px;
  }
  .community-compose h2 {
    font-size:14px;
  }
  .community-tools .small {
    min-height:36px;
  }
  .community-pagination button {
    min-height:40px;
  }
  .staff-nav {
    border-right:0;
  }
  .staff-toolbar {
    padding:17px;
  }
  .staff-metrics strong {
    font-size:18px;
  }
  .staff-metrics>div {
    padding:13px 12px;
  }
  .staff-section-head h2 {
    font-size:16px;
  }
  .staff-workflow .card {
    padding:20px;
  }
  footer {
    display:block;
  }
  #toast {
    right:16px;
    bottom:16px;
    font-size:.85rem;
  }
  dialog {
    padding:24px;
  }
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after {
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
  button:active:not(:disabled) {
    transform:none;
  }
}