/* /Components/Account/AuthShell.razor.rz.scp.css */
.auth-root[b-u67yq2gx1o] {
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--bg);
  color: var(--fg);
}

.auth-mark[b-u67yq2gx1o] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-studio-control);
  background: var(--studio-primary);
  color: var(--studio-canvas);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 600;
}

.auth-root--narrow[b-u67yq2gx1o] {
  display: grid;
  place-items: center;
  padding: var(--space-6);
}

.auth-card[b-u67yq2gx1o] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  width: min(100%, 24rem);
  padding: var(--space-6);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.auth-card__brand[b-u67yq2gx1o] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--fg);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: -0.025em;
  text-decoration: none;
}

.auth-root--app[b-u67yq2gx1o] {
  display: grid;
  grid-template-columns: var(--sidebar-writer) minmax(0, 1fr);
}

.auth-nav[b-u67yq2gx1o] {
  position: sticky;
  top: 0;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  padding: var(--space-2);
  border-right: 1px solid var(--studio-border);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}

.auth-nav__brand[b-u67yq2gx1o] {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-2);
  min-height: 3rem;
  padding: 0 var(--space-2);
  color: var(--fg);
  text-decoration: none;
}

.auth-nav__name[b-u67yq2gx1o] {
  min-width: 0;
  overflow: hidden;
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: -0.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-nav__icon[b-u67yq2gx1o] {
  flex: none;
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-nav__menu[b-u67yq2gx1o] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.auth-nav__label[b-u67yq2gx1o] {
  margin: var(--space-3) 0 0;
  padding: 0 var(--space-3);
  color: var(--studio-muted);
  font-size: var(--text-xs);
  font-weight: 500;
}

.auth-nav__link[b-u67yq2gx1o] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2rem;
  padding: 0 var(--space-3);
  border-radius: var(--radius-studio-control);
  color: var(--studio-sidebar-fg);
  font-weight: 500;
  text-decoration: none;
  transition: background-color var(--duration-ui) var(--easing-ui);
}

.auth-nav__link:hover[b-u67yq2gx1o],
.auth-nav__link[aria-current="page"][b-u67yq2gx1o] {
  background: var(--studio-hover);
  color: var(--fg);
}

.auth-nav__foot[b-u67yq2gx1o] {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--studio-border);
}

.auth-nav__user[b-u67yq2gx1o] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 3rem;
  padding: 0 var(--space-2);
}

.auth-nav__user[b-u67yq2gx1o]  .avatar--initials {
  background: var(--studio-hover);
  color: var(--fg);
}

.auth-nav__user-copy[b-u67yq2gx1o] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.auth-nav__who[b-u67yq2gx1o] {
  min-width: 0;
  overflow: hidden;
  margin: 0;
  color: var(--fg);
  font-size: var(--text-sm);
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-nav__sign-out[b-u67yq2gx1o] {
  padding: 0;
  border: 0;
  background: none;
  color: var(--muted);
  font-family: inherit;
  font-size: var(--text-xs);
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}

.auth-nav__sign-out:hover[b-u67yq2gx1o] {
  color: var(--fg);
}

.auth-nav__foot[b-u67yq2gx1o]  .language-switch {
  padding-inline: var(--space-2);
}

.auth-main[b-u67yq2gx1o] {
  padding: var(--space-8) var(--space-6) var(--space-16);
}

.auth-root__column[b-u67yq2gx1o] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  max-width: var(--measure-writer);
  margin: 0 auto;
}

.auth-root--narrow .auth-root__column[b-u67yq2gx1o],
.auth-root--app .auth-root__column[b-u67yq2gx1o] {
  max-width: none;
  margin: 0;
}

.auth-root--app .auth-root__column[b-u67yq2gx1o] {
  max-width: var(--measure-writer);
}

.auth-root--app.auth-root--wide .auth-root__column[b-u67yq2gx1o] {
  max-width: var(--measure-wide);
}

.auth-root__column[b-u67yq2gx1o]  h1 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-2xl);
  line-height: var(--text-2xl-lh);
  font-weight: 600;
  letter-spacing: -0.025em;
}

.auth-root__column[b-u67yq2gx1o]  h2 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  line-height: var(--text-md-lh);
  font-weight: 600;
  letter-spacing: -0.025em;
}

.auth-root__column[b-u67yq2gx1o]  form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.auth-root__column[b-u67yq2gx1o]  form .btn {
  align-self: flex-start;
  flex-shrink: 0;
}

.auth-root--narrow .auth-root__column[b-u67yq2gx1o]  form .btn {
  align-self: stretch;
  width: 100%;
}

.auth-root--app[b-u67yq2gx1o]  .auth-panel,
.auth-root--app[b-u67yq2gx1o]  .empty,
.auth-root--app[b-u67yq2gx1o]  .reader-search,
.auth-root--app[b-u67yq2gx1o]  .search__hits {
  padding: var(--space-6);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.auth-root--app[b-u67yq2gx1o]  .search__hits:has(+ .search-pager) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.auth-root--app[b-u67yq2gx1o]  .search-pager {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 1px solid var(--studio-border);
  border-top: 0;
  border-radius: 0 0 var(--radius-studio) var(--radius-studio);
  background: var(--studio-surface);
}

.auth-root__column[b-u67yq2gx1o]  .auth-root__links {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--muted);
}

.auth-root__column[b-u67yq2gx1o]  .auth-root__links a {
  color: var(--fg);
  font-weight: 500;
  text-underline-offset: 0.15em;
}

.auth-root__column[b-u67yq2gx1o]  .auth-root__email {
  margin: calc(var(--space-4) * -1) 0 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--muted);
}

.auth-root__column[b-u67yq2gx1o]  textarea,
.auth-root[b-u67yq2gx1o]  .field__input,
.auth-root[b-u67yq2gx1o]  select.field__input {
  min-height: 2.25rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--fg);
}

.auth-root[b-u67yq2gx1o]  .field__control .field__input {
  padding-inline-end: 2.5rem;
}

.auth-root__column[b-u67yq2gx1o]  textarea {
  min-height: 6rem;
  padding: var(--space-3);
  resize: vertical;
}

.auth-root__column[b-u67yq2gx1o]  .field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.auth-root[b-u67yq2gx1o]  .field__label {
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  font-weight: 500;
  color: var(--fg);
}

.auth-root[b-u67yq2gx1o]  .btn {
  min-height: 2.25rem;
  padding: 0 var(--space-4);
  border-radius: var(--radius-studio-control);
  box-shadow: var(--shadow-studio);
}

.auth-root[b-u67yq2gx1o]  .btn--primary {
  background: var(--studio-primary);
  color: var(--studio-canvas);
}

.auth-root[b-u67yq2gx1o]  .btn--primary:hover {
  background: var(--studio-primary-hover);
}

.auth-root[b-u67yq2gx1o]  .btn--primary:active {
  background: var(--studio-ink);
}

.auth-root[b-u67yq2gx1o]  .btn--secondary {
  background: var(--studio-surface);
  border-color: var(--studio-border);
  color: var(--fg);
}

.auth-root[b-u67yq2gx1o]  .btn--secondary:hover,
.auth-root[b-u67yq2gx1o]  .btn--secondary:active {
  background: var(--studio-hover);
  border-color: var(--studio-border);
}

.auth-root[b-u67yq2gx1o]  .btn--ghost {
  box-shadow: none;
}

.auth-root[b-u67yq2gx1o]  .btn--ghost:hover,
.auth-root[b-u67yq2gx1o]  .btn--ghost:active {
  background: var(--studio-hover);
  text-decoration: none;
}

.auth-root[b-u67yq2gx1o]  .search-field__box {
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.auth-root[b-u67yq2gx1o]  .alert {
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.auth-root__column[b-u67yq2gx1o]  .workspaces-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.auth-root__column[b-u67yq2gx1o]  .workspaces-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.auth-root__column[b-u67yq2gx1o]  .workspaces-actions form {
  margin: 0;
}

.auth-root__column[b-u67yq2gx1o]  .data-table {
  margin: 0;
}

@media (max-width: 48rem) {
  .auth-root--app[b-u67yq2gx1o] {
    grid-template-columns: 1fr;
  }

  .auth-nav[b-u67yq2gx1o] {
    position: static;
    height: auto;
    max-height: none;
    overflow: visible;
    border-right: 0;
    border-bottom: 1px solid var(--studio-border);
  }

  .auth-nav__menu[b-u67yq2gx1o] {
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: visible;
  }

  .auth-nav__foot[b-u67yq2gx1o] {
    border-top: 0;
  }

  .auth-main[b-u67yq2gx1o] {
    padding-inline: var(--space-4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-nav__link[b-u67yq2gx1o],
  .auth-root[b-u67yq2gx1o]  .btn {
    transition: none;
  }
}
/* /Components/AppChrome/AppSidebar.razor.rz.scp.css */
.auth-mark[b-7wutrnyw03] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-studio-control);
  background: var(--studio-primary);
  color: var(--studio-canvas);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 600;
}

.auth-nav[b-7wutrnyw03] {
  position: sticky;
  top: 0;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  padding: var(--space-2);
  border-right: 1px solid var(--studio-border);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  background: var(--bg);
  color: var(--fg);
}

.auth-nav__brand[b-7wutrnyw03] {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-2);
  min-height: 3rem;
  padding: 0 var(--space-2);
  color: var(--fg);
  text-decoration: none;
}

.auth-nav__name[b-7wutrnyw03] {
  min-width: 0;
  overflow: hidden;
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: -0.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-nav__icon[b-7wutrnyw03] {
  flex: none;
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-nav__menu[b-7wutrnyw03] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.auth-nav__label[b-7wutrnyw03] {
  margin: var(--space-3) 0 0;
  padding: 0 var(--space-3);
  color: var(--studio-muted);
  font-size: var(--text-xs);
  font-weight: 500;
}

.auth-nav__switcher[b-7wutrnyw03] {
  display: block;
  margin: 0;
  padding: 0 var(--space-2);
}

.auth-nav__select[b-7wutrnyw03] {
  width: 100%;
  min-height: 2rem;
  padding: 0 var(--space-2);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  color: var(--fg);
  font: inherit;
  font-weight: 500;
}

.auth-nav__link[b-7wutrnyw03],
.auth-nav__publication[b-7wutrnyw03] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2rem;
  padding: 0 var(--space-3);
  border-radius: var(--radius-studio-control);
  color: var(--studio-sidebar-fg);
  font-weight: 500;
  text-decoration: none;
  transition: background-color var(--duration-ui) var(--easing-ui);
}

.auth-nav__link:hover[b-7wutrnyw03],
.auth-nav__link[aria-current="page"][b-7wutrnyw03],
.auth-nav__publication:hover[b-7wutrnyw03] {
  background: var(--studio-hover);
  color: var(--fg);
}

.auth-nav__publication[b-7wutrnyw03] {
  margin-top: var(--space-2);
  color: var(--studio-muted);
}

.auth-nav__foot[b-7wutrnyw03] {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--studio-border);
}

.auth-nav__user[b-7wutrnyw03] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 3rem;
  padding: 0 var(--space-2);
}

.auth-nav__user[b-7wutrnyw03]  .avatar--initials {
  background: var(--studio-hover);
  color: var(--fg);
}

.auth-nav__user-copy[b-7wutrnyw03] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.auth-nav__who[b-7wutrnyw03] {
  min-width: 0;
  overflow: hidden;
  margin: 0;
  color: var(--fg);
  font-size: var(--text-sm);
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-nav__sign-out[b-7wutrnyw03] {
  padding: 0;
  border: 0;
  background: none;
  color: var(--muted);
  font-family: inherit;
  font-size: var(--text-xs);
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}

.auth-nav__sign-out:hover[b-7wutrnyw03] {
  color: var(--fg);
}

.auth-nav__foot[b-7wutrnyw03]  .language-switch {
  padding-inline: var(--space-2);
}
/* /Components/GalleryViewer.razor.rz.scp.css */
/*
  In-article gallery viewer. Native dialog (top layer), so it sits above the sticky masthead
  without a z-index fight. Chrome lives around the photograph, never on it.
*/

.gallery-viewer[b-5lb3pa5f33],
.gallery-viewer:modal[b-5lb3pa5f33] {
  box-sizing: border-box;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: var(--space-8);
  padding-bottom: var(--space-12);
  border: 0;
  overflow: hidden;
  background: var(--ink);
  color: var(--paper);
  font-family: var(--font-ui);
}

.gallery-viewer[b-5lb3pa5f33]::backdrop {
  background: var(--ink);
}

.gallery-viewer[open][b-5lb3pa5f33] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.gallery-viewer__chrome[b-5lb3pa5f33] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2);
  flex: 0 0 auto;
}

.gallery-viewer__chrome form[b-5lb3pa5f33] {
  display: contents;
}

.gallery-viewer__close[b-5lb3pa5f33],
.gallery-viewer__zoom[b-5lb3pa5f33],
.gallery-viewer__nav[b-5lb3pa5f33] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid var(--paper);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--paper);
  cursor: pointer;
}

.gallery-viewer__close svg[b-5lb3pa5f33],
.gallery-viewer__zoom svg[b-5lb3pa5f33],
.gallery-viewer__nav svg[b-5lb3pa5f33] {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gallery-viewer__close:hover[b-5lb3pa5f33],
.gallery-viewer__zoom:hover[b-5lb3pa5f33],
.gallery-viewer__nav:hover[b-5lb3pa5f33] {
  background: var(--paper);
  color: var(--ink);
}

.gallery-viewer__close:focus-visible[b-5lb3pa5f33],
.gallery-viewer__zoom:focus-visible[b-5lb3pa5f33],
.gallery-viewer__nav:focus-visible[b-5lb3pa5f33] {
  outline: 2px solid var(--paper);
  outline-offset: 2px;
}

.gallery-viewer__zoom:disabled[b-5lb3pa5f33] {
  opacity: 0.35;
  cursor: default;
}

.gallery-viewer__zoom:disabled:hover[b-5lb3pa5f33] {
  background: transparent;
  color: var(--paper);
}

.gallery-viewer__stage[b-5lb3pa5f33] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  gap: var(--space-4);
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.gallery-viewer__frame[b-5lb3pa5f33] {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  touch-action: none;
}

.gallery-viewer__photo[b-5lb3pa5f33] {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0 auto;
  object-fit: contain;
  background: var(--media-wash);
  border-radius: var(--radius-none);
  cursor: zoom-in;
  transform-origin: center center;
  user-select: none;
  -webkit-user-drag: none;
}

.gallery-viewer--zoomed .gallery-viewer__photo[b-5lb3pa5f33] {
  cursor: grab;
}

.gallery-viewer--zoomed .gallery-viewer__photo:active[b-5lb3pa5f33] {
  cursor: grabbing;
}

.gallery-viewer__footer[b-5lb3pa5f33] {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.gallery-viewer__actions[b-5lb3pa5f33] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
}

.gallery-viewer__caption[b-5lb3pa5f33],
.gallery-viewer__count[b-5lb3pa5f33] {
  margin: 0;
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
}

.gallery-viewer__caption[b-5lb3pa5f33] {
  color: var(--paper);
}

.gallery-viewer__count[b-5lb3pa5f33] {
  color: var(--paper-sunken);
}

.gallery-viewer__article[b-5lb3pa5f33] {
  color: var(--paper);
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  text-decoration: underline;
  text-decoration-color: var(--paper-sunken);
  text-underline-offset: 0.2em;
}

.gallery-viewer__article:hover[b-5lb3pa5f33] {
  text-decoration-color: var(--paper);
}

.gallery-viewer__article:focus-visible[b-5lb3pa5f33] {
  outline: 2px solid var(--paper);
  outline-offset: 2px;
}

.gallery-viewer .image-save:not([hidden])[b-5lb3pa5f33],
.gallery-viewer .image-download:not([hidden])[b-5lb3pa5f33] {
  display: inline-flex;
  color: var(--paper-sunken);
}

.gallery-viewer .image-save[hidden][b-5lb3pa5f33],
.gallery-viewer a.image-save[hidden][b-5lb3pa5f33],
.gallery-viewer .image-download[hidden][b-5lb3pa5f33] {
  display: none;
}

.gallery-viewer .image-save:not([hidden]) button[b-5lb3pa5f33],
.gallery-viewer a.image-save:not([hidden])[b-5lb3pa5f33],
.gallery-viewer a.image-download:not([hidden])[b-5lb3pa5f33] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid var(--paper);
  border-radius: var(--radius-pill);
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

.gallery-viewer .image-save:not([hidden]) button:hover[b-5lb3pa5f33],
.gallery-viewer a.image-save:not([hidden]):hover[b-5lb3pa5f33],
.gallery-viewer a.image-download:not([hidden]):hover[b-5lb3pa5f33] {
  background: var(--paper);
  color: var(--ink);
}

.gallery-viewer .image-save:not([hidden]) button:focus-visible[b-5lb3pa5f33],
.gallery-viewer a.image-save:not([hidden]):focus-visible[b-5lb3pa5f33],
.gallery-viewer a.image-download:not([hidden]):focus-visible[b-5lb3pa5f33] {
  outline: 2px solid var(--paper);
  outline-offset: 2px;
}

.gallery-viewer .image-save svg[b-5lb3pa5f33],
.gallery-viewer .image-download svg[b-5lb3pa5f33] {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.gallery-viewer .image-save--on[b-5lb3pa5f33] {
  color: var(--paper);
}

.gallery-viewer .image-save--on svg[b-5lb3pa5f33] {
  fill: currentColor;
  stroke: none;
}

.gallery-viewer--single .gallery-viewer__nav[b-5lb3pa5f33] {
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 40rem) {
  .gallery-viewer[b-5lb3pa5f33],
  .gallery-viewer:modal[b-5lb3pa5f33] {
    padding: var(--space-6);
    padding-bottom: var(--space-10);
  }

  .gallery-viewer__stage[b-5lb3pa5f33] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .gallery-viewer__frame[b-5lb3pa5f33] {
    grid-column: 1 / -1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gallery-viewer__close[b-5lb3pa5f33],
  .gallery-viewer__zoom[b-5lb3pa5f33],
  .gallery-viewer__nav[b-5lb3pa5f33],
  .gallery-viewer__photo[b-5lb3pa5f33] {
    transition: none;
  }
}
/* /Components/LanguageSwitch.razor.rz.scp.css */
.language-switch[b-sx2h0lpo4o] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-3);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  color: var(--muted);
}

.language-switch form[b-sx2h0lpo4o] {
  display: inline;
  margin: 0;
}

.language-switch button[b-sx2h0lpo4o] {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0 var(--space-2);
  border: 0;
  background: none;
  color: var(--muted);
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.language-switch button:hover[b-sx2h0lpo4o] {
  color: var(--fg);
}

.language-switch span[b-sx2h0lpo4o] {
  color: var(--fg);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Intentionally empty: surfaces own their own chrome. See MainLayout.razor. */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-6ci6ln35qo],
.components-reconnect-repeated-attempt-visible[b-6ci6ln35qo],
.components-reconnect-failed-visible[b-6ci6ln35qo],
.components-pause-visible[b-6ci6ln35qo],
.components-resume-failed-visible[b-6ci6ln35qo],
.components-rejoining-animation[b-6ci6ln35qo] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-6ci6ln35qo],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-6ci6ln35qo],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-6ci6ln35qo],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-6ci6ln35qo],
#components-reconnect-modal.components-reconnect-retrying[b-6ci6ln35qo],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-6ci6ln35qo],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-6ci6ln35qo],
#components-reconnect-modal.components-reconnect-failed[b-6ci6ln35qo],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-6ci6ln35qo] {
    display: block;
}


#components-reconnect-modal[b-6ci6ln35qo] {
    background: var(--paper);
    color: var(--fg);
    width: min(20rem, calc(100% - 2rem));
    margin: 20vh auto;
    padding: var(--space-8);
    border: 1px solid var(--border);
    border-radius: var(--radius-control);
    box-shadow: none;
    opacity: 0;
    transition: display var(--duration-ui) allow-discrete, overlay var(--duration-ui) allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-6ci6ln35qo var(--duration-ui) both;
}

#components-reconnect-modal[open][b-6ci6ln35qo] {
    animation: components-reconnect-modal-fadeInOpacity-b-6ci6ln35qo var(--duration-ui) ease both;
}

#components-reconnect-modal[b-6ci6ln35qo]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-6ci6ln35qo 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-fadeInOpacity-b-6ci6ln35qo {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-6ci6ln35qo {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-6ci6ln35qo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-6ci6ln35qo] {
    margin: 0;
    text-align: center;
    color: var(--fg);
}

#components-reconnect-modal button[b-6ci6ln35qo] {
    min-height: 2.75rem;
    padding: 0 var(--space-6);
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--accent);
    color: #fff;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
}

#components-reconnect-modal button:hover[b-6ci6ln35qo] {
    background: #22392f;
}

#components-reconnect-modal button:active[b-6ci6ln35qo] {
    background: #1a2c24;
}

.components-rejoining-animation[b-6ci6ln35qo] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-6ci6ln35qo] {
        position: absolute;
        border: 3px solid var(--accent);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-6ci6ln35qo 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-6ci6ln35qo] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-6ci6ln35qo {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Account/AccessibleSearchPage.razor.rz.scp.css */
.search__hits[b-i4e3c3ia81] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.search__hits[b-i4e3c3ia81]  .hit:first-child {
  padding-top: 0;
}

.search__hits[b-i4e3c3ia81]  .hit:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.search-tags[b-i4e3c3ia81] {
  margin: var(--space-8) 0 0;
}

.search-tags__label[b-i4e3c3ia81] {
  margin: 0 0 var(--space-2);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

.search-tags[b-i4e3c3ia81]  .tag-chips {
  margin-top: 0;
}
/* /Components/Pages/Account/SavedArticlesPage.razor.rz.scp.css */
.saved-section h2[b-kf1wdj2w41] {
  margin: 0 0 var(--space-4);
  font-family: var(--font-ui);
  font-size: var(--text-md);
  line-height: var(--text-md-lh);
  font-weight: 600;
  letter-spacing: -0.025em;
}

.saved-section + .saved-section[b-kf1wdj2w41] {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.saved[b-kf1wdj2w41] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.saved__row[b-kf1wdj2w41] {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border);
}

.saved__row:last-child[b-kf1wdj2w41] {
  padding-bottom: 0;
  border-bottom: 0;
}

.saved__cover[b-kf1wdj2w41] {
  flex: none;
  width: 11rem;
  aspect-ratio: var(--ratio-card);
  overflow: hidden;
  background: var(--media-wash);
}

.saved__cover img[b-kf1wdj2w41] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-none);
}

.saved__text[b-kf1wdj2w41] {
  flex: 1 1 auto;
  min-width: 0;
}

.saved__meta[b-kf1wdj2w41] {
  margin: var(--space-1) 0 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--muted);
}

.saved__meta a[b-kf1wdj2w41] {
  color: inherit;
}

.saved__row[b-kf1wdj2w41]  form {
  display: block;
  margin: 0;
}

.saved__grid[b-kf1wdj2w41] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-12) var(--space-8);
  list-style: none;
  margin: 0;
  padding: 0;
}

.saved__grid[b-kf1wdj2w41]  form {
  display: block;
  margin: 0;
}

