/* ═══════════════════════════════════════════════════════════════════
   Components: Card
   ═══════════════════════════════════════════════════════════════════ */

.sheet,
.panel,
.hero-copy,
.hero-panel,
.feature-card,
.knowledge-card,
.case-card,
.source-card,
.home-main,
.quick-start-panel,
.action-band article,
.share-card,
.sketch-card,
.contact-grid article,
.check-item,
.home-avatar-stage,
.feature-list article,
.provider-card,
.price-card,
.status-card,
.fy-card {
  position: relative;
  overflow: hidden;
  padding: var(--fluid-card-pad);
  border: 1px solid var(--border-default);
  border-radius: var(--fluid-card-radius);
  background: linear-gradient(180deg, var(--surface-elevated, #fbfcfe), var(--surface));
  box-shadow: 0 8px 24px rgba(11, 23, 38, 0.045);
}

/* Inset highlight for paper-like depth */
.sheet::before,
.feature-card::before,
.knowledge-card::before,
.case-card::before,
.source-card::before,
.panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}

/* Card variants */
.feature-card.warm {
  background: linear-gradient(180deg, rgba(255, 248, 238, 0.95), rgba(249, 235, 212, 0.9));
}

.feature-card.deep {
  background: linear-gradient(180deg, rgba(233, 241, 238, 0.96), rgba(218, 232, 228, 0.9));
}

.quiet-panel { min-height: 100%; }

/* Card header */
.card-head {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.fy-card p { color: var(--color-ink-soft); }

/* Responsive */
@media (max-width: 640px) {
  .sheet, .panel, .hero-copy, .hero-panel,
  .feature-card, .knowledge-card, .case-card, .source-card,
  .home-main, .quick-start-panel, .fy-card {
    padding: 20px;
    border-radius: var(--radius-l);
  }
}