/* Querencia v2.6.4. Unified selection cards only.
   Consistent two-column vertical grids, group colour families and soft embossed
   SVG motifs. The question card, question gestures, and Welcome remain intact. */
#quickStartList,#deckList,#categoryList{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
  scrollbar-width:auto!important;
  padding:0 0 18px!important;
  margin:0!important;
  align-items:stretch;
}
/* All three selection levels share exactly one silhouette and text layout. */
#screen-home #quickStartList .selection-card,
#screen-home #deckList .selection-card,
#screen-categories #categoryList .selection-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:218px!important;
  height:100%!important;
  flex:initial!important;
  flex-basis:auto!important;
  scroll-snap-align:none!important;
  position:relative;
  isolation:isolate;
  gap:0!important;
  padding:0!important;
  overflow:hidden;
  border-radius:19px!important;
  border:1px solid #e3e7e0!important;
  background:#fff!important;
  box-shadow:0 5px 17px rgba(32,56,49,.055)!important;
  cursor:pointer;
  text-align:left;
  transition:transform .18s ease, box-shadow .18s ease;
}
#screen-home .selection-card:not(:disabled):hover,
#screen-categories .selection-card:not(:disabled):hover{
  transform:translateY(-2px);box-shadow:0 10px 24px rgba(32,56,49,.1)!important;
}
#screen-home .selection-card:focus-visible,
#screen-categories .selection-card:focus-visible{outline:3px solid #648d80;outline-offset:3px}
#screen-home #quickStartList .selection-card .selection-art,
#screen-home #deckList .selection-card .selection-art,
#screen-categories #categoryList .selection-card .selection-art{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:0!important;
  width:100%!important;
  min-height:113px!important;
  height:113px!important;
  flex:0 0 113px!important;
  background:linear-gradient(137deg,var(--selection-bg,#d9e8df),var(--selection-accent,#bbd4c5))!important;
  background-image:linear-gradient(137deg,var(--selection-bg,#d9e8df),var(--selection-accent,#bbd4c5))!important;
  box-shadow:none!important;
}
/* A quiet oversized ring recalls the original Querencia Q relief. */
#screen-home #quickStartList .selection-card .selection-art::before,
#screen-home #deckList .selection-card .selection-art::before,
#screen-categories #categoryList .selection-card .selection-art::before{
  content:""!important;
  position:absolute!important;
  display:block!important;
  width:151px!important;height:151px!important;
  border:24px solid rgba(255,255,255,.21)!important;
  background:transparent!important;
  border-radius:50%!important;
  top:-78px!important;right:-46px!important;left:auto!important;bottom:auto!important;
  box-sizing:content-box!important;
  filter:drop-shadow(0 2px 1px rgba(67,85,74,.075));
}
/* Old per-nth-child glyphs are replaced by distinctive topic motifs. */
#screen-home #quickStartList .selection-card .selection-art::after,
#screen-home #deckList .selection-card .selection-art::after,
#screen-categories #categoryList .selection-card .selection-art::after{display:none!important;content:none!important}
#screen-home .selection-card .selection-emboss,
#screen-categories .selection-card .selection-emboss{
  position:absolute;
  width:104px;height:104px;
  right:10px;top:5px;
  color:#fff;
  opacity:.64;
  filter:drop-shadow(0 2px 1px rgba(55,75,67,.18)) drop-shadow(0 -1px 0 rgba(255,255,255,.54));
  transform:rotate(-8deg);
  pointer-events:none;
}
#screen-home #quickStartList .selection-card .selection-copy,
#screen-home #deckList .selection-card .selection-copy,
#screen-categories #categoryList .selection-card .selection-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  align-items:stretch!important;
  flex:1!important;
  min-height:102px!important;
  padding:13px 12px 12px!important;
  box-sizing:border-box;
  background:#fff!important;
  color:#2c4545;
}
#screen-home .selection-card .selection-copy .title,
#screen-categories .selection-card .selection-copy .title{
  display:-webkit-box;
  -webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;
  font:750 clamp(14px,3.5vw,16px)/1.18 system-ui,-apple-system,sans-serif!important;
  letter-spacing:-.018em;
  color:#294448!important;
  max-width:none!important;
  min-width:0;
  word-break:normal;
}
#screen-home .selection-card .selection-meta,
#screen-categories .selection-card .selection-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:4px;
  margin-top:auto;
  min-width:0;
  width:100%;
}
#screen-home .selection-card .selection-count,
#screen-categories .selection-card .selection-count{
  color:#72817d;font:450 11px/1.25 system-ui,-apple-system,sans-serif;
  white-space:nowrap;
}
#screen-home .selection-card .pill,#screen-home .selection-card .done,
#screen-categories .selection-card .pill,#screen-categories .selection-card .done{
  flex:0 0 auto;
  padding:4px 6px!important;
  font:750 10.5px/1.1 system-ui,-apple-system,sans-serif!important;
  background:#edf2ed!important;color:#608076!important;
  border:0!important;border-radius:999px!important;
  white-space:nowrap;
}
#screen-home .selection-card .done,#screen-categories .selection-card .done{
  background:#dce9de!important;color:#2f6550!important;
}
/* Make the categories themselves feel like choices, not a content article. */
#screen-home .collection-head{margin-bottom:18px!important}
#screen-home .home-set-section{margin-top:13px!important}
#screen-home .home-section-head{display:none!important}
#screen-home #quickStartSection,#screen-home #browseSection{padding:0!important}
#screen-categories{padding-top:19px!important}
#screen-categories #deckTitle{
  font:400 clamp(37px,9.5vw,47px)/1.05 Georgia,'Iowan Old Style',serif!important;
  color:#294e47!important;letter-spacing:-.045em!important;
  margin:7px 0 0!important;
}
#screen-categories #deckPurpose{font-size:15px;line-height:1.46;margin:11px 0 20px;color:#71837c}
#screen-categories #categoryCollectionBack{margin:0 0 5px}
#screen-categories .collection-filter-details{
  border:1px solid #e0e7df;
  border-radius:14px;
  margin:0 0 23px;
  background:#f8f9f4;
  overflow:hidden;
}
#screen-categories .collection-filter-details summary{
  display:flex;align-items:center;justify-content:space-between;
  min-height:51px;padding:11px 16px;
  cursor:pointer;color:#506d60;
  font:650 14px/1.2 system-ui,sans-serif;
  list-style:none;
}
#screen-categories .collection-filter-details summary::-webkit-details-marker{display:none}
#screen-categories .collection-filter-details[open] summary span{transform:rotate(180deg)}
#screen-categories .collection-filter-details .global-filters{
  margin:0!important;padding:14px 15px 16px!important;
  border:0!important;border-top:1px solid #e5ebe4!important;
  background:transparent!important;border-radius:0!important;
}
#screen-categories #categoryList{margin-top:0!important}
/* All collections remain two across on the smallest common smartphone width. */
@media(max-width:360px){
  #quickStartList,#deckList,#categoryList{gap:10px!important}
  #screen-home #quickStartList .selection-card,
  #screen-home #deckList .selection-card,
  #screen-categories #categoryList .selection-card{min-height:203px!important}
  #screen-home #quickStartList .selection-card .selection-art,
  #screen-home #deckList .selection-card .selection-art,
  #screen-categories #categoryList .selection-card .selection-art{height:102px!important;min-height:102px!important;flex-basis:102px!important}
  #screen-home .selection-card .selection-copy,
  #screen-categories .selection-card .selection-copy{padding:12px 9px 11px!important}
  #screen-home .selection-card .selection-copy .title,
  #screen-categories .selection-card .selection-copy .title{font-size:14px!important}
  #screen-home .selection-card .selection-count,
  #screen-categories .selection-card .selection-count{font-size:10px}
  #screen-home .selection-card .pill,#screen-home .selection-card .done,
  #screen-categories .selection-card .pill,#screen-categories .selection-card .done{font-size:9px!important;padding:3px 5px!important}
}
@media(prefers-reduced-motion:reduce){
  #screen-home .selection-card,#screen-categories .selection-card{transition:none}
}