@media (max-width: 64rem) {
  .saved__grid[b-kf1wdj2w41] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  .saved__row[b-kf1wdj2w41] {
    flex-wrap: wrap;
  }

  .saved__cover[b-kf1wdj2w41] {
    width: 100%;
  }

  .saved__grid[b-kf1wdj2w41] {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-10);
  }
}
/* /Components/Pages/Account/SubscriptionsPage.razor.rz.scp.css */
.subscriptions[b-am6hzjj0v0] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.subscriptions__row[b-am6hzjj0v0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border);
}

.subscriptions__row:first-child[b-am6hzjj0v0] {
  padding-top: 0;
}

.subscriptions__row:last-child[b-am6hzjj0v0] {
  padding-bottom: 0;
  border-bottom: 0;
}

.subscriptions__meta[b-am6hzjj0v0] {
  margin: var(--space-1) 0 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--muted);
}
/* /Components/Pages/Reader/ArticleIndexPage.razor.rz.scp.css */
.index[b-sop8upmguk] {
  --page-gutter: var(--space-6);
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-16) var(--page-gutter) 0;
}

.index__grid[b-sop8upmguk] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-12) var(--space-8);
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 64rem) {
  .index__grid[b-sop8upmguk] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  .index[b-sop8upmguk] {
    --page-gutter: var(--space-4);
    padding-top: var(--space-10);
  }

  .index__grid[b-sop8upmguk] {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-10);
  }
}
/* /Components/Pages/Reader/ArticlePage.razor.rz.scp.css */
/*
  The lead image is a band across the whole page: it is a sibling of the article container, not a
  child of it, so it needs no 100vw, no negative gutter, and no transform to escape the padding.
*/
.article-hero[b-kapjf833ay] {
  background: var(--media-wash);
}

.article-page[b-kapjf833ay] {
  --page-gutter: var(--space-6);
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-16) var(--page-gutter) 0;
}

/*
  The column is as wide as the media measure, not the reading measure: text centres itself inside it
  (see prose.css) so images can be wider than the paragraphs they sit between.
*/
.article-page__column[b-kapjf833ay] {
  max-width: var(--measure-media);
  margin: 0 auto;
}

.article-page__body[b-kapjf833ay] {
  margin-top: var(--space-16);
}

.article-page__column[data-restrict-copy][b-kapjf833ay]  .prose {
  user-select: none;
  -webkit-user-select: none;
}

.article-page__print-note[b-kapjf833ay] {
  display: none;
}

@media print {
  .article-page__column[data-restrict-copy] .article-page__header[b-kapjf833ay],
  .article-page__column[data-restrict-copy] .article-page__body[b-kapjf833ay],
  .article-page__column[data-restrict-copy] .toc-disclosure[b-kapjf833ay] {
    display: none;
  }

  .article-page__print-note[b-kapjf833ay] {
    display: block;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    color: var(--muted);
  }
}

/*
  Below 64rem the outline is a disclosure under the byline. From 64rem the same list
  becomes the column beside the article, and the summary is not a second title.
*/
.toc-disclosure[b-kapjf833ay] {
  max-width: var(--measure-article);
  margin: var(--space-6) auto 0;
}

.toc-disclosure > summary[b-kapjf833ay] {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--muted);
  cursor: pointer;
}

.toc-disclosure[b-kapjf833ay]  .toc__label {
  display: none;
}

@media (min-width: 64rem) {
  .article-page:has(.toc-disclosure)[b-kapjf833ay] {
    display: grid;
    grid-template-columns: minmax(0, var(--measure-media)) minmax(0, 14rem);
    gap: 0 var(--space-12);
    justify-content: center;
    align-items: start;
  }

  .article-page:has(.toc-disclosure) .article-page__column[b-kapjf833ay] {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    max-width: none;
    margin: 0;
    min-width: 0;
  }

  .article-page__header[b-kapjf833ay],
  .article-page__body[b-kapjf833ay],
  .article-page__print-note[b-kapjf833ay],
  .article-page__after[b-kapjf833ay] {
    grid-column: 1;
    min-width: 0;
  }

  .article-page__header[b-kapjf833ay] {
    grid-row: 1;
  }

  .article-page__body[b-kapjf833ay] {
    grid-row: 2;
  }

  .article-page__print-note[b-kapjf833ay] {
    grid-row: 3;
  }

  .article-page__after[b-kapjf833ay] {
    grid-row: 4;
  }

  .toc-disclosure[b-kapjf833ay] {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: start;
    position: sticky;
    top: var(--space-20);
    max-width: none;
    margin: 0;
    padding-top: var(--space-3);
  }

  .toc-disclosure > summary[b-kapjf833ay] {
    display: none;
  }

  /* Chrome wraps closed <details> content in ::details-content and hides that box.
     Showing the child list is not enough; the box itself has to be displayed. */
  .toc-disclosure[b-kapjf833ay]::details-content {
    display: block;
    content-visibility: visible;
  }

  .toc-disclosure:not([open])[b-kapjf833ay]  .toc {
    display: block;
    content-visibility: visible;
  }

  .toc-disclosure[b-kapjf833ay]  .toc__label {
    display: block;
  }
}

@media (max-width: 48rem) {
  .article-page[b-kapjf833ay] {
    --page-gutter: var(--space-4);
    padding-top: var(--space-8);
  }

  .article-page__body[b-kapjf833ay] {
    margin-top: var(--space-10);
  }
}
/* /Components/Pages/Reader/CollectionIndexPage.razor.rz.scp.css */
.index[b-mmusyci67w] {
  --page-gutter: var(--space-6);
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-16) var(--page-gutter) var(--space-16);
}

.index__query[b-mmusyci67w] {
  max-width: var(--measure-article);
  margin: 0 0 var(--space-10);
}

/* First two — Specialty weight: cover, display-adjacent title, description. */
.index__featured[b-mmusyci67w] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-10) var(--space-8);
  list-style: none;
  margin: 0 0 var(--space-12);
  padding: 0;
}

.index__feature[b-mmusyci67w] {
  display: flex;
  flex-direction: column;
  padding-top: var(--space-5);
  border-top: 2px solid var(--fg);
}

.index__cover[b-mmusyci67w] {
  display: block;
  order: -1;
  margin-bottom: var(--space-5);
  overflow: hidden;
  background: var(--media-wash);
  aspect-ratio: var(--ratio-grid);
}

.index__cover img[b-mmusyci67w] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--duration-media) var(--easing-media);
}

.index__cover:hover img[b-mmusyci67w],
.index__feature:has(.index__name:hover) .index__cover img[b-mmusyci67w],
.index__feature:has(.index__name:focus-visible) .index__cover img[b-mmusyci67w] {
  transform: scale(1.04);
}

@media (prefers-reduced-motion: reduce) {
  .index__cover img[b-mmusyci67w] {
    transition: none;
  }
}

.index__name[b-mmusyci67w] {
  font-family: var(--font-article);
  font-size: var(--text-2xl);
  line-height: var(--text-2xl-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
  color: var(--fg);
  text-decoration: none;
  text-wrap: balance;
}

.index__name:hover[b-mmusyci67w] {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.index__description[b-mmusyci67w] {
  margin: var(--space-2) 0 0;
  font-family: var(--font-article);
  font-size: var(--text-md);
  line-height: var(--text-md-lh);
  color: var(--muted);
  text-wrap: pretty;
}

/* The rest — Segments weight: quieter tiles, name only. */
.index__rest[b-mmusyci67w] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  list-style: none;
  margin: 0;
  padding: 0;
}

.index__tile[b-mmusyci67w] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 2.75rem;
  border: 1px solid var(--border);
  font-family: var(--font-article);
  font-size: var(--text-lg);
  line-height: var(--text-lg-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
  color: var(--fg);
  text-decoration: none;
  overflow: hidden;
}

.index__tile-cover[b-mmusyci67w] {
  display: block;
  aspect-ratio: var(--ratio-grid);
  background: var(--media-wash);
  overflow: hidden;
}

.index__tile-cover img[b-mmusyci67w] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--duration-media) var(--easing-media);
}

.index__tile:hover .index__tile-cover img[b-mmusyci67w],
.index__tile:focus-visible .index__tile-cover img[b-mmusyci67w] {
  transform: scale(1.04);
}

@media (prefers-reduced-motion: reduce) {
  .index__tile-cover img[b-mmusyci67w] {
    transition: none;
  }
}

.index__tile-name[b-mmusyci67w] {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  padding: var(--space-3) var(--space-4);
}

.index__tile:hover .index__tile-name[b-mmusyci67w] {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

@media (max-width: 64rem) {
  .index__rest[b-mmusyci67w] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  .index[b-mmusyci67w] {
    --page-gutter: var(--space-4);
    padding-top: var(--space-10);
  }

  .index__featured[b-mmusyci67w],
  .index__rest[b-mmusyci67w] {
    grid-template-columns: minmax(0, 1fr);
  }

  .index__featured[b-mmusyci67w] {
    gap: var(--space-8);
    margin-bottom: var(--space-10);
  }
}
/* /Components/Pages/Reader/CollectionPage.razor.rz.scp.css */
.collection-hero[b-hovn2c6hpf] {
  background: var(--media-wash);
}

.collection-hero[b-hovn2c6hpf]  .cover {
  transition: transform var(--duration-media) var(--easing-media);
}

@media (prefers-reduced-motion: reduce) {
  .collection-hero[b-hovn2c6hpf]  .cover {
    transition: none;
  }
}

.collection[b-hovn2c6hpf] {
  --page-gutter: var(--space-6);
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-16) var(--page-gutter) 0;
}

.collection--has-cover[b-hovn2c6hpf] {
  padding-top: var(--space-12);
}

.collection__intro[b-hovn2c6hpf] {
  max-width: var(--measure-article);
  margin-bottom: var(--space-12);
  padding-bottom: var(--space-8);
  border-bottom: 2px solid var(--fg);
}

.collection__kicker[b-hovn2c6hpf] {
  margin: 0 0 var(--space-3);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

.collection__title[b-hovn2c6hpf] {
  margin: 0;
  font-family: var(--font-article);
  font-size: var(--text-display);
  line-height: var(--text-display-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-display);
  text-wrap: balance;
}

.collection__description[b-hovn2c6hpf] {
  margin: var(--space-5) 0 0;
  font-family: var(--font-article);
  font-size: var(--text-xl);
  line-height: var(--text-xl-lh);
  letter-spacing: var(--tracking-body);
  color: var(--muted);
  text-wrap: pretty;
}

.collection__meta[b-hovn2c6hpf] {
  margin: var(--space-5) 0 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--muted);
}

.collection__reading[b-hovn2c6hpf] {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
  padding-bottom: var(--space-16);
}

@media (max-width: 48rem) {
  .collection[b-hovn2c6hpf] {
    --page-gutter: var(--space-4);
    padding-top: var(--space-10);
  }

  .collection--has-cover[b-hovn2c6hpf] {
    padding-top: var(--space-8);
  }

  .collection__title[b-hovn2c6hpf] {
    font-size: var(--text-3xl);
    line-height: var(--text-3xl-lh);
  }

  .collection__description[b-hovn2c6hpf] {
    font-size: var(--text-lg-narrow);
  }

  .collection__reading[b-hovn2c6hpf] {
    gap: var(--space-8);
  }
}
/* /Components/Pages/Reader/GalleryFigurePage.razor.rz.scp.css */
.gallery-figure[b-9avp2939ot] {
  --page-gutter: var(--space-6);
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-16) var(--page-gutter) var(--space-24);
}

.gallery-figure__frame[b-9avp2939ot] {
  margin: 0 auto;
  max-width: var(--measure-media);
}

.gallery-figure__frame img[b-9avp2939ot] {
  display: block;
  width: 100%;
  height: auto;
  background: var(--media-wash);
  border-radius: var(--radius-none);
}

.gallery-figure__bar[b-9avp2939ot] {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.gallery-figure__caption[b-9avp2939ot] {
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 0;
  font-family: var(--font-article);
  font-size: var(--text-lg);
  line-height: var(--text-lg-lh);
  letter-spacing: var(--tracking-body);
}

.gallery-figure__source[b-9avp2939ot] {
  margin: var(--space-6) auto 0;
  max-width: var(--measure-media);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--muted);
}

@media (max-width: 48rem) {
  .gallery-figure[b-9avp2939ot] {
    --page-gutter: var(--space-4);
    padding-top: var(--space-10);
  }
}
/* /Components/Pages/Reader/GalleryPage.razor.rz.scp.css */
.gallery[b-9ugkngx9z9] {
  --page-gutter: var(--space-6);
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-16) var(--page-gutter) 0;
}

/* Unsplash-style masonry: columns pack by height; each plate keeps its ratio. */
.gallery__grid[b-9ugkngx9z9] {
  columns: 3;
  column-gap: var(--space-8);
  list-style: none;
  margin: var(--space-12) 0 0;
  padding: 0;
}

.gallery__grid > li[b-9ugkngx9z9] {
  break-inside: avoid;
  margin: 0 0 var(--space-12);
  /* Multicol needs a definite column width for % children; inline-block is the usual fix. */
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

@media (max-width: 64rem) {
  .gallery__grid[b-9ugkngx9z9] {
    columns: 2;
  }
}

@media (max-width: 48rem) {
  .gallery[b-9ugkngx9z9] {
    --page-gutter: var(--space-4);
    padding-top: var(--space-10);
  }

  .gallery__grid[b-9ugkngx9z9] {
    columns: 1;
  }

  .gallery__grid > li[b-9ugkngx9z9] {
    margin-bottom: var(--space-10);
  }
}
/* /Components/Pages/Reader/SearchPage.razor.rz.scp.css */
.search[b-rrod378jg8] {
  --page-gutter: var(--space-6);
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-16) var(--page-gutter) 0;
}

.search__title[b-rrod378jg8] {
  margin: 0 0 var(--space-6);
  font-family: var(--font-article);
  font-size: var(--text-3xl);
  line-height: var(--text-3xl-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
}

.search__collections[b-rrod378jg8] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: 0;
}

.search__collections a[b-rrod378jg8] {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--fg);
  border-radius: var(--radius-pill);
  color: var(--fg);
  text-decoration: none;
}

.search__hits[b-rrod378jg8] {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: var(--measure-article);
  border-top: 1px solid var(--border);
}

.search__also-like[b-rrod378jg8] {
  margin-top: var(--space-12);
}

.search__also-like-title[b-rrod378jg8] {
  margin: 0 0 var(--space-8);
  font-family: var(--font-article);
  font-size: var(--text-xl);
  line-height: var(--text-xl-lh);
  font-weight: 600;
  letter-spacing: var(--tracking-title);
}

.search__also-like-grid[b-rrod378jg8] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-12) var(--space-8);
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 64rem) {
  .search__also-like-grid[b-rrod378jg8] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  .search[b-rrod378jg8] {
    --page-gutter: var(--space-4);
    padding-top: var(--space-10);
  }

  .search__also-like-grid[b-rrod378jg8] {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-10);
  }
}
/* /Components/Pages/Reader/SubscribePage.razor.rz.scp.css */
.subscribe[b-ok69ptyg6m] {
  --page-gutter: var(--space-6);
  width: 100%;
  max-width: var(--measure-wide);
  min-width: 0;
  margin: 0 auto;
  padding: var(--space-24) var(--page-gutter) 0;
}

.subscribe__title[b-ok69ptyg6m] {
  margin: 0;
  font-family: var(--font-article);
  font-size: var(--text-display);
  line-height: var(--text-display-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-display);
  text-wrap: balance;
}

.subscribe__description[b-ok69ptyg6m] {
  margin: var(--space-5) 0 0;
  min-width: 0;
  overflow-wrap: anywhere;
  font-family: var(--font-article);
  font-size: var(--text-xl);
  line-height: var(--text-xl-lh);
  letter-spacing: var(--tracking-body);
  color: var(--muted);
}

.subscribe__plans[b-ok69ptyg6m] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  margin-top: var(--space-8);
  width: 100%;
  min-width: 0;
}

.subscribe__plan[b-ok69ptyg6m] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
  padding: var(--space-6);
  border: 1px solid var(--border);
  background: var(--bg);
}

.subscribe__plan--contact[b-ok69ptyg6m] {
  grid-column: 1 / -1;
  background: var(--bg);
  border-radius: 0.75rem;
  padding-bottom: var(--space-3);
}

.subscribe__plan-name[b-ok69ptyg6m] {
  margin: 0;
  font-family: var(--font-article);
  font-size: var(--text-2xl);
  line-height: var(--text-2xl-lh);
  font-weight: 700;
}

.subscribe__amount[b-ok69ptyg6m] {
  font-family: var(--font-article);
  font-size: var(--text-3xl);
  line-height: var(--text-3xl-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
}

.subscribe__price[b-ok69ptyg6m] {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  margin: var(--space-5) 0 0;
}

.subscribe__actions[b-ok69ptyg6m] {
  margin-top: auto;
  padding-top: var(--space-8);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
}

.subscribe__actions form[b-ok69ptyg6m] {
  width: 100%;
  min-width: 0;
}

.subscribe__plan[b-ok69ptyg6m]  .btn {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 2.75rem;
  padding-block: var(--space-2);
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  text-wrap: balance;
  justify-content: center;
}

.subscribe__kicker[b-ok69ptyg6m] {
  margin: 0;
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

.subscribe__plan--contact .subscribe__plan-name[b-ok69ptyg6m] {
  margin-top: var(--space-2);
  font-size: var(--text-3xl);
  line-height: var(--text-3xl-lh);
  letter-spacing: var(--tracking-title);
}

.subscribe__lede[b-ok69ptyg6m] {
  margin: var(--space-3) 0 0;
  max-width: 36rem;
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-md);
  line-height: var(--text-md-lh);
  color: var(--muted);
}

.subscribe__channels[b-ok69ptyg6m] {
  list-style: none;
  margin: var(--space-5) 0 0;
  padding: var(--space-1) 0 0;
  border-top: 1px solid var(--border);
}

.subscribe__channels > li + li[b-ok69ptyg6m] {
  border-top: 1px solid var(--border);
}

.subscribe__channel[b-ok69ptyg6m] {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr) 1rem;
  align-items: center;
  column-gap: var(--space-4);
  min-height: 2.75rem;
  padding: var(--space-4) 0;
  color: inherit;
  text-decoration: none;
}

.subscribe__channel:hover[b-ok69ptyg6m] {
  color: inherit;
}

.subscribe__channel:hover .subscribe__channel-name[b-ok69ptyg6m] {
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.subscribe__channel:active .subscribe__channel-name[b-ok69ptyg6m] {
  text-decoration: underline;
}

.subscribe__channel-icon[b-ok69ptyg6m] {
  display: flex;
  color: var(--accent);
}

.subscribe__channel-icon svg[b-ok69ptyg6m],
.subscribe__channel-go[b-ok69ptyg6m] {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.subscribe__channel-go[b-ok69ptyg6m] {
  width: 1rem;
  height: 1rem;
  color: var(--muted);
  justify-self: end;
}

.subscribe__channel-copy[b-ok69ptyg6m] {
  min-width: 0;
}

.subscribe__channel-name[b-ok69ptyg6m] {
  display: block;
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-md);
  font-weight: 600;
  line-height: 1.3;
  color: var(--fg);
}

.subscribe__channel-value[b-ok69ptyg6m] {
  display: block;
  margin-top: var(--space-1);
  min-width: 0;
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  font-weight: 400;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.subscribe__pending[b-ok69ptyg6m] {
  margin: var(--space-3) 0 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--muted);
}

@media (max-width: 48rem) {
  .subscribe[b-ok69ptyg6m] {
    --page-gutter: var(--space-4);
    padding-top: var(--space-12);
  }

  .subscribe__title[b-ok69ptyg6m] {
    font-size: var(--text-3xl);
    line-height: var(--text-3xl-lh);
  }
}

@media (min-width: 48rem) {
  .subscribe__plans[b-ok69ptyg6m] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 72rem) {
  .subscribe__plans[b-ok69ptyg6m] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .subscribe__plan--contact[b-ok69ptyg6m] {
    grid-column: auto;
  }
}
/* /Components/Pages/Reader/WorkspaceHome.razor.rz.scp.css */
.home[b-u9e61pk5i7] {
  --page-gutter: var(--space-6);
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-16) var(--page-gutter) 0;
}

/* The masthead is the publication saying its name once, loudly, then getting out of the way. */
.home__intro[b-u9e61pk5i7] {
  max-width: var(--measure-media);
  padding-bottom: var(--space-6);
}

.home__title[b-u9e61pk5i7] {
  margin: 0;
  font-family: var(--font-article);
  font-size: var(--text-hero);
  line-height: var(--text-hero-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-hero);
  text-wrap: balance;
}

.home__description[b-u9e61pk5i7] {
  margin: var(--space-6) 0 0;
  max-width: var(--measure-article);
  font-family: var(--font-article);
  font-size: var(--text-xl);
  line-height: var(--text-xl-lh);
  letter-spacing: var(--tracking-body);
  color: var(--muted);
  text-wrap: pretty;
}

.home__section[b-u9e61pk5i7] {
  margin-top: var(--space-12);
}

.home__more[b-u9e61pk5i7] {
  margin: var(--space-8) 0 0;
}

.home__section-title[b-u9e61pk5i7] {
  margin: 0 0 var(--space-8);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

/* Three abreast on a wide screen, two on a tablet, one on a phone. No rules between cards. */
.home__grid[b-u9e61pk5i7] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-12) var(--space-8);
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 64rem) {
  .home__grid[b-u9e61pk5i7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  .home[b-u9e61pk5i7] {
    --page-gutter: var(--space-4);
    padding-top: var(--space-10);
  }

  .home__grid[b-u9e61pk5i7] {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-10);
  }

  .home__title[b-u9e61pk5i7] {
    font-size: var(--text-display);
    line-height: var(--text-display-lh);
    letter-spacing: var(--tracking-display);
  }

  .home__description[b-u9e61pk5i7] {
    font-size: var(--text-lg-narrow);
  }

  .home__intro[b-u9e61pk5i7] {
    padding-bottom: var(--space-4);
  }
}

.home__frequent[b-u9e61pk5i7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-top: var(--space-6);
  color: var(--muted);
  font-size: var(--text-sm);
}

.home__resume[b-u9e61pk5i7] {
  margin-top: var(--space-8);
}

.home__resume-link[b-u9e61pk5i7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-6);
  padding: var(--space-4);
  border: 1px solid var(--border);
  color: inherit;
  text-decoration: none;
}

.home__resume-link img[b-u9e61pk5i7] {
  width: 7.5rem;
  height: 5.625rem;
  object-fit: cover;
  flex: none;
}

.home__resume-copy[b-u9e61pk5i7] {
  display: flex;
  flex: 1 1 20rem;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.home__resume-kicker[b-u9e61pk5i7] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

.home__resume-title[b-u9e61pk5i7] {
  font-family: var(--font-article);
  font-size: var(--text-xl);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
  line-height: var(--text-xl-lh);
}

.home__resume-time[b-u9e61pk5i7] {
  color: var(--muted);
  font-size: var(--text-sm);
}

.home__resume-action[b-u9e61pk5i7] {
  font-weight: 600;
}
/* /Components/Pages/Writer/ArticleEditorPage.razor.rz.scp.css */
.editor[b-45r13evqns] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

.editor__schedule[b-45r13evqns] {
  display: flex;
  align-items: center;
}

.editor__schedule input[b-45r13evqns] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--ink);
}

