/* Local review only: preserve content, chapter structure and all game artwork. */
.guild-case {
  --polish-card-radius: 20px;
  --polish-board-radius: 24px;
  --polish-caption-dark: #beb7cd;
  --polish-caption-light: #66596f;
  --polish-light-border: #dcd5e3;
  --polish-dark-border: #ffffff26;
}

/* 1. Keep the problem statement next to the top of the Finder artwork. */
.guild-case #decisions > .decision:first-child .decision-grid {
  align-items: start;
}
.guild-case #decisions > .decision:first-child .decision-copy {
  padding-top: 4px;
}
.guild-case #decisions > .decision:first-child .decision-copy blockquote {
  margin-top: 28px;
}
.guild-case .challenge-title {
  white-space: normal;
  text-wrap: balance;
  font-size: clamp(30px, 3.25vw, 46px) !important;
}

/* 2. Align container families, without flattening the game's visual identity. */
.guild-case :is(.context-statement blockquote, .map-node, .role-card, .challenge-card, .path-grid article, .initiative-card) {
  border-radius: var(--polish-card-radius);
}
.guild-case .context-statement blockquote {
  border: 1px solid var(--polish-light-border);
  box-shadow: 0 8px 24px #20132c08;
}
.guild-case .map-node.accent {
  box-shadow: 0 10px 28px #5c249226;
}
.guild-case .path-grid article {
  border: 1px solid var(--polish-light-border);
  box-shadow: none;
}
.guild-case .challenge-card {
  border-color: var(--polish-light-border);
}
.guild-case .initiative-card {
  border-right-color: var(--polish-dark-border);
  border-bottom-color: var(--polish-dark-border);
  border-left-color: var(--polish-dark-border);
}
.guild-case :is(.showcase-card, .governance-gallery, .coop-discovery-board, .coop-live-board, .coop-return-board, .ftue-step-grid, .ftue-stage-board, .motion-scenario, .final-ui-board) {
  border-radius: var(--polish-board-radius);
}
.guild-case :is(.challenge-evidence, .initiative-visual) {
  border-radius: 14px;
}

/* 3. Make supporting labels and explanations quiet, not hard to read. */
.guild-case :is(.map-node span, .challenge-evidence .evidence-label) {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: .07em;
}
.guild-case .evidence-source {
  color: var(--polish-caption-light);
  font-size: 13px;
  line-height: 1.8;
}
.guild-case .initiative-card :is(p, li) {
  color: #cbc5d8;
  line-height: 1.8;
}
.guild-case .tag-list li {
  color: #583171;
  background: #eae1f2;
}
.guild-case :is(.initiative-visual figcaption, .showcase-card figcaption, .governance-gallery figcaption) {
  color: var(--polish-caption-dark);
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: .04em;
}
.guild-case :is(.coop-study figcaption, .coop-study .coop-design-pair figcaption span, .ftue-study figcaption, .motion-artifact-grid figcaption) {
  color: var(--polish-caption-dark);
  font-size: 13px;
  line-height: 1.8;
}
.guild-case :is(.ftue-layer-map small, .ftue-study .ftue-small, .ftue-footer small, .motion-track-key, .motion-track-key small) {
  color: var(--polish-caption-dark);
  font-size: 13px;
  line-height: 1.8;
}
.guild-case :is(.motion-data > span, .motion-visible > span) {
  font-size: 13px;
  line-height: 1.8;
}
.guild-case :is(.final-screen-label, .final-experience .final-version, .final-journey-nav span, .final-journey-nav small) {
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: .03em;
}
.guild-case :is(.final-screen-label, .final-journey-nav small) {
  color: var(--polish-caption-light);
}
.guild-case :is(.final-ui-grid figcaption span, .final-experience .final-small-note, .final-gallery-footer > p) {
  color: var(--polish-caption-light);
  font-size: 14px;
  line-height: 1.8;
}

@media (max-width: 760px) {
  .guild-case { --polish-card-radius: 18px; --polish-board-radius: 18px; }
  .guild-case #decisions > .decision:first-child .decision-grid { gap: 28px; }
  .guild-case #decisions > .decision:first-child .decision-copy { padding-top: 0; }
  .guild-case .final-journey-nav small { font-size: 12px; }
}