/* v2.6.4: choice-first entry retained, photo-free. Keep question card styles untouched. */
#navMenuBtn[hidden],#navMenuPanel[hidden],#chooseTutorialCoach[hidden],#chooseTutorialBtn[hidden],#chooseTutorialNext[hidden]{display:none!important}
.topbar{position:relative}
.app-nav-menu{position:absolute;z-index:105;top:calc(100% - 3px);right:12px;min-width:206px;padding:8px;background:#fffdf8;border:1px solid #d6e0d7;border-radius:15px;box-shadow:0 14px 32px rgba(28,58,50,.17)}
.app-nav-menu button{display:flex;gap:15px;align-items:center;border:0;background:transparent;width:100%;padding:13px 12px;border-radius:10px;text-align:left;color:#2d5149;font:650 16px/1.2 system-ui,sans-serif;min-height:47px}
.app-nav-menu button:hover,.app-nav-menu button:focus-visible{background:#eaf2eb}
.app-nav-menu button span{font-size:23px;width:22px;text-align:center}
#screen-choose.active{display:flex;flex-direction:column;min-height:max(620px,calc(100svh - 170px));padding:clamp(25px,5vh,46px) 3px 15px}
.choose-hero{text-align:center;margin:0 auto 43px;width:100%;max-width:370px}
.choose-eyebrow,.collection-eyebrow{color:#70928a;letter-spacing:.16em;font:750 10px/1.5 system-ui,sans-serif;margin:0 0 16px}
#screen-choose h1{font:400 clamp(38px,10.2vw,49px)/1.07 Georgia,'Iowan Old Style',serif;color:#284c48;letter-spacing:-.052em;text-wrap:balance}
.choose-description{font-size:16px;line-height:1.45;color:#738782;margin:16px 0 0}
.choose-actions{display:grid;gap:17px;width:100%;margin:0 auto;max-width:398px}
.choose-tile{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #c9ddd3;padding:25px 24px 23px;border-radius:22px;min-height:168px;cursor:pointer;box-shadow:0 8px 25px rgba(39,70,61,.07);transition:transform .2s ease,box-shadow .2s ease;position:relative}
.choose-tile:active{transform:scale(.985)}.choose-tile:hover{box-shadow:0 10px 29px rgba(39,70,61,.11)}
.choose-quick{background:#2d6458;color:#fff;border-color:#2d6458}
.choose-explore{background:#edf3ed;color:#294b45;border-color:#d4e2d7}
.choose-tile-label{font:720 10px/1.35 system-ui,sans-serif;letter-spacing:.15em;opacity:.68;margin-bottom:24px}
.choose-tile-heading{font:400 clamp(27px,7.2vw,32px)/1.1 Georgia,serif;letter-spacing:-.025em;display:flex;justify-content:space-between;align-items:center;gap:12px}
.choose-tile-heading span{font:400 26px system-ui,sans-serif;line-height:1;opacity:.8}
.choose-tile-description{font:400 14px/1.42 system-ui,sans-serif;opacity:.88;margin-top:10px;max-width:285px}
.choose-tutorial-link{margin:auto auto 0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:51px;padding:9px 19px;color:#50736a;border:0;background:transparent;font:650 15px/1.2 system-ui,sans-serif}
.choose-tutorial-icon{display:inline-grid;place-items:center;border:1.5px solid #a7beb0;border-radius:100%;width:27px;height:27px;font-weight:700}
.choose-tutorial-coach{background:#fffaf1;border:1px solid #d9e0d5;border-radius:17px;box-shadow:0 8px 28px rgba(43,70,61,.1);padding:15px 17px 16px;margin:-28px auto 23px;width:100%;max-width:398px}
.choose-coach-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.choose-coach-top span{font:720 10px/1.3 system-ui,sans-serif;letter-spacing:.1em;color:#70887c}
.choose-coach-top button{background:none;border:0;font:650 14px system-ui,sans-serif;color:#557265;padding:6px}
.choose-tutorial-coach p{font:400 16px/1.48 system-ui,sans-serif;color:#385c50;margin:0}
.choose-coach-next{border:0;background:#2d6458;color:#fff;border-radius:22px;font:750 15px system-ui,sans-serif;padding:10px 22px;margin:13px 0 0 auto;min-height:42px;display:block}
.choose-tile.choose-tutorial-target{animation:chooseTarget 1.8s ease-in-out infinite;outline:3px solid #dea969;outline-offset:5px}
@keyframes chooseTarget{0%,100%{box-shadow:0 0 0 2px rgba(226,169,102,.2)}50%{box-shadow:0 0 0 9px rgba(226,169,102,.42)}}
/* The selection screens use existing cards and filters. Just separate their roles. */
#screen-home .home-intro{display:none!important}
#screen-home .collection-head{margin:6px 0 26px}
.collection-home{border:0;background:transparent;padding:8px 2px;color:#557b6d;font:650 14px system-ui,sans-serif;min-height:43px;margin:0 0 18px}
.collection-eyebrow{margin-bottom:10px}
#screen-home .collection-head h1{color:#294e47;font:400 clamp(39px,10.3vw,49px)/1.06 Georgia,serif;letter-spacing:-.046em}
#screen-home .collection-head .lead{font-size:16px;line-height:1.45;color:#71837c;margin:11px 0 0}
#screen-home .home-set-section{margin-top:28px}
#screen-home .home-section-label{font:400 26px/1.15 Georgia,serif;color:#34554d;margin:0 0 15px}
#screen-home .section-helper{display:none!important}
#screen-home[data-collection-mode='quick'] #browseSection,#screen-home[data-collection-mode='quick'] #learnMorePanel{display:none!important}
#screen-home[data-collection-mode='explore'] #quickStartSection{display:none!important}
#screen-home #activePathwayPanel,#screen-home #continuePanel{display:none!important}
#screen-home .collection-filter-details{border:1px solid #e0e7df;border-radius:14px;margin:0 0 22px;background:#f8f9f4;overflow:hidden}
#screen-home .collection-filter-details summary{min-height:51px;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;cursor:pointer;color:#506d60;font:650 14px system-ui,sans-serif;list-style:none}
#screen-home .collection-filter-details summary::-webkit-details-marker{display:none}
#screen-home .collection-filter-details[open] summary span{transform:rotate(180deg)}
#screen-home .collection-filter-details .global-filters{margin:0!important;border:0!important;border-top:1px solid #e5ebe4!important;border-radius:0!important;background:transparent!important;padding:14px 15px 16px!important}
#screen-home .collection-more{margin-top:23px}
#screen-home .collection-more>summary{cursor:pointer;color:#71877d;font:550 13px system-ui,sans-serif;padding:12px 5px;list-style:none;text-decoration:underline;text-underline-offset:3px}
#screen-home .collection-more>summary::-webkit-details-marker{display:none}
#screen-home .utility-panel{margin-top:10px!important}
#screen-home[data-collection-mode='quick'] #collectionMore{display:none!important}
#screen-home .learn-more-panel{margin-top:42px}
/* v2.6.4 unified grid styling is loaded after this entry-flow layer. */
@media(max-width:360px){.choose-hero{margin-bottom:29px}.choose-tile{min-height:148px;padding:19px 19px 18px}.choose-tile-label{margin-bottom:17px}.choose-actions{gap:13px}#screen-choose.active{min-height:max(570px,calc(100svh - 160px))}}
@media(prefers-reduced-motion:reduce){.choose-tile,.choose-tile.choose-tutorial-target{transition:none;animation:none}}

/* Hidden means hidden, even on icon buttons with explicit display rules. */
#topHistoryBtn[hidden],#topSavedBtn[hidden],#settingsButton[hidden],#navMenuBtn[hidden]{display:none!important}

/* v2.6.6: Brand-action palette. The top-left Querencia Q uses #6B7A5C.
   Apply that exact olive green to filled *affirmative* buttons across screens.
   Neutral, disabled, destructive and decorative elements retain their roles.
   This late layer wins over historical, teal/forest one-off button declarations. */
:root { --querencia-button-green: #6B7A5C; --querencia-button-hover: #59684C; }
.primary,
.share-app-primary,
.welcome-button,
.choose-quick,
.choose-coach-next,
#screen-teaching .guide-start-button,
#screen-question.single-focus .journey-deeper:not(.q-action-muted):not(.q-action-empty),
#screen-question .question-nav .primary,
#tutorialCoach .tutorial-next,
#tutorialFinal button,
#tutorialNoteBar #tutorialNoteContinue,
#tutorialCoach .tutorial-note-actions .tutorial-next {
  background:var(--querencia-button-green)!important;
  background-image:none!important;
  border-color:var(--querencia-button-green)!important;
  color:#ffffff!important;
}
.primary:hover:not(:disabled),
.share-app-primary:hover:not(:disabled),
.welcome-button:hover:not(:disabled),
.choose-quick:hover:not(:disabled),
.choose-coach-next:hover:not(:disabled),
#screen-teaching .guide-start-button:hover:not(:disabled),
#screen-question.single-focus .journey-deeper:not(.q-action-muted):not(.q-action-empty):hover:not(:disabled),
#screen-question .question-nav .primary:hover:not(:disabled),
#tutorialCoach .tutorial-next:hover:not(:disabled),
#tutorialFinal button:hover:not(:disabled),
#tutorialNoteBar #tutorialNoteContinue:hover:not(:disabled) {
  background:var(--querencia-button-hover)!important;
  border-color:var(--querencia-button-hover)!important;
}
/* Topic browse is optional and never replaces direct-entry Quick Start. */
#browseDeckTopicsBtn[hidden],#categoryAllQuestionsBtn[hidden]{display:none!important}
#screen-question .question-browse-topics {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;min-height:45px;margin:12px 0 0;padding:10px 11px;
  border:1px solid #dce4d7;border-radius:11px;background:#f4f5ef;
  color:#465c42;font-size:13px;font-weight:650;text-align:left;
}
#screen-question .question-browse-topics span{font-size:19px;line-height:1}
#screen-categories .category-all-questions{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  background:#f1f4ec;border:1px solid #dce4d6;border-radius:13px;
  padding:13px 17px;margin:0 0 14px;min-height:49px;text-align:left;
  color:#4a5c43;font-weight:700;font-size:14px;
}
#screen-question .question-browse-topics:focus-visible,
#screen-categories .category-all-questions:focus-visible{outline:3px solid #6B7A5C;outline-offset:2px}

/* v2.6.8 grouped overflow menu. Keeps collection grid uncluttered. */
#navMenuPanel[hidden],#navMenuPanel [hidden]{display:none!important}
.app-nav-menu{
 position:fixed;z-index:1100;box-sizing:border-box;width:min(336px,calc(100vw - 24px));
 min-width:0;max-height:min(650px,calc(100dvh - 105px));overflow-y:auto;
 overscroll-behavior:contain;padding:17px 16px 13px;right:12px;top:65px;
 border-radius:21px;background:#fffdfa;border:1px solid #e0e7df;
 box-shadow:0 15px 40px rgba(38,65,51,.17),0 3px 8px rgba(38,65,51,.07);
 -webkit-overflow-scrolling:touch;
}
.app-nav-menu::before{content:'';position:sticky;display:block;height:0;}
.app-nav-personal-label{font:750 10px/1.35 system-ui,sans-serif;letter-spacing:.17em;color:#75897e;margin:2px 3px 11px}
.app-nav-personal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
.app-nav-menu .app-nav-personal-tile{min-height:75px;padding:12px 9px;display:flex;flex-direction:row;align-items:center;gap:9px;border:1px solid #e3e9df;border-radius:15px;background:#f0f4ee;color:#325b4b;font:690 12.5px/1.3 system-ui,sans-serif}
.app-nav-personal-tile svg,.app-nav-row svg{height:21px;width:21px;flex:0 0 21px;fill:none;stroke:#537764;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-nav-personal-tile span{min-width:0;text-align:left;overflow-wrap:break-word}
.app-nav-personal-tile b{font-size:12px;font-weight:700}
.app-nav-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:8px 0 4px}
.app-nav-menu .app-nav-compact-grid button{display:flex;align-items:center;justify-content:flex-start;min-height:42px;padding:8px 12px;border:0;background:transparent;border-radius:10px;color:#4d6a5d;font:620 13px/1.2 system-ui,sans-serif}
.app-nav-small-icon{font-size:17px;width:21px;text-align:center;line-height:1}
.app-nav-divider{height:1px;background:#e4e9e3;margin:10px 2px}
.app-nav-menu .app-nav-row{display:flex;gap:12px;align-items:center;width:100%;min-height:49px;padding:10px 7px;border:0;border-radius:10px;background:transparent;color:#314b44;text-align:left;font:650 14px/1.3 system-ui,sans-serif}
.app-nav-menu .app-nav-row span{flex:1;min-width:0}
.app-nav-menu .app-nav-row i{font-style:normal;color:#7c9686;font-size:25px;line-height:1}
.app-nav-menu button:hover,.app-nav-menu button:focus-visible{background:#e9f0e7;outline-offset:1px}
@media(max-width:360px){.app-nav-menu{padding:13px 12px 10px;border-radius:18px;width:min(316px,calc(100vw - 18px))}.app-nav-menu .app-nav-row{min-height:45px;font-size:13px}.app-nav-personal-grid{gap:6px}.app-nav-menu .app-nav-personal-tile{min-height:68px;font-size:12px;padding:9px 7px;gap:7px}}
/* Localised overrides for the legacy app-menu icon-span rule. */
.app-nav-menu .app-nav-personal-tile span{
 flex:1 1 auto;width:auto;font-size:12.5px;text-align:left;line-height:1.28;
 word-break:normal;overflow-wrap:normal;
}
.app-nav-menu .app-nav-row span{
 flex:1 1 auto;width:auto;font-size:14px;text-align:left;line-height:1.3;
 word-break:normal;overflow-wrap:normal;
}
.app-nav-menu .app-nav-compact-grid .app-nav-small-icon{font-size:17px;width:21px;flex:0 0 21px;text-align:center}
@media(max-width:360px){.app-nav-menu .app-nav-personal-tile span{font-size:12px}.app-nav-menu .app-nav-row span{font-size:13px}}

.app-nav-menu .app-nav-compact-grid button{min-height:44px}
.app-nav-menu button:disabled{opacity:.50;cursor:default}
.app-nav-menu button:disabled:hover{background:transparent}


/* v2.6.13: Legible informational labels on the functional Home, filters,
   menu, history and notes. No routing or structure changes. */
#screen-choose .choose-eyebrow{font-size:12px;color:#456c60;letter-spacing:.11em;}
#screen-choose .choose-tile-label{font-size:12px;letter-spacing:.09em;opacity:.94;}
#screen-choose .choose-tile-description{font-size:16px;line-height:1.4;opacity:1;}
#screen-choose .choose-description{font-size:17px;color:#4a665d;}
#screen-home .collection-head .lead{font-size:17px;color:#4a655a;}
#screen-home .collection-filter-details summary,
#screen-categories .collection-filter-details summary{font-size:15px;color:#3f6055;}
#screen-home .filter-label,#screen-categories .filter-label{font-size:13px;color:#405e51;}
#screen-home .segment button,#screen-home .depth-segment,
#screen-categories .segment button,#screen-categories .depth-segment{font-size:14px;min-height:41px;}
.app-nav-menu .app-nav-personal-label{font-size:12px;color:#496357;}
.app-nav-menu .app-nav-personal-tile,.app-nav-menu .app-nav-personal-tile span{font-size:14px;}
.app-nav-menu .app-nav-compact-grid button{font-size:15px;}
.app-nav-menu .app-nav-row,.app-nav-menu .app-nav-row span{font-size:15px;}
#screen-history .history-search-label{font-size:13px;color:#486154;}
#screen-history .history-summary{font-size:14px;color:#4d675a;}
#screen-history .history-card .history-meta{font-size:13px;color:#465f54;}
#screen-saved .saved-meta{font-size:14px;color:#466052;}
.bottom-sheet .toggle-row strong{font-size:16px;}
.bottom-sheet .toggle-row small{font-size:14px;color:#4b6459;}
.bottom-sheet .sheet-meta{font-size:14px;color:#4b6459;}
@media(max-width:360px){
 #screen-home .segment button,#screen-home .depth-segment,
 #screen-categories .segment button,#screen-categories .depth-segment{font-size:13px;}
}

/* v2.6.15: both tutorial entry routes are valid choices. */
#screen-choose .choose-tile.choose-tutorial-target{outline:3px solid #dea969;outline-offset:4px;animation:chooseTarget 2.2s ease-in-out infinite}
#screen-choose .choose-tile.choose-explore.choose-tutorial-target{animation-delay:1.1s}
@media(prefers-reduced-motion:reduce){#screen-choose .choose-tile.choose-tutorial-target{animation:none}}

/* v2.6.24: initial tutorial Exit matches the main tutorial touch target. */
.choose-coach-top #chooseTutorialExit{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:9px}
.choose-coach-top #chooseTutorialExit:focus-visible{outline:3px solid #bc8540;outline-offset:2px}