.editor__schedule input:disabled[b-45r13evqns] {
  opacity: 0.5;
}

.editor-delete[b-45r13evqns] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.editor-delete__prompt[b-45r13evqns] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--ink);
}

.editor-delete__actions[b-45r13evqns] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.editor__tabs[b-45r13evqns] {
  display: inline-flex;
  gap: 2px;
  width: fit-content;
  margin: var(--space-3) var(--space-4) 0;
  padding: 0.2rem;
  border-radius: var(--radius-studio-control);
  background: var(--studio-hover);
  font-family: var(--font-ui);
}

.editor__tab[b-45r13evqns] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 0;
  border-radius: calc(var(--radius-studio-control) - 2px);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--studio-muted);
  cursor: pointer;
}

.editor__tab:hover[b-45r13evqns] {
  color: var(--studio-ink);
}

.editor__tab--current[b-45r13evqns] {
  background: var(--studio-surface);
  color: var(--studio-ink);
  box-shadow: var(--shadow-studio);
}

.editor__props[b-45r13evqns] {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: var(--space-8);
}

.editor__props-form[b-45r13evqns] {
  display: flex;
  flex-direction: column;
  max-width: var(--measure-writer);
  margin-inline: auto;
}

.editor__props-form label[b-45r13evqns] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  color: var(--muted);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

.editor__props-form select[b-45r13evqns] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}

.editor__props-form select:disabled[b-45r13evqns] {
  opacity: 0.5;
}

.editor__check[b-45r13evqns] {
  flex-direction: row;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.75rem;
}

.editor__check input[b-45r13evqns] {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: var(--accent);
}

.editor__props-form .editor__check[b-45r13evqns] {
  flex-direction: row;
  align-items: center;
  gap: var(--space-2);
  color: var(--ink);
}

/* Edit sits on the photograph. MarkupString images have no scope attribute, so ::deep reaches them. */
.editor[b-45r13evqns]  .editor-preview-photo__edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding: 0 var(--space-3);
  border: 0;
  border-radius: var(--radius-pill);
  background: rgb(250 250 250 / 0.92);
  color: var(--ink);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.12);
}

.editor[b-45r13evqns]  .editor-preview-photo__edit:hover {
  background: var(--paper);
}

.editor[b-45r13evqns]  .editor-preview-photo__edit:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.editor__preview[b-45r13evqns]  .editor-preview-photo {
  position: relative;
  display: block;
}

.editor__preview[b-45r13evqns]  figure[data-gallery-columns] > .editor-preview-photo {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.editor__preview[b-45r13evqns]  .editor-preview-photo__chrome {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  z-index: 2;
}

.editor__preview[b-45r13evqns]  .prose > p:has(> .editor-preview-photo:only-child) {
  max-width: none;
}

.editor__preview[b-45r13evqns]  .prose > p:has(> .editor-preview-photo:only-child),
.editor__preview[b-45r13evqns]  .prose > p:has(> .editor-preview-photo:only-child) + * {
  margin-top: var(--space-16);
}

@media (hover: hover) and (pointer: fine) {
  .editor__preview[b-45r13evqns]  .editor-preview-photo__chrome {
    opacity: 0;
    transition: opacity var(--duration-ui) var(--easing-ui);
  }

  .editor__preview[b-45r13evqns]  .editor-preview-photo:hover .editor-preview-photo__chrome,
  .editor__preview[b-45r13evqns]  .editor-preview-photo:focus-within .editor-preview-photo__chrome {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .editor__preview[b-45r13evqns]  .editor-preview-photo__chrome {
    transition: none;
  }
}

.editor-image-dialog[b-45r13evqns] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.editor-image-dialog__frame[b-45r13evqns] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 8rem;
  padding: var(--space-3);
  background: var(--media-wash);
}

.editor-image-dialog__frame img[b-45r13evqns] {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 12rem;
  height: auto;
  object-fit: contain;
}

.editor-image-dialog__cover[b-45r13evqns] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
}

.editor-image-dialog__field[b-45r13evqns] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.editor-image-dialog__field label[b-45r13evqns] {
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  color: var(--muted);
}

.editor-image-dialog__field input[b-45r13evqns] {
  width: 100%;
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}

.editor-image-dialog__field input:focus-visible[b-45r13evqns] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.editor-image-dialog__hint[b-45r13evqns] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  color: var(--muted);
}

.editor__split[b-45r13evqns] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1 1 auto;
  min-height: 0;
}

.editor__split--source[b-45r13evqns] {
  grid-template-columns: 1fr 0;
}

.editor__split--source .editor__preview[b-45r13evqns],
.editor__split--preview .editor__source[b-45r13evqns] {
  visibility: hidden;
  overflow: hidden;
}

.editor__split--preview[b-45r13evqns] {
  grid-template-columns: 0 1fr;
}

.editor__source[b-45r13evqns],
.editor__preview[b-45r13evqns] {
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.editor__source[b-45r13evqns] {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--space-6) var(--space-8);
  border-right: 1px solid var(--border);
}

.editor__drop-hint[b-45r13evqns] {
  display: none;
}

.editor__source--drop .editor__drop-hint[b-45r13evqns] {
  position: absolute;
  top: var(--space-3);
  right: var(--space-8);
  z-index: 2;
  display: block;
  margin: 0;
  padding: 0.2rem 0.55rem;
  border: 1px dashed var(--accent);
  background: var(--paper);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  color: var(--ink);
  pointer-events: none;
}

.editor__drop-caret[b-45r13evqns] {
  display: none;
  position: absolute;
  z-index: 3;
  height: 2px;
  pointer-events: none;
  background: var(--accent);
}

.editor__drop-caret.is-on[b-45r13evqns] {
  display: block;
}

.editor__title[b-45r13evqns],
.editor__subtitle[b-45r13evqns] {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--ink);
}

.editor__title[b-45r13evqns] {
  font-family: var(--font-article);
  font-size: var(--text-3xl);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
}

.editor__subtitle[b-45r13evqns] {
  margin-bottom: var(--space-4);
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--muted);
}

.editor__source textarea[b-45r13evqns] {
  flex: 1 1 auto;
  width: 100%;
  min-height: 12rem;
  border: 0;
  resize: none;
  background: transparent;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1.7;
  color: var(--ink);
}

.editor__preview[b-45r13evqns] {
  background: var(--bg);
}

.editor__preview [data-current][b-45r13evqns] {
  box-shadow: inset 2px 0 0 var(--accent);
}

.editor__preview-page[b-45r13evqns] {
  max-width: var(--measure-article);
  min-height: calc(100% - var(--space-16));
  margin: var(--space-8) auto;
  padding: var(--space-8);
  background: var(--paper);
  border: 1px solid var(--border-soft);
}

.editor__preview-title[b-45r13evqns] {
  margin: 0 0 var(--space-3);
  font-family: var(--font-article);
  font-size: var(--text-display);
  font-weight: 700;
  letter-spacing: var(--tracking-display);
  text-wrap: balance;
}

.editor__preview-deck[b-45r13evqns] {
  margin: 0 0 var(--space-8);
  font-family: var(--font-article);
  font-size: var(--text-xl);
  color: var(--muted);
  text-wrap: pretty;
}

.editor__status[b-45r13evqns] {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
  margin: 0;
  padding: var(--space-2) var(--space-4);
  border-top: 1px solid var(--border);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  color: var(--muted);
}

.editor__error[b-45r13evqns] {
  flex: 1 1 12rem;
  max-width: 20rem;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--danger);
}

.editor__history[b-45r13evqns] {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.editor-history[b-45r13evqns] {
  display: grid;
  grid-template-columns: 18rem 1fr;
  height: 100%;
  min-height: 0;
}

.editor-history__list[b-45r13evqns],
.editor-history__preview[b-45r13evqns] {
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.editor-history__list[b-45r13evqns] {
  border-right: 1px solid var(--border);
  padding: var(--space-4);
}

.editor-history__rows[b-45r13evqns] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.editor-history__row[b-45r13evqns] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  width: 100%;
  margin: 0;
  padding: var(--space-3);
  border: 0;
  border-bottom: 1px solid var(--border-soft);
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-family: var(--font-ui);
}

.editor-history__row:hover[b-45r13evqns],
.editor-history__row:active[b-45r13evqns] {
  background: var(--bg-sunken);
}

.editor-history__row--current[b-45r13evqns] {
  background: var(--bg-sunken);
}

.editor-history__number[b-45r13evqns] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--ink);
}

.editor-history__meta[b-45r13evqns],
.editor-history__title[b-45r13evqns],
.editor-history__empty[b-45r13evqns],
.editor-history__preview-kicker[b-45r13evqns] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  color: var(--muted);
}

.editor-history__title[b-45r13evqns] {
  color: var(--ink);
}

.editor-history__badge[b-45r13evqns] {
  display: inline-block;
  margin-left: var(--space-2);
  padding: 0.1rem 0.45rem;
  border-radius: var(--radius-pill);
  background: var(--bg-sunken);
  color: var(--ink);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.editor-history__empty[b-45r13evqns] {
  padding: var(--space-4);
}

.editor-history__pager[b-45r13evqns] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin: var(--space-4) 0 0;
  padding-top: var(--space-3);
  border-top: 1px solid var(--border-soft);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

.editor-history__page[b-45r13evqns],
.editor-history__page-off[b-45r13evqns] {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0 var(--space-2);
}

.editor-history__page[b-45r13evqns] {
  border: 0;
  background: transparent;
  color: var(--ink);
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}

.editor-history__page:hover[b-45r13evqns] {
  text-decoration: underline;
}

.editor-history__page-off[b-45r13evqns] {
  color: var(--muted);
}

.editor-history__page-status[b-45r13evqns] {
  margin: 0;
  color: var(--muted);
}

.editor-history__preview[b-45r13evqns] {
  padding: var(--space-8);
  background: var(--paper);
}

.editor-history__preview-head[b-45r13evqns] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}

.editor-history__confirm[b-45r13evqns] {
  margin-bottom: var(--space-5);
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: var(--paper);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--ink);
}

.editor-history__confirm p[b-45r13evqns] {
  margin: 0 0 var(--space-3);
}

.editor-history__confirm-actions[b-45r13evqns] {
  display: flex;
  gap: var(--space-3);
}

.editor-history__cover[b-45r13evqns] {
  display: block;
  width: 100%;
  max-width: var(--measure-media);
  aspect-ratio: var(--ratio-hero);
  margin: 0 0 var(--space-5);
  object-fit: cover;
  background: var(--media-wash);
}

.editor-history__preview-title[b-45r13evqns] {
  margin: 0 0 var(--space-3);
  font-family: var(--font-article);
  font-size: var(--text-display);
  font-weight: 700;
  letter-spacing: var(--tracking-display);
}

.editor-history__preview-deck[b-45r13evqns] {
  margin: 0 0 var(--space-5);
  font-family: var(--font-article);
  font-size: var(--text-xl);
  color: var(--muted);
}

.editor-history__tags[b-45r13evqns] {
  margin: 0 0 var(--space-5);
}

@media (max-width: 64rem) {
  .editor-history[b-45r13evqns] {
    grid-template-columns: 1fr;
  }

  .editor-history__list[b-45r13evqns] {
    border-right: 0;
    border-bottom: 1px solid var(--border);
    max-height: 16rem;
  }
}

.editor__split[hidden][b-45r13evqns],
.editor__status[hidden][b-45r13evqns],
.editor__props[hidden][b-45r13evqns],
.editor__history[hidden][b-45r13evqns] {
  display: none;
}

.editor:has(.editor__split--source) .editor__status-preview[b-45r13evqns],
.editor:has(.editor__split--preview) .editor__status-source[b-45r13evqns] {
  display: none;
}

@media (max-width: 64rem) {
  .editor:has(.editor__split--split) .editor__status-preview[b-45r13evqns] {
    display: none;
  }

  .editor__split[b-45r13evqns],
  .editor__split--source[b-45r13evqns],
  .editor__split--preview[b-45r13evqns] {
    grid-template-columns: 1fr;
  }

  .editor__split .editor__preview[b-45r13evqns] {
    display: none;
  }

  .editor__split--preview .editor__preview[b-45r13evqns] {
    display: block;
    visibility: visible;
  }

  .editor__split--preview .editor__source[b-45r13evqns] {
    display: none;
  }

  .editor__source[b-45r13evqns] {
    border-right: 0;
    min-height: 70vh;
  }
}
/* /Components/Pages/Writer/ArticleListPage.razor.rz.scp.css */
.article-list[b-43fb0s0cr7] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.article-list li[b-43fb0s0cr7] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--border-soft);
}

.article-list a[b-43fb0s0cr7] {
  flex: 1 1 12rem;
  min-width: 0;
  color: var(--ink);
  text-decoration: none;
  font-weight: 500;
}

.article-list a:hover[b-43fb0s0cr7] {
  text-decoration: underline;
}

.article-list__meta[b-43fb0s0cr7] {
  color: var(--muted);
  font-size: var(--text-xs);
}

.article-list--hits[b-43fb0s0cr7] {
  border-top: 1px solid var(--border);
}

.article-list--hits > li[b-43fb0s0cr7] {
  display: block;
  padding: 0;
  border-bottom: 0;
}

.search-tags[b-43fb0s0cr7] {
  margin: 0 0 var(--space-6);
}

.search-tags__label[b-43fb0s0cr7] {
  margin: 0 0 var(--space-2);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

.search-tags[b-43fb0s0cr7]  .tag-chips {
  margin-top: 0;
}
/* /Components/Pages/Writer/CollectionDetailPage.razor.rz.scp.css */
.collection-rename[b-9aqvch0elv] {
  display: grid;
  gap: var(--space-4);
}

.collection-detail__description[b-9aqvch0elv] {
  margin: 0;
}

.collection-detail__find[b-9aqvch0elv] {
  margin: 0;
}

.studio-section + .collection-detail__find[b-9aqvch0elv] {
  margin-top: var(--space-10);
}

.collection-detail__find[b-9aqvch0elv]  .studio-search {
  margin-bottom: 0;
}

.collection-cover[b-9aqvch0elv] {
  display: grid;
  gap: var(--space-3);
}

.collection-cover--view img[b-9aqvch0elv] {
  display: block;
  width: min(100%, 22rem);
  aspect-ratio: var(--ratio-card);
  object-fit: cover;
  background: var(--media-wash);
}

.collection-delete[b-9aqvch0elv] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.collection-delete__prompt[b-9aqvch0elv],
.collection-delete__hint[b-9aqvch0elv] {
  margin: 0;
}

.collection-delete__hint[b-9aqvch0elv] {
  color: var(--muted);
  font-size: var(--text-sm);
}

.collection-delete__actions[b-9aqvch0elv] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.field[b-9aqvch0elv] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.field__label[b-9aqvch0elv] {
  font-size: var(--text-sm);
  color: var(--muted);
}

.field__input[b-9aqvch0elv] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}

.collection-detail__list[b-9aqvch0elv] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.collection-detail__list li[b-9aqvch0elv] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--border-soft);
}

.collection-detail__list a[b-9aqvch0elv] {
  flex: 1 1 12rem;
  min-width: 0;
  color: var(--ink);
  text-decoration: none;
  font-weight: 500;
}
/* /Components/Pages/Writer/CollectionListPage.razor.rz.scp.css */
.collection-create[b-p5tx3zf839] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  align-items: end;
}

.collection-create .field:nth-child(3)[b-p5tx3zf839],
.collection-create button[b-p5tx3zf839] {
  grid-column: 1 / -1;
}

.field[b-p5tx3zf839] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.field__label[b-p5tx3zf839] {
  font-size: var(--text-sm);
  color: var(--muted);
}

.field__input[b-p5tx3zf839] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}

.collection-list[b-p5tx3zf839] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.collection-list li[b-p5tx3zf839] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--border-soft);
}

.collection-list a[b-p5tx3zf839] {
  flex: 1 1 12rem;
  min-width: 0;
  color: var(--ink);
  text-decoration: none;
  font-weight: 500;
}

.collection-list__meta[b-p5tx3zf839] {
  color: var(--muted);
  font-size: var(--text-xs);
}

.collection-list--hits[b-p5tx3zf839] {
  border-top: 1px solid var(--border);
}

.collection-list--hits > li[b-p5tx3zf839] {
  display: block;
  padding: 0;
  border-bottom: 0;
}

@media (max-width: 40rem) {
  .collection-create[b-p5tx3zf839] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/Writer/CuratedCardEditor.razor.rz.scp.css */
.card-editor[b-bvd34q4e0q] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.card-editor__label[b-bvd34q4e0q] {
  margin-top: var(--space-2);
  font-size: var(--text-sm);
  color: var(--muted);
}

.card-editor__input[b-bvd34q4e0q] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-studio-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}

textarea.card-editor__input[b-bvd34q4e0q] {
  min-height: 4.5rem;
  padding: var(--space-3);
  resize: vertical;
}

.card-editor__placement[b-bvd34q4e0q] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: var(--space-4);
}
/* /Components/Pages/Writer/ExploreGroupEditor.razor.rz.scp.css */
.explore-editor[b-uhz0sboeb3] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.explore-editor__keys[b-uhz0sboeb3] {
  margin: 0;
  padding: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.explore-editor__keys legend[b-uhz0sboeb3] {
  margin-bottom: var(--space-2);
  font-size: var(--text-sm);
  color: var(--muted);
}

.explore-editor__key[b-uhz0sboeb3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.explore-editor__key button[b-uhz0sboeb3] {
  min-height: 2.5rem;
  padding: 0 var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-studio-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--ink);
  cursor: pointer;
}

.explore-editor__count[b-uhz0sboeb3] {
  margin-top: var(--space-2);
  font-size: var(--text-sm);
  color: var(--muted);
}

.explore-editor__input[b-uhz0sboeb3] {
  min-height: 2.5rem;
  max-width: 8rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-studio-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}
/* /Components/Pages/Writer/HomeSectionEditor.razor.rz.scp.css */
.home-structure__row[b-zua952pode] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-3);
  min-height: 2.5rem;
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--border-soft);
}

.home-structure__row[b-zua952pode]  .card-editor {
  flex: 1 0 100%;
}

.home-structure__check[b-zua952pode] {
  flex: none;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0.2rem 0 0;
  accent-color: var(--accent);
}

.home-structure__copy[b-zua952pode] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  flex: 1 1 auto;
  min-width: 0;
}

.home-structure__name[b-zua952pode] {
  font-size: var(--text-md);
  color: var(--ink);
}

.home-structure__hint[b-zua952pode] {
  margin: 0;
  color: var(--muted);
  font-size: var(--text-sm);
}

.home-structure__lang[b-zua952pode] {
  margin-top: var(--space-2);
  font-size: var(--text-sm);
  color: var(--muted);
}

.home-structure__input[b-zua952pode] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}
/* /Components/Pages/Writer/MembersPage.razor.rz.scp.css */
.member-invite[b-sjjy9izb6z] {
  display: grid;
  grid-template-columns: 1fr 10rem auto;
  gap: var(--space-4);
  align-items: end;
}

.member-invite__hint[b-sjjy9izb6z] {
  margin: 0;
  color: var(--muted);
  font-size: var(--text-sm);
}

.field[b-sjjy9izb6z] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.field__label[b-sjjy9izb6z] {
  font-size: var(--text-sm);
  color: var(--muted);
}

.field__input[b-sjjy9izb6z] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}

.member-list[b-sjjy9izb6z] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.member-list li[b-sjjy9izb6z] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--border-soft);
}

.member-list__name[b-sjjy9izb6z] {
  flex: 1 1 12rem;
  min-width: 0;
  font-weight: 500;
}

.member-list__meta[b-sjjy9izb6z] {
  color: var(--muted);
  font-size: var(--text-sm);
}

.member-list__role[b-sjjy9izb6z] {
  font-size: var(--text-xs);
  color: var(--muted);
}

.member-list__link[b-sjjy9izb6z] {
  font-size: var(--text-sm);
}

@media (max-width: 40rem) {
  .member-invite[b-sjjy9izb6z] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/Writer/PlansPage.razor.rz.scp.css */
.plan-create[b-xo7lastb9a] {
  display: grid;
  grid-template-columns: 1fr 8rem 8rem 10rem auto;
  gap: var(--space-4);
  align-items: end;
}

.plan-create--account[b-xo7lastb9a] {
  grid-template-columns: 1fr 1fr auto;
}

.plan-create--inline[b-xo7lastb9a] {
  grid-template-columns: minmax(4rem, 5.5rem) auto;
  gap: var(--space-2);
  width: max-content;
  max-width: 100%;
  align-items: center;
}

.plan-create--inline .field__input[b-xo7lastb9a] {
  width: 100%;
  min-width: 0;
  min-height: 2rem;
  padding-inline: var(--space-2);
  font-size: var(--text-sm);
}

.plan-create__status[b-xo7lastb9a],
.plan-create__hint[b-xo7lastb9a] {
  margin: 0;
  color: var(--muted);
  font-size: var(--text-sm);
}

.plan-create__status[b-xo7lastb9a] {
  color: var(--ink);
}

.field[b-xo7lastb9a] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.field__label[b-xo7lastb9a] {
  font-size: var(--text-sm);
  color: var(--muted);
}

.field__input[b-xo7lastb9a] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}

.plan-list[b-xo7lastb9a] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.plan-list li[b-xo7lastb9a] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--border-soft);
  flex-wrap: wrap;
}

.plan-list__name[b-xo7lastb9a] {
  flex: 1 1 12rem;
  min-width: 0;
  font-weight: 500;
}

.plan-list__meta[b-xo7lastb9a] {
  color: var(--muted);
  font-size: var(--text-sm);
}

@media (max-width: 48rem) {
  .plan-create[b-xo7lastb9a] {
    grid-template-columns: 1fr;
  }

  .plan-create--inline[b-xo7lastb9a] {
    grid-template-columns: minmax(4rem, 5.5rem) auto;
  }
}
/* /Components/Pages/Writer/SettingsPage.razor.rz.scp.css */
.settings[b-z8etihs57l] {
  display: flex;
  flex-direction: column;
  max-width: var(--measure-writer);
  margin-inline: auto;
}

.settings-tabs[b-z8etihs57l] {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2px;
  width: fit-content;
  max-width: 100%;
  margin-bottom: var(--space-6);
  padding: 0.2rem;
  border-radius: var(--radius-studio-control);
  background: var(--studio-hover);
  font-family: var(--font-ui);
}

.settings-tabs__tab[b-z8etihs57l] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 0;
  border-radius: calc(var(--radius-studio-control) - 2px);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--studio-muted);
  cursor: pointer;
}

.settings-tabs__tab:hover[b-z8etihs57l] {
  color: var(--studio-ink);
}

.settings-tabs__tab--current[b-z8etihs57l] {
  background: var(--studio-surface);
  color: var(--studio-ink);
  box-shadow: var(--shadow-studio);
}

.settings-tabs__panel[hidden][b-z8etihs57l] {
  display: none;
}

.settings__actions[b-z8etihs57l] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-top: var(--space-10);
}

.field[b-z8etihs57l] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.field__label[b-z8etihs57l] {
  font-size: var(--text-sm);
  color: var(--muted);
}

.field__input[b-z8etihs57l] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}

textarea.field__input[b-z8etihs57l] {
  min-height: 6rem;
  padding: var(--space-3);
  resize: vertical;
}

