/*
 * BLACK X Core Operations UI Foundation — Batch 3 / V0.0.2
 * Scope is deliberately opt-in through .bx-ops-foundation-page.
 * Business logic, permissions and workflow state remain server-authoritative.
 */

.bx-ops-foundation-page {
  --bx-ops-gap: clamp(.58rem, .8vw, .78rem);
  --bx-ops-radius: 16px;
  --bx-ops-radius-sm: 12px;
  --bx-ops-panel: color-mix(in srgb, rgba(18, 25, 40, .88) 84%, transparent);
  --bx-ops-panel-soft: color-mix(in srgb, rgba(26, 34, 51, .72) 82%, transparent);
  --bx-ops-line: rgba(218, 225, 236, .18);
  --bx-ops-silver: rgba(232, 237, 244, .52);
  --bx-ops-gold: rgba(214, 178, 94, .58);
  --bx-ops-gold-soft: rgba(214, 178, 94, .16);
  --bx-ops-shadow: 0 14px 34px rgba(3, 7, 16, .24), 0 2px 8px rgba(3, 7, 16, .2);
  --bx-ops-highlight: inset 0 1px 0 rgba(255, 255, 255, .11), inset 1px 0 0 rgba(255, 255, 255, .035);
}

.bx-ops-foundation-page :where(
  .property-filter-panel,
  .client-filter-panel,
  .request-filter-panel,
  .deal-filter-panel,
  .property-form,
  .client-form,
  .request-form,
  .request-portal-form,
  .deal-form,
  .client-related-form,
  .request-related-form,
  .property-decision-card,
  .client-decision-card,
  .request-decision-card,
  .deal-confirm-panel
) {
  position: relative;
  border: 1px solid var(--bx-ops-line);
  border-radius: var(--bx-ops-radius);
  background:
    linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.008) 42%),
    var(--bx-ops-panel);
  box-shadow: var(--bx-ops-highlight), var(--bx-ops-shadow);
  backdrop-filter: blur(16px) saturate(122%);
  -webkit-backdrop-filter: blur(16px) saturate(122%);
}

.bx-ops-foundation-page :where(
  .property-filter-panel,
  .client-filter-panel,
  .request-filter-panel,
  .deal-filter-panel,
  .property-form,
  .client-form,
  .request-form,
  .request-portal-form,
  .deal-form
)::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(118deg, var(--bx-ops-gold), transparent 29%, transparent 68%, var(--bx-ops-silver));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: .68;
}

/* Compact page heroes. */
.bx-ops-foundation-page :where(
  .property-hero-compact,
  .property-detail-hero,
  .client-list-hero,
  .client-form-hero,
  .client-profile-hero,
  .client-related-hero,
  .client-self-hero,
  .request-board-hero,
  .request-form-hero,
  .request-profile-hero,
  .request-related-hero,
  .request-portal-hero,
  .deal-board-hero,
  .deal-form-hero,
  .deal-profile-hero,
  .deal-subpage-hero,
  .deal-conversion-hero,
  .deal-client-hero
) {
  padding-block: clamp(1rem, 2vw, 1.65rem) !important;
}

.bx-ops-foundation-page :where(.page-title) {
  font-size: clamp(1.45rem, 2.2vw, 2.15rem);
  line-height: 1.12;
}

.bx-ops-foundation-page :where(.page-summary, .page-lead) {
  max-width: 70ch;
  margin-block-start: .35rem;
  line-height: 1.55;
}

.bx-ops-foundation-page :where(.action-row) {
  gap: .48rem;
}

/* Filter architecture: grouped, compact and consistent. */
.bx-ops-foundation-page :where(
  .property-filter-panel,
  .client-filter-panel,
  .request-filter-panel,
  .deal-filter-panel
) {
  padding: clamp(.72rem, 1.1vw, 1rem) !important;
}

.bx-ops-foundation-page .phase26-filter-primary {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12.5rem), 1fr));
  gap: .55rem;
  align-items: end;
  margin-block-end: .65rem;
}

.bx-ops-foundation-page .phase26-filter-primary > label {
  min-width: 0;
}

.bx-ops-foundation-page .phase26-filter-groups {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: var(--bx-ops-gap);
  align-items: start;
}

.bx-ops-foundation-page .phase26-filter-groups > fieldset,
.bx-ops-foundation-page .phase26-advanced-filters > fieldset {
  min-width: 0;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr));
  gap: .52rem;
  padding: .65rem !important;
  border: 1px solid rgba(229, 234, 242, .13) !important;
  border-radius: var(--bx-ops-radius-sm);
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.008));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
}

