/*
 * Official Resource Card component -- production styles.
 *
 * Per Product Design System §5.12: "Simple card list, consistent at
 * all breakpoints -- this content doesn't need complex responsive
 * behaviour." There is NO @media rule in this file, matching this
 * exactly.
 *
 * Structural spacing references only the resolved Stage 2 spacing
 * tokens and the resolved radius token. Colour remains pending-design-
 * signoff -- no colour value is set below.
 */

@import url("../../config/tokens/tokens.generated.css");

.sr-official-resource-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding: var(--space-m);
  border-radius: var(--radius-medium);
  border: 1px solid currentColor; /* structural only -- colour inherits, not invented */
  box-sizing: border-box;
  width: 100%;
}

.sr-official-resource-card__name {
  margin: 0;
  word-break: break-word;
}

.sr-official-resource-card__description {
  margin: 0;
  word-break: break-word;
}

.sr-official-resource-card__useful-for {
  margin: 0;
  word-break: break-word;
}

.sr-official-resource-card__useful-for-label {
  font-weight: 600;
}

.sr-official-resource-card__link {
  align-self: flex-start;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: var(--space-xs) var(--space-s);
  border: 1px solid currentColor;
  border-radius: var(--radius-small);
  text-decoration: underline;
  word-break: break-word;
}

.sr-official-resource-card__external-indicator {
  margin-left: var(--space-xs);
}