.settings__hint[b-z8etihs57l] {
  margin: 0;
  color: var(--muted);
  font-size: var(--text-sm);
}

.settings__domain-current[b-z8etihs57l] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2) var(--space-3);
  margin: var(--space-5) 0 var(--space-2);
  font-family: var(--font-ui);
}

.settings__domain-current > span:first-child[b-z8etihs57l] {
  color: var(--studio-muted);
  font-size: var(--text-sm);
}

.settings__domain-current strong[b-z8etihs57l] {
  overflow-wrap: anywhere;
}

.settings__domain-status[b-z8etihs57l] {
  padding: 0.15rem 0.5rem;
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  color: var(--studio-muted);
  font-size: var(--text-sm);
}

.settings__domain-table[b-z8etihs57l] {
  width: 100%;
  margin-top: var(--space-3);
  border-collapse: collapse;
  table-layout: fixed;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

.settings__domain-table caption[b-z8etihs57l] {
  padding: 0 0 var(--space-2);
  color: var(--studio-muted);
  text-align: left;
}

.settings__domain-table th[b-z8etihs57l],
.settings__domain-table td[b-z8etihs57l] {
  padding: var(--space-3) var(--space-2);
  border-bottom: 1px solid var(--studio-border);
  text-align: left;
  vertical-align: middle;
}

.settings__domain-table th[b-z8etihs57l] {
  color: var(--studio-muted);
  font-weight: 500;
}

.settings__domain-table th:first-child[b-z8etihs57l],
.settings__domain-table td:first-child[b-z8etihs57l] {
  width: 4.5rem;
}

.settings__domain-table th:nth-child(2)[b-z8etihs57l],
.settings__domain-table td:nth-child(2)[b-z8etihs57l] {
  width: 34%;
}

.settings__domain-table code[b-z8etihs57l] {
  overflow-wrap: anywhere;
  font-size: var(--text-sm);
}

.settings__domain-value[b-z8etihs57l] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}

.settings__domain-value[b-z8etihs57l]  .copy-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1);
}

@media (max-width: 40rem) {
  .settings__domain-table th[b-z8etihs57l],
  .settings__domain-table td[b-z8etihs57l] {
    padding-inline: var(--space-1);
  }

  .settings__domain-value[b-z8etihs57l] {
    align-items: flex-start;
    flex-direction: column;
  }
}

.font-add[b-z8etihs57l] {
  position: relative;
}

.font-add__label[b-z8etihs57l],
.font-list__file[b-z8etihs57l] {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0 var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-studio-control);
  box-shadow: var(--shadow-studio);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--ink);
  cursor: pointer;
}

.font-add__label:hover[b-z8etihs57l],
.font-list__file:hover[b-z8etihs57l] {
  background: var(--studio-hover);
}

.font-add[b-z8etihs57l]  input[type="file"],
.font-list__file[b-z8etihs57l]  input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.home-structure[b-z8etihs57l],
.font-list[b-z8etihs57l] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.font-list[b-z8etihs57l] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.font-list__row[b-z8etihs57l] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.font-list__name[b-z8etihs57l] {
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}
/* /Components/Pages/Writer/StudioGalleryPage.razor.rz.scp.css */
.studio-gallery__upload[b-fkalqmbtrq] {
  max-width: 28rem;
}

.studio-gallery__article[b-fkalqmbtrq] {
  margin: 0;
}

.studio-gallery__wall[b-fkalqmbtrq] {
  min-width: 0;
}

.studio-gallery__hint[b-fkalqmbtrq] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--muted);
}

.studio-gallery__check[b-fkalqmbtrq] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.75rem;
  margin: var(--space-3) 0 0;
  color: var(--ink);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}

.studio-gallery__check input[b-fkalqmbtrq] {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  accent-color: var(--accent);
}

.studio-gallery__check input:focus-visible[b-fkalqmbtrq] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.studio-gallery__preview[b-fkalqmbtrq] {
  margin: 0 0 var(--space-4);
}

.studio-gallery__preview img[b-fkalqmbtrq] {
  display: block;
  width: 100%;
  max-height: 12rem;
  object-fit: contain;
  background: var(--media-wash);
}

.studio-gallery__preview figcaption[b-fkalqmbtrq] {
  margin-top: var(--space-2);
  font-family: var(--font-article);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--ink);
}

.studio-gallery__item[b-fkalqmbtrq] {
  position: relative;
  z-index: 1;
  break-inside: avoid;
  margin: 0 0 var(--space-12);
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.studio-gallery__frame[b-fkalqmbtrq] {
  position: relative;
  width: 100%;
}

.studio-gallery__chrome[b-fkalqmbtrq] {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

@media (hover: hover) and (pointer: fine) {
  .studio-gallery__chrome[b-fkalqmbtrq] {
    opacity: 0;
    transition: opacity var(--duration-ui) var(--easing-ui);
  }

  .studio-gallery__item:hover .studio-gallery__chrome[b-fkalqmbtrq],
  .studio-gallery__item:focus-within .studio-gallery__chrome[b-fkalqmbtrq] {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .studio-gallery__chrome[b-fkalqmbtrq] {
    transition: none;
  }
}

.studio-gallery__action[b-fkalqmbtrq] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding: 0 var(--space-3);
  border: 0;
  border-radius: var(--radius-pill);
  background: rgb(250 250 250 / 0.92);
  color: var(--ink);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.12);
}

.studio-gallery__action:hover[b-fkalqmbtrq] {
  background: var(--paper);
}

.studio-gallery__action:focus-visible[b-fkalqmbtrq] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.studio-gallery__action--danger[b-fkalqmbtrq] {
  color: var(--danger);
}

.field[b-fkalqmbtrq] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin-bottom: var(--space-4);
}

.field__label[b-fkalqmbtrq] {
  font-size: var(--text-sm);
  color: var(--muted);
}

.field__input[b-fkalqmbtrq] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}

/* Same masonry pack as the reader gallery — natural plate heights, not a row grid. */
.studio-gallery__grid[b-fkalqmbtrq] {
  columns: 3;
  column-gap: var(--space-8);
  list-style: none;
  margin: 0;
  padding: 0;
}

.studio-dialog[b-fkalqmbtrq] {
  position: fixed;
  inset: 0;
  z-index: var(--z-dialog);
  display: grid;
  place-items: center;
  padding: var(--space-4);
}

.studio-dialog__scrim[b-fkalqmbtrq] {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgb(9 9 11 / 0.4);
  cursor: pointer;
}

.studio-dialog__panel[b-fkalqmbtrq] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(36rem, 100%);
  max-height: min(90vh, 44rem);
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-studio-card);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.studio-dialog__header[b-fkalqmbtrq],
.studio-dialog__footer[b-fkalqmbtrq] {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-4);
  border-bottom: 1px solid var(--border-soft);
}

.studio-dialog__footer[b-fkalqmbtrq] {
  justify-content: flex-end;
  border-bottom: 0;
  border-top: 1px solid var(--border-soft);
}

.studio-dialog__title[b-fkalqmbtrq] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-lg);
  font-weight: 600;
  color: var(--ink);
}

.studio-dialog__body[b-fkalqmbtrq] {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: var(--space-4);
}

@media (prefers-reduced-motion: reduce) {
  .studio-dialog__scrim[b-fkalqmbtrq],
  .studio-dialog__panel[b-fkalqmbtrq] {
    transition: none;
  }
}

@media (max-width: 64rem) {
  .studio-gallery__grid[b-fkalqmbtrq] {
    columns: 2;
  }
}

@media (max-width: 48rem) {
  .studio-gallery__grid[b-fkalqmbtrq] {
    columns: 1;
  }
}
/* /Components/Pages/Writer/StudioHomePage.razor.rz.scp.css */
.studio-home[b-qvprok6auc] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.studio-cards[b-qvprok6auc] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}

.studio-cards--pair[b-qvprok6auc] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.studio-home__arrivals[b-qvprok6auc] {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(14rem, 0.85fr);
  gap: var(--space-4);
  align-items: start;
}

.studio-home__trend[b-qvprok6auc] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
}

.studio-home__days[b-qvprok6auc] {
  min-width: 0;
  max-height: 22rem;
  overflow: auto;
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-card);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.studio-home__days :deep(thead th)[b-qvprok6auc] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--studio-surface);
}

.studio-card[b-qvprok6auc] {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-5) var(--space-6) var(--space-4);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-card);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.studio-card__label[b-qvprok6auc] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--studio-muted);
}

.studio-card__label--status[b-qvprok6auc] {
  text-transform: capitalize;
}

.studio-card__value[b-qvprok6auc] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-3xl);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.studio-card__note[b-qvprok6auc] {
  margin: var(--space-2) 0 0;
  color: var(--studio-muted);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}

.studio-card__note a[b-qvprok6auc] {
  color: var(--studio-ink);
  font-weight: 500;
  text-decoration: none;
}

.studio-card__note a:hover[b-qvprok6auc] {
  text-decoration: underline;
}

.studio-panel[b-qvprok6auc] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

#studio-home-engagement[b-qvprok6auc] {
  scroll-margin-top: var(--space-4);
}

.studio-home__engagement[b-qvprok6auc] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.studio-panel__bar[b-qvprok6auc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.studio-panel__bar h2[b-qvprok6auc] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.025em;
}

.studio-panel__note[b-qvprok6auc] {
  margin: 0;
  color: var(--studio-muted);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

.studio-table__head[b-qvprok6auc],
.studio-list li[b-qvprok6auc] {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(8rem, 0.8fr) auto;
  align-items: center;
  gap: var(--space-4);
}

.studio-table__head[b-qvprok6auc] {
  padding: 0.65rem 1rem;
  border-bottom: 1px solid var(--studio-border);
  color: var(--studio-muted);
  font-size: var(--text-xs);
  font-weight: 500;
}

.studio-list[b-qvprok6auc] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.studio-list a[b-qvprok6auc] {
  min-width: 0;
  overflow: hidden;
  color: var(--ink);
  font-weight: 500;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.studio-list__meta[b-qvprok6auc] {
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: var(--text-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.studio-list__badges[b-qvprok6auc] {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-2);
}

@media (max-width: 64rem) {
  .studio-cards[b-qvprok6auc] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .studio-home__arrivals[b-qvprok6auc] {
    grid-template-columns: 1fr;
  }

  .studio-home__days[b-qvprok6auc] {
    max-height: 16rem;
  }
}

@media (max-width: 40rem) {
  .studio-cards[b-qvprok6auc],
  .studio-table__head[b-qvprok6auc],
  .studio-list li[b-qvprok6auc] {
    grid-template-columns: 1fr;
  }

  .studio-table__head[b-qvprok6auc] {
    display: none;
  }
}
/* /Components/Pages/Writer/SubscribersPage.razor.rz.scp.css */
.subscriber-filter[b-0nqpf8fj1b] {
  max-width: 16rem;
  margin: 0 0 var(--space-4);
}

.studio-filter-chips[b-0nqpf8fj1b] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0 0 var(--space-4);
}

.subscriber-grant[b-0nqpf8fj1b] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-4);
  align-items: end;
}

.subscriber-grant__hint[b-0nqpf8fj1b] {
  margin: 0;
  color: var(--muted);
  font-size: var(--text-sm);
}

.subscriber-opens[b-0nqpf8fj1b] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.subscriber-opens li[b-0nqpf8fj1b] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--studio-border);
}

.subscriber-opens li:last-child[b-0nqpf8fj1b] {
  border-bottom: 0;
  padding-bottom: 0;
}

.subscriber-opens li:first-child[b-0nqpf8fj1b] {
  padding-top: 0;
}

.subscriber-opens a[b-0nqpf8fj1b] {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  min-height: 2rem;
  color: var(--studio-ink);
  font-weight: 500;
  text-decoration: none;
}

.subscriber-opens a:hover[b-0nqpf8fj1b] {
  text-decoration: underline;
}

.subscriber-opens__day[b-0nqpf8fj1b] {
  flex: 0 0 auto;
  color: var(--muted);
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
}

.field[b-0nqpf8fj1b] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.field__label[b-0nqpf8fj1b] {
  font-size: var(--text-sm);
  color: var(--muted);
}

.field__input[b-0nqpf8fj1b] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}

.subscriber-list[b-0nqpf8fj1b] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.subscriber-list li[b-0nqpf8fj1b] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--border-soft);
  flex-wrap: wrap;
}

.subscriber-list__name[b-0nqpf8fj1b] {
  flex: 1 1 12rem;
  min-width: 0;
  font-weight: 500;
}

.subscriber-list__meta[b-0nqpf8fj1b] {
  color: var(--muted);
  font-size: var(--text-sm);
}

@media (max-width: 40rem) {
  .subscriber-grant[b-0nqpf8fj1b] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Primitives/Alert.razor.rz.scp.css */
.alert[b-7jgad0adju] {
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  padding: var(--space-4);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}

.alert__title[b-7jgad0adju] {
  margin: 0 0 var(--space-1);
  font-weight: 600;
  color: var(--ink);
}

.alert__body[b-7jgad0adju] {
  color: var(--muted);
}

.alert--warning[b-7jgad0adju] {
  border-left: 3px solid var(--accent-cta);
}

.alert--error[b-7jgad0adju] {
  border-left: 3px solid var(--danger);
}

.alert--error .alert__title[b-7jgad0adju] {
  color: var(--danger);
}
/* /Components/Primitives/Avatar.razor.rz.scp.css */
.avatar[b-w74s2to1zx] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex: none;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}

.avatar--initials[b-w74s2to1zx] {
  background: var(--media-wash);
  color: var(--muted);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.02em;
}
/* /Components/Primitives/Badge.razor.rz.scp.css */
.badge[b-c5ipqr5a1q] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 0.15rem var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
  white-space: nowrap;
}

.badge__lock[b-c5ipqr5a1q] {
  display: block;
  flex: none;
}
/* /Components/Primitives/Button.razor.rz.scp.css */
.btn[b-ezt201v7fk] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: 2.5rem;
  padding: 0 var(--space-5);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color var(--duration-ui) var(--easing-ui),
    border-color var(--duration-ui) var(--easing-ui);
}

/* Reader Subscribe: 44px minimum target. */
.btn--large[b-ezt201v7fk] {
  min-height: 2.75rem;
  padding: 0 var(--space-6);
  font-size: var(--text-md);
}

/* Black / gray / white. Studio and account keep the same zinc tokens via their shells. */
.btn--primary[b-ezt201v7fk],
.btn--cta[b-ezt201v7fk] {
  background: var(--studio-primary);
  color: var(--paper);
}

.btn--primary:hover[b-ezt201v7fk],
.btn--cta:hover[b-ezt201v7fk] {
  background: var(--studio-primary-hover);
}

.btn--primary:active[b-ezt201v7fk],
.btn--cta:active[b-ezt201v7fk] {
  background: var(--studio-ink);
}

.btn--secondary[b-ezt201v7fk] {
  background: transparent;
  border-color: var(--studio-border);
  color: var(--ink);
}

.btn--secondary:hover[b-ezt201v7fk] {
  background: var(--studio-hover);
  border-color: var(--studio-border);
}

.btn--secondary:active[b-ezt201v7fk] {
  background: var(--studio-hover);
}

.btn--ghost[b-ezt201v7fk] {
  background: none;
  color: var(--ink);
  padding: 0 var(--space-2);
}

.btn--ghost:hover[b-ezt201v7fk] {
  text-decoration: underline;
}

.btn--ghost:active[b-ezt201v7fk] {
  background: var(--studio-hover);
}

.btn--danger[b-ezt201v7fk] {
  background: var(--danger);
  color: #fff;
}

.btn--danger:hover[b-ezt201v7fk] {
  background: #8a3124;
}

.btn--danger:active[b-ezt201v7fk] {
  background: #7f2e22;
}

.btn:disabled[b-ezt201v7fk] {
  opacity: 0.5;
  pointer-events: none;
}
/* /Components/Primitives/EmptyState.razor.rz.scp.css */
.empty[b-afc6oboaot] {
  margin: 0;
  padding: var(--space-8) 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--muted);
}

.empty:has(.btn)[b-afc6oboaot] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.empty__message[b-afc6oboaot] {
  margin: 0;
}

.empty[b-afc6oboaot]  .btn--ghost {
  min-height: 1.5rem;
  min-width: 1.5rem;
  padding: 0;
  color: var(--muted);
  font-weight: 500;
}

.empty[b-afc6oboaot]  .btn--ghost:hover {
  color: var(--ink);
}

.empty[b-afc6oboaot]  .btn--ghost:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
/* /Components/Primitives/SearchPager.razor.rz.scp.css */
.search-pager[b-gkzhqwqult] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin: var(--space-8) 0 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-soft);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}

.search-pager__status[b-gkzhqwqult] {
  margin: 0;
  color: var(--muted);
}

.search-pager__link[b-gkzhqwqult],
.search-pager__placeholder[b-gkzhqwqult] {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0 var(--space-2);
}

.search-pager__link[b-gkzhqwqult] {
  color: var(--ink);
  text-decoration: none;
  font-weight: 500;
}

.search-pager__link:hover[b-gkzhqwqult] {
  text-decoration: underline;
}

.search-pager__placeholder[b-gkzhqwqult] {
  color: var(--muted);
}
/* /Components/Primitives/Select.razor.rz.scp.css */
.field[b-cxetg2ut63] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.field__label[b-cxetg2ut63] {
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--muted);
}

.field__input[b-cxetg2ut63] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-md);
  color: var(--ink);
}

.field__error[b-cxetg2ut63] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--danger);
}
/* /Components/Primitives/TextField.razor.rz.scp.css */
.field[b-o55e05gx7j] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.field__label[b-o55e05gx7j] {
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--muted);
}

.field__control[b-o55e05gx7j] {
  position: relative;
  display: flex;
  align-items: center;
}

.field__input[b-o55e05gx7j] {
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-md);
  color: var(--ink);
}

.field__control .field__input[b-o55e05gx7j] {
  flex: 1 1 auto;
  width: 100%;
  padding-inline-end: 2.5rem;
}

.field__input[aria-invalid="true"][b-o55e05gx7j] {
  border-color: var(--danger);
}

.field__reveal[b-o55e05gx7j] {
  position: absolute;
  inset-inline-end: var(--space-1);
  top: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-block: auto;
  padding: 0;
  border: 0;
  border-radius: var(--radius-control);
  background: transparent;
  color: var(--muted);
  cursor: pointer;
}

.field__reveal:hover[b-o55e05gx7j],
.field__reveal:active[b-o55e05gx7j] {
  color: var(--ink);
  background: var(--bg-sunken);
}

.field__reveal-icon[b-o55e05gx7j] {
  width: 1.1rem;
  height: 1.1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.field__reveal-icon--hide[b-o55e05gx7j] {
  display: none;
}

.field__reveal[aria-pressed="true"] .field__reveal-icon--show[b-o55e05gx7j] {
  display: none;
}

.field__reveal[aria-pressed="true"] .field__reveal-icon--hide[b-o55e05gx7j] {
  display: block;
}

.field__error[b-o55e05gx7j] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--danger);
}
/* /Components/Reader/ArticleCard.razor.rz.scp.css */
/* Shared: the picture, the type, and the one bit of motion the reader allows. */

.card__cover[b-qhio296v7u] {
  overflow: hidden;
  background: var(--media-wash);
}

.card__cover img[b-qhio296v7u] {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: var(--radius-none);
  background: var(--media-wash);
  transition: transform var(--duration-media) var(--easing-media);
}

.card:hover .card__cover img[b-qhio296v7u],
.card:focus-within .card__cover img[b-qhio296v7u] {
  transform: scale(1.04);
}

.card__text[b-qhio296v7u] {
  min-width: 0;
}

.card__kicker[b-qhio296v7u] {
  margin: 0 0 var(--space-2);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

.card__title[b-qhio296v7u] {
  margin: 0;
  font-family: var(--font-article);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
  text-wrap: balance;
}

.card__title a[b-qhio296v7u] {
  color: var(--fg);
  text-decoration: none;
}

.card__title a:hover[b-qhio296v7u] {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.card__deck[b-qhio296v7u] {
  margin: var(--space-2) 0 0;
  font-family: var(--font-article);
  letter-spacing: var(--tracking-body);
  color: var(--muted);
  text-wrap: pretty;
}

.card__meta[b-qhio296v7u] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-3);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  color: var(--muted);
}

.card__dot[b-qhio296v7u] {
  color: var(--border);
}

/* Row — text with a thumbnail beside it, for sequential lists. */
.card--row[b-qhio296v7u] {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  padding: var(--space-8) 0;
  border-bottom: 1px solid var(--border-soft);
}

.card--row .card__cover[b-qhio296v7u] {
  order: 1;
  flex: none;
  width: 11rem;
}

.card--row .card__cover img[b-qhio296v7u] {
  aspect-ratio: var(--ratio-card);
}

.card--row .card__text[b-qhio296v7u] {
  flex: 1 1 auto;
}

.card--row .card__title[b-qhio296v7u] {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl-lh);
}

.card--row .card__deck[b-qhio296v7u] {
  font-size: var(--text-md);
  line-height: var(--text-md-lh);
}

/* Grid — picture above the text, sized for three abreast. No rules between cards. */
.card--grid[b-qhio296v7u] {
  display: flex;
  flex-direction: column;
  text-align: left;
}

/*
  Aspect ratio lives on the plate, not the img: an empty cover has no replaced content, so a ratio
  on the image selector would not hold height and the next card's photograph would sit beside text.
*/
.card--grid .card__cover[b-qhio296v7u] {
  display: block;
  width: 100%;
  flex: none;
  aspect-ratio: var(--ratio-grid);
  overflow: hidden;
  background: var(--media-wash);
}

.card--grid .card__cover img[b-qhio296v7u] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card--grid .card__text[b-qhio296v7u] {
  display: flex;
  flex-direction: column;
  padding-top: var(--space-4);
}

.card--grid .card__kicker[b-qhio296v7u] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

.card--grid .card__title[b-qhio296v7u] {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl-lh);
}

.card--grid .card__deck[b-qhio296v7u] {
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  letter-spacing: 0;
}

.card--grid .card__meta[b-qhio296v7u] {
  margin-top: var(--space-4);
}

/* Lead — one per listing. The height cap stops a 2:1 crop from filling the whole first screen. */
.card--lead[b-qhio296v7u] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding-bottom: var(--space-12);
  border-bottom: 1px solid var(--border);
}

.card--lead .card__cover img[b-qhio296v7u] {
  aspect-ratio: var(--ratio-hero);
  max-height: 28rem;
}

.card--lead .card__text[b-qhio296v7u] {
  max-width: var(--measure-article);
}

.card--lead .card__title[b-qhio296v7u] {
  font-size: var(--text-display);
  line-height: var(--text-display-lh);
  letter-spacing: var(--tracking-display);
}

.card--lead .card__deck[b-qhio296v7u] {
  font-size: var(--text-xl);
  line-height: var(--text-xl-lh);
}

@media (max-width: 48rem) {
  .card--row[b-qhio296v7u] {
    flex-direction: column;
    gap: var(--space-4);
  }

  .card--row .card__cover[b-qhio296v7u] {
    order: 0;
    width: 100%;
  }

  .card--lead .card__title[b-qhio296v7u] {
    font-size: var(--text-3xl);
    line-height: var(--text-3xl-lh);
  }

  .card--lead .card__cover img[b-qhio296v7u] {
    aspect-ratio: var(--ratio-media);
  }
}
/* /Components/Reader/ArticleHeader.razor.rz.scp.css */
/* Title block stays on the reading measure even though the column around it is media-wide. */
.article-header[b-ggrq1evnz2] {
  max-width: var(--measure-article);
  margin-inline: auto;
}