/* v2.6.5: expose selected filters without reopening the whole control. */
#screen-home .collection-filter-details summary .filter-summary-copy,
#screen-categories .collection-filter-details summary .filter-summary-copy{
 display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:0;
}
#screen-home .collection-filter-details summary .filter-current,
#screen-categories .collection-filter-details summary .filter-current{
 display:block;font:500 12px/1.3 system-ui,sans-serif;letter-spacing:0;color:#758b80;
}
#screen-home .collection-filter-details summary .filter-chevron,
#screen-categories .collection-filter-details summary .filter-chevron{flex:none;transition:transform .18s ease}
#screen-home .collection-filter-details[open] summary .filter-chevron,
#screen-categories .collection-filter-details[open] summary .filter-chevron{transform:rotate(180deg)}
#screen-home .filter-audience-hint{font:450 12px/1.42 system-ui,sans-serif;color:#71867b;margin:-14px 6px 22px;}
#screen-home .filter-audience-hint[hidden]{display:none!important}

/* Older rules rotated every span in an open details header. Only rotate its chevron. */
#screen-home .collection-filter-details[open] summary .filter-summary-copy,
#screen-categories .collection-filter-details[open] summary .filter-summary-copy{transform:none!important}


/* v2.6.13: Selection-card legibility audit. Property-only adjustments.
   Preserve the 2-column grid, artwork, and click/navigation behaviour. */
