/* portal-event-guide.css — "Our advice for your event" (app/scripts/portal-event-guide.js).
   Own file, deliberately: portal.css and portal-d6.css are edited by many sessions at once.
   The panel IS the house component — §8.1 `.d6-panel` / `.d6-ph` / `.d6-pb` and §8.2 `.d6-row`
   (app/styles/portal-d6.css). This file adds only what the house has no class for: the disclosure
   (a <details> whose <summary> is the panel head), the area label (house eyebrow shape, §8.10:
   sans 500, text-xs, .18em, uppercase, Onyx-62) and the list reset. Colours by NAME, never a hex. */

/* Loads before portal-d6.css, so a rule that must beat a `body.d6 …` (0,2,1) rule carries more weight. */
body .evg.d6-panel { margin-top: 12px; }
.evg-disc { display: block; }
body .evg-disc > summary.evg-sum { list-style: none; cursor: pointer; min-height: 44px; box-sizing: border-box; }
body .evg-disc > summary.evg-sum::-webkit-details-marker { display: none; }
body .evg-disc:not([open]) > summary.evg-sum { border-bottom: 0; }
.evg-disc > summary:focus-visible { outline: 2px solid var(--ch8-onyx, currentColor); outline-offset: -2px; }
/* The open/closed mark: a drawn chevron, so it needs no icon font and inherits the ink. */
.evg-chev {
  width: 8px; height: 8px; flex: none; margin-right: 4px;
  border-right: 1.5px solid var(--d6-ink-3, var(--ch8-onyx-62));
  border-bottom: 1.5px solid var(--d6-ink-3, var(--ch8-onyx-62));
  transform: rotate(45deg) translateY(-2px);
}
.evg-disc[open] .evg-chev { transform: rotate(-135deg) translateY(-2px); }

body .evg p.evg-sub { margin-top: 6px; }
.evg-area { margin-top: 14px; }
.evg-label {
  font-family: var(--d6-sans, var(--sans));
  font-size: var(--d6-t-sec);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--d6-ink-3);
  margin: 0 0 2px;
}
.evg-list { list-style: none; margin: 0; padding: 0; }
.evg-item .d6-s { max-width: 78ch; }
.evg-why { font-style: italic; }
body .evg p.evg-foot { margin-top: 12px; }

/* Off Direction 6 the house panel classes carry no rules, so the card is drawn here the §8.10 way:
   Linen ground, one Onyx-20 hairline, radius 0, no shadow. */
body:not(.d6) .evg {
  background: var(--ch8-linen);
  border: 1px solid var(--ch8-onyx-20);
  margin: 24px;
  font-family: var(--sans);
}
body:not(.d6) .evg-sum { display: flex; align-items: center; gap: 8px; padding: 12px 24px; }
body:not(.d6) .evg-sum h2 { font-family: 'Crimson Pro', Georgia, serif; font-weight: 400; font-size: 1.15rem; margin: 0; flex: 1; }
body:not(.d6) .evg-body { padding: 0 24px 20px; }
body:not(.d6) .evg-item { padding: 8px 0; border-bottom: 1px solid var(--ch8-onyx-12); }
body:not(.d6) .evg-item .d6-t { display: block; font-weight: 500; color: var(--ch8-onyx); }
body:not(.d6) .evg-item .d6-s { display: block; color: var(--ch8-onyx-62); margin-top: 2px; }
body:not(.d6) .evg-sub, body:not(.d6) .evg-foot { color: var(--ch8-onyx-62); }