.article-header__kicker[b-ggrq1evnz2] {
  display: inline-block;
  margin-bottom: var(--space-4);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--link);
  text-decoration: none;
}

.article-header__kicker:hover[b-ggrq1evnz2] {
  color: var(--fg);
}

.article-header__title[b-ggrq1evnz2] {
  margin: 0;
  font-family: var(--font-article);
  font-size: var(--text-display);
  line-height: var(--text-display-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-display);
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.article-header__deck[b-ggrq1evnz2] {
  margin: var(--space-5) 0 0;
  font-family: var(--font-article);
  font-size: var(--text-xl);
  line-height: var(--text-xl-lh);
  letter-spacing: var(--tracking-body);
  color: var(--muted);
  text-wrap: pretty;
}

.article-header__byline[b-ggrq1evnz2] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-8);
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--border-soft);
}

/* 44px byline portrait: at 2rem it reads as an icon, and the byline is a person. */
.article-header__byline[b-ggrq1evnz2]  .avatar {
  width: 2.75rem;
  height: 2.75rem;
  font-size: var(--text-sm);
}

.article-header__byline-text[b-ggrq1evnz2] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
  flex: 1 1 auto;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}

.article-header__actions[b-ggrq1evnz2] {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin-left: auto;
  flex-shrink: 0;
}

.article-header__pdf[b-ggrq1evnz2],
.article-header__save[b-ggrq1evnz2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: none;
  color: var(--muted);
  text-decoration: none;
  cursor: pointer;
}

.article-header__pdf:hover[b-ggrq1evnz2],
.article-header__save:hover[b-ggrq1evnz2] {
  color: var(--fg);
}

.article-header__pdf:focus-visible[b-ggrq1evnz2],
.article-header__save:focus-visible[b-ggrq1evnz2] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.article-header__pdf svg[b-ggrq1evnz2],
.article-header__save svg[b-ggrq1evnz2] {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.article-header__meta[b-ggrq1evnz2] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  color: var(--muted);
}

.article-header__dot[b-ggrq1evnz2] {
  color: var(--border);
}

.article-header[b-ggrq1evnz2]  .tag-chips {
  margin-top: var(--space-5);
}

@media (max-width: 40rem) {
  .article-header__title[b-ggrq1evnz2] {
    font-size: var(--text-3xl);
    line-height: var(--text-3xl-lh);
  }

  .article-header__deck[b-ggrq1evnz2] {
    font-size: var(--text-lg-narrow);
  }
}
/* /Components/Reader/ArticleToc.razor.rz.scp.css */
.toc[b-cq6174sf5m] {
  position: sticky;
  /* Clears the sticky masthead. */
  top: var(--space-20);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}

.toc__label[b-cq6174sf5m] {
  margin: 0 0 var(--space-4);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

.toc__list[b-cq6174sf5m] {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid var(--border);
}

.toc__item[b-cq6174sf5m] {
  padding: var(--space-2) 0 var(--space-2) var(--space-4);
}

.toc__item--level-3[b-cq6174sf5m] {
  padding-left: var(--space-8);
}

.toc__item a[b-cq6174sf5m] {
  color: var(--muted);
  text-decoration: none;
}

.toc__item a:hover[b-cq6174sf5m] {
  color: var(--fg);
  text-decoration: underline;
}
/* /Components/Reader/CollectionNav.razor.rz.scp.css */
/* On the reading measure: the column around it is media-wide. */
.collection-nav[b-n1sqg5r9hh] {
  max-width: var(--measure-article);
  margin: var(--space-16) auto 0;
  padding-top: var(--space-6);
  border-top: 1px solid var(--border);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}

.collection-nav__collection[b-n1sqg5r9hh] {
  display: inline-block;
  margin-bottom: var(--space-4);
  color: var(--muted);
  text-decoration: none;
}

.collection-nav__collection:hover[b-n1sqg5r9hh] {
  color: var(--fg);
}

.collection-nav__steps[b-n1sqg5r9hh] {
  display: flex;
  gap: var(--space-8);
  justify-content: space-between;
}

.collection-nav__step[b-n1sqg5r9hh] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
  flex: 1 1 0;
  max-width: 18rem;
  text-decoration: none;
}

.collection-nav__step--next[b-n1sqg5r9hh] {
  text-align: right;
  margin-left: auto;
}

.collection-nav__label[b-n1sqg5r9hh] {
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

.collection-nav__title[b-n1sqg5r9hh] {
  font-family: var(--font-article);
  font-size: var(--text-md);
  color: var(--fg);
  font-weight: 600;
  letter-spacing: var(--tracking-title);
  overflow-wrap: anywhere;
}

.collection-nav__step:hover .collection-nav__title[b-n1sqg5r9hh] {
  text-decoration: underline;
}

@media (max-width: 40rem) {
  .collection-nav__steps[b-n1sqg5r9hh] {
    flex-direction: column;
    gap: var(--space-6);
  }

  .collection-nav__step[b-n1sqg5r9hh] {
    max-width: none;
  }

  .collection-nav__step--next[b-n1sqg5r9hh] {
    text-align: left;
    margin-left: 0;
  }
}
/* /Components/Reader/ContinueReading.razor.rz.scp.css */
.continue-reading[b-jdjv1a9cmz] {
  max-width: var(--measure-article);
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.continue-reading[b-jdjv1a9cmz]  .btn--large {
  min-width: 11rem;
}
/* /Components/Reader/CoverImage.razor.rz.scp.css */
/*
  A full-width band. The ratio gets taller as the viewport narrows, because 3:1 across a phone is a
  letterbox slot; the height cap stops the band from swallowing a large screen before any text.
*/
.cover[b-yfb7jegcsg] {
  display: block;
  width: 100%;
  aspect-ratio: var(--ratio-band);
  max-height: 32rem;
  object-fit: cover;
  border-radius: var(--radius-none);
  background: var(--media-wash);
  cursor: zoom-in;
}

@media (max-width: 64rem) {
  .cover[b-yfb7jegcsg] {
    aspect-ratio: var(--ratio-hero);
  }
}

@media (max-width: 40rem) {
  .cover[b-yfb7jegcsg] {
    aspect-ratio: var(--ratio-media);
  }
}
/* /Components/Reader/DownloadImageButton.razor.rz.scp.css */
.image-download[b-1vr1kt4m5x] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radius-pill);
  color: var(--muted);
  text-decoration: none;
  background: none;
}

.image-download:hover[b-1vr1kt4m5x] {
  color: var(--fg);
}

.image-download:focus-visible[b-1vr1kt4m5x] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.image-download svg[b-1vr1kt4m5x] {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.image-download--on-ink[b-1vr1kt4m5x] {
  color: var(--paper-sunken);
}

.image-download--on-ink:hover[b-1vr1kt4m5x] {
  color: var(--paper);
}

.image-download--on-ink:focus-visible[b-1vr1kt4m5x] {
  outline-color: var(--paper);
}

/* Same pill language as Save on the photograph. */
a.image-download--on-photo[b-1vr1kt4m5x] {
  width: 2.5rem;
  height: 2.5rem;
  background: rgb(255 255 255 / 0.92);
  color: var(--fg);
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.12);
}

a.image-download--on-photo:hover[b-1vr1kt4m5x] {
  background: var(--paper);
  color: var(--fg);
}

a.image-download--on-photo:focus-visible[b-1vr1kt4m5x] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
/* /Components/Reader/ExploreGroups.razor.rz.scp.css */
.explore[b-yzubvy1twx] {
  max-width: var(--measure-article);
  margin: var(--space-16) auto 0;
  padding-top: var(--space-6);
  border-top: 1px solid var(--border);
}

.explore__heading[b-yzubvy1twx] {
  margin: 0 0 var(--space-3);
  font-family: var(--font-article);
  font-size: var(--text-xl);
  font-weight: 600;
  letter-spacing: var(--tracking-title);
}

.explore__list[b-yzubvy1twx] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.explore__list a[b-yzubvy1twx] {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  font-family: var(--font-article);
  font-size: var(--text-md);
  color: var(--fg);
  text-decoration: none;
}

.explore__list a:hover[b-yzubvy1twx] {
  text-decoration: underline;
}

.explore__list a:focus-visible[b-yzubvy1twx] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.explore__group + .explore__group[b-yzubvy1twx] {
  margin-top: var(--space-10);
}
/* /Components/Reader/GalleryTile.razor.rz.scp.css */
.gallery-tile[b-0it94ltqr9] {
  display: block;
  position: relative;
  text-align: left;
  color: inherit;
  text-decoration: none;
  background: none;
  border: 0;
  padding: 0;
  width: 100%;
  cursor: pointer;
  font: inherit;
}

.gallery-tile-block[b-0it94ltqr9] {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.gallery-tile__frame[b-0it94ltqr9] {
  position: relative;
  width: 100%;
}

.gallery-tile-block > .gallery-tile__frame > .gallery-tile[b-0it94ltqr9],
.gallery-tile-block .gallery-tile__plate[b-0it94ltqr9] {
  cursor: zoom-in;
}

.gallery-tile--selected[b-0it94ltqr9] {
  outline: 2px solid var(--focus);
  outline-offset: 4px;
}

.gallery-tile__plate[b-0it94ltqr9] {
  display: block;
  width: 100%;
  flex: none;
  aspect-ratio: var(--ratio-grid);
  overflow: hidden;
  background: var(--media-wash);
  cursor: zoom-in;
}

.gallery-tile__plate img[b-0it94ltqr9] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-none);
  background: var(--media-wash);
  transition: transform var(--duration-media) var(--easing-media);
}

/* Workspace gallery masonry: show the photograph’s own ratio (Unsplash-style). */
[data-gallery-layout="masonry"] .gallery-tile__plate[b-0it94ltqr9] {
  aspect-ratio: auto;
}

[data-gallery-layout="masonry"] .gallery-tile__plate img[b-0it94ltqr9] {
  height: auto;
  object-fit: unset;
}

.gallery-tile:hover .gallery-tile__plate img[b-0it94ltqr9],
.gallery-tile:focus-visible .gallery-tile__plate img[b-0it94ltqr9],
.gallery-tile-block:hover .gallery-tile__plate img[b-0it94ltqr9],
.gallery-tile-block:focus-within .gallery-tile__plate img[b-0it94ltqr9] {
  transform: scale(1.04);
}

.gallery-tile__chrome[b-0it94ltqr9] {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

/* Fine pointer: Save appears on hover / focus, or stays when already saved. */
@media (hover: hover) and (pointer: fine) {
  .gallery-tile__chrome[b-0it94ltqr9] {
    opacity: 0;
    transition: opacity var(--duration-ui) var(--easing-ui);
  }

  .gallery-tile-block:hover .gallery-tile__chrome[b-0it94ltqr9],
  .gallery-tile-block:focus-within .gallery-tile__chrome[b-0it94ltqr9],
  .gallery-tile__chrome:has(.image-save--on)[b-0it94ltqr9] {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gallery-tile__chrome[b-0it94ltqr9] {
    transition: none;
  }
}

.gallery-tile__meta[b-0it94ltqr9] {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.gallery-tile__caption[b-0it94ltqr9] {
  flex: 1 1 auto;
  min-width: 0;
  margin-top: var(--space-4);
  font-family: var(--font-article);
  font-size: var(--text-md);
  line-height: var(--text-md-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

.gallery-tile-block .gallery-tile__caption[b-0it94ltqr9] {
  margin-top: 0;
}

.gallery-tile-block[b-0it94ltqr9]  .tag-chips {
  margin-top: var(--space-2);
}

.gallery-tile__badge[b-0it94ltqr9] {
  margin-top: var(--space-2);
}

.gallery-tile--locked[b-0it94ltqr9] {
  cursor: pointer;
}

.gallery-tile--locked .gallery-tile__plate[b-0it94ltqr9] {
  background: var(--media-wash, #e8e4dc);
}

.gallery-tile--locked .gallery-tile__plate img[b-0it94ltqr9] {
  opacity: 0.55;
}

.gallery-tile__lock-copy[b-0it94ltqr9] {
  margin: 0.35rem 0 0;
  font-size: var(--text-sm, 0.875rem);
  color: var(--ink-muted, #6b6560);
}

.gallery-tile__badge--overlay[b-0it94ltqr9] {
  position: absolute;
  left: var(--space-3);
  bottom: var(--space-3);
  z-index: 1;
  margin: 0;
}

@media (prefers-reduced-motion: reduce) {
  .gallery-tile__plate img[b-0it94ltqr9] {
    transition: none;
  }

  .gallery-tile:hover .gallery-tile__plate img[b-0it94ltqr9],
  .gallery-tile:focus-visible .gallery-tile__plate img[b-0it94ltqr9],
  .gallery-tile-block:hover .gallery-tile__plate img[b-0it94ltqr9],
  .gallery-tile-block:focus-within .gallery-tile__plate img[b-0it94ltqr9] {
    transform: none;
  }
}
/* /Components/Reader/HomeLists.razor.rz.scp.css */
.home__section[b-t4rr2e1f1q]  .tag-index {
  margin-bottom: 0;
}

.home__row + .home__more[b-t4rr2e1f1q] {
  display: none;
}

.home__row[data-overflow] + .home__more[b-t4rr2e1f1q] {
  display: block;
}

.home__cards[b-t4rr2e1f1q] {
  display: grid;
  gap: var(--space-8);
  list-style: none;
  margin: 0;
  padding: 0;
}

.home__cards--two[b-t4rr2e1f1q] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home__cards--four[b-t4rr2e1f1q] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home__card[b-t4rr2e1f1q] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: var(--fg);
  text-decoration: none;
}

.home__card-cover[b-t4rr2e1f1q] {
  display: block;
  aspect-ratio: var(--ratio-grid);
  background: var(--media-wash);
  overflow: hidden;
}

.home__card-cover img[b-t4rr2e1f1q] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--duration-media) var(--easing-media);
}

.home__card:hover .home__card-cover img[b-t4rr2e1f1q],
.home__card:focus-within .home__card-cover img[b-t4rr2e1f1q] {
  transform: scale(1.04);
}

.home__card-title[b-t4rr2e1f1q] {
  margin-top: var(--space-3);
  font-family: var(--font-article);
  font-size: var(--text-xl);
  line-height: var(--text-xl-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
}

.home__card-description[b-t4rr2e1f1q] {
  margin-top: var(--space-2);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--muted);
}

.home__section[b-t4rr2e1f1q] {
  margin-top: var(--space-12);
}

.home__more[b-t4rr2e1f1q] {
  margin: var(--space-8) 0 0;
}

.home__section-title[b-t4rr2e1f1q] {
  margin: 0 0 var(--space-8);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

.home__segments[b-t4rr2e1f1q] {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

.home__segments > li[b-t4rr2e1f1q] {
  flex: 0 0 calc((100% - 2 * var(--space-4)) / 3);
  min-width: 0;
}

.home__segment[b-t4rr2e1f1q] {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  min-height: 2.75rem;
  border: 1px solid var(--border);
  font-family: var(--font-article);
  font-size: var(--text-lg);
  line-height: var(--text-lg-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
  color: var(--fg);
  text-decoration: none;
  overflow: hidden;
}

.home__segment-cover[b-t4rr2e1f1q] {
  display: block;
  aspect-ratio: var(--ratio-grid);
  background: var(--media-wash);
  overflow: hidden;
}

.home__segment-cover img[b-t4rr2e1f1q] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home__segment-name[b-t4rr2e1f1q] {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  padding: var(--space-3) var(--space-4);
}

.home__segment:hover .home__segment-name[b-t4rr2e1f1q] {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

@media (prefers-reduced-motion: reduce) {
  .home__card-cover img[b-t4rr2e1f1q] {
    transition: none;
  }

  .home__card:hover .home__card-cover img[b-t4rr2e1f1q],
  .home__card:focus-within .home__card-cover img[b-t4rr2e1f1q] {
    transform: none;
  }
}

@media (max-width: 64rem) {
  .home__cards--four[b-t4rr2e1f1q] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home__segments > li[b-t4rr2e1f1q] {
    flex-basis: calc((100% - var(--space-4)) / 2);
  }
}

@media (max-width: 48rem) {
  .home__cards--two[b-t4rr2e1f1q],
  .home__cards--four[b-t4rr2e1f1q] {
    grid-template-columns: minmax(0, 1fr);
  }

  .home__segments > li[b-t4rr2e1f1q] {
    flex-basis: 100%;
  }
}
/* /Components/Reader/NavegarLists.razor.rz.scp.css */
.navegar-lists[b-s40btkxuij] {
  display: contents;
}
/* /Components/Reader/PaywallBlock.razor.rz.scp.css */
/* In the article flow, on the reading measure — the column around it is media-wide. */
.paywall[b-901qo67so7] {
  max-width: var(--measure-article);
  margin: var(--space-10) auto 0;
}

/*
  Decoration only: a wash over blank space where the remainder would have been, resolving into the
  panel below. It contains no text, gated or otherwise.
*/
.paywall__fade[b-901qo67so7] {
  height: var(--space-16);
  background: linear-gradient(to bottom, transparent, var(--bg-sunken));
}

.paywall__body[b-901qo67so7] {
  border-top: 2px solid var(--accent-cta);
  background: var(--bg-sunken);
  padding: var(--space-10) var(--space-8) var(--space-12);
  text-align: center;
}

.paywall__heading[b-901qo67so7] {
  margin: 0;
  font-family: var(--font-article);
  font-size: var(--text-2xl);
  line-height: var(--text-2xl-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
}

.paywall__copy[b-901qo67so7] {
  margin: var(--space-3) auto var(--space-8);
  font-family: var(--font-ui);
  font-size: var(--text-md);
  line-height: var(--text-md-lh);
  color: var(--muted);
  max-width: 30rem;
}

.paywall__actions[b-901qo67so7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
}

@media (max-width: 40rem) {
  .paywall__body[b-901qo67so7] {
    padding: var(--space-8) var(--space-5) var(--space-10);
  }
}

@media (prefers-reduced-motion: reduce) {
  .paywall__fade[b-901qo67so7] {
    background: none;
    border-top: 1px solid var(--border);
    height: var(--space-4);
  }
}
/* /Components/Reader/ReaderPath.razor.rz.scp.css */
.reader-path[b-njz65pzoxh] {
  border-bottom: 1px solid var(--border-soft);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}

.reader-path__inner[b-njz65pzoxh] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-2) var(--space-6);
}

.reader-path__back[b-njz65pzoxh] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.75rem;
  color: var(--muted);
  text-decoration: none;
  white-space: nowrap;
}

.reader-path__back:hover[b-njz65pzoxh] {
  color: var(--fg);
}

.reader-path__back:focus-visible[b-njz65pzoxh] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.reader-path__back svg[b-njz65pzoxh] {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.reader-path__trail[b-njz65pzoxh] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.reader-path__crumb[b-njz65pzoxh] {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: var(--muted);
}

.reader-path__crumb + .reader-path__crumb[b-njz65pzoxh]::before {
  content: "/";
  margin-inline: var(--space-2);
  color: var(--border);
}

.reader-path__crumb a[b-njz65pzoxh] {
  color: var(--muted);
  text-decoration: none;
}

.reader-path__crumb a:hover[b-njz65pzoxh] {
  color: var(--fg);
}

.reader-path__crumb a:focus-visible[b-njz65pzoxh] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.reader-path__crumb:last-child[b-njz65pzoxh] {
  max-width: 24rem;
}

.reader-path__crumb [aria-current="page"][b-njz65pzoxh] {
  display: block;
  overflow: hidden;
  color: var(--fg);
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 48rem) {
  .reader-path__inner[b-njz65pzoxh] {
    padding-inline: var(--space-4);
  }
}
/* /Components/Reader/ReaderQueryPanel.razor.rz.scp.css */
.reader-query__field[b-bmx1vt0ia1] {
  max-width: var(--measure-article);
  margin: 0 0 var(--space-10);
}
/* /Components/Reader/ReaderShell.razor.rz.scp.css */
.reader-root[b-g2ivo7jinm] {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--bg);
  color: var(--fg);
}

/*
  Sticky, hairline under it, and never competing with the article: the masthead is the only reader
  chrome allowed to follow the reader down the page.
*/
.reader-header[b-g2ivo7jinm] {
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  background: var(--bg);
  border-bottom: 1px solid var(--border-soft);
  color: var(--ink);
}

.reader-header__inner[b-g2ivo7jinm] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-3) var(--space-6);
}

.reader-header__lead[b-g2ivo7jinm],
.reader-header__links[b-g2ivo7jinm],
.reader-header__actions[b-g2ivo7jinm] {
  display: flex;
  align-items: center;
}

.reader-header__lead[b-g2ivo7jinm] {
  gap: var(--space-2) var(--space-6);
  min-width: 0;
}

.reader-header__links[b-g2ivo7jinm] {
  gap: var(--space-1) var(--space-6);
}

/* The publication name is a masthead, so it is set in the article face, not the UI face. */
.reader-header__wordmark[b-g2ivo7jinm] {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 16rem;
  overflow: hidden;
  font-family: var(--font-article);
  font-size: var(--text-2xl);
  line-height: 1;
  font-weight: 700;
  letter-spacing: var(--tracking-title);
  color: var(--fg);
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reader-header__wordmark img[b-g2ivo7jinm] {
  display: block;
  max-width: 10rem;
  max-height: 1.75rem;
  width: auto;
}

.reader-header__actions[b-g2ivo7jinm] {
  gap: var(--space-2) var(--space-5);
}

.reader-header__gallery[b-g2ivo7jinm],
.reader-header__saved[b-g2ivo7jinm] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.75rem;
  padding: var(--space-2) 0;
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-md);
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.reader-header__nav[b-g2ivo7jinm] {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  gap: var(--space-2);
  min-width: 2.75rem;
  min-height: 2.75rem;
  height: 2.75rem;
  padding: 0 var(--space-3) 0 var(--space-4);
  border: 1px solid var(--ink);
  border-radius: var(--radius-pill);
  background: var(--paper);
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-md);
  font-weight: 500;
  line-height: 1;
  color: var(--ink);
  white-space: nowrap;
  list-style: none;
  appearance: none;
  cursor: pointer;
}

.reader-header__nav[b-g2ivo7jinm]::-webkit-details-marker,
.reader-header__nav[b-g2ivo7jinm]::marker {
  content: "";
  display: none;
}

.reader-header__chevron[b-g2ivo7jinm] {
  flex: none;
  transition: transform var(--duration-ui) var(--easing-ui);
}

.reader-nav[open] .reader-header__chevron[b-g2ivo7jinm] {
  transform: rotate(180deg);
}

.reader-nav__panel[b-g2ivo7jinm] {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  max-height: calc(100dvh - var(--space-16));
  overflow: auto;
  background: var(--bg);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--ink);
  color: var(--fg);
}

.reader-nav__inner[b-g2ivo7jinm] {
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-8) var(--space-6) var(--space-6);
}

.reader-nav__lists[b-g2ivo7jinm] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14.375rem), 1fr));
  gap: var(--space-8);
  margin-top: var(--space-8);
}

