.work-page .rl-section { padding-top: var(--ui-section-space); padding-bottom: var(--ui-section-space); }
.work-page .rl-section .b-head { max-width: 800px; padding: 0 0 var(--ui-space-6); }
.work-page .rl-section .b-kicker {
  color: var(--ui-accent); font-family: var(--sans); font-size: var(--ui-text-sm);
  font-weight: 600; letter-spacing: 0; text-transform: none;
}
.work-page .rl-section .b-title { max-width: 28ch; font-size: var(--ui-title-sm); line-height: 1.2; }
.work-page .rl-section .b-sub { max-width: 64ch; margin-top: var(--ui-space-3); }

.work-page .grade-legend {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 var(--ui-space-6); border-top: 1px solid var(--ui-border);
}
.work-page .grade-chip {
  min-width: 0; padding: var(--ui-space-4) 0;
  border-bottom: 1px solid var(--ui-border);
}
.work-page .grade-chip .grade-name {
  margin-bottom: var(--ui-space-2); color: var(--ui-text); font-family: var(--sans);
  font-size: var(--ui-text-sm); font-weight: 650; letter-spacing: 0; text-transform: none;
}
.work-page .grade-chip p { margin: 0; color: var(--ui-muted); font-size: var(--ui-text-sm); line-height: 1.5; }

.work-page .case-block { max-width: 840px; padding: 0; border: 0; background: transparent; }
.work-page .grade-tag {
  display: inline-block; margin-bottom: var(--ui-space-4); padding: 0; border: 0;
  color: var(--ui-accent); font-family: var(--sans); font-size: var(--ui-text-sm);
  font-weight: 600; letter-spacing: 0; text-transform: none;
}
.work-page .ui-evidence-grid { max-width: 840px; margin-bottom: var(--ui-space-8); }
.work-page .case-block h3 {
  margin: var(--ui-space-8) 0 var(--ui-space-2); color: var(--ui-text) !important;
  -webkit-text-fill-color: var(--ui-text) !important;
  font-family: var(--sans); font-size: var(--ui-text-lg); font-weight: 650;
  letter-spacing: 0; text-transform: none;
}
.work-page .case-block p { max-width: 72ch; margin: 0 0 var(--ui-space-3); line-height: 1.7; }
.work-page .case-block p:last-child { margin-bottom: 0; }
.work-page .case-seq { list-style: decimal; margin: 0; padding-left: var(--ui-space-6); }
.work-page .case-seq li { max-width: 72ch; padding: var(--ui-space-2) 0; line-height: 1.6; }
.work-page .case-seq li::marker { color: var(--ui-accent); font-weight: 600; }

.work-page .locked-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ui-space-3); }
.work-page .locked-card {
  display: flex; flex-direction: column; gap: var(--ui-space-3); min-width: 0;
  padding: var(--ui-space-6); border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md); background: var(--ui-surface);
}
.work-page .locked-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ui-space-3); }
.work-page .locked-logo { display: flex; flex-direction: column; align-items: flex-start; gap: var(--ui-space-2); }
.work-page .locked-logo img {
  max-width: 180px; max-height: 56px; width: auto; height: auto;
  padding: var(--ui-space-2); border-radius: var(--ui-radius-sm);
  background: var(--ui-text); object-fit: contain;
}
.work-page .locked-name-text { color: var(--ui-text); font-size: var(--ui-text-base); font-weight: 650; }
.work-page .locked-meta,
.work-page .locked-grade { color: var(--ui-muted); font-size: var(--ui-text-sm); letter-spacing: 0; text-transform: none; }
.work-page .locked-summary { margin: 0; color: var(--ui-text); font-size: var(--ui-text-sm); line-height: 1.6; }
.work-page .locked-notify { margin-top: auto; padding-top: var(--ui-space-2); }
.work-page .locked-notify-toggle {
  display: inline-flex; align-items: center; min-height: 44px;
  padding: 0; border: 0; background: none; color: var(--ui-accent);
  font: 600 var(--ui-text-sm) var(--sans); text-decoration: underline; text-underline-offset: 3px;
  cursor: pointer;
}
.work-page .locked-notify-toggle[hidden],
.work-page .locked-notify-form[hidden],
.work-page .locked-notify-err[hidden],
.work-page .locked-notify-done[hidden] { display: none; }
.work-page .locked-notify-form { max-width: none; margin-top: var(--ui-space-3); gap: var(--ui-space-3); }
.work-page .locked-notify-form label { margin: 0; }
.work-page .locked-notify-form input[type="email"] { margin-top: var(--ui-space-2); }
.work-page .locked-notify-form button[type="submit"] { justify-self: start; }
.work-page .locked-notify-err { margin-top: var(--ui-space-2); color: var(--ui-error); font-size: var(--ui-text-sm); }
.work-page .locked-notify-done { margin-top: var(--ui-space-2); color: var(--ui-accent); font-size: var(--ui-text-sm); font-weight: 600; }

.work-page .heritage-provenance { max-width: 74ch; margin: 0 0 var(--ui-space-6); color: var(--ui-muted); line-height: 1.65; }
.work-page .heritage-filter-banner { display: flex; flex-wrap: wrap; gap: var(--ui-space-3); margin-bottom: var(--ui-space-3); color: var(--ui-accent); font-size: var(--ui-text-sm); font-weight: 600; }
.work-page .heritage-filter-banner a { color: var(--ui-accent); }
.work-page .faq-section .b-head { margin: 0; text-align: left; }

@media (max-width: 800px) {
  .work-page .grade-legend { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .work-page .grade-legend,
  .work-page .locked-grid { grid-template-columns: 1fr; }
}