/* generated by scripts/ask-cards-build.py from the printed paper card CSS — do not hand-edit */
.ask-cards .event-card {scroll-margin-top: 16px; scroll-margin-bottom: 72px; width: 100%; height: 328px; flex: 0 0 328px; display: flex; flex-direction: column; background: transparent;}
.ask-cards .event-card[hidden] {display: none !important;}
.ask-cards .photo {position: relative; cursor: pointer; flex: 1 1 auto; min-height: 0; height: auto; margin: 0; padding: 0; overflow: hidden; background: transparent;}
.ask-cards .photo img {position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center top; display: block;}
.ask-cards .type-pill {appearance: none; position: absolute; top: 10px; left: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; margin: 0; padding: 6px 10px 6px 7px; border-radius: 999px; border: 1px solid currentColor; font-family: "Liberation Sans", Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: 0.01em; pointer-events: auto; cursor: pointer;}
.ask-cards .type-pill svg {width: 14px; height: 14px; flex: 0 0 14px; display: block;}
.ask-cards .type-pill::before {content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 56px; transform: translateY(-50%); background: transparent; border: 0; box-shadow: none;}
.ask-cards .distance-pill {appearance: none; position: relative; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; margin: 0 0 0 auto; padding: 6px 10px; border-radius: 999px; border: 1px solid #1A1510; background: #F4EFE3; color: #1A1510; font-family: "Liberation Sans", Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1; pointer-events: auto; white-space: nowrap;}
.ask-cards .distance-pill svg {width: 14px; height: 14px; flex: 0 0 14px; display: block;}
.ask-cards .distance-pill::before {content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 56px; transform: translateY(-50%); background: transparent; border: 0; box-shadow: none;}
.ask-cards .distance-mi:empty {display: none;}
.ask-cards .dir-btn {font: inherit; font-size: 1rem; color: var(--rust); background: transparent; border: 0; padding: 0; cursor: pointer; text-decoration: underline;}
.ask-cards .color-box {position: relative; height: auto; flex: 0 0 auto; margin: 0; overflow: visible; padding: 20px 14px; display: flex; flex-direction: column; gap: 8px; border: 1px solid transparent;}
.ask-cards .color-box.tone-cream {border-color: var(--rust);}
.ask-cards .color-box > h3 {margin: 8px 0 0;}
.ask-cards .color-box {padding-top: 12px; padding-bottom: 17px;}
.ask-cards .face-row {position: relative; z-index: 2; height: 32px; flex: 0 0 32px; display: flex; align-items: center; justify-content: space-between; gap: 8px; pointer-events: none;}
.ask-cards .event-name {position: relative; z-index: 2; margin: 0; height: auto; flex: 0 0 auto; overflow: visible; display: block; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: 19px; line-height: 24px; font-weight: 700; text-align: left; white-space: normal; cursor: pointer; pointer-events: auto; appearance: none;}
.ask-cards .event-name:focus-visible {outline: 2px solid currentColor; outline-offset: 2px;}
.ask-cards .date-chip,.ask-cards .share-btn,.ask-cards .photo > button.share {pointer-events: auto; font-family: "Liberation Sans", Arial, sans-serif; font-size: 13px; line-height: 1; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: 999px; padding: 6px 10px; cursor: pointer; white-space: nowrap;}
.ask-cards .date-chip {border-radius: 4px;}
.ask-cards a.date-chip {position: relative; z-index: 2; display: inline-block; text-decoration: none; box-sizing: border-box;}
.ask-cards .share-btn,.ask-cards .photo > button.share {flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; border-radius: 999px;}
.ask-cards .share-btn svg,.ask-cards .photo > button.share svg {width: 12px; height: 12px; flex: 0 0 12px; display: block;}
.ask-cards .photo > .photo-share,.ask-cards .photo > button.share {position: absolute; top: 10px; right: 10px; left: auto; bottom: auto; z-index: 5; margin: 0; color: #1A1510; background: #F4EFE3; border: 1px solid #1A1510;}
.ask-cards .box-open {position: absolute; inset: 0; z-index: 1; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer;}
.ask-cards .color-box:has(.box-open:focus-visible) {outline: 2px solid currentColor; outline-offset: -4px;}
.ask-cards .detail-pop[hidden] {display: none !important;}
.ask-cards .detail-pop {display: block; position: fixed; z-index: 50; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(92vw, 26rem); max-height: min(80vh, 32rem); overflow: auto; margin: 0; background: var(--cream); color: var(--ink); border: 1px solid var(--ink); box-shadow: 0 16px 40px rgba(26, 21, 16, 0.28);}
.ask-cards .sp-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 12px 12px 10px 16px; border-bottom: 1px solid #e4dccb;}
.ask-cards .sp-title-wrap {min-width: 0; flex: 1 1 auto;}
.ask-cards .sp-title {margin: 0; font-size: 1.15rem; line-height: 1.3; font-weight: 700;}
.ask-cards .sp-hook {margin: 0.35rem 0 0; font-size: 0.98rem; line-height: 1.4; font-weight: 400;}
.ask-cards .sp-x {flex: 0 0 auto; width: 2rem; height: 2rem; border: 0; background: transparent; color: var(--ink); font-size: 1.5rem; line-height: 1; cursor: pointer;}
.ask-cards .who-line {margin: 0 0 0.7rem;}
.ask-cards .who-chip {display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 6px 10px; border: 1px solid currentColor; border-radius: 4px; background: transparent; color: inherit; font-family: "Liberation Sans", Arial, sans-serif; font-size: 13px; line-height: 1; font-weight: 700;}
.ask-cards .who-label {font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase;}
.ask-cards .detail-body {padding: 12px 16px 16px;}
.ask-cards .detail-body p {margin: 0 0 0.7rem; line-height: 1.4;}
.ask-cards .detail-body .k {display: block; font-family: "Liberation Sans", Arial, sans-serif; font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700;}
.ask-cards .org-btn {font: inherit; font-size: 1rem; color: var(--rust); background: transparent; border: 0; padding: 0; cursor: pointer; text-decoration: underline;}
.ask-cards { --cream:#FBF7EE; --paper:#F4EFE3; --ink:#1A1510; --ink2:#3D372F; --rust:#9C341F; --rust2:#7A2818;
  list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; }
.ask-cards .event-card { margin:0; }
.ask-cards .photo.no-photo { background:var(--paper); }
.ask-cards .ask-card-paper { position:relative; z-index:3; margin:0 0 0 2px; font-family:"Liberation Sans",Arial,sans-serif;
  font-size:13px; line-height:1.2; }
.ask-cards .ask-card-paper a { color:inherit; text-decoration:underline; text-underline-offset:2px; }
.ask-cards .distance-pill { white-space:nowrap; }
.ask-pop-back { position:fixed; inset:0; z-index:20; background:rgba(26,21,16,0.45); }
.ask-pop-back[hidden] { display:none !important; }
.ask-more { display:block; margin:16px auto 0; font-family:"Liberation Sans",Arial,sans-serif; font-size:15px; font-weight:700;
  color:#1A1510; background:#F4EFE3; border:1px solid #1A1510; border-radius:999px; padding:10px 20px; cursor:pointer; }
/* ask-cards-style (Evan 2026-10-16): the home page's own type rules (Newsreader body, Fraunces uppercase buttons, ink
   links) leaked into the cards. Reset to the paper card computed styles (Georgia 16px body, cream ink from the color-box). */
.ask-cards .event-card, .ask-cards .event-card * { text-transform:none !important; letter-spacing:normal !important; }
.ask-cards .event-card { font-family:Georgia,"Liberation Serif","Times New Roman",serif !important; font-size:16px !important;
  font-weight:400; line-height:normal; color:var(--ink); text-align:left; }
.ask-cards .color-box { font-family:inherit !important; font-size:16px !important; line-height:normal !important; }
.ask-cards .color-box > h3 { font-family:inherit !important; font-size:18.72px !important; font-weight:700 !important; line-height:normal !important; color:inherit !important; }
.ask-cards .event-name { font-family:inherit !important; font-size:19px !important; font-weight:700 !important; line-height:24px !important; color:inherit !important; }
.ask-cards .date-chip, .ask-cards a.date-chip { color:inherit !important; border-color:currentColor !important; font-weight:400 !important; text-decoration:none !important; }
.ask-cards .photo > button.share { font-weight:400 !important; }
.ask-cards .ask-card-paper, .ask-cards .ask-card-paper a { color:inherit !important; font-weight:400 !important; }
.ask-cards .ask-card-paper a { opacity:.85; }
.ask-cards .color-box .ink-kicker, .ask-cards .color-box .face-row, .ask-cards .color-box p { color:inherit !important; margin:0; }
.ask-cards .face-row .ask-card-paper { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; pointer-events:auto; }
.ask-cards .detail-pop, .ask-cards .detail-pop * { font-family:Georgia,"Liberation Serif","Times New Roman",serif; }
.ask-cards .detail-pop .k, .ask-cards .who-line { font-family:"Liberation Sans",Arial,sans-serif; }
.ask-more[hidden] { display:none !important; }
/* share-sheet-home (Evan 2026-10-16): the card Share sheet (fg-share-ask.js, .fgsm, appended to <body>) took the home
   page's button type (Newsreader, uppercase, letter-spaced). Reset to the papers' computed styles; the "Share" kicker
   stays uppercase like the papers. */
.fgsm, .fgsm * { font-family:Georgia,"Liberation Serif","Times New Roman",serif !important; font-style:normal !important; }
.fgsm button, .fgsm .fgsm-opt, .fgsm .fgsm-opt span, .fgsm .fgsm-x, .fgsm .fgsm-name { text-transform:none !important; letter-spacing:normal !important; }
.fgsm .fgsm-kick { text-transform:uppercase !important; letter-spacing:0.08em !important; }
@media (min-width:760px) { .ask-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
  .ask-cards .event-card { width:100%; min-width:0; } }

/* Share = round icon only (LOCK Evan 2026-10-31 2:06 PM ET, supersedes the "< Share" pill): same three-node mark centered in a
   circle, ink outline on cream kept, 40x40 hit target (44x44 on touch), same top-right spot on the photo; print hides it */
.ask-cards .photo > button.share{width:40px;height:40px;padding:0;border-radius:50%;justify-content:center;gap:0;font-size:0;box-sizing:border-box}
.ask-cards .photo > button.share svg{width:16px;height:16px;flex:0 0 16px}
.ask-cards .photo > button.share .share-label{display:none}
@media (pointer:coarse){.ask-cards .photo > button.share{width:44px;height:44px}}
@media print{.ask-cards button.share{display:none!important}}

/* LOCK-CARD-BAND-INK-2026-11-06 (Evan 12:49–12:57 PM ET)
   Screen event-card face: ink band, cream type pill, Fraunces/Barlow Condensed.
   Carousel / PDF / detail pop-up out of scope. */
article.event-card .color-box,
.ask-cards .color-box {
  background: #1A1510 !important;
  color: #FBF7EE !important;
}
article.event-card .type-pill,
.ask-cards .type-pill {
  background: #FBF7EE !important;
  color: #1A1510 !important;
  border: 1px solid #1A1510 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
}
article.event-card .type-pill svg,
.ask-cards .type-pill svg {
  color: #1A1510 !important;
}
article.event-card .date-chip,
article.event-card a.date-chip,
.ask-cards .date-chip,
.ask-cards a.date-chip {
  color: #FBF7EE !important;
  border-color: #FBF7EE !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
}
article.event-card h3 .event-name,
article.event-card .event-name,
.ask-cards h3 .event-name,
.ask-cards .event-name,
.ask-cards .color-box > h3 {
  font-family: "Fraunces", Georgia, serif !important;
  font-weight: 700 !important;
}
/* Card Must See flag only (not carousel .ed-pick .must-flag) */
article.event-card .must-flag,
.ask-cards .must-flag {
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 700 !important;
}