@media (min-width: 64rem) {
  .reader-nav__lists[b-g2ivo7jinm] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.reader-nav__lists[b-g2ivo7jinm]  .home__section {
  margin-top: 0;
  min-width: 0;
}

.reader-nav__lists[b-g2ivo7jinm]  .home__section-title {
  margin: 0 0 var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--border);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

.reader-nav__lists[b-g2ivo7jinm]  .home__cards {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.reader-nav__lists[b-g2ivo7jinm]  .home__card {
  flex-direction: row;
  align-items: center;
  gap: var(--space-3);
  min-height: 2.75rem;
  padding: var(--space-2) 0;
}

.reader-nav__lists[b-g2ivo7jinm]  .home__card-title {
  margin-top: 0;
  font-size: var(--text-lg);
}

.reader-nav__lists[b-g2ivo7jinm]  .home__cards--two .home__card-cover {
  width: 3.5rem;
  height: 3.5rem;
  aspect-ratio: 1;
  flex: 0 0 auto;
}

.reader-nav__lists[b-g2ivo7jinm]  .home__cards--two .home__card-description,
.reader-nav__lists[b-g2ivo7jinm]  .home__cards--four .home__card-cover,
.reader-nav__lists[b-g2ivo7jinm]  .home__segment-cover {
  display: none;
}

.reader-nav__lists[b-g2ivo7jinm]  .home__card:hover .home__card-cover img,
.reader-nav__lists[b-g2ivo7jinm]  .home__card:focus-within .home__card-cover img {
  transform: none;
}

.reader-nav__lists[b-g2ivo7jinm]  .home__cards--four .home__card {
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.reader-nav__lists[b-g2ivo7jinm]  .home__cards--four .home__card-title {
  font-size: var(--text-md);
}

.reader-nav__lists[b-g2ivo7jinm]  .home__cards--four .home__card-description {
  margin-top: 0;
  font-size: var(--text-sm);
}

.reader-nav__lists[b-g2ivo7jinm]  .home__segments {
  flex-direction: column;
  overflow: visible;
  gap: 0;
}

.reader-nav__lists[b-g2ivo7jinm]  .home__segments > li {
  flex: 0 0 auto;
  width: auto;
}

.reader-nav__lists[b-g2ivo7jinm]  .home__segment {
  flex-direction: row;
  align-items: center;
  border: 0;
  min-height: 2.75rem;
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-md);
  font-weight: 400;
}

.reader-nav__lists[b-g2ivo7jinm]  .home__segment-name {
  min-height: 2.75rem;
  padding: var(--space-2) 0;
}

.reader-nav__lists[b-g2ivo7jinm]  .home__card:hover .home__card-title {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.reader-nav__lists[b-g2ivo7jinm]  .tag-index {
  margin-bottom: 0;
}

.reader-nav__foot[b-g2ivo7jinm] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.reader-nav__all[b-g2ivo7jinm] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.75rem;
  font-family: var(--font-chrome, var(--font-ui));
  font-weight: 600;
  color: inherit;
  text-decoration: none;
}

.reader-header__account[b-g2ivo7jinm] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border-radius: 50%;
  background: var(--bg-sunken);
  color: inherit;
  text-decoration: none;
}

.reader-header__account[b-g2ivo7jinm]  .avatar {
  width: 2.75rem;
  height: 2.75rem;
  background: transparent;
  font-size: var(--text-sm);
  color: var(--fg);
}

.reader-header__nav:focus-visible[b-g2ivo7jinm],
a.reader-header__account:focus-visible[b-g2ivo7jinm] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.reader-header__account-name[b-g2ivo7jinm] {
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-sm);
  color: inherit;
}

.reader-header[b-g2ivo7jinm]  .btn--ghost {
  color: inherit;
}

.reader-main[b-g2ivo7jinm] {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}

.reader-footer[b-g2ivo7jinm] {
  border-top: 1px solid var(--border);
  margin-top: var(--space-24);
}

.reader-footer__inner[b-g2ivo7jinm] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-4);
  max-width: var(--measure-wide);
  margin: 0 auto;
  padding: var(--space-8) var(--space-6);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  color: var(--muted);
}

.reader-footer__inner > span:first-child[b-g2ivo7jinm] {
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--fg);
}

.reader-footer__gallery[b-g2ivo7jinm] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0 var(--space-2);
  font-family: var(--font-ui);
  color: var(--fg);
  text-decoration: none;
}

.reader-bar[b-g2ivo7jinm] {
  display: none;
}

.reader-bar__item[b-g2ivo7jinm] {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: var(--space-2);
  font-family: var(--font-chrome, var(--font-ui));
  font-size: var(--text-sm);
  color: inherit;
  text-align: center;
  text-decoration: none;
}

.reader-bar__item:focus-visible[b-g2ivo7jinm] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

@media (max-width: 48rem) {
  .reader-header[b-g2ivo7jinm] {
    display: none;
  }

  .reader-bar[b-g2ivo7jinm] {
    display: flex;
    position: fixed;
    z-index: var(--z-header);
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--bg);
    border-top: 1px solid var(--border-soft);
    color: var(--ink);
  }

  .reader-root[b-g2ivo7jinm] {
    padding-bottom: calc(2.75rem + var(--space-4));
  }

  .reader-footer__inner[b-g2ivo7jinm] {
    padding: var(--space-8) var(--space-4);
  }
}
/* /Components/Reader/ReaderSuggestField.razor.rz.scp.css */
/* Shared chrome: wwwroot/css/search-field.css. Home spacing only. */

.home__search[b-tcnw0jyaam] {
  margin-top: var(--space-8);
}
/* /Components/Reader/SaveArticleButton.razor.rz.scp.css */
.article-header__save[b-tbze4gu7ck] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  flex-shrink: 0;
  color: var(--muted);
}

.article-header__save button[b-tbze4gu7ck] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: none;
  color: inherit;
  cursor: pointer;
}

.article-header__save button:hover[b-tbze4gu7ck] {
  color: var(--fg);
}

.article-header__save button:focus-visible[b-tbze4gu7ck] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.article-header__save button:disabled[b-tbze4gu7ck] {
  opacity: 0.5;
  pointer-events: none;
}

.article-header__save svg[b-tbze4gu7ck] {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.article-header__save--on[b-tbze4gu7ck] {
  color: var(--ink);
}

.article-header__save--on button:hover[b-tbze4gu7ck] {
  color: var(--studio-ink);
}

.article-header__save--on svg[b-tbze4gu7ck] {
  fill: currentColor;
  stroke: none;
}
/* /Components/Reader/SaveImageButton.razor.rz.scp.css */
.image-save[b-1ijewoxs2c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  flex-shrink: 0;
  color: var(--muted);
}

.image-save button[b-1ijewoxs2c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: none;
  color: inherit;
  cursor: pointer;
}

.image-save button:hover[b-1ijewoxs2c],
a.image-save:hover[b-1ijewoxs2c] {
  color: var(--fg);
}

.image-save button:focus-visible[b-1ijewoxs2c],
a.image-save:focus-visible[b-1ijewoxs2c] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.image-save svg[b-1ijewoxs2c] {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.image-save--on[b-1ijewoxs2c] {
  color: var(--ink);
}

.image-save--on button:hover[b-1ijewoxs2c] {
  color: var(--studio-ink);
}

.image-save--on svg[b-1ijewoxs2c] {
  fill: currentColor;
  stroke: none;
}

.image-save--on-ink[b-1ijewoxs2c] {
  color: var(--paper-sunken);
}

.image-save--on-ink button:hover[b-1ijewoxs2c],
a.image-save--on-ink:hover[b-1ijewoxs2c] {
  color: var(--paper);
}

.image-save--on-ink button:focus-visible[b-1ijewoxs2c],
a.image-save--on-ink:focus-visible[b-1ijewoxs2c] {
  outline-color: var(--paper);
}

.image-save--on-ink.image-save--on[b-1ijewoxs2c] {
  color: var(--paper);
}

.image-save--on-ink.image-save--on svg[b-1ijewoxs2c] {
  fill: currentColor;
  stroke: none;
}

/* Bookmark chrome on a photograph (Unsplash-style tile). */
a.image-save--on-photo[b-1ijewoxs2c],
.image-save--on-photo button[b-1ijewoxs2c] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-pill);
  background: rgb(255 255 255 / 0.92);
  color: var(--fg);
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.12);
}

a.image-save--on-photo:hover[b-1ijewoxs2c],
.image-save--on-photo button:hover[b-1ijewoxs2c] {
  background: var(--paper);
  color: var(--fg);
}

.image-save--on-photo.image-save--on[b-1ijewoxs2c],
.image-save--on-photo.image-save--on button[b-1ijewoxs2c] {
  color: var(--ink);
}

a.image-save--on-photo:focus-visible[b-1ijewoxs2c],
.image-save--on-photo button:focus-visible[b-1ijewoxs2c] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
/* /Components/Reader/SearchHitRow.razor.rz.scp.css */
.hit[b-8zp6b54ihx] {
  display: flex;
  align-items: flex-start;
  gap: var(--space-6);
  padding: var(--space-6) 0;
  border-bottom: 1px solid var(--border-soft);
}

.hit__cover[b-8zp6b54ihx] {
  flex: none;
  width: 11rem;
  aspect-ratio: var(--ratio-card);
  overflow: hidden;
  background: var(--media-wash);
}

.hit__cover img[b-8zp6b54ihx] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-none);
  transition: transform 200ms ease;
}

.hit:hover .hit__cover img[b-8zp6b54ihx],
.hit:focus-within .hit__cover img[b-8zp6b54ihx] {
  transform: scale(1.04);
}

.hit__body[b-8zp6b54ihx] {
  flex: 1 1 auto;
  min-width: 0;
}

.hit__head[b-8zp6b54ihx] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.hit__title[b-8zp6b54ihx] {
  margin: 0;
  font-family: var(--font-article);
  font-size: var(--text-xl);
  line-height: var(--text-xl-lh);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
}

.hit__title a[b-8zp6b54ihx] {
  color: var(--fg);
  text-decoration: none;
}

.hit__title a:hover[b-8zp6b54ihx] {
  text-decoration: underline;
}

.hit__context[b-8zp6b54ihx] {
  margin: var(--space-1) 0 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--muted);
}

.hit__snippet[b-8zp6b54ihx] {
  margin: var(--space-2) 0 0;
  font-family: var(--font-article);
  font-size: var(--text-md);
  line-height: var(--text-md-lh);
  color: var(--muted);
}

@media (max-width: 48rem) {
  .hit[b-8zp6b54ihx] {
    flex-wrap: wrap;
  }

  .hit__cover[b-8zp6b54ihx] {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hit__cover img[b-8zp6b54ihx] {
    transition: none;
  }

  .hit:hover .hit__cover img[b-8zp6b54ihx],
  .hit:focus-within .hit__cover img[b-8zp6b54ihx] {
    transform: none;
  }
}
/* /Components/Reader/TagChips.razor.rz.scp.css */
.tag-chips[b-ylxw9roink] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-4) 0 0;
  padding: 0;
  list-style: none;
}

.search-tags[b-ylxw9roink] {
  margin: 0 0 var(--space-6);
}

.search-tags__label[b-ylxw9roink] {
  margin: 0 0 var(--space-2);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--muted);
}

.search-tags .tag-chips[b-ylxw9roink] {
  margin-top: 0;
}
/* /Components/Reader/TagIndex.razor.rz.scp.css */
.tag-index[b-v1v63pf7y9] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin: 0 0 var(--space-8);
}

.tag-index__scope[b-v1v63pf7y9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--space-2);
  row-gap: var(--space-4);
}

.tag-index__option[b-v1v63pf7y9] {
  display: contents;
}

.tag-index__key-option[b-v1v63pf7y9] {
  position: relative;
  order: 0;
  white-space: nowrap;
}

.tag-index__key-option:focus-within[b-v1v63pf7y9] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.tag-index__radio[b-v1v63pf7y9] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.tag-index__radio:focus[b-v1v63pf7y9] {
  outline: none;
}

.tag-index__scope .tag-index__panel[b-v1v63pf7y9] {
  display: none;
  order: 1;
  flex: 1 1 100%;
}

.tag-index__option:has(:checked) .tag-index__panel[b-v1v63pf7y9] {
  display: block;
}

.tag-index[b-v1v63pf7y9]  .tag-chips {
  margin-top: 0;
}

.tag-index__more[b-v1v63pf7y9] {
  margin-top: var(--space-2);
}

.tag-index__more > summary[b-v1v63pf7y9] {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--ink);
  cursor: pointer;
}

.tag-index__more > summary[b-v1v63pf7y9]::-webkit-details-marker {
  display: none;
}

@media (max-width: 48rem) {
  .tag-index[b-v1v63pf7y9]  .tag-chips {
    gap: var(--space-3);
  }
}
/* /Components/Writer/ArrivalChart.razor.rz.scp.css */
.arrival-chart[b-r2uyamt2he] {
  position: relative;
}

.arrival-chart__plot[b-r2uyamt2he] {
  display: block;
  width: 100%;
  height: auto;
}

.arrival-chart__grid line[b-r2uyamt2he] {
  stroke: var(--studio-border);
  stroke-dasharray: 3 3;
}

.arrival-chart__fill[b-r2uyamt2he] {
  stroke: none;
}

.arrival-chart__fill--visitors[b-r2uyamt2he] {
  fill: var(--studio-ink);
  fill-opacity: 0.4;
}

.arrival-chart__fill--signed-in[b-r2uyamt2he] {
  fill: var(--accent);
  fill-opacity: 0.4;
}

.arrival-chart__line[b-r2uyamt2he] {
  fill: none;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.arrival-chart__line--visitors[b-r2uyamt2he] {
  stroke: var(--studio-ink);
}

.arrival-chart__line--signed-in[b-r2uyamt2he] {
  stroke: var(--accent);
}

.arrival-chart__labels text[b-r2uyamt2he] {
  fill: var(--studio-muted);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
}

.arrival-chart__bands[b-r2uyamt2he] {
  position: absolute;
}

.arrival-chart__band[b-r2uyamt2he] {
  position: absolute;
  top: 0;
  bottom: 0;
}

.arrival-chart__tip[b-r2uyamt2he] {
  display: none;
  position: absolute;
  z-index: 1;
  top: var(--space-2);
  left: 50%;
  min-width: 10rem;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
  color: var(--studio-ink);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  white-space: nowrap;
  transform: translateX(-50%);
}

.arrival-chart__band:first-child .arrival-chart__tip[b-r2uyamt2he] {
  left: 0;
  transform: none;
}

.arrival-chart__band:last-child .arrival-chart__tip[b-r2uyamt2he] {
  right: 0;
  left: auto;
  transform: none;
}

.arrival-chart__band:hover .arrival-chart__tip[b-r2uyamt2he] {
  display: grid;
  gap: var(--space-1);
}

.arrival-chart__tip p[b-r2uyamt2he] {
  margin: 0;
}

.arrival-chart__tip-day[b-r2uyamt2he] {
  color: var(--studio-muted);
}

.arrival-chart__series[b-r2uyamt2he] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.arrival-chart__swatch[b-r2uyamt2he] {
  width: 0.625rem;
  height: 0.625rem;
  flex: none;
  border-radius: 2px;
}

.arrival-chart__swatch--visitors[b-r2uyamt2he] {
  background: var(--studio-ink);
}

.arrival-chart__swatch--signed-in[b-r2uyamt2he] {
  background: var(--accent);
}

.arrival-chart__value[b-r2uyamt2he] {
  margin-left: auto;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.arrival-chart__legend[b-r2uyamt2he] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin: var(--space-3) 0 0;
  color: var(--studio-ink);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
}
/* /Components/Writer/CollectionMultiSelect.razor.rz.scp.css */
/* Multi-select appearance aligned with shadcn Select (trigger + popover items). */

.collection-select[b-ecbkyb1eno] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.collection-select__label[b-ecbkyb1eno] {
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 500;
  line-height: var(--text-sm-lh);
  color: var(--ink);
}

.collection-select__trigger[b-ecbkyb1eno] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
  min-height: 2.25rem;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-studio-control);
  box-shadow: var(--shadow-studio);
  background: var(--studio-surface, var(--paper));
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  text-align: left;
  color: var(--ink);
  cursor: pointer;
  transition:
    border-color var(--duration-ui) var(--easing-ui),
    box-shadow var(--duration-ui) var(--easing-ui);
}

.collection-select__trigger:hover:not(:disabled)[b-ecbkyb1eno] {
  border-color: var(--studio-muted, var(--muted));
}

.collection-select__trigger:focus-visible[b-ecbkyb1eno] {
  outline: none;
  border-color: var(--studio-ink, var(--ink));
  box-shadow: var(--shadow-studio), 0 0 0 1px var(--studio-ink, var(--ink));
}

.collection-select__trigger[aria-expanded="true"][b-ecbkyb1eno] {
  border-color: var(--studio-ink, var(--ink));
  box-shadow: var(--shadow-studio), 0 0 0 1px var(--studio-ink, var(--ink));
}

.collection-select__trigger:disabled[b-ecbkyb1eno] {
  opacity: 0.5;
  cursor: not-allowed;
}

.collection-select__value[b-ecbkyb1eno] {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
}

.collection-select__placeholder[b-ecbkyb1eno] {
  overflow: hidden;
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.collection-select__chip[b-ecbkyb1eno] {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 1.25rem;
  padding: 0 0.375rem;
  overflow: hidden;
  border-radius: calc(var(--radius-studio-control) - 2px);
  background: var(--studio-hover, var(--bg-sunken));
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.collection-select__chevron[b-ecbkyb1eno] {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  opacity: 0.5;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform var(--duration-ui) var(--easing-ui);
}

.collection-select[data-state="open"] .collection-select__chevron[b-ecbkyb1eno] {
  transform: rotate(180deg);
}

.collection-select__scrim[b-ecbkyb1eno] {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-dropdown) - 1);
  border: 0;
  padding: 0;
  background: transparent;
  cursor: default;
}

.collection-select__panel[b-ecbkyb1eno] {
  z-index: var(--z-dropdown);
  display: flex;
  flex-direction: column;
  min-width: 8rem;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface, var(--paper));
  color: var(--ink);
  box-shadow: var(--shadow-popover, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));
  animation: collection-select-in-b-ecbkyb1eno var(--duration-ui) var(--easing-ui);
}

/* Keep markup for SSR; [hidden] must beat display:flex (same as DataTableMenu). */
.collection-select__panel[hidden][b-ecbkyb1eno] {
  display: none;
}

/* Fixed placement (data-table.js) so dialog/table overflow does not clip the panel. */
.collection-select__panel--fixed[b-ecbkyb1eno] {
  position: fixed;
}

.collection-select__search-wrap[b-ecbkyb1eno] {
  padding: 0.25rem;
  border-bottom: 1px solid var(--border-soft, var(--border));
}

.collection-select__search[b-ecbkyb1eno] {
  width: 100%;
  min-height: 2rem;
  padding: 0.375rem 0.5rem;
  border: 0;
  border-radius: calc(var(--radius-studio-control) - 2px);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--ink);
}

.collection-select__search[b-ecbkyb1eno]::placeholder {
  color: var(--muted);
}

.collection-select__search:focus[b-ecbkyb1eno] {
  outline: none;
  background: var(--studio-hover, var(--bg-sunken));
}

.collection-select__list[b-ecbkyb1eno] {
  margin: 0;
  padding: 0.25rem;
  max-height: 15rem;
  overflow: auto;
  list-style: none;
}

.collection-select__option[b-ecbkyb1eno] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 2rem;
  padding: 0.375rem 0.5rem 0.375rem 0.5rem;
  border-radius: calc(var(--radius-studio-control) - 2px);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--ink);
  cursor: pointer;
  user-select: none;
}

.collection-select__option:hover[b-ecbkyb1eno],
.collection-select__option:focus-within[b-ecbkyb1eno] {
  background: var(--studio-hover, var(--bg-sunken));
}

.collection-select__check[b-ecbkyb1eno] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}

.collection-select__check svg[b-ecbkyb1eno] {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.collection-select__input[b-ecbkyb1eno] {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.collection-select__option-label[b-ecbkyb1eno] {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.collection-select__empty[b-ecbkyb1eno] {
  margin: 0;
  padding: 0.75rem;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--muted);
  text-align: center;
}

@keyframes collection-select-in-b-ecbkyb1eno {
  from {
    opacity: 0;
    transform: translateY(-0.25rem) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .collection-select__trigger[b-ecbkyb1eno],
  .collection-select__chevron[b-ecbkyb1eno],
  .collection-select__panel[b-ecbkyb1eno] {
    transition: none;
    animation: none;
  }
}
/* /Components/Writer/DataTableColumnHeader.razor.rz.scp.css */
.data-table-col[b-6gj13yy35i] {
  position: relative;
  display: inline-flex;
}

.data-table__sort[b-6gj13yy35i] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  padding: 0.25rem 0.4rem;
  margin-inline-start: -0.4rem;
  border: 0;
  border-radius: var(--radius-studio-control);
  background: transparent;
  font: inherit;
  font-weight: 500;
  color: inherit;
  cursor: pointer;
}

.data-table__sort:hover[b-6gj13yy35i],
.data-table-col--open .data-table__sort[b-6gj13yy35i],
.data-table-col--filtered .data-table__sort[b-6gj13yy35i] {
  background: var(--studio-hover);
  color: var(--studio-ink);
}

.data-table__sort-icon[b-6gj13yy35i] {
  font-size: 0.75rem;
  opacity: 0.7;
}

.data-table-col__dot[b-6gj13yy35i] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 999px;
  background: var(--studio-primary);
}

.data-table-menu__scrim[b-6gj13yy35i] {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-dropdown) - 1);
  border: 0;
  padding: 0;
  background: transparent;
  cursor: default;
}

.data-table-col__panel[b-6gj13yy35i],
.data-table-menu__panel[b-6gj13yy35i] {
  z-index: var(--z-dropdown);
  display: flex;
  flex-direction: column;
  min-width: 12rem;
  padding: var(--space-1);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

/* Absolute only before JS places it; open menus use fixed (escape table overflow). */
.data-table-col__panel:not(.data-table-menu__panel--fixed)[b-6gj13yy35i],
.data-table-menu__panel:not(.data-table-menu__panel--fixed)[b-6gj13yy35i] {
  position: absolute;
  top: calc(100% + var(--space-1));
  left: 0;
}

.data-table-menu__panel--fixed[b-6gj13yy35i] {
  position: fixed;
}

.data-table-col__panel[hidden][b-6gj13yy35i],
.data-table-menu__panel[hidden][b-6gj13yy35i] {
  display: none;
}

.data-table-menu__item[b-6gj13yy35i] {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2rem;
  padding: var(--space-2) var(--space-3);
  border: 0;
  border-radius: var(--radius-studio-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  text-align: left;
  color: var(--studio-ink);
  text-decoration: none;
  cursor: pointer;
}

.data-table-menu__item:hover[b-6gj13yy35i] {
  background: var(--studio-hover);
}

.data-table-col__filter[b-6gj13yy35i] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  padding: var(--space-2);
  border-top: 1px solid var(--studio-border);
}

.data-table__filter[b-6gj13yy35i] {
  width: 100%;
  min-width: 8rem;
  height: 2rem;
  padding: 0 var(--space-2);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--studio-ink);
  box-shadow: var(--shadow-studio);
}