#screen-home #quickStartList .selection-card,
#screen-home #deckList .selection-card,
#screen-categories #categoryList .selection-card { min-height:238px!important; }
#screen-home #quickStartList .selection-card .selection-copy,
#screen-home #deckList .selection-card .selection-copy,
#screen-categories #categoryList .selection-card .selection-copy {
  padding:13px 12px 14px!important; min-height:123px!important; gap:9px!important;
}
#screen-home .selection-card .selection-copy .title,
#screen-categories .selection-card .selection-copy .title {
  font-size:17px!important;line-height:1.25!important;
  -webkit-line-clamp:3;color:#243f3b!important;
}
#screen-home .selection-card .selection-count,
#screen-categories .selection-card .selection-count {
  font-size:13px!important;color:#435d55!important;font-weight:550!important;
}
#screen-home .selection-card .pill,#screen-home .selection-card .done,
#screen-categories .selection-card .pill,#screen-categories .selection-card .done {
  font-size:12px!important;padding:5px 7px!important;color:#355b4c!important;
}
#screen-home .collection-filter-details summary .filter-current,
#screen-categories .collection-filter-details summary .filter-current {font-size:14px!important;color:#456155!important;}
#screen-home .filter-audience-hint {font-size:14px!important;line-height:1.45!important;color:#49665b!important;}
#screen-categories #deckPurpose {font-size:16.5px!important;color:#486458!important;line-height:1.48!important;}
@media(max-width:360px) {
 #screen-home #quickStartList .selection-card,
 #screen-home #deckList .selection-card,
 #screen-categories #categoryList .selection-card {min-height:228px!important;}
 #screen-home #quickStartList .selection-card .selection-copy,
 #screen-home #deckList .selection-card .selection-copy,
 #screen-categories #categoryList .selection-card .selection-copy {padding:12px 9px 12px!important;min-height:124px!important;}
 #screen-home .selection-card .selection-copy .title,
 #screen-categories .selection-card .selection-copy .title {font-size:16px!important;line-height:1.23!important;}
 #screen-home .selection-card .selection-count,
 #screen-categories .selection-card .selection-count {font-size:12px!important;}
 #screen-home .selection-card .pill,#screen-home .selection-card .done,
 #screen-categories .selection-card .pill,#screen-categories .selection-card .done {font-size:12px!important;padding:4px 5px!important;}
}