.bx-ops-foundation-page .phase26-filter-groups > fieldset legend,
.bx-ops-foundation-page .phase26-advanced-filters > fieldset legend {
  padding-inline: .28rem;
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: color-mix(in srgb, currentColor 82%, #d6b25e 18%);
}

.bx-ops-foundation-page .phase26-advanced-filters {
  grid-column: 1 / -1;
  border: 0;
  margin: 0;
}

.bx-ops-foundation-page .phase26-advanced-filters > fieldset {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr));
  margin-block-start: .45rem;
}

.bx-ops-foundation-page .phase26-filter-footer {
  margin-block-start: .58rem;
  padding-block-start: .55rem;
  border-block-start: 1px solid rgba(230, 235, 243, .1);
}

.bx-ops-foundation-page :where(
  .property-input,
  .client-input,
  .request-input,
  .deal-input,
  .property-field input,
  .property-field select,
  .property-field textarea,
  .client-field input,
  .client-field select,
  .client-field textarea,
  .request-field input,
  .request-field select,
  .request-field textarea,
  .deal-field input,
  .deal-field select,
  .deal-field textarea
) {
  min-height: 2.55rem;
  border-radius: 10px !important;
  border-color: rgba(226, 232, 241, .16) !important;
  background: rgba(4, 9, 19, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Controls size from the real section width, not only the viewport. */
.bx-ops-foundation-page :where(
  .phase26-filter-primary > *,
  .phase26-filter-groups > *,
  .phase26-filter-groups label,
  .phase26-advanced-filters label,
  .property-field,
  .client-field,
  .request-field,
  .deal-field
) {
  min-width: 0;
  max-width: 100%;
}

.bx-ops-foundation-page :where(
  .phase26-filter-primary input,
  .phase26-filter-primary select,
  .phase26-filter-groups input,
  .phase26-filter-groups select,
  .phase26-advanced-filters input,
  .phase26-advanced-filters select,
  .property-form-grid input,
  .property-form-grid select,
  .property-form-grid textarea,
  .client-form-grid input,
  .client-form-grid select,
  .client-form-grid textarea,
  .request-form-grid input,
  .request-form-grid select,
  .request-form-grid textarea,
  .deal-form-grid input,
  .deal-form-grid select,
  .deal-form-grid textarea
) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.bx-ops-foundation-page :where(textarea.property-input, textarea.client-input, textarea.request-input, textarea.deal-input),
.bx-ops-foundation-page :where(.property-field textarea, .client-field textarea, .request-field textarea, .deal-field textarea) {
  min-height: 6.2rem;
}

/* Results: one card grammar across the operational chain. */
.bx-ops-foundation-page :where(
  .internal-property-list,
  .client-registry-grid,
  .request-board-grid,
  .deal-board-grid,
  .client-related-grid,
  .request-related-grid,
  .deal-participant-grid,
  .deal-commission-grid,
  .deal-client-grid
) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.6rem), 1fr));
  gap: var(--bx-ops-gap) !important;
  align-items: stretch;
}

.bx-ops-foundation-page :where(
  .internal-property-row,
  .client-registry-card,
  .request-workflow-card,
  .deal-pipeline-card,
  .client-related-grid > article,
  .request-related-grid > article,
  .deal-participant-grid > article,
  .deal-commission-grid > article,
  .deal-client-card
) {
  min-width: 0;
  position: relative;
  display: flex !important;
  flex-direction: column;
  gap: .46rem;
  padding: .78rem !important;
  border: 1px solid rgba(225, 232, 241, .15) !important;
  border-radius: var(--bx-ops-radius) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(214, 178, 94, .07), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.008)),
    var(--bx-ops-panel-soft) !important;
  box-shadow: var(--bx-ops-highlight), 0 11px 24px rgba(2, 6, 14, .19) !important;
  backdrop-filter: blur(13px) saturate(118%);
  -webkit-backdrop-filter: blur(13px) saturate(118%);
}

.bx-ops-foundation-page :where(
  .internal-property-row,
  .client-registry-card,
  .request-workflow-card,
  .deal-pipeline-card
)::after {
  content: "";
  position: absolute;
  inset-inline: 1rem;
  inset-block-start: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--bx-ops-gold), var(--bx-ops-silver), transparent);
  opacity: .64;
}

.bx-ops-foundation-page .internal-property-row {
  grid-template-columns: none !important;
}

