/* CARDS AND PANELS — ported from reference/css/components.css (same selectors). Global, after heads.css. */
.lm-card {
  border: var(--wp--custom--border--hairline) solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--sm);
  padding: var(--wp--preset--spacing--60);
}
.lm-card--link { transition: border-color var(--wp--custom--motion--fast) ease, background-color var(--wp--custom--motion--fast) ease; }
.lm-card--link:hover { border-color: var(--wp--preset--color--accent-line); background: var(--wp--preset--color--accent-tint); }

.lm-panel {
  border: var(--wp--custom--border--hairline) solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--lg);
  background: var(--wp--preset--color--fill);
  padding: var(--wp--preset--spacing--70);
}
.lm-panel__title { font-size: var(--wp--preset--font-size--xx-large); margin-bottom: var(--wp--preset--spacing--60); }
.lm-panel--sticky { position: sticky; top: var(--wp--preset--spacing--60); }

.lm-callout {
  display: flex; align-items: center; gap: var(--wp--preset--spacing--30);
  padding: var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--accent-tint);
  border: var(--wp--custom--border--hairline) solid var(--wp--preset--color--accent-tint-strong);
  border-radius: var(--wp--custom--radius--md);
}
.lm-callout > .lm-icon { color: var(--wp--preset--color--accent); }
.lm-callout__body { flex: 1; min-width: 0; }
.lm-callout__title { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--ui); font-weight: var(--wp--custom--font-weight--bold); line-height: var(--wp--custom--line-height--snug); letter-spacing: var(--wp--custom--letter-spacing--normal); }
.lm-callout__text { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--secondary); }

.lm-divider { height: 0; margin: 0; border: 0; border-top: var(--wp--custom--border--hairline) solid var(--wp--preset--color--line); }

@media (max-width: 1023px) {
  .lm-panel--sticky { position: static; }
}
@media (max-width: 639px) {
  .lm-panel { padding: var(--wp--preset--spacing--50); }
  .lm-card { padding: var(--wp--preset--spacing--50); }
  .lm-callout { flex-wrap: wrap; }
}