.data-table__filter[b-6gj13yy35i]::placeholder {
  color: var(--studio-muted);
}

.data-table__filter:focus[b-6gj13yy35i] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
/* /Components/Writer/DataTableMenu.razor.rz.scp.css */
.data-table-menu[b-khbu8pll5m] {
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
}

/* Keeps the open trigger above in-row chrome; hover sessions omit the scrim (see DataTableMenu.razor). */
.data-table-menu--open[b-khbu8pll5m] {
  z-index: var(--z-dropdown);
}

.data-table-menu__trigger[b-khbu8pll5m] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-studio-control);
  background: transparent;
  color: var(--studio-ink);
  cursor: pointer;
}

.data-table-menu__trigger:hover[b-khbu8pll5m],
.data-table-menu--open .data-table-menu__trigger[b-khbu8pll5m] {
  background: var(--studio-hover);
}

.data-table-menu__dots[b-khbu8pll5m] {
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.05em;
}

.data-table-menu__scrim[b-khbu8pll5m] {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-dropdown) - 1);
  border: 0;
  padding: 0;
  background: transparent;
  cursor: default;
}

.data-table-menu__panel[b-khbu8pll5m] {
  z-index: var(--z-dropdown);
  display: flex;
  flex-direction: column;
  min-width: 10rem;
  padding: var(--space-1);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.data-table-menu__panel:not(.data-table-menu__panel--fixed)[b-khbu8pll5m] {
  position: absolute;
  top: calc(100% + var(--space-1));
  right: 0;
}

.data-table-menu__panel--fixed[b-khbu8pll5m] {
  position: fixed;
}

/* Keep panel markup for SSR hrefs; [hidden] must beat display:flex. */
.data-table-menu__panel[hidden][b-khbu8pll5m] {
  display: none;
}

.data-table-menu__panel[b-khbu8pll5m]  .data-table-menu__item,
.data-table-menu__panel[b-khbu8pll5m]  a.data-table-menu__item,
.data-table-menu__panel[b-khbu8pll5m]  button.data-table-menu__item {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2rem;
  padding: var(--space-2) var(--space-3);
  border: 0;
  border-radius: var(--radius-studio-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  text-align: left;
  color: var(--studio-ink);
  text-decoration: none;
  cursor: pointer;
}

.data-table-menu__panel[b-khbu8pll5m]  .data-table-menu__item:hover,
.data-table-menu__panel[b-khbu8pll5m]  a.data-table-menu__item:hover,
.data-table-menu__panel[b-khbu8pll5m]  button.data-table-menu__item:hover {
  background: var(--studio-hover);
}

.data-table-menu__panel[b-khbu8pll5m]  .data-table-menu__item:disabled {
  opacity: 0.5;
  pointer-events: none;
}
/* /Components/Writer/EngagementBlock.razor.rz.scp.css */
.engagement-block[b-b3ooye8g7v] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.engagement-block__bar[b-b3ooye8g7v] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  min-height: 2.75rem;
  padding-inline: var(--space-4);
}

.engagement-block__bar h3[b-b3ooye8g7v] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: var(--tracking-title);
  color: var(--studio-ink);
}

.engagement-block__trail[b-b3ooye8g7v] {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: var(--space-3);
  min-width: 0;
}

.engagement-block[b-b3ooye8g7v]  .engagement-block__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding-inline: var(--space-2);
  border-radius: var(--radius-studio-control);
  color: var(--studio-ink);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-decoration: none;
}

.engagement-block[b-b3ooye8g7v]  .engagement-block__count:hover,
.engagement-block[b-b3ooye8g7v]  .engagement-block__count:active {
  background: var(--studio-hover);
}

.engagement-block[b-b3ooye8g7v]  .engagement-block__meta {
  margin-left: auto;
  color: var(--studio-muted);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  font-weight: 500;
  text-align: right;
}

.engagement-block[b-b3ooye8g7v]  .empty {
  padding-inline: var(--space-4);
}
/* /Components/Writer/EngagementCards.razor.rz.scp.css */
.amount-cards[b-wv4rl1hs6w] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}

@media (max-width: 64rem) {
  .amount-cards[b-wv4rl1hs6w] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 40rem) {
  .amount-cards[b-wv4rl1hs6w] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Writer/EngagementMisses.razor.rz.scp.css */
.engagement-misses__target[b-wfi245q8o7] {
  scroll-margin-top: var(--space-6);
}
/* /Components/Writer/EngagementRanks.razor.rz.scp.css */
.engagement-ranks[b-htmrkn5i7t] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  align-items: start;
}

@media (max-width: 48rem) {
  .engagement-ranks[b-htmrkn5i7t] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Writer/EngagementSubscribers.razor.rz.scp.css */
.engagement-subscribers__threshold[b-3ncvw0aqt4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin: 0;
  padding-inline: var(--space-4);
}

.engagement-subscribers__threshold .field__label[b-3ncvw0aqt4] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--studio-ink);
}

.engagement-subscribers__threshold .field__input[b-3ncvw0aqt4] {
  width: 4.5rem;
  min-height: 2.75rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  color: var(--studio-ink);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
  box-shadow: var(--shadow-studio);
}

.engagement-subscribers__threshold .field__input:focus-visible[b-3ncvw0aqt4] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.engagement-subscribers__unit[b-3ncvw0aqt4] {
  color: var(--studio-muted);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

.engagement-subscribers__hint[b-3ncvw0aqt4] {
  flex: 1 0 100%;
  max-width: 40rem;
  margin: 0;
  color: var(--studio-muted);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}
/* /Components/Writer/ImageUpload.razor.rz.scp.css */
.image-upload[b-rs03muyv58] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.image-upload--compact[b-rs03muyv58] {
  display: inline-flex;
}

.image-upload__label[b-rs03muyv58] {
  font-size: var(--text-sm);
  color: var(--muted);
}

.image-upload__plate[b-rs03muyv58] {
  position: relative;
  overflow: hidden;
  background: var(--media-wash);
}

.image-upload__chrome[b-rs03muyv58] {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

@media (hover: hover) and (pointer: fine) {
  .image-upload__chrome[b-rs03muyv58] {
    opacity: 0;
    transition: opacity var(--duration-ui) var(--easing-ui);
  }

  .image-upload__plate:hover .image-upload__chrome[b-rs03muyv58],
  .image-upload__plate:focus-within .image-upload__chrome[b-rs03muyv58] {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .image-upload__chrome[b-rs03muyv58] {
    transition: none;
  }
}

.image-upload__plate--card[b-rs03muyv58] {
  width: min(100%, 22rem);
  aspect-ratio: var(--ratio-card);
}

.image-upload__plate--empty[b-rs03muyv58] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4);
  border: 1px dashed var(--border);
}

.image-upload__plate img[b-rs03muyv58] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-upload__plate--gallery[b-rs03muyv58] {
  width: 100%;
  min-height: 8rem;
  aspect-ratio: var(--ratio-grid);
}

.image-upload__plate--logo[b-rs03muyv58] {
  height: 2rem;
  width: max-content;
  max-width: 100%;
  background: transparent;
}

.image-upload__plate--logo.image-upload__plate--empty[b-rs03muyv58] {
  width: 100%;
  height: auto;
  min-height: 6rem;
  background: var(--media-wash);
}

.image-upload__plate--logo img[b-rs03muyv58] {
  width: auto;
  object-fit: contain;
}

.image-upload__hint[b-rs03muyv58] {
  margin: 0;
  max-width: 20rem;
  text-align: center;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--muted);
}

.image-upload__hint--inline[b-rs03muyv58] {
  flex: 1 1 100%;
  max-width: none;
  text-align: left;
}

.image-upload__controls[b-rs03muyv58] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.image-upload__add[b-rs03muyv58] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: 2.25rem;
  padding: 0 var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--ink);
  cursor: pointer;
}

.image-upload__add:hover[b-rs03muyv58] {
  background: var(--studio-hover);
}

.image-upload__chevron[b-rs03muyv58] {
  width: 0.9rem;
  height: 0.9rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.image-upload__icon[b-rs03muyv58] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  border-radius: var(--radius-control);
  background: transparent;
  color: var(--ink);
  cursor: pointer;
}

.image-upload__icon svg[b-rs03muyv58] {
  width: 1.1rem;
  height: 1.1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.image-upload__icon:hover[b-rs03muyv58],
.image-upload__icon:active[b-rs03muyv58],
.image-upload--open .image-upload__icon[b-rs03muyv58] {
  background: var(--studio-hover);
}

.image-upload__scrim[b-rs03muyv58] {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-dropdown) - 1);
  border: 0;
  padding: 0;
  background: transparent;
  cursor: default;
}

.image-upload__menu[b-rs03muyv58],
.image-upload__url[b-rs03muyv58] {
  position: absolute;
  top: calc(100% + var(--space-1));
  left: 0;
  z-index: var(--z-dropdown);
  display: flex;
  flex-direction: column;
  min-width: 14rem;
  padding: var(--space-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.image-upload--compact .image-upload__menu[b-rs03muyv58],
.image-upload--compact .image-upload__url[b-rs03muyv58] {
  min-width: 16rem;
}

.image-upload__formats[b-rs03muyv58] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-1);
  margin-bottom: var(--space-1);
  padding-bottom: var(--space-1);
  border-bottom: 1px solid var(--border-soft);
}

.image-upload__format[b-rs03muyv58] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0 var(--space-2);
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  color: var(--muted);
  cursor: pointer;
}

.image-upload__format:hover[b-rs03muyv58] {
  color: var(--ink);
  background: var(--studio-hover);
}

.image-upload__format--on[b-rs03muyv58] {
  border-color: var(--border);
  color: var(--ink);
  background: var(--studio-hover);
}

.image-upload__item[b-rs03muyv58] {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.5rem;
  padding: var(--space-2) var(--space-3);
  border: 0;
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  text-align: left;
  color: var(--ink);
  cursor: pointer;
}

.image-upload__item:hover[b-rs03muyv58],
.image-upload__item:active[b-rs03muyv58] {
  background: var(--studio-hover);
}

.image-upload__url[b-rs03muyv58] {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding: var(--space-3);
}

.image-upload__url-input[b-rs03muyv58] {
  flex: 1 1 10rem;
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--ink);
}

.image-upload__url-submit[b-rs03muyv58] {
  min-height: 2.25rem;
  padding: 0 var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--ink);
  cursor: pointer;
}

.image-upload__error[b-rs03muyv58] {
  flex: 1 1 100%;
  margin: 0;
  font-size: var(--text-sm);
  color: var(--danger);
}

/* InputFile renders a native <input>; scoped classes do not reach it without ::deep. */
.image-upload[b-rs03muyv58]  input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.image-upload--dropping[b-rs03muyv58]  input[type="file"] {
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  clip: auto;
  overflow: hidden;
  opacity: 0;
  cursor: copy;
}

.image-upload__drop[b-rs03muyv58] {
  display: none;
}

.image-upload--dropping .image-upload__drop[b-rs03muyv58],
.image-upload--busy .image-upload__drop[b-rs03muyv58] {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px dashed var(--accent);
  background: var(--paper);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--ink);
  pointer-events: none;
}

.image-upload__add:disabled[b-rs03muyv58],
.image-upload__icon:disabled[b-rs03muyv58],
.image-upload__url-submit:disabled[b-rs03muyv58] {
  opacity: 0.5;
  pointer-events: none;
}

@media (max-width: 48rem) {
  .image-upload__icon[b-rs03muyv58] {
    width: 2.75rem;
    height: 2.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .image-upload__add[b-rs03muyv58],
  .image-upload__icon[b-rs03muyv58],
  .image-upload__item[b-rs03muyv58] {
    transition: none;
  }
}
/* /Components/Writer/MarkdownToolbar.razor.rz.scp.css */
.editor-toolbar[b-kixwurgp7p] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-1);
  min-height: 2.75rem;
  padding: var(--space-1) var(--space-3);
  border-bottom: 1px solid var(--border);
  background: var(--bg);
  overflow: visible;
  font-family: var(--font-ui);
}

.editor-toolbar__btn[b-kixwurgp7p],
.editor-toolbar[b-kixwurgp7p]  .editor-toolbar__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  border-radius: var(--radius-control);
  background: transparent;
  color: var(--ink);
  cursor: pointer;
}

.editor-toolbar__btn svg[b-kixwurgp7p],
.editor-toolbar[b-kixwurgp7p]  .editor-toolbar__btn svg {
  width: 1.1rem;
  height: 1.1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.editor-toolbar__btn:hover[b-kixwurgp7p],
.editor-toolbar__btn:active[b-kixwurgp7p],
.editor-toolbar[b-kixwurgp7p]  .editor-toolbar__btn:hover,
.editor-toolbar[b-kixwurgp7p]  .editor-toolbar__btn:active,
.editor-toolbar[b-kixwurgp7p]  .editor-toolbar__btn--current {
  background: var(--studio-hover);
}

.editor-toolbar[b-kixwurgp7p]  .image-upload--compact {
  position: relative;
}

.editor-toolbar__rule[b-kixwurgp7p] {
  width: 1px;
  height: 1.25rem;
  margin: 0 var(--space-2);
  background: var(--border);
}

.editor-toolbar__spacer[b-kixwurgp7p] {
  flex: 1 1 auto;
}

.editor-toolbar[b-kixwurgp7p]  .editor-toolbar__layout {
  display: inline-flex;
  gap: 1px;
}

@media (prefers-reduced-motion: reduce) {
  .editor-toolbar__btn[b-kixwurgp7p] {
    transition: none;
  }
}

@media (max-width: 48rem) {
  .editor-toolbar[b-kixwurgp7p] {
    gap: var(--space-2);
  }

  .editor-toolbar__btn[b-kixwurgp7p],
  .editor-toolbar[b-kixwurgp7p]  .editor-toolbar__btn {
    width: 2.75rem;
    height: 2.75rem;
  }

  .editor-toolbar[b-kixwurgp7p]  .editor-toolbar__layout {
    gap: var(--space-2);
  }
}
/* /Components/Writer/StudioAmountCard.razor.rz.scp.css */
.amount-card[b-tth4dmr9r4] {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-height: 7.5rem;
  padding: var(--space-5) var(--space-6) var(--space-4);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-card);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
  color: var(--studio-ink);
  font-family: var(--font-ui);
  text-decoration: none;
}

.amount-card:hover[b-tth4dmr9r4],
.amount-card:active[b-tth4dmr9r4] {
  background: var(--studio-hover);
}

.amount-card:focus-visible[b-tth4dmr9r4] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.amount-card__label[b-tth4dmr9r4] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--studio-muted);
}

.amount-card__value[b-tth4dmr9r4] {
  font-size: var(--text-3xl);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.amount-card__note[b-tth4dmr9r4] {
  margin-top: auto;
  color: var(--studio-muted);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}
/* /Components/Writer/StudioDataTable.razor.rz.scp.css */
.data-table[b-nbrs02r3sd] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.data-table__bulk[b-nbrs02r3sd] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-card);
  background: var(--studio-hover);
}

.data-table__bulk-count[b-nbrs02r3sd] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--studio-muted);
}

.data-table__bulk-actions[b-nbrs02r3sd] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.data-table__frame[b-nbrs02r3sd] {
  /* Visible, not overflow-x:auto: that pairs overflow-y to auto and makes a last-row ⋯ scrollport. */
  overflow: visible;
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-card);
  background: var(--studio-surface);
}

.data-table__frame.data-table__frame--menu-open[b-nbrs02r3sd] {
  overflow: visible;
}

.data-table__table[b-nbrs02r3sd] {
  width: 100%;
  table-layout: fixed;
  /* separate + spacing 0 so sticky thead works (collapse breaks sticky). */
  border-collapse: separate;
  border-spacing: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

.data-table__table th[b-nbrs02r3sd],
.data-table__table td[b-nbrs02r3sd] {
  padding: 0.65rem 1rem;
  border-bottom: 1px solid var(--studio-border);
  text-align: left;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

.data-table__table thead th[b-nbrs02r3sd] {
  position: sticky;
  top: 0;
  z-index: 1;
  color: var(--studio-muted);
  font-size: var(--text-xs);
  font-weight: 500;
  white-space: nowrap;
  background: var(--studio-surface);
}

.data-table__table tbody tr:last-child th[b-nbrs02r3sd],
.data-table__table tbody tr:last-child td[b-nbrs02r3sd] {
  border-bottom: 0;
}

.data-table__frame--bare[b-nbrs02r3sd] {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.data-table__end[b-nbrs02r3sd] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.data-table__table tbody th[scope="row"][b-nbrs02r3sd] {
  font-weight: 500;
}

.data-table__table tbody tr:hover[b-nbrs02r3sd],
.data-table__row--selected[b-nbrs02r3sd] {
  background: var(--studio-hover);
}

.data-table__check[b-nbrs02r3sd] {
  width: 2.5rem;
  padding-inline: 0.75rem !important;
  overflow-wrap: normal;
}

.data-table__check input[b-nbrs02r3sd] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--studio-primary);
  cursor: pointer;
}

.data-table__actions[b-nbrs02r3sd] {
  width: 3rem;
  padding-inline: 0.5rem !important;
  overflow-wrap: normal;
  text-align: center;
}

/* Fine pointer: row ⋯ appears on hover / focus, or stays while the menu is open. */
@media (hover: hover) and (pointer: fine) {
  .data-table__table[b-nbrs02r3sd]  tbody tr .data-table-menu {
    opacity: 0;
    transition: opacity var(--duration-ui) var(--easing-ui);
  }

  .data-table__table[b-nbrs02r3sd]  tbody tr:hover .data-table-menu,
  .data-table__table[b-nbrs02r3sd]  tbody tr:focus-within .data-table-menu,
  .data-table__table[b-nbrs02r3sd]  tbody tr .data-table-menu--open {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .data-table__table[b-nbrs02r3sd]  tbody tr .data-table-menu {
    transition: none;
  }
}

.data-table__empty[b-nbrs02r3sd] {
  padding: 2rem 1rem !important;
  text-align: center;
  color: var(--studio-muted);
}

.data-table__table[b-nbrs02r3sd]  a {
  color: var(--studio-ink);
  font-weight: 500;
  text-decoration: none;
}

.data-table__table[b-nbrs02r3sd]  a:hover {
  text-decoration: underline;
}

.data-table[b-nbrs02r3sd]  .data-table__badges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.data-table[b-nbrs02r3sd]  .data-table__meta {
  color: var(--studio-muted);
}
/* /Components/Writer/StudioFilterChip.razor.rz.scp.css */
.studio-filter-chip[b-x2ezgce1i8] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.25rem;
  padding: 0 var(--space-3);
  border-radius: var(--radius-studio-control);
  background: var(--studio-ink);
  color: var(--studio-canvas);
}

.studio-filter-chip__label[b-x2ezgce1i8],
.studio-filter-chip__clear[b-x2ezgce1i8] {
  font: 500 var(--text-xs) / 1.2 var(--font-ui);
}

.studio-filter-chip__clear[b-x2ezgce1i8] {
  color: inherit;
  text-decoration: underline;
}

.studio-filter-chip__clear:focus-visible[b-x2ezgce1i8] {
  outline: 2px solid var(--studio-canvas);
  outline-offset: 2px;
}
/* /Components/Writer/StudioLedger.razor.rz.scp.css */
.studio-ledger[b-vw81usmvrc] {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-card);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.studio-ledger[b-vw81usmvrc]  li {
  border-bottom: 1px solid var(--studio-border);
}

.studio-ledger[b-vw81usmvrc]  li:last-child {
  border-bottom: 0;
}

.studio-ledger[b-vw81usmvrc]  a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  min-height: 2.75rem;
  padding: var(--space-2) var(--space-4);
  color: var(--studio-ink);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 500;
  line-height: 1.35;
  text-decoration: none;
}

.studio-ledger--bars[b-vw81usmvrc]  a {
  grid-template-columns: minmax(0, 1.4fr) minmax(4.5rem, 1fr) auto;
}

.studio-ledger[b-vw81usmvrc]  a:hover,
.studio-ledger[b-vw81usmvrc]  a:active {
  background: var(--studio-hover);
}

.studio-ledger[b-vw81usmvrc]  a:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: -2px;
}

.studio-ledger[b-vw81usmvrc]  .studio-ledger__label {
  min-width: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
}

.studio-ledger[b-vw81usmvrc]  .studio-ledger__value {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}

.studio-ledger[b-vw81usmvrc]  .studio-ledger__bar {
  display: block;
  width: 100%;
  height: 0.5rem;
}

.studio-ledger[b-vw81usmvrc]  .studio-ledger__track {
  fill: var(--studio-border);
}

.studio-ledger[b-vw81usmvrc]  .studio-ledger__fill {
  fill: var(--studio-ink);
}

@media (max-width: 48rem) {
  .studio-ledger--bars[b-vw81usmvrc]  a {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .studio-ledger--bars[b-vw81usmvrc]  .studio-ledger__bar {
    display: none;
  }
}
/* /Components/Writer/StudioSection.razor.rz.scp.css */
.studio-section[b-tfbrkbwyl1] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin: var(--space-4) 0 0;
  padding: var(--space-6);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-card);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.studio-section:first-child[b-tfbrkbwyl1] {
  margin-top: 0;
}

.studio-section--sub[b-tfbrkbwyl1] {
  margin: 0;
  padding: var(--space-5) 0 0;
  border: 0;
  border-top: 1px solid var(--studio-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.studio-section__title[b-tfbrkbwyl1] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  font-weight: 600;
  letter-spacing: -0.025em;
  color: var(--studio-ink);
}

.studio-section--sub .studio-section__title[b-tfbrkbwyl1] {
  font-size: var(--text-sm);
  font-weight: 500;
  letter-spacing: 0;
}

.studio-section__title--display[b-tfbrkbwyl1] {
  font-family: var(--font-article);
  font-size: var(--text-2xl);
  font-weight: 600;
  line-height: var(--text-2xl-lh);
  letter-spacing: var(--tracking-title);
  color: var(--ink);
}
/* /Components/Writer/TagInput.razor.rz.scp.css */
.tag-input[b-lq8x1t4xdn] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.tag-input__label[b-lq8x1t4xdn] {
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  color: var(--muted);
}

.tag-input__field[b-lq8x1t4xdn] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1);
  width: 100%;
  min-height: 2.5rem;
  padding: var(--space-1) var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: var(--paper);
  cursor: text;
}

.tag-input__field:focus-within[b-lq8x1t4xdn] {
  border-color: var(--fg);
}

.tag-input__field--disabled[b-lq8x1t4xdn] {
  opacity: 0.5;
  cursor: default;
}

.tag-input__draft[b-lq8x1t4xdn] {
  flex: 1 1 8rem;
  min-width: 6rem;
  min-height: 1.75rem;
  padding: 0 var(--space-1);
  border: 0;
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--ink);
}

/* Box border is the focus signal; the global ring would draw a second stroke inside it. */
.tag-input__draft:focus[b-lq8x1t4xdn],
.tag-input__draft:focus-visible[b-lq8x1t4xdn] {
  outline: none;
}

.tag-input__placeholder[b-lq8x1t4xdn] {
  color: var(--muted);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

.tag-input--open .tag-input__field[b-lq8x1t4xdn] {
  position: relative;
  z-index: var(--z-dropdown);
}

.tag-input__scrim[b-lq8x1t4xdn] {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-dropdown) - 1);
  border: 0;
  padding: 0;
  background: transparent;
  cursor: default;
}

