/*!
 * DatesOracle — "Flavor summary" card shown at the end of a variety guide
 * (v1.9.40). Self-contained on purpose: it ships as its own stylesheet and is
 * enqueued by inline_summary_card() itself, because the article body is built
 * before wp_enqueue_scripts runs and the shared flavor-wheel stylesheet was
 * never registered at that moment (the card rendered as unstyled text).
 * Selectors are doubled with .do-fw-sc so theme rules for aside / p / a cannot
 * flatten it. Logical properties keep it correct in RTL.
 */
aside.do-fw-summary-inline.do-fw-sc {
  --sc-green: #4f6b47;
  --sc-ink: #2b2622;
  --sc-muted: #6b5f52;
  --sc-line: #e3d8c8;
  --sc-cta: #1f5c46;
  clear: both;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 16px;
  align-items: start;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 2.5rem 0 1.75rem;
  padding: 20px 22px;
  background: linear-gradient(180deg, #fffdf8 0%, #fbf6ee 100%);
  border: 1px solid var(--sc-line);
  border-inline-start: 5px solid var(--sc-green);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(43, 38, 34, .05), 0 8px 24px rgba(43, 38, 34, .05);
  color: var(--sc-ink);
}
.do-fw-sc .do-fw-sc-icon {
  grid-row: 1 / span 5; grid-column: 1;
  width: 44px; height: 44px; border-radius: 50%;
  display: grid; place-items: center;
  background: #e4efe0; color: var(--sc-green);
}
.do-fw-sc > :not(.do-fw-sc-icon) { grid-column: 2; }
.do-fw-sc .do-fw-summary-inline-eyebrow {
  margin: 2px 0 6px;
  font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--sc-green);
}
.do-fw-sc p.do-fw-summary-inline-text {
  margin: 0 0 12px; max-width: 62ch;
  font-size: 16px; line-height: 1.65; color: var(--sc-ink);
}
.do-fw-sc p.do-fw-summary-inline-note {
  display: inline-block; justify-self: start; margin: 0 0 14px; padding: 4px 10px; max-width: none;
  border-radius: 999px; background: #fff3d9; color: #7a5410;
  font-size: 12px; line-height: 1.5;
}
.do-fw-sc p.do-fw-summary-inline-invite {
  margin: 0 0 14px; max-width: none; padding: 10px 14px; border-radius: 12px;
  background: #eef5ea; color: #2f4a2a; font-size: 14px; line-height: 1.5; font-weight: 600;
}
.do-fw-sc .do-fw-summary-inline-stats {
  display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0 0 14px;
  font-size: 13px; color: var(--sc-muted);
}
.do-fw-sc .do-fw-summary-inline-stat strong { color: var(--sc-ink); font-variant-numeric: tabular-nums; margin-inline-end: 3px; }
aside.do-fw-summary-inline.do-fw-sc a.do-fw-summary-inline-cta {
  display: inline-flex; align-items: center; gap: 8px; justify-self: start;
  padding: 10px 18px; border-radius: 999px;
  background: var(--sc-cta); color: #fff !important;
  font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none !important;
  border: 0; box-shadow: none;
  transition: background .16s ease, transform .08s ease;
}
aside.do-fw-summary-inline.do-fw-sc a.do-fw-summary-inline-cta:hover { background: #164534; color: #fff !important; }
aside.do-fw-summary-inline.do-fw-sc a.do-fw-summary-inline-cta:focus-visible { outline: 3px solid #9fd0b8; outline-offset: 2px; }
.do-fw-sc .do-fw-summary-inline-cta svg { flex: none; }
.do-fw-sc .do-fw-summary-inline-arrow { transition: transform .16s ease; }
.do-fw-sc .do-fw-summary-inline-cta:hover .do-fw-summary-inline-arrow { transform: translateX(3px); }
[dir="rtl"] .do-fw-sc .do-fw-summary-inline-arrow { display: inline-block; transform: scaleX(-1); }
[dir="rtl"] .do-fw-sc .do-fw-summary-inline-cta:hover .do-fw-summary-inline-arrow { transform: scaleX(-1) translateX(3px); }

@media (max-width: 560px) {
  aside.do-fw-summary-inline.do-fw-sc { grid-template-columns: minmax(0, 1fr); padding: 18px 16px; }
  .do-fw-sc .do-fw-sc-icon { display: none; }
  .do-fw-sc > :not(.do-fw-sc-icon) { grid-column: 1; }
  aside.do-fw-summary-inline.do-fw-sc a.do-fw-summary-inline-cta { width: 100%; justify-content: center; box-sizing: border-box; }
}
@media (prefers-reduced-motion: reduce) {
  .do-fw-sc .do-fw-summary-inline-arrow, aside.do-fw-summary-inline.do-fw-sc a.do-fw-summary-inline-cta { transition: none; }
}
@media print { aside.do-fw-summary-inline.do-fw-sc { box-shadow: none; } .do-fw-sc a.do-fw-summary-inline-cta { display: none; } }