.bx-ops-foundation-page .internal-property-media {
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 0 !important;
  max-height: 9.5rem;
  border-radius: 11px;
  overflow: hidden;
  order: -1;
}

.bx-ops-foundation-page .internal-property-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bx-ops-foundation-page :where(
  .internal-property-main h2,
  .client-card-copy h2,
  .request-workflow-card h2,
  .deal-pipeline-card h2
) {
  margin: .05rem 0;
  font-size: clamp(1rem, 1.25vw, 1.13rem);
  line-height: 1.3;
}

.bx-ops-foundation-page :where(
  .internal-property-main p,
  .client-card-copy p,
  .request-workflow-card > p,
  .deal-pipeline-card > p
) {
  margin: 0;
  font-size: .82rem;
  line-height: 1.45;
}

.bx-ops-foundation-page :where(
  .property-badge-row,
  .client-badge-row,
  .request-status-line,
  .deal-status-line,
  .deal-card-top,
  .request-card-top
) {
  gap: .32rem !important;
}

.bx-ops-foundation-page :where(
  .property-badge-row span,
  .client-badge-row span,
  .request-status-line span,
  .deal-status-line span,
  .property-code-badge,
  .client-code-badge,
  .request-code-badge,
  .deal-code-badge
) {
  font-size: .7rem;
}

.bx-ops-foundation-page :where(
  .internal-property-price,
  .client-card-assignment,
  .request-card-routing,
  .deal-card-finance
) {
  padding: .5rem .56rem !important;
  border-radius: 10px;
  background: rgba(5, 10, 20, .22);
  border: 1px solid rgba(229, 234, 242, .08);
}

.bx-ops-foundation-page :where(
  .property-row-actions,
  .client-card-actions,
  .request-card-actions,
  .deal-card-actions
) {
  margin-block-start: auto;
  padding-block-start: .25rem;
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
}

.bx-ops-card-more {
  margin-block-start: .05rem;
  border-block-start: 1px solid rgba(229, 234, 242, .09);
  padding-block-start: .38rem;
}

.bx-ops-card-more > summary {
  cursor: pointer;
  list-style: none;
  font-size: .72rem;
  font-weight: 700;
  color: color-mix(in srgb, currentColor 75%, #d6b25e 25%);
}

.bx-ops-card-more > summary::-webkit-details-marker { display: none; }
.bx-ops-card-more > summary::after { content: "+"; float: inline-end; }
.bx-ops-card-more[open] > summary::after { content: "−"; }

.bx-ops-mini-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .38rem;
  margin-block-start: .42rem;
}

.bx-ops-mini-meta > div {
  min-width: 0;
  display: grid;
  gap: .08rem;
  padding: .4rem .46rem;
  border-radius: 9px;
  background: rgba(255,255,255,.025);
}

.bx-ops-mini-meta small { opacity: .68; font-size: .66rem; }
.bx-ops-mini-meta span,
.bx-ops-mini-meta strong { overflow-wrap: anywhere; font-size: .76rem; }

/* Context navigation turns detail pages into hubs without merging distinct workflows. */
.bx-ops-context-nav-wrap {
  margin-block: .68rem 0;
}

.bx-ops-context-nav {
  display: flex;
  align-items: center;
  gap: .38rem;
  max-width: 100%;
  overflow-x: auto;
  padding: .4rem;
  border: 1px solid rgba(229, 234, 242, .13);
  border-radius: 13px;
  background: rgba(7, 12, 23, .32);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
  scrollbar-width: thin;
}

.bx-ops-context-nav a {
  flex: 0 0 auto;
  padding: .45rem .66rem;
  border-radius: 9px;
  border: 1px solid transparent;
  font-size: .75rem;
  text-decoration: none;
}

.bx-ops-context-nav a[aria-current="page"] {
  border-color: rgba(214, 178, 94, .34);
  background: linear-gradient(145deg, rgba(214, 178, 94, .13), rgba(231, 236, 244, .055));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 5px 12px rgba(3,7,16,.16);
}

/* Details: compact container grid, long content remains wide. */
.bx-ops-foundation-page :where(
  .property-detail-main,
  .client-detail-main,
  .request-detail-main,
  .deal-detail-main
) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
  gap: var(--bx-ops-gap) !important;
  align-content: start;
}