.tag-input__list[b-lq8x1t4xdn] {
  position: absolute;
  top: calc(100% + var(--space-1));
  right: 0;
  left: 0;
  z-index: var(--z-dropdown);
  margin: 0;
  padding: var(--space-1) 0;
  max-height: 14rem;
  overflow: auto;
  list-style: none;
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: var(--paper);
}

.tag-input__option[b-lq8x1t4xdn] {
  display: block;
  width: 100%;
  padding: var(--space-2) var(--space-3);
  border: 0;
  background: transparent;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  text-align: left;
  color: var(--ink);
  cursor: pointer;
}

.tag-input__option:hover[b-lq8x1t4xdn],
.tag-input__option:focus[b-lq8x1t4xdn] {
  background: var(--paper-sunken);
}

@media (prefers-reduced-motion: reduce) {
  .tag-input__option[b-lq8x1t4xdn] {
    transition: none;
  }
}
/* /Components/Writer/WriterShell.razor.rz.scp.css */
.writer-root[b-8ku4h24i8f] {
  display: grid;
  grid-template-columns: var(--sidebar-writer) minmax(0, 1fr);
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--studio-canvas);
  color: var(--studio-ink);
  accent-color: var(--studio-primary);
}

.writer-nav[b-8ku4h24i8f] {
  position: sticky;
  top: 0;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
  overflow: hidden;
  padding: var(--space-2);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}

.writer-nav__brand[b-8ku4h24i8f] {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-2);
  min-height: 3rem;
  padding: 0 var(--space-2);
  color: var(--studio-ink);
  text-decoration: none;
}

.writer-nav__mark[b-8ku4h24i8f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-studio-control);
  background: var(--studio-primary);
  color: var(--studio-canvas);
  font-size: var(--text-sm);
  font-weight: 600;
}

.writer-nav__name[b-8ku4h24i8f] {
  min-width: 0;
  overflow: hidden;
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: -0.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.writer-nav__label[b-8ku4h24i8f] {
  margin: var(--space-3) 0 0;
  padding: 0 var(--space-3);
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--studio-muted);
}

.writer-nav__icon[b-8ku4h24i8f],
.writer-bar__nav-toggle svg[b-8ku4h24i8f] {
  flex: none;
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.writer-nav__menu[b-8ku4h24i8f] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.writer-nav__link[b-8ku4h24i8f],
.writer-nav__publication[b-8ku4h24i8f] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2rem;
  padding: 0 var(--space-3);
  border-radius: var(--radius-studio-control);
  color: var(--studio-sidebar-fg);
  font-weight: 500;
  text-decoration: none;
  transition: background-color var(--duration-ui) var(--easing-ui);
}

.writer-nav__link:hover[b-8ku4h24i8f],
.writer-nav__link[aria-current="page"][b-8ku4h24i8f],
.writer-nav__publication:hover[b-8ku4h24i8f] {
  background: var(--studio-hover);
  color: var(--studio-ink);
}

.writer-nav__publication[b-8ku4h24i8f] {
  margin-top: auto;
  color: var(--studio-muted);
}

.writer-nav__foot[b-8ku4h24i8f] {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--studio-border);
}

.writer-nav__user[b-8ku4h24i8f] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 3rem;
  padding: 0 var(--space-2);
}

.writer-nav__user[b-8ku4h24i8f]  .avatar--initials {
  background: var(--studio-hover);
  color: var(--studio-ink);
}

.writer-nav__user-copy[b-8ku4h24i8f] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.writer-nav__foot[b-8ku4h24i8f]  .language-switch {
  padding-inline: var(--space-2);
}

.writer-nav__who[b-8ku4h24i8f] {
  min-width: 0;
  overflow: hidden;
  margin: 0;
  color: var(--studio-ink);
  font-size: var(--text-sm);
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.writer-nav__sign-out[b-8ku4h24i8f] {
  padding: 0;
  border: 0;
  background: none;
  color: var(--studio-muted);
  font-family: inherit;
  font-size: var(--text-xs);
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}

.writer-nav__sign-out:hover[b-8ku4h24i8f] {
  color: var(--studio-ink);
}

.writer-frame[b-8ku4h24i8f] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: var(--space-2) var(--space-2) var(--space-2) 0;
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
  /* Visible: overflow:hidden clips last-row ⋯ menus. :has(::deep) never matches (CSS isolation). */
  overflow: visible;
}

.writer-frame:has(::deep .data-table__frame--menu-open)[b-8ku4h24i8f] {
  overflow: visible;
}

.writer-bar[b-8ku4h24i8f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-3);
  min-height: 3rem;
  padding: 0 var(--space-4);
  border-bottom: 1px solid var(--studio-border);
  background: var(--studio-surface);
}

.writer-bar__title[b-8ku4h24i8f] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex: 1 1 12rem;
  min-width: 0;
}

.writer-bar__nav-toggle[b-8ku4h24i8f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-studio-control);
  background: transparent;
  color: var(--studio-ink);
  cursor: pointer;
}

.writer-bar__nav-toggle:hover[b-8ku4h24i8f] {
  background: var(--studio-hover);
}

.writer-bar__sep[b-8ku4h24i8f] {
  flex: none;
  width: 1px;
  height: 1rem;
  background: var(--studio-border);
}

.writer-bar__title h1[b-8ku4h24i8f] {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.writer-bar__save[b-8ku4h24i8f] {
  min-width: 0;
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  color: var(--studio-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.writer-bar__actions[b-8ku4h24i8f] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.writer-main[b-8ku4h24i8f] {
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
  padding: var(--space-4) var(--space-6) var(--space-6);
}

.writer-main[b-8ku4h24i8f]  .studio-notice {
  margin-bottom: var(--space-4);
}

.writer-root[b-8ku4h24i8f]  .btn {
  min-height: 2.25rem;
  padding: 0 var(--space-4);
  border-radius: var(--radius-studio-control);
  box-shadow: var(--shadow-studio);
}

.writer-root[b-8ku4h24i8f]  .btn--large {
  min-height: 2.5rem;
}

.writer-root[b-8ku4h24i8f]  .btn--primary {
  background: var(--studio-primary);
  color: var(--studio-canvas);
}

.writer-root[b-8ku4h24i8f]  .btn--primary:hover {
  background: var(--studio-primary-hover);
}

.writer-root[b-8ku4h24i8f]  .btn--primary:active {
  background: var(--studio-ink);
}

.writer-root[b-8ku4h24i8f]  .btn--secondary {
  background: var(--studio-surface);
  border-color: var(--studio-border);
  color: var(--studio-ink);
}

.writer-root[b-8ku4h24i8f]  .btn--secondary:hover,
.writer-root[b-8ku4h24i8f]  .btn--secondary:active {
  background: var(--studio-hover);
  border-color: var(--studio-border);
}

.writer-root[b-8ku4h24i8f]  .btn--ghost {
  box-shadow: none;
}

.writer-root[b-8ku4h24i8f]  .btn--ghost:hover,
.writer-root[b-8ku4h24i8f]  .btn--ghost:active {
  background: var(--studio-hover);
  text-decoration: none;
}

.writer-root[b-8ku4h24i8f]  .field__input,
.writer-root[b-8ku4h24i8f]  .editor__schedule input,
.writer-root[b-8ku4h24i8f]  .editor__props-form select {
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

.writer-main[b-8ku4h24i8f]  .article-list,
.writer-main[b-8ku4h24i8f]  .collection-list,
.writer-main[b-8ku4h24i8f]  .member-list,
.writer-main[b-8ku4h24i8f]  .subscriber-list,
.writer-main[b-8ku4h24i8f]  .plan-list,
.writer-main[b-8ku4h24i8f]  .studio-table {
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-card);
  background: var(--studio-surface);
  overflow: hidden;
}

.writer-main[b-8ku4h24i8f]  .article-list li,
.writer-main[b-8ku4h24i8f]  .collection-list li,
.writer-main[b-8ku4h24i8f]  .member-list li,
.writer-main[b-8ku4h24i8f]  .subscriber-list li,
.writer-main[b-8ku4h24i8f]  .plan-list li,
.writer-main[b-8ku4h24i8f]  .studio-list li {
  margin: 0;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--studio-border);
  border-radius: 0;
}

.writer-main[b-8ku4h24i8f]  .article-list li:last-child,
.writer-main[b-8ku4h24i8f]  .collection-list li:last-child,
.writer-main[b-8ku4h24i8f]  .member-list li:last-child,
.writer-main[b-8ku4h24i8f]  .subscriber-list li:last-child,
.writer-main[b-8ku4h24i8f]  .plan-list li:last-child,
.writer-main[b-8ku4h24i8f]  .studio-list li:last-child {
  border-bottom: 0;
}

.writer-main[b-8ku4h24i8f]  .article-list li:hover,
.writer-main[b-8ku4h24i8f]  .collection-list li:hover,
.writer-main[b-8ku4h24i8f]  .member-list li:hover,
.writer-main[b-8ku4h24i8f]  .subscriber-list li:hover,
.writer-main[b-8ku4h24i8f]  .plan-list li:hover,
.writer-main[b-8ku4h24i8f]  .studio-list li:hover {
  background: var(--studio-hover);
}

.writer-main[b-8ku4h24i8f]  .article-list a:hover,
.writer-main[b-8ku4h24i8f]  .studio-list a:hover,
.writer-main[b-8ku4h24i8f]  .collection-list a:hover {
  text-decoration: none;
}

.writer-main[b-8ku4h24i8f]  .article-list:has(+ .search-pager),
.writer-main[b-8ku4h24i8f]  .collection-list:has(+ .search-pager),
.writer-main[b-8ku4h24i8f]  .data-table:has(+ .search-pager) .data-table__frame {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.writer-main[b-8ku4h24i8f]  .search-pager {
  margin: 0 0 var(--space-4);
  padding: 0.5rem 1rem;
  border: 1px solid var(--studio-border);
  border-top: 0;
  border-radius: 0 0 var(--radius-studio-card) var(--radius-studio-card);
}

.writer-root--fill[b-8ku4h24i8f] {
  height: 100vh;
  height: 100dvh;
}

.writer-root--fill[b-8ku4h24i8f]  .auth-nav {
  overflow: hidden;
}

.writer-root--fill .writer-frame[b-8ku4h24i8f] {
  min-height: 0;
  overflow: hidden;
}

.writer-main--wide[b-8ku4h24i8f] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-width: none;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

@media (max-width: 48rem) {
  .writer-root[b-8ku4h24i8f],
  .writer-root--fill[b-8ku4h24i8f] {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 100vh;
    overflow: visible;
  }

  .writer-frame[b-8ku4h24i8f] {
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .writer-root--fill .writer-frame[b-8ku4h24i8f] {
    overflow: visible;
  }

  :deep(.auth-nav)[b-8ku4h24i8f] {
    position: static;
    height: auto;
    max-height: none;
    overflow: visible;
    border-bottom: 1px solid var(--studio-border);
  }

  :deep(.auth-nav__menu)[b-8ku4h24i8f] {
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: visible;
  }

  :deep(.auth-nav__publication)[b-8ku4h24i8f] {
    margin-top: 0;
  }

  :deep(.auth-nav__foot)[b-8ku4h24i8f] {
    border-top: 0;
  }

  .writer-bar[b-8ku4h24i8f],
  .writer-main[b-8ku4h24i8f] {
    padding-inline: var(--space-4);
  }

  .writer-main--wide[b-8ku4h24i8f] {
    padding: 0;
    overflow: visible;
  }
}

.writer-root--nav-hidden[b-8ku4h24i8f] {
  grid-template-columns: minmax(0, 1fr);
}

.writer-root--nav-hidden[b-8ku4h24i8f]  .auth-nav {
  display: none;
}

.writer-root--nav-hidden .writer-frame[b-8ku4h24i8f] {
  margin: var(--space-2);
}

@media (prefers-reduced-motion: reduce) {
  .writer-root[b-8ku4h24i8f]  .auth-nav__link,
  .writer-root[b-8ku4h24i8f]  .btn {
    transition: none;
  }
}
/* /Wix/WixImportForm.razor.rz.scp.css */
.wix-import[b-mnxyx2mirg] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.wix-import__toolbar[b-mnxyx2mirg] {
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  display: grid;
  gap: var(--space-2);
  padding: var(--space-3) 0 var(--space-4);
  margin: calc(var(--space-4) * -1) 0 0;
  background: var(--studio-surface);
  border-bottom: 1px solid var(--studio-border);
}

.wix-import__toolbar-row[b-mnxyx2mirg] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.wix-import__inline[b-mnxyx2mirg] {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.25rem;
  margin: 0;
  white-space: nowrap;
}

.wix-import__inline .field__label[b-mnxyx2mirg] {
  margin: 0;
  color: var(--studio-muted);
}

.wix-import__inline .field__input[b-mnxyx2mirg] {
  width: auto;
  min-width: 9rem;
  min-height: 2.25rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--studio-ink);
}

.wix-import__inline input[type="number"][b-mnxyx2mirg] {
  min-width: 4.5rem;
  width: 4.5rem;
}

.wix-import__check[b-mnxyx2mirg] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.25rem;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--studio-ink);
  white-space: nowrap;
}

.wix-import__check input[b-mnxyx2mirg] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--studio-primary);
}

[b-mnxyx2mirg] .data-table__frame.wix-import__scroll {
  width: max-content;
  max-width: 100%;
  overflow-x: auto;
}

.data-table__table[b-mnxyx2mirg] {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

.data-table__table th[b-mnxyx2mirg],
.data-table__table td[b-mnxyx2mirg] {
  padding: 0.65rem 1rem;
  border-bottom: 1px solid var(--studio-border);
  text-align: left;
  vertical-align: middle;
}

.data-table__table thead th[b-mnxyx2mirg] {
  color: var(--studio-muted);
  font-size: var(--text-xs);
  font-weight: 500;
  white-space: nowrap;
  background: var(--studio-surface);
}

.data-table__meta[b-mnxyx2mirg] {
  color: var(--studio-muted);
}

.data-table__table tbody tr:last-child td[b-mnxyx2mirg] {
  border-bottom: 0;
}

.data-table__table tbody tr:hover[b-mnxyx2mirg],
.file-row.current[b-mnxyx2mirg] {
  background: var(--studio-hover);
}

.file-table col.csv[b-mnxyx2mirg],
.file-table col.collection[b-mnxyx2mirg],
.file-table col.name[b-mnxyx2mirg],
.file-table col.slug[b-mnxyx2mirg] {
  width: 11rem;
}

.file-table col.count[b-mnxyx2mirg] {
  width: 4rem;
}

.file-table th.count-cell[b-mnxyx2mirg],
.file-table td.count-cell[b-mnxyx2mirg] {
  text-align: right;
  white-space: nowrap;
}

.file-table .tags-cell[b-mnxyx2mirg] {
  vertical-align: top;
}

.file-table .field__input[b-mnxyx2mirg] {
  width: 100%;
  min-height: 2.25rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--studio-ink);
}

.file-table .field__input:disabled[b-mnxyx2mirg] {
  opacity: 0.45;
}

.csv-pick[b-mnxyx2mirg] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-2);
  min-width: 0;
}

.csv-button[b-mnxyx2mirg] {
  display: inline;
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--studio-ink);
  text-decoration: underline;
  text-underline-offset: 0.12em;
  cursor: pointer;
}

.csv-button:focus-within[b-mnxyx2mirg] {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.csv-name[b-mnxyx2mirg] {
  margin: 0;
  max-width: 100%;
  color: var(--studio-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

fieldset.tags[b-mnxyx2mirg] {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.tag-list[b-mnxyx2mirg] {
  display: block;
  line-height: 1.35;
  min-width: 0;
}

.tag-list label[b-mnxyx2mirg] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin: 0 var(--space-3) var(--space-1) 0;
  min-height: 1.5rem;
  white-space: nowrap;
  vertical-align: middle;
}

.tag-list input[b-mnxyx2mirg] {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--studio-primary);
}

.tag-note[b-mnxyx2mirg],
.row-count[b-mnxyx2mirg] {
  margin: 0;
}

.tag-note[b-mnxyx2mirg] {
  color: var(--studio-muted);
}

.tag-note.loading[b-mnxyx2mirg] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--studio-ink);
}

.tag-note.loading[b-mnxyx2mirg]::before {
  content: "";
  width: 0.65rem;
  height: 0.65rem;
  border: 2px solid var(--studio-border);
  border-top-color: var(--studio-primary);
  border-radius: 50%;
  animation: import-spin-b-mnxyx2mirg 0.7s linear infinite;
  flex: 0 0 auto;
}

.row-count[b-mnxyx2mirg] {
  font-variant-numeric: tabular-nums;
}

#import-status[b-mnxyx2mirg] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

#import-status[hidden][b-mnxyx2mirg] {
  display: none;
}

#import-status.running[b-mnxyx2mirg]::before {
  content: "";
  width: 0.65rem;
  height: 0.65rem;
  border: 2px solid var(--studio-border);
  border-top-color: var(--studio-primary);
  border-radius: 50%;
  flex: 0 0 auto;
  animation: import-spin-b-mnxyx2mirg 0.7s linear infinite;
}

#import-status .count[b-mnxyx2mirg],
#import-status .retry[b-mnxyx2mirg] {
  margin: 0;
  font-weight: 600;
}

#import-status .stages[b-mnxyx2mirg] {
  margin: 0;
  color: var(--studio-muted);
}

#unify-tags[hidden][b-mnxyx2mirg] {
  display: none;
}

.wix-import__hint[b-mnxyx2mirg] {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--studio-muted);
}

.unify-table[b-mnxyx2mirg] {
  width: max-content;
  max-width: 100%;
  table-layout: auto;
  border-spacing: 0;
}

.unify-table th[b-mnxyx2mirg] {
  padding: 0.7rem 1.5rem;
}

.unify-table th:last-child[b-mnxyx2mirg] {
  padding-left: 2rem;
}

.unify-table[b-mnxyx2mirg]  td {
  padding: 0.7rem 1.5rem;
  white-space: nowrap;
  vertical-align: middle;
}

.unify-table[b-mnxyx2mirg]  td:last-child {
  padding-left: 2rem;
}

.unify-table[b-mnxyx2mirg]  tr.unify-group td {
  padding: 1.15rem 1.5rem 0.35rem;
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--studio-muted);
  border-bottom: 0;
}

.unify-table[b-mnxyx2mirg]  .field__input {
  width: 8.5rem;
  max-width: 8.5rem;
  min-height: 2rem;
  padding: 0 var(--space-2);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  color: var(--studio-ink);
}

[b-mnxyx2mirg] .alert {
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  padding: var(--space-4);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
}

[b-mnxyx2mirg] .alert--error {
  border-left: 3px solid var(--danger);
}

[b-mnxyx2mirg] .studio-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin: var(--space-4) 0 0;
  padding: var(--space-6);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-card);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
}

[b-mnxyx2mirg] .studio-section__title {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-md);
  font-weight: 600;
  letter-spacing: -0.025em;
  color: var(--studio-ink);
}

[b-mnxyx2mirg] .wix-import__failures {
  margin: 0;
  padding-left: 1.1rem;
}

[b-mnxyx2mirg] .wix-import__result-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

@keyframes import-spin-b-mnxyx2mirg {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  #import-status.running[b-mnxyx2mirg]::before,
  .tag-note.loading[b-mnxyx2mirg]::before {
    animation: none;
  }
}

@media (max-width: 48rem) {
  .file-table[b-mnxyx2mirg],
  .file-table thead[b-mnxyx2mirg],
  .file-table tbody[b-mnxyx2mirg],
  .file-table th[b-mnxyx2mirg],
  .file-table td[b-mnxyx2mirg],
  .file-table tr[b-mnxyx2mirg] {
    display: block;
  }

  .file-table thead[b-mnxyx2mirg] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .file-table tr.file-row[b-mnxyx2mirg] {
    border-bottom: 1px solid var(--studio-border);
    padding: var(--space-3) 0;
  }

  .file-table td[b-mnxyx2mirg] {
    border: 0;
    width: auto;
  }

  .file-table td[b-mnxyx2mirg]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: var(--space-1);
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--studio-muted);
  }

  .file-table td.count-cell[b-mnxyx2mirg] {
    text-align: left;
  }

  .wix-import__inline[b-mnxyx2mirg] {
    max-width: 100%;
    width: 100%;
  }
}
/* /Wix/WixImportQueue.razor.rz.scp.css */
.wix-import-queue__controls[b-l70thlac5n] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.wix-import-queue__field[b-l70thlac5n] {
  display: grid;
  flex: 0 0 auto;
  gap: var(--space-1);
  min-width: 6rem;
  margin: 0;
}

.wix-import-queue__field--status[b-l70thlac5n] {
  min-width: 12rem;
}

.wix-import-queue__field .field__label[b-l70thlac5n] {
  color: var(--studio-muted);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
}

.wix-import-queue__field .field__input[b-l70thlac5n] {
  width: 6rem;
  min-height: 2.5rem;
  padding: 0 var(--space-3);
  border: 1px solid var(--studio-border);
  border-radius: var(--radius-studio-control);
  background: var(--studio-surface);
  box-shadow: var(--shadow-studio);
  color: var(--studio-ink);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

.wix-import-queue__field--status .field__input[b-l70thlac5n] {
  width: 12rem;
}

.wix-import-queue__action[b-l70thlac5n] {
  min-height: 2.5rem;
}

.wix-import-queue__controls [role="status"][b-l70thlac5n] {
  align-self: center;
  color: var(--studio-muted);
  font-size: var(--text-sm);
}

.data-table__table[b-l70thlac5n] {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

.data-table__table th[b-l70thlac5n],
.data-table__table td[b-l70thlac5n] {
  padding: 0.65rem 1rem;
  border-bottom: 1px solid var(--studio-border);
  text-align: left;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

.data-table__table thead th[b-l70thlac5n] {
  color: var(--studio-muted);
  font-size: var(--text-xs);
  font-weight: 500;
  white-space: nowrap;
  background: var(--studio-surface);
}

.data-table__table tbody tr:last-child td[b-l70thlac5n] {
  border-bottom: 0;
}

.data-table__table tbody tr:hover[b-l70thlac5n] {
  background: var(--studio-hover);
}

.wix-import-queue__pager[b-l70thlac5n] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  margin-top: var(--space-3);
  color: var(--studio-muted);
  font-size: var(--text-sm);
}

@media (max-width: 40rem) {
  .wix-import-queue__controls[b-l70thlac5n] {
    align-items: stretch;
  }

  .wix-import-queue__field[b-l70thlac5n],
  .wix-import-queue__field--status[b-l70thlac5n] {
    flex: 1 1 calc(50% - var(--space-3));
    min-width: 0;
  }

  .wix-import-queue__field .field__input[b-l70thlac5n],
  .wix-import-queue__field--status .field__input[b-l70thlac5n] {
    width: 100%;
  }

  .wix-import-queue__action[b-l70thlac5n] {
    flex: 1 1 100%;
  }

  .wix-import-queue__action[b-l70thlac5n]  .btn {
    width: 100%;
  }

  .wix-import-queue__pager[b-l70thlac5n] {
    justify-content: space-between;
  }
}