/* Shared material for informational cards; photography, open text and active controls keep their roles. */
:root {
  --card-bg: #111318;
  --card-edge: #292e38;
  --card-hover: #181d28;
  --card-radius: 20px;
  --card-radius-compact: 16px;
  --content-group: var(--card-bg);
  --content-group-hover: var(--card-hover);
  --content-group-focus: #1a2030;
  --pack-hero-fill: var(--card-bg);
  --pack-hero-edge: var(--card-edge);
}
body :is(.saved-case-grid figure, .shop-product, .shop-featured,
  .account-auth, .account-empty, .account-brief, .account-pack,
  .shop-footnote, .library-pack-note, .lora-usage, .lora-agreement,
  .pack-page .pack-product-heading, .pack-page .pack-compatibility, .pack-evidence-facts) {
  background: var(--card-bg);
  border: 1px solid var(--card-edge);
  border-radius: var(--card-radius);
  box-shadow: none;
}
body :is(.library-resource, .workflow-technical, .definition-strip, .continue-row, .pack-page .pack-category) {
  background: var(--card-bg);
  border: 1px solid var(--card-edge);
  border-radius: var(--card-radius-compact);
}
body .pack-page .pack-category[open]:not(.is-closing) { border-color: var(--accent); background: var(--card-bg); }
body .pack-page .pack-category.is-closing { border-color: var(--card-edge); background: var(--card-bg); }
body .library-resource:focus-within { background: var(--content-group-focus); border-color: var(--accent-ink); }
@media (hover:hover) { body .library-resource:hover { background: var(--card-hover); } }
.saved-case-grid p { color: var(--muted); }
.custom-page .field :is(input:not([type="hidden"]),textarea), .custom-service-choice { border-color: var(--card-edge); }
#modal.is-cart { background: var(--card-bg); border-color: var(--card-edge); }
.account-brief-actions, .account-local-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.account-local-actions { margin-top: 12px; }
.account-local-actions .text-link { margin: 0; min-height: 44px; text-align: left; }
.account-local-actions .btn { white-space: normal; text-align: left; }
.account-brief-bottom > span { min-width: 0; }
.account-brief-actions .btn { min-height: 44px; }
@media (max-width:836px) {
  :root { --card-radius: 16px; }
  .account-brief-actions { width: 100%; }
  .account-brief-actions > .btn { flex: 1 1 auto; }
}