.bx-ops-foundation-page :where(
  .property-content-panel,
  .property-location-panel,
  .property-assignment-panel,
  .property-history-panel,
  .phase26-suggestion-panel,
  .phase26-duplicate-panel,
  .client-info-panel,
  .client-budget-panel,
  .client-subsection,
  .client-assignment-panel,
  .client-notes-panel,
  .client-internal-notes,
  .client-status-history,
  .request-summary-panel,
  .request-subsection,
  .request-relation-panel,
  .request-assignment-panel,
  .request-notes-panel,
  .request-history-panel,
  .deal-financial-summary,
  .deal-subsection,
  .deal-relation-panel,
  .deal-assignment-panel,
  .deal-internal-notes,
  .deal-history-panel,
  .media-op-gallery
) {
  min-width: 0;
  padding: .76rem !important;
  border: 1px solid rgba(228, 234, 242, .13) !important;
  border-radius: var(--bx-ops-radius) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.008)),
    var(--bx-ops-panel-soft) !important;
  box-shadow: var(--bx-ops-highlight), 0 10px 22px rgba(2,6,14,.16) !important;
}

.bx-ops-foundation-page :where(
  .media-op-gallery,
  .property-content-panel:has(.property-long-copy),
  .client-subsection:has(.client-timeline),
  .request-subsection:has(.request-timeline),
  .deal-subsection:has(.deal-notes-stream)
) {
  grid-column: 1 / -1;
}

.bx-ops-foundation-page :where(
  .property-detail-sidebar,
  .client-detail-sidebar,
  .request-detail-sidebar,
  .deal-detail-sidebar
) {
  display: grid;
  gap: var(--bx-ops-gap);
  align-content: start;
}

.bx-ops-foundation-page :where(
  .property-spec-grid,
  .client-metric-grid,
  .request-metric-grid,
  .deal-financial-summary dl
) {
  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr)) !important;
  gap: .45rem !important;
}

.bx-ops-foundation-page :where(
  .property-spec-grid > *,
  .client-metric-grid > *,
  .request-metric-grid > *,
  .deal-financial-summary dl > div
) {
  padding: .5rem !important;
  border-radius: 10px;
  background: rgba(255,255,255,.025);
}

/* Forms: grouped glass sections with a consistent field grid. */
.bx-ops-foundation-page :where(
  .property-form,
  .client-form,
  .request-form,
  .request-portal-form,
  .deal-form
) {
  padding: clamp(.75rem, 1.25vw, 1.05rem) !important;
}

.bx-ops-foundation-page :where(
  .property-form-section,
  .client-form-section,
  .request-form-section,
  .deal-form-section
) {
  margin: 0 0 var(--bx-ops-gap) !important;
  padding: .72rem !important;
  border: 1px solid rgba(228, 234, 242, .13) !important;
  border-radius: var(--bx-ops-radius-sm) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.008));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.bx-ops-foundation-page :where(
  .property-form-grid,
  .client-form-grid,
  .request-form-grid,
  .deal-form-grid
) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)) !important;
  gap: .58rem !important;
}

.bx-ops-foundation-page :where(
  .property-field,
  .client-field,
  .request-field,
  .deal-field
) {
  min-width: 0;
  gap: .26rem !important;
}

.bx-ops-foundation-page :where(
  .property-field > label,
  .client-field > label,
  .request-field > label,
  .deal-field > label
) {
  font-size: .73rem;
  font-weight: 650;
}

.bx-ops-foundation-page :where(
  .property-field-wide,
  .client-field-wide,
  .request-field-wide,
  .deal-field-wide
) {
  grid-column: 1 / -1 !important;
}

/* Related/subresource pages use compact grids instead of large vertical stacks. */
.bx-ops-foundation-page :where(
  .client-timeline-full,
  .request-notes-full,
  .deal-notes-stream-large,
  .deal-document-list-large,
  .deal-schedule-list,
  .deal-schedule-table
) {
  border: 1px solid rgba(228, 234, 242, .13);
  border-radius: var(--bx-ops-radius);
  background: var(--bx-ops-panel-soft);
  box-shadow: var(--bx-ops-highlight), 0 10px 22px rgba(2,6,14,.15);
  overflow: hidden;
}

.bx-ops-foundation-page :where(.property-pagination) {
  margin-block-start: .8rem;
}

