.desk-brand img { inline-size: 147px; }
.desk .site-header { border-block-end: 0; }
.desk #top, .desk #updates { scroll-margin-block-start: 24px; }
.desk-hero {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 20px;
  min-block-size: 408px;
  margin-block-start: 12px;
  padding: 54px 24px;
  border-radius: var(--radius);
  background: var(--ink);
  color: var(--paper);
  text-align: center;
}
.desk-hero-logo { display: block; inline-size: min(100%, 492px); block-size: auto; }
.desk-hero h1 { font-size: clamp(26px, 4vw, 37px); font-weight: 620; }
.desk-hero h1 span { color: var(--accent); }
.desk-hero .desk-cta { margin-block-start: 8px; padding-inline: 21px; background: var(--paper); color: var(--ink); border-color: var(--paper); }
.desk-hero .desk-cta:hover { background: var(--accent); border-color: var(--accent); }
.desk-hero .desk-cta:focus-visible { outline-color: var(--accent); }
.desk-tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; margin: 0; padding: 0; }
.desk-tool {
  display: grid;
  align-content: start;
  gap: 13px;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 142px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--ink);
  text-align: start;
  text-decoration: none;
}
.desk-tool:hover, .desk-tool:focus-visible { border-color: var(--brand); background: var(--selected); }
.desk-tool-live { border-color: var(--accent); }
.desk-tool-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 12px; justify-content: space-between; }
.desk-tool-name { font-weight: 680; font-size: 19px; letter-spacing: -.018em; }
.desk-tool-state { color: var(--brand); font-size: 13px; font-weight: 600; }
.desk-tool-description, .desk-info { color: var(--muted); line-height: 1.6; }
.desk-membership { align-items: start; padding: 22px; }
.desk-membership h2 { max-inline-size: 21ch; text-wrap: balance; }
.desk-form .primary { padding-inline: 13px; min-block-size: 40px; font-size: 14px; }
.desk-form .desk-form-status { margin-block-start: 8px; }
.desk-form .desk-form-status:empty { display: none; }
.desk-dialog-tool { margin-block: 0 18px; color: var(--brand); font-weight: 650; }
.desk-info { white-space: pre-line; }
.desk-footer-tagline { color: var(--ink); }
@media (max-width: 740px) {
  .desk-brand img { inline-size: 114px; }
  .desk #desk-language-form { flex: none; }
  .desk #ui-language { inline-size: 90px; min-inline-size: 90px; }
  .desk-hero { min-block-size: 308px; margin-block-start: 5px; gap: 14px; padding: 36px 19px; }
  .desk-hero-logo { inline-size: min(100%, 376px); }
  .desk-tool-grid { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  .desk-tool { min-block-size: 0; padding: 16px; gap: 7px; }
  .desk .below-tool, .desk .site-footer { margin-block-start: 36px; }
  .desk-membership { padding: 17px; }
  .desk-membership h2 { max-inline-size: none; }
}