@media (max-width: 860px) {
  .bx-ops-foundation-page .phase26-filter-groups,
  .bx-ops-foundation-page :where(
    .property-detail-main,
    .client-detail-main,
    .request-detail-main,
    .deal-detail-main
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .bx-ops-foundation-page :where(
    .media-op-gallery,
    .property-content-panel,
    .client-subsection,
    .request-subsection,
    .deal-subsection
  ) {
    grid-column: auto;
  }
}

@media (max-width: 620px) {
  .bx-ops-foundation-page .phase26-filter-primary,
  .bx-ops-foundation-page .phase26-filter-groups,
  .bx-ops-foundation-page .phase26-filter-groups > fieldset,
  .bx-ops-foundation-page .phase26-advanced-filters > fieldset,
  .bx-ops-foundation-page :where(
    .property-form-grid,
    .client-form-grid,
    .request-form-grid,
    .deal-form-grid,
    .bx-ops-mini-meta
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .bx-ops-foundation-page .phase26-filter-primary > :where(button, .btn, a.btn) {
    width: 100%;
  }

  .bx-ops-foundation-page :where(
    .internal-property-list,
    .client-registry-grid,
    .request-board-grid,
    .deal-board-grid,
    .client-related-grid,
    .request-related-grid,
    .deal-participant-grid,
    .deal-commission-grid,
    .deal-client-grid
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .bx-ops-context-nav {
    margin-inline: -.15rem;
  }
}

/* Primary actions stay visible; secondary actions collapse into a compact native menu. */
.bx-ops-foundation-page .bx-ops-primary-actions {
  align-items: center;
}

.bx-ops-action-menu {
  position: relative;
  flex: 0 0 auto;
}

.bx-ops-action-menu > summary {
  list-style: none;
  cursor: pointer;
  user-select: none;
}

.bx-ops-action-menu > summary::-webkit-details-marker { display: none; }

.bx-ops-action-menu > div {
  position: absolute;
  inset-block-start: calc(100% + .38rem);
  inset-inline-end: 0;
  z-index: 30;
  width: min(17rem, calc(100vw - 2rem));
  display: grid;
  gap: .18rem;
  padding: .42rem;
  border: 1px solid rgba(225, 232, 241, .16);
  border-radius: 12px;
  background: rgba(12, 18, 30, .96);
  box-shadow: 0 18px 38px rgba(2,6,14,.34), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(18px) saturate(120%);
}

.bx-ops-action-menu > div > a {
  display: block;
  padding: .55rem .62rem;
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
  font-size: .78rem;
}

.bx-ops-action-menu > div > a:hover,
.bx-ops-action-menu > div > a:focus-visible {
  background: linear-gradient(120deg, rgba(214,178,94,.12), rgba(234,239,246,.05));
  outline: none;
}

[dir="rtl"] .bx-ops-action-menu > div {
  inset-inline-start: 0;
  inset-inline-end: auto;
}

@media (max-width: 620px) {
  .bx-ops-foundation-page .bx-ops-primary-actions > :where(.btn, .bx-ops-action-menu) {
    flex: 1 1 100%;
  }
  .bx-ops-action-menu > summary { width: 100%; }
  .bx-ops-action-menu > div {
    position: static;
    width: 100%;
    margin-block-start: .38rem;
  }
}

/* Module overview cards use the same compact operational grammar. */
.bx-ops-foundation-page :where(
  .property-entry-grid,
  .client-capability-grid,
  .request-capability-grid,
  .deal-foundation-grid
) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)) !important;
  gap: var(--bx-ops-gap) !important;
}

.bx-ops-foundation-page :where(
  .property-entry-card,
  .client-capability-grid > article,
  .request-capability-grid > article,
  .deal-foundation-grid > article,
  .property-media-placeholder,
  .client-intelligence-map,
  .request-route-map
) {
  padding: .8rem !important;
  border: 1px solid rgba(226, 233, 241, .14) !important;
  border-radius: var(--bx-ops-radius) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.008)), var(--bx-ops-panel-soft) !important;
  box-shadow: var(--bx-ops-highlight), 0 10px 24px rgba(2,6,14,.17) !important;
  backdrop-filter: blur(13px) saturate(118%);
  -webkit-backdrop-filter: blur(13px) saturate(118%);
}

.bx-ops-foundation-page :where(
  .property-entry-card h2,
  .client-capability-grid h2,
  .request-capability-grid h2,
  .deal-foundation-grid h2
) {
  font-size: 1rem;
  margin-block: .28rem;
}

.bx-ops-foundation-page :where(
  .property-entry-card p,
  .client-capability-grid p,
  .request-capability-grid p,
  .deal-foundation-grid p
) {
  font-size: .8rem;
  line-height: 1.5;
  margin: 0;
}