/* ==========================================================================
   APP LAY-OUT SYSTEM — the one number.
   layout.js writes three numbers on <html> every time the window changes:
     --ui   the ratio number (Step 2): how large everything is drawn, 1 = the laptop size at 1470 x 801.
     --vw   one hundredth of the window's width,  in the page's own pixels (window width / --ui / 100)
     --vh   one hundredth of the window's height, in the page's own pixels (window height / --ui / 100)
   Everything visible follows --ui through the zoom below. Because of that zoom, a plain vw / vh would be too big or too small
   by that same number, so this stylesheet never uses vw / vh / dvh: it writes calc(N * var(--vw)) and calc(N * var(--vh)).
   ========================================================================== */
:root {
  --ui: 1;
  --vw: 1vw;
  --vh: 1vh;
}
html {
  zoom: var(--ui);
}
/* The splash screen is unchanged everywhere: it is drawn at its own size, not at the ratio number. */
.splash-screen {
  zoom: calc(1 / var(--ui));
}

/* SHISHO - one stylesheet for the 10 pages and everything they share.

   How to read it
   - The ten pages share one architecture. A rule that used to be repeated once per page is now written once with
     its declarations shared and one selector per page variant (#mqSection ..., #davSection ...,
     #aesSection ...). The variants always run in the page order: mq, dav, cr, tr, ft, nt,
     mhi, li, fsh, aes.
   - Selectors are plain comma lists on purpose. Do not fold them into :is(...): on this page (about 35,000
     elements) Chrome matches :is() lists much more slowly and the toolbar buttons and drop-downs stutter.
   - What differs per page (colours, SVG names, page-only classes) stays in a small per-page rule that follows the
     shared rule it belongs to. Colour ramps are therefore found in the same section as the rule that uses them.
   - Rules appear in an order that keeps every cascade conflict (same property, same specificity) as it was.
     Do not re-sort rules without checking that rule order.
   - Page-specific features that exist on one page only are collected in the last part ("Extras").
   - The three @font-face blocks directly after this comment are embedded (base64) and unchanged.

   Contents
   1. Base: reset and theme variables
   2. Splash screen
   3. Master navigation buttons
   4. Page shell shared by the 10 pages: layout, badges, text, attribution
   5. Per-page wallpaper colour variables and shared toolbar base
   6. Toolbar and drop-downs shared by all pages (menu, return, translate, resources, share, collections)
   7. Time-based lock overlay
   8. Child pages, crests, master navigation containers, home button
   9. Pages: header, menu system, story, closure, modal, lock, return buttons
   10. Cross-page additions: labels, forward button, title zoom, Arabic (RTL)
   11. Sunday quiz
   12. Quiz drop-down
   13. Collections drop-down: split pane
   14. Extras: page-specific rules
*/

/* -- Fonts (embedded) -- */
@font-face {
    font-family: "Playfair Display Title";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(data:font/woff2;base64,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) format("woff2");
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
    font-family: "Playfair Display Title";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(data:font/woff2;base64,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) format("woff2");
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: "Playfair Display Title";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(data:font/woff2;base64,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) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ==========================================================================
   1. Base: reset and theme variables
   ========================================================================== */

/* -- Reset -- */
html,
body {
  margin: 0;
  padding: 0;
}
/* A tap never draws the browser's own grey highlight (iPhone, iPad): the App shows its own press effects. */
* {
  -webkit-tap-highlight-color: transparent;
}

/* -- Theme variables -- */
:root {
  --page-bottom-clearance: 120px;
  --bg-color: #ffffff;
  --container-bg: #ffffff;
  --text-color: #333;
  --text-secondary: #222;
  --text-muted: #666;
  --text-light: #999;
  --border-color: #e1e5e9;
  --border-light: #f5f5f5;
  --shadow-color: rgba(0,0,0,0.1);
  --shadow-hover: rgba(0,0,0,0.15);
  --input-bg: #ffffff;
  --card-bg: #f9f9f9;
  --card-hover-bg: #f0f0f0;
  --suggestion-hover-bg: linear-gradient(135deg, #f8f9ff 0%, #e3f2fd 100%);
  --accent-color: #007bff;
  --accent-rgb: 0, 123, 255;
  --accent-light: rgba(0, 123, 255, 0.1);
  --success-color: #28a745;
  --success-hover: #218838;
  --success-active: #1e7e34;
  --favorite-color: #ffd700;
  --remove-color: #ff4444;
  --remove-hover: #cc0000;
  --green-accent: #4CAF50;
  --green-hover: #45a049;
  --pronunciation-color: #6c757d;
  --pronunciation-hover-bg: rgba(108, 117, 125, 0.1);
  --pronunciation-active: #495057;
  --example-bg: rgba(0, 123, 255, 0.05);
  --example-border: rgba(0, 123, 255, 0.2);
  --example-text: #0056b3;
  --example-text-color: #444;
  --example-accent: #007bff;
  --api-badge-bg: #17a2b8;
  --api-badge-text: #ffffff;
  --tooltip-bg: rgba(0, 0, 0, 0.92);
  --tooltip-text: #ffffff;
  --tooltip-shadow: rgba(0, 0, 0, 0.3);
  --bulb-color-1: #003d82;
  --bulb-color-2: #0066cc;
  --bulb-color-3: #001f3f;
  --context-bg-start: rgba(139, 92, 246, 0.08);
  --context-bg-end: rgba(99, 102, 241, 0.05);
  --context-border: rgba(139, 92, 246, 0.6);
  --context-text: #1f2937;
  --context-shadow: rgba(0, 0, 0, 0.1);
  --li-main-gradient-start: #9F1239;
  --li-main-gradient-end: #BE185D;
  --li-shadow-color: rgba(159, 18, 57, 0.28);
  --li-sub-badge-text: #FECDD3;
}

/* ==========================================================================
   2. Splash screen
   ========================================================================== */

/* -- Splash screen -- */
.splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 1s ease-in-out;
}
.splash-screen.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.splash-screen.fade-out {
  opacity: 0;
  pointer-events: none;
}
.fox-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
.fox-draw-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fox-logo {
  width: 360px;
  height: 360px;
  color: #ffffff;
  display: block;
}
.fox-tagline-container {
  position: relative;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.fox-tagline-line {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
.fox-tagline-line.visible {
  opacity: 1;
}
.fox-tagline-line.hidden {
  opacity: 0;
}
.fox-tagline-part {
  font-family: 'Fredoka One', cursive;
  font-size: 28px;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
.fox-tagline-part.visible {
  opacity: 1;
}
.fox-tagline-separator {
  font-family: 'Fredoka One', cursive;
  font-size: 28px;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
.fox-tagline-separator.visible {
  opacity: 1;
}
.fox-tagline {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
.fox-tagline.visible {
  opacity: 1;
}
.fox-your-text {
  font-family: 'Fredoka One', cursive;
  font-size: 28px;
  color: #ffffff;
  line-height: 1;
  white-space: nowrap;
}
/* Where a language puts "your" after the noun (Arabic, Malay, Turkish) the "your" text is
   empty — hide it so no blank gap sits before the wordmark. */
.fox-your-text:empty {
  display: none;
}
.fox-tagline-container:lang(ar) .fox-tagline-part,
.fox-tagline-container:lang(ar) .fox-tagline-separator,
.fox-tagline-container:lang(ar) .fox-your-text,
.fox-tagline-container:lang(hi) .fox-tagline-part,
.fox-tagline-container:lang(hi) .fox-tagline-separator,
.fox-tagline-container:lang(hi) .fox-your-text,
.fox-tagline-container:lang(ja) .fox-tagline-part,
.fox-tagline-container:lang(ja) .fox-tagline-separator,
.fox-tagline-container:lang(ja) .fox-your-text,
.fox-tagline-container:lang(ko) .fox-tagline-part,
.fox-tagline-container:lang(ko) .fox-tagline-separator,
.fox-tagline-container:lang(ko) .fox-your-text,
.fox-tagline-container:lang(zh) .fox-tagline-part,
.fox-tagline-container:lang(zh) .fox-tagline-separator,
.fox-tagline-container:lang(zh) .fox-your-text,
.fox-tagline-container:lang(ru) .fox-tagline-part,
.fox-tagline-container:lang(ru) .fox-tagline-separator,
.fox-tagline-container:lang(ru) .fox-your-text {
  font-family: system-ui, -apple-system,"Segoe UI","Noto Sans", sans-serif;
  font-weight: 600;
}
.splash-shisho-wordmark {
  display: block;
  height: 36px;
  width: auto;
  color: #ffffff;
  fill: #ffffff;
  stroke: #ffffff;
}
@media (max-width: 768px) {
  .fox-logo {
    width: 300px;
    height: 300px;
  }
  .fox-tagline-part,
  .fox-tagline-separator,
  .fox-your-text {
    font-size: 24px;
  }
  .splash-shisho-wordmark {
    height: 31px;
  }
}
@media (max-width: 480px) {
  .fox-logo {
    width: 240px;
    height: 240px;
  }
  .fox-tagline-part,
  .fox-tagline-separator,
  .fox-your-text {
    font-size: 20px;
  }
  .splash-shisho-wordmark {
    height: 26px;
  }
}
@media (max-height: 600px) and (orientation: landscape) {
  .fox-logo {
    width: 200px;
    height: 200px;
  }
  .fox-tagline-part,
  .fox-tagline-separator,
  .fox-your-text {
    font-size: 18px;
  }
  .splash-shisho-wordmark {
    height: 23px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .splash-screen,
  .fox-tagline,
  .fox-tagline-part,
  .fox-tagline-separator,
  .fox-tagline-line,
  .splash-shisho-wordmark .shisho-letter {
    transition: none !important;
  }
}
@media print {
  .splash-screen {
    display: none !important;
  }
}

/* ==========================================================================
   3. Master navigation buttons
   ========================================================================== */

/* -- Nav buttons: shared structure -- */
.quotes-btn,
.dav-btn,
.cr-btn,
.tr-btn,
.ft-btn,
.nt-btn,
.mhi-btn,
.li-btn,
.fsh-btn,
.aes-btn {
  width: 64px;
  height: 64px;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  user-select: none;
  -webkit-user-select: none;
}
.quotes-icon,
.dav-icon,
.cr-icon,
.tr-icon,
.ft-icon,
.nt-icon,
.mhi-icon,
.li-icon,
.fsh-icon,
.aes-icon {
  width: 100%;
  height: 100%;
  display: block;
  color: #9CA3AF;
  transition: color 0.25s ease;
}
.quotes-icon path:not([fill="none"]),
.quotes-icon circle:not([fill="none"]),
.dav-icon path:not([fill="none"]),
.dav-icon circle:not([fill="none"]),
.cr-icon path:not([fill="none"]),
.tr-icon path:not([fill="none"]),
.ft-icon path:not([fill="none"]),
.nt-icon path:not([fill="none"]),
.mhi-icon path:not([fill="none"]),
.li-icon path:not([fill="none"]),
.fsh-icon path:not([fill="none"]),
.aes-icon path:not([fill="none"]) {
  fill: currentColor;
}

/* -- Nav buttons: per-pair colours and icons -- */
.quotes-btn:active .quotes-icon,
.quotes-btn.pressed .quotes-icon,
.quotes-btn.active-page .quotes-icon {
  color: #EA580C;
}
@media (hover: hover) {
  .quotes-btn:hover .quotes-icon {
    color: #EA580C;
  }
}
@media (hover: none) {
  .quotes-btn.is-hover .quotes-icon {
    color: #EA580C;
  }
}
.quotes-btn:focus-visible,
.dav-btn:focus-visible,
.cr-btn:focus-visible,
.tr-btn:focus-visible,
.ft-btn:focus-visible,
.nt-btn:focus-visible,
.mhi-btn:focus-visible,
.li-btn:focus-visible,
.fsh-btn:focus-visible,
.aes-btn:focus-visible {
  outline-offset: 4px;
}
.quotes-btn:focus-visible {
  outline: 2px solid #C2410C;
}
@media print {
  .quotes-btn,
  .dav-btn,
  .cr-btn,
  .tr-btn,
  .ft-btn,
  .nt-btn,
  .mhi-btn,
  .li-btn,
  .fsh-btn,
  .aes-btn {
    display: none;
  }
}
.dav-btn:active .dav-icon,
.dav-btn.pressed .dav-icon,
.dav-btn.active-page .dav-icon {
  color: #6B3FA0;
}
@media (hover: hover) {
  .dav-btn:hover .dav-icon {
    color: #6B3FA0;
  }
}
@media (hover: none) {
  .dav-btn.is-hover .dav-icon {
    color: #6B3FA0;
  }
}
.dav-btn:focus-visible {
  outline: 2px solid #4A2E6B;
}
.cr-btn:active .cr-icon,
.cr-btn.pressed .cr-icon,
.cr-btn.active-page .cr-icon {
  color: #D97706;
}
@media (hover: hover) {
  .cr-btn:hover .cr-icon {
    color: #D97706;
  }
}
@media (hover: none) {
  .cr-btn.is-hover .cr-icon {
    color: #D97706;
  }
}
.cr-btn:focus-visible {
  outline: 2px solid #B45309;
}
.tr-btn:active .tr-icon,
.tr-btn.pressed .tr-icon,
.tr-btn.active-page .tr-icon {
  color: #0891B2;
}
@media (hover: hover) {
  .tr-btn:hover .tr-icon {
    color: #0891B2;
  }
}
@media (hover: none) {
  .tr-btn.is-hover .tr-icon {
    color: #0891B2;
  }
}
.tr-btn:focus-visible {
  outline: 2px solid #0E7490;
}
.ft-btn:active .ft-icon,
.ft-btn.pressed .ft-icon,
.ft-btn.active-page .ft-icon {
  color: #DC2626;
}
@media (hover: hover) {
  .ft-btn:hover .ft-icon {
    color: #DC2626;
  }
}
@media (hover: none) {
  .ft-btn.is-hover .ft-icon {
    color: #DC2626;
  }
}
.ft-btn:focus-visible {
  outline: 2px solid #B91C1C;
}
.nt-btn:active .nt-icon,
.nt-btn.pressed .nt-icon,
.nt-btn.active-page .nt-icon {
  color: #16A34A;
}
@media (hover: hover) {
  .nt-btn:hover .nt-icon {
    color: #16A34A;
  }
}
@media (hover: none) {
  .nt-btn.is-hover .nt-icon {
    color: #16A34A;
  }
}
.nt-btn:focus-visible {
  outline: 2px solid #15803D;
}
.mhi-btn:active .mhi-icon,
.mhi-btn.pressed .mhi-icon,
.mhi-btn.active-page .mhi-icon {
  color: #2563EB;
}
@media (hover: hover) {
  .mhi-btn:hover .mhi-icon {
    color: #2563EB;
  }
}
@media (hover: none) {
  .mhi-btn.is-hover .mhi-icon {
    color: #2563EB;
  }
}
.mhi-btn:focus-visible {
  outline: 2px solid #1E3A8A;
}
.li-btn:active .li-icon,
.li-btn.pressed .li-icon,
.li-btn.active-page .li-icon {
  color: #E11D48;
}
@media (hover: hover) {
  .li-btn:hover .li-icon {
    color: #E11D48;
  }
}
@media (hover: none) {
  .li-btn.is-hover .li-icon {
    color: #E11D48;
  }
}
.li-btn:focus-visible {
  outline: 2px solid #BE185D;
}
.fsh-btn:active .fsh-icon,
.fsh-btn.pressed .fsh-icon,
.fsh-btn.active-page .fsh-icon {
  color: #0D9488;
}
@media (hover: hover) {
  .fsh-btn:hover .fsh-icon {
    color: #0D9488;
  }
}
@media (hover: none) {
  .fsh-btn.is-hover .fsh-icon {
    color: #0D9488;
  }
}
.fsh-btn:focus-visible {
  outline: 2px solid #0F766E;
}
.aes-btn:active .aes-icon,
.aes-btn.pressed .aes-icon,
.aes-btn.active-page .aes-icon {
  color: #65A30D;
}
@media (hover: hover) {
  .aes-btn:hover .aes-icon {
    color: #65A30D;
  }
}
@media (hover: none) {
  .aes-btn.is-hover .aes-icon {
    color: #65A30D;
  }
}
.aes-btn:focus-visible {
  outline: 2px solid #4D7C0F;
}

/* ==========================================================================
   4. Page shell shared by the 10 pages: layout, badges, text, attribution
   ========================================================================== */

/* -- Parent pages -- */
.wisdom-page {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.wisdom-page .wisdom-container {
  order: 1;
  flex-grow: 1;
}
.wisdom-container {
  width: 100%;
  max-width: 100%;
  min-height: calc(100 * var(--vh));
  margin: 0;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  transition: none;
}
.explore-page {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.explore-page .explore-container {
  order: 1;
  flex-grow: 1;
}
.health-page {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.health-page .health-container {
  order: 1;
  flex-grow: 1;
}
.soul-page {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.soul-page .soul-container {
  order: 1;
  flex-grow: 1;
}
.style-page {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.style-page .style-container {
  order: 1;
  flex-grow: 1;
}

/* -- Section: fixed nav and scrollable content -- */
#mqSection .mq-content,
#davSection .dav-content,
#crSection .cr-content,
#trSection .tr-content,
#ftSection .ft-content,
#ntSection .nt-content,
#mhiSection .mhi-content,
#liSection .li-content,
#fshSection .fsh-content,
#aesSection .aes-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#mqSection .mq-content::-webkit-scrollbar,
#davSection .dav-content::-webkit-scrollbar,
#crSection .cr-content::-webkit-scrollbar,
#trSection .tr-content::-webkit-scrollbar,
#ftSection .ft-content::-webkit-scrollbar,
#ntSection .nt-content::-webkit-scrollbar,
#mhiSection .mhi-content::-webkit-scrollbar,
#liSection .li-content::-webkit-scrollbar,
#fshSection .fsh-content::-webkit-scrollbar,
#aesSection .aes-content::-webkit-scrollbar {
  display: none;
}

/* -- Section container -- */
.mq-section,
.dav-section,
.cr-section,
.tr-section,
.ft-section,
.nt-section,
.mhi-section,
.li-section,
.fsh-section,
.aes-section {
  text-align: center;
  margin-bottom: 0;
  padding: 0;
  padding-bottom: 0;
  border-radius: 0;
  width: 100%;
  background: transparent;
  border: none;
  transition: none;
  display: flex;
  flex-direction: row;
  height: calc(100 * var(--vh));
  overflow: hidden;
}
.mq-section,
.dav-section,
.cr-section,
.tr-section,
.ft-section,
.nt-section,
.mhi-section,
.li-section,
.fsh-section,
.aes-section {
  width: 100% !important;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
@media (hover: hover) {
  .mq-section:hover,
  .dav-section:hover,
  .cr-section:hover,
  .tr-section:hover,
  .ft-section:hover,
  .nt-section:hover,
  .mhi-section:hover,
  .li-section:hover,
  .fsh-section:hover,
  .aes-section:hover {
    box-shadow: none;
    transform: none;
  }
}
@media (hover: none) {
  .mq-section.is-hover,
  .dav-section.is-hover,
  .cr-section.is-hover,
  .tr-section.is-hover,
  .ft-section.is-hover,
  .nt-section.is-hover,
  .mhi-section.is-hover,
  .li-section.is-hover,
  .fsh-section.is-hover,
  .aes-section.is-hover {
    box-shadow: none;
    transform: none;
  }
}
.mq-page-title,
.dav-page-title,
.cr-page-title,
.tr-page-title,
.ft-page-title,
.nt-page-title,
.mhi-page-title,
.li-page-title,
.fsh-page-title,
.aes-page-title {
  text-align: center;
  width: 100%;
  margin: 0 0 20px 0;
  padding-top: 20px;
  padding-bottom: 0px;
  font-size: 2em;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 1.2;
  font-style: normal;
  position: relative;
  display: inline-block;
  -webkit-text-fill-color: transparent;
}
.mq-page-title {
  background: linear-gradient( 135deg, #C2410C 0%, #9A3412 50%, #C2410C 100% );
  -webkit-background-clip: text;
  background-clip: text;
}
.mq-content,
.dav-content,
.cr-content,
.tr-content,
.ft-content,
.nt-content,
.mhi-content,
.li-content,
.fsh-content,
.aes-content {
  position: relative;
  z-index: 10;
  transition: filter 0.3s ease;
  width: 100%;
  display: flex;
  flex-direction: column;
  order: 1;
}
.mq-content.blurred,
.dav-content.blurred,
.cr-content.blurred,
.tr-content.blurred,
.ft-content.blurred,
.nt-content.blurred,
.mhi-content.blurred,
.li-content.blurred,
.fsh-content.blurred,
.aes-content.blurred {
  filter: blur(4px);
  pointer-events: none;
  transition: filter 0.3s ease;
}
.dav-page-title {
  background: linear-gradient( 135deg, #4A2E6B 0%, #2E1A47 50%, #4A2E6B 100% );
  -webkit-background-clip: text;
  background-clip: text;
}
.cr-page-title {
  background: linear-gradient( 135deg, #B45309 0%, #92400E 50%, #B45309 100% );
  -webkit-background-clip: text;
  background-clip: text;
}
.tr-page-title {
  background: linear-gradient( 135deg, #0E7490 0%, #155E75 50%, #0E7490 100% );
  -webkit-background-clip: text;
  background-clip: text;
}
.ft-page-title {
  background: linear-gradient( 135deg, #B91C1C 0%, #991B1B 50%, #B91C1C 100% );
  -webkit-background-clip: text;
  background-clip: text;
}
.nt-page-title {
  background: linear-gradient( 135deg, #15803D 0%, #166534 50%, #15803D 100% );
  -webkit-background-clip: text;
  background-clip: text;
}
.mhi-page-title {
  background: linear-gradient( 135deg, #1E3A8A 0%, #1E40AF 50%, #1E3A8A 100% );
  -webkit-background-clip: text;
  background-clip: text;
}
.li-page-title {
  background: linear-gradient( 135deg, #BE123C 0%, #9F1239 50%, #BE123C 100% );
  -webkit-background-clip: text;
  background-clip: text;
}
.fsh-page-title {
  background: linear-gradient( 135deg, #0F766E 0%, #115E59 50%, #0F766E 100% );
  -webkit-background-clip: text;
  background-clip: text;
}
.aes-page-title {
  background: linear-gradient( 135deg, #4D7C0F 0%, #3F6212 50%, #4D7C0F 100% );
  -webkit-background-clip: text;
  background-clip: text;
}

/* -- Split-pane layout -- */
.mq-left-panel,
.dav-left-panel,
.cr-left-panel,
.tr-left-panel,
.ft-left-panel,
.nt-left-panel,
.mhi-left-panel,
.li-left-panel,
.fsh-left-panel,
.aes-left-panel {
  position: relative;
  width: 50%;
  height: calc(100 * var(--vh));
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  padding: 0px 0px var(--page-bottom-clearance) 0px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mq-left-panel::-webkit-scrollbar,
.dav-left-panel::-webkit-scrollbar,
.cr-left-panel::-webkit-scrollbar,
.tr-left-panel::-webkit-scrollbar,
.ft-left-panel::-webkit-scrollbar,
.nt-left-panel::-webkit-scrollbar,
.mhi-left-panel::-webkit-scrollbar,
.li-left-panel::-webkit-scrollbar,
.fsh-left-panel::-webkit-scrollbar,
.aes-left-panel::-webkit-scrollbar {
  display: none;
}
.mq-left-wallpaper,
.dav-left-wallpaper,
.cr-left-wallpaper,
.tr-left-wallpaper,
.ft-left-wallpaper,
.nt-left-wallpaper,
.mhi-left-wallpaper,
.li-left-wallpaper,
.fsh-left-wallpaper,
.aes-left-wallpaper {
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  height: calc(100 * var(--vh));
  z-index: 0;
  pointer-events: none;
  display: block;
}
.mq-right-panel,
.dav-right-panel,
.cr-right-panel,
.tr-right-panel,
.ft-right-panel,
.nt-right-panel,
.mhi-right-panel,
.li-right-panel,
.fsh-right-panel,
.aes-right-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 50%;
  height: calc(100 * var(--vh));
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.mq-right-panel .mq-main-page-editorial-image,
.dav-right-panel .dav-main-page-editorial-image,
.cr-right-panel .cr-main-page-editorial-image,
.tr-right-panel .tr-main-page-editorial-image,
.ft-right-panel .ft-main-page-editorial-image,
.nt-right-panel .nt-main-page-editorial-image,
.mhi-right-panel .mhi-main-page-editorial-image,
.li-right-panel .li-main-page-editorial-image,
.fsh-right-panel .fsh-main-page-editorial-image,
.aes-right-panel .aes-main-page-editorial-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
}
.mq-right-panel .mq-main-page-cover-layer,
.dav-right-panel .dav-main-page-cover-layer,
.cr-right-panel .cr-main-page-cover-layer,
.tr-right-panel .tr-main-page-cover-layer,
.ft-right-panel .ft-main-page-cover-layer,
.nt-right-panel .nt-main-page-cover-layer,
.mhi-right-panel .mhi-main-page-cover-layer,
.li-right-panel .li-main-page-cover-layer,
.fsh-right-panel .fsh-main-page-cover-layer,
.aes-right-panel .aes-main-page-cover-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  background: #FFFFFF;
  opacity: 1;
  pointer-events: none;
}
.mq-right-panel .mq-main-page-cover-image,
.dav-right-panel .dav-main-page-cover-image,
.cr-right-panel .cr-main-page-cover-image,
.tr-right-panel .tr-main-page-cover-image,
.ft-right-panel .ft-main-page-cover-image,
.nt-right-panel .nt-main-page-cover-image,
.mhi-right-panel .mhi-main-page-cover-image,
.li-right-panel .li-main-page-cover-image,
.fsh-right-panel .fsh-main-page-cover-image,
.aes-right-panel .aes-main-page-cover-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center center;
  background: #FFFFFF;
  pointer-events: none;
}
.mq-seam-blend,
.dav-seam-blend,
.cr-seam-blend,
.tr-seam-blend,
.ft-seam-blend,
.nt-seam-blend,
.mhi-seam-blend,
.li-seam-blend,
.fsh-seam-blend,
.aes-seam-blend,
.app-welcome-seam {
  position: fixed;
  top: 0;
  left: calc(50% - 120px);
  width: 240px;
  height: calc(100 * var(--vh));
  z-index: 5;
  pointer-events: none;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  -webkit-mask-image: linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100% );
  mask-image: linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100% );
}
.mq-particle-wallpaper,
.dav-particle-wallpaper,
.cr-particle-wallpaper,
.tr-particle-wallpaper,
.ft-particle-wallpaper,
.nt-particle-wallpaper,
.mhi-particle-wallpaper,
.li-particle-wallpaper,
.fsh-particle-wallpaper,
.aes-particle-wallpaper {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100 * var(--vw));
  height: calc(100 * var(--vh));
  z-index: 999;
  pointer-events: none;
  display: block;
}

/* -- Badges and in-page buttons: badges -- */
#mqBadgesContainer,
#davBadgesContainer,
#crBadgesContainer,
#trBadgesContainer,
#ftBadgesContainer,
#ntBadgesContainer,
#mhiBadgesContainer,
#liBadgesContainer,
#fshBadgesContainer,
#aesBadgesContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  margin-bottom: 16px;
  padding-inline-start: 0;
  position: relative;
  z-index: 10;
}
#mqBadgesContainer .main-category-wrapper,
#davBadgesContainer .main-category-wrapper,
#crBadgesContainer .main-category-wrapper,
#trBadgesContainer .main-category-wrapper,
#ftBadgesContainer .main-category-wrapper,
#ntBadgesContainer .main-category-wrapper,
#mhiBadgesContainer .main-category-wrapper,
#liBadgesContainer .main-category-wrapper,
#fshBadgesContainer .main-category-wrapper,
#aesBadgesContainer .main-category-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mq-main-badge-wrapper,
.dav-main-badge-wrapper,
.cr-main-badge-wrapper,
.tr-main-badge-wrapper,
.ft-main-badge-wrapper,
.nt-main-badge-wrapper,
.mhi-main-badge-wrapper,
.li-main-badge-wrapper,
.fsh-main-badge-wrapper,
.aes-main-badge-wrapper {
  display: inline-flex;
  align-items: center;
  width: auto;
  margin: 20px 0 0 0;
  padding: 0;
}
#mqMainCategoryBadge,
#davMainCategoryBadge,
#crMainCategoryBadge,
#trMainCategoryBadge,
#ftMainCategoryBadge,
#ntMainCategoryBadge,
#mhiMainCategoryBadge,
#liMainCategoryBadge,
#fshMainCategoryBadge,
#aesMainCategoryBadge {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: auto;
}
.mq-main-badge-content,
.dav-main-badge-content,
.cr-main-badge-content,
.tr-main-badge-content,
.ft-main-badge-content,
.nt-main-badge-content,
.mhi-main-badge-content,
.li-main-badge-content,
.fsh-main-badge-content,
.aes-main-badge-content {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  height: 38px;
  box-sizing: border-box;
  color: #ffffff;
  padding: 4px 12px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-style: normal;
  line-height: 1.2;
  transition: all 0.3s ease;
  margin: 0;
  cursor: default;
  white-space: nowrap;
}
.mq-main-badge-content {
  background: linear-gradient(135deg, #C2410C 0%, #9A3412 100%);
  box-shadow: 0 2px 8px rgba(154, 52, 18, 0.28);
}
@media (hover: hover) {
  .mq-main-badge-content:hover,
  .dav-main-badge-content:hover,
  .cr-main-badge-content:hover,
  .tr-main-badge-content:hover,
  .ft-main-badge-content:hover,
  .nt-main-badge-content:hover,
  .mhi-main-badge-content:hover,
  .li-main-badge-content:hover,
  .fsh-main-badge-content:hover,
  .aes-main-badge-content:hover {
    transform: translateY(-2px) scale(1.05);
  }
}
@media (hover: none) {
  .mq-main-badge-content.is-hover,
  .dav-main-badge-content.is-hover,
  .cr-main-badge-content.is-hover,
  .tr-main-badge-content.is-hover,
  .ft-main-badge-content.is-hover,
  .nt-main-badge-content.is-hover,
  .mhi-main-badge-content.is-hover,
  .li-main-badge-content.is-hover,
  .fsh-main-badge-content.is-hover,
  .aes-main-badge-content.is-hover {
    transform: translateY(-2px) scale(1.05);
  }
}
@media (hover: hover) {
  .mq-main-badge-content:hover {
    box-shadow: 0 4px 16px rgba(154, 52, 18, 0.40);
  }
}
@media (hover: none) {
  .mq-main-badge-content.is-hover {
    box-shadow: 0 4px 16px rgba(154, 52, 18, 0.40);
  }
}
.mq-sub-badge-wrapper,
.dav-sub-badge-wrapper,
.cr-sub-badge-wrapper,
.tr-sub-badge-wrapper,
.ft-sub-badge-wrapper,
.nt-sub-badge-wrapper,
.mhi-sub-badge-wrapper,
.li-sub-badge-wrapper,
.fsh-sub-badge-wrapper,
.aes-sub-badge-wrapper {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  margin-inline-start: 0;
  margin-top: 8px;
}
#mqSubCategoryBadge,
#davSubCategoryBadge,
#crSubCategoryBadge,
#trSubCategoryBadge,
#ftSubCategoryBadge,
#ntSubCategoryBadge,
#mhiSubCategoryBadge,
#liSubCategoryBadge,
#fshSubCategoryBadge,
#aesSubCategoryBadge {
  display: inline-flex;
  align-items: center;
  height: auto;
  min-height: 0;
}
.mq-sub-badge-content,
.dav-sub-badge-content,
.cr-sub-badge-content,
.tr-sub-badge-content,
.ft-sub-badge-content,
.nt-sub-badge-content,
.mhi-sub-badge-content,
.li-sub-badge-content,
.fsh-sub-badge-content,
.aes-sub-badge-content {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.3px;
  border: none;
  line-height: 1.2;
  transition: all 0.3s ease;
  margin: 0;
  cursor: default;
  white-space: nowrap;
  box-shadow: none;
}
.mq-sub-badge-content {
  background: rgba(194, 65, 12, 0.12);
  color: #9A3412;
  border-inline-start: 1.5px solid #C2410C;
}
@media (hover: hover) {
  .mq-sub-badge-content:hover,
  .dav-sub-badge-content:hover,
  .cr-sub-badge-content:hover,
  .tr-sub-badge-content:hover,
  .ft-sub-badge-content:hover,
  .nt-sub-badge-content:hover,
  .mhi-sub-badge-content:hover,
  .li-sub-badge-content:hover,
  .fsh-sub-badge-content:hover,
  .aes-sub-badge-content:hover {
    transform: translateY(-2px) scale(1.05);
  }
}
@media (hover: none) {
  .mq-sub-badge-content.is-hover,
  .dav-sub-badge-content.is-hover,
  .cr-sub-badge-content.is-hover,
  .tr-sub-badge-content.is-hover,
  .ft-sub-badge-content.is-hover,
  .nt-sub-badge-content.is-hover,
  .mhi-sub-badge-content.is-hover,
  .li-sub-badge-content.is-hover,
  .fsh-sub-badge-content.is-hover,
  .aes-sub-badge-content.is-hover {
    transform: translateY(-2px) scale(1.05);
  }
}
@media (hover: hover) {
  .mq-sub-badge-content:hover {
    background: rgba(194, 65, 12, 0.20);
    border-inline-start-color: #9A3412;
  }
}
@media (hover: none) {
  .mq-sub-badge-content.is-hover {
    background: rgba(194, 65, 12, 0.20);
    border-inline-start-color: #9A3412;
  }
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 768px)). */
:where(html:not([data-layout="laptop"])) #mqBadgesContainer,
:where(html:not([data-layout="laptop"])) #davBadgesContainer,
:where(html:not([data-layout="laptop"])) #crBadgesContainer,
:where(html:not([data-layout="laptop"])) #trBadgesContainer,
:where(html:not([data-layout="laptop"])) #ftBadgesContainer,
:where(html:not([data-layout="laptop"])) #ntBadgesContainer,
:where(html:not([data-layout="laptop"])) #mhiBadgesContainer,
:where(html:not([data-layout="laptop"])) #liBadgesContainer,
:where(html:not([data-layout="laptop"])) #fshBadgesContainer,
:where(html:not([data-layout="laptop"])) #aesBadgesContainer {
  gap: 8px;
  margin-bottom: 14px;
}
:where(html:not([data-layout="laptop"])) .mq-main-badge-content,
:where(html:not([data-layout="laptop"])) .dav-main-badge-content,
:where(html:not([data-layout="laptop"])) .cr-main-badge-content,
:where(html:not([data-layout="laptop"])) .tr-main-badge-content,
:where(html:not([data-layout="laptop"])) .ft-main-badge-content,
:where(html:not([data-layout="laptop"])) .nt-main-badge-content,
:where(html:not([data-layout="laptop"])) .mhi-main-badge-content,
:where(html:not([data-layout="laptop"])) .li-main-badge-content,
:where(html:not([data-layout="laptop"])) .fsh-main-badge-content,
:where(html:not([data-layout="laptop"])) .aes-main-badge-content {
  font-size: 16px;
  padding: 4px 12px;
}
:where(html:not([data-layout="laptop"])) .mq-sub-badge-content,
:where(html:not([data-layout="laptop"])) .dav-sub-badge-content,
:where(html:not([data-layout="laptop"])) .cr-sub-badge-content,
:where(html:not([data-layout="laptop"])) .tr-sub-badge-content,
:where(html:not([data-layout="laptop"])) .ft-sub-badge-content,
:where(html:not([data-layout="laptop"])) .nt-sub-badge-content,
:where(html:not([data-layout="laptop"])) .mhi-sub-badge-content,
:where(html:not([data-layout="laptop"])) .li-sub-badge-content,
:where(html:not([data-layout="laptop"])) .fsh-sub-badge-content,
:where(html:not([data-layout="laptop"])) .aes-sub-badge-content {
  font-size: 14px;
  padding: 6px 14px;
}
@media (hover: hover) {
  :where(html:not([data-layout="laptop"])) .mq-main-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .dav-main-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .cr-main-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .tr-main-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .ft-main-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .nt-main-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .mhi-main-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .li-main-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .fsh-main-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .aes-main-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .mq-sub-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .dav-sub-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .cr-sub-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .tr-sub-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .ft-sub-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .nt-sub-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .mhi-sub-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .li-sub-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .fsh-sub-badge-content:hover,
  :where(html:not([data-layout="laptop"])) .aes-sub-badge-content:hover {
    transform: translateY(-1px) scale(1.03);
  }
}
@media (hover: none) {
  :where(html:not([data-layout="laptop"])) .mq-main-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .dav-main-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .cr-main-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .tr-main-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .ft-main-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .nt-main-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .mhi-main-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .li-main-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .fsh-main-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .aes-main-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .mq-sub-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .dav-sub-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .cr-sub-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .tr-sub-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .ft-sub-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .nt-sub-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .mhi-sub-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .li-sub-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .fsh-sub-badge-content.is-hover,
  :where(html:not([data-layout="laptop"])) .aes-sub-badge-content.is-hover {
    transform: translateY(-1px) scale(1.03);
  }
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) #mqBadgesContainer,
:where(html:not([data-layout="laptop"])) #davBadgesContainer,
:where(html:not([data-layout="laptop"])) #crBadgesContainer,
:where(html:not([data-layout="laptop"])) #trBadgesContainer,
:where(html:not([data-layout="laptop"])) #ftBadgesContainer,
:where(html:not([data-layout="laptop"])) #ntBadgesContainer,
:where(html:not([data-layout="laptop"])) #mhiBadgesContainer,
:where(html:not([data-layout="laptop"])) #liBadgesContainer,
:where(html:not([data-layout="laptop"])) #fshBadgesContainer,
:where(html:not([data-layout="laptop"])) #aesBadgesContainer {
  gap: 8px;
  margin-bottom: 12px;
}
:where(html:not([data-layout="laptop"])) .mq-main-badge-content,
:where(html:not([data-layout="laptop"])) .dav-main-badge-content,
:where(html:not([data-layout="laptop"])) .cr-main-badge-content,
:where(html:not([data-layout="laptop"])) .tr-main-badge-content,
:where(html:not([data-layout="laptop"])) .ft-main-badge-content,
:where(html:not([data-layout="laptop"])) .nt-main-badge-content,
:where(html:not([data-layout="laptop"])) .mhi-main-badge-content,
:where(html:not([data-layout="laptop"])) .li-main-badge-content,
:where(html:not([data-layout="laptop"])) .fsh-main-badge-content,
:where(html:not([data-layout="laptop"])) .aes-main-badge-content,
:where(html:not([data-layout="laptop"])) .mq-sub-badge-content,
:where(html:not([data-layout="laptop"])) .dav-sub-badge-content,
:where(html:not([data-layout="laptop"])) .cr-sub-badge-content,
:where(html:not([data-layout="laptop"])) .tr-sub-badge-content,
:where(html:not([data-layout="laptop"])) .ft-sub-badge-content,
:where(html:not([data-layout="laptop"])) .nt-sub-badge-content,
:where(html:not([data-layout="laptop"])) .mhi-sub-badge-content,
:where(html:not([data-layout="laptop"])) .li-sub-badge-content,
:where(html:not([data-layout="laptop"])) .fsh-sub-badge-content,
:where(html:not([data-layout="laptop"])) .aes-sub-badge-content {
  font-size: 14px;
  padding: 6px 12px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) #mqBadgesContainer,
:where(html:not([data-layout="laptop"])) #davBadgesContainer,
:where(html:not([data-layout="laptop"])) #crBadgesContainer,
:where(html:not([data-layout="laptop"])) #trBadgesContainer,
:where(html:not([data-layout="laptop"])) #ftBadgesContainer,
:where(html:not([data-layout="laptop"])) #ntBadgesContainer,
:where(html:not([data-layout="laptop"])) #mhiBadgesContainer,
:where(html:not([data-layout="laptop"])) #liBadgesContainer,
:where(html:not([data-layout="laptop"])) #fshBadgesContainer,
:where(html:not([data-layout="laptop"])) #aesBadgesContainer {
  gap: 6px;
  margin-bottom: 10px;
}

@media (prefers-reduced-motion: reduce) {
  .mq-main-badge-content,
  .dav-main-badge-content,
  .cr-main-badge-content,
  .tr-main-badge-content,
  .ft-main-badge-content,
  .nt-main-badge-content,
  .mhi-main-badge-content,
  .li-main-badge-content,
  .fsh-main-badge-content,
  .aes-main-badge-content,
  .mq-sub-badge-content,
  .dav-sub-badge-content,
  .cr-sub-badge-content,
  .tr-sub-badge-content,
  .ft-sub-badge-content,
  .nt-sub-badge-content,
  .mhi-sub-badge-content,
  .li-sub-badge-content,
  .fsh-sub-badge-content,
  .aes-sub-badge-content {
    transition: none;
    animation: none;
  }
@media (hover: hover) {
  .mq-main-badge-content:hover,
  .dav-main-badge-content:hover,
  .cr-main-badge-content:hover,
  .tr-main-badge-content:hover,
  .ft-main-badge-content:hover,
  .nt-main-badge-content:hover,
  .mhi-main-badge-content:hover,
  .li-main-badge-content:hover,
  .fsh-main-badge-content:hover,
  .aes-main-badge-content:hover,
  .mq-sub-badge-content:hover,
  .dav-sub-badge-content:hover,
  .cr-sub-badge-content:hover,
  .tr-sub-badge-content:hover,
  .ft-sub-badge-content:hover,
  .nt-sub-badge-content:hover,
  .mhi-sub-badge-content:hover,
  .li-sub-badge-content:hover,
  .fsh-sub-badge-content:hover,
  .aes-sub-badge-content:hover {
      transform: none;
  }
}
@media (hover: none) {
  .mq-main-badge-content.is-hover,
  .dav-main-badge-content.is-hover,
  .cr-main-badge-content.is-hover,
  .tr-main-badge-content.is-hover,
  .ft-main-badge-content.is-hover,
  .nt-main-badge-content.is-hover,
  .mhi-main-badge-content.is-hover,
  .li-main-badge-content.is-hover,
  .fsh-main-badge-content.is-hover,
  .aes-main-badge-content.is-hover,
  .mq-sub-badge-content.is-hover,
  .dav-sub-badge-content.is-hover,
  .cr-sub-badge-content.is-hover,
  .tr-sub-badge-content.is-hover,
  .ft-sub-badge-content.is-hover,
  .nt-sub-badge-content.is-hover,
  .mhi-sub-badge-content.is-hover,
  .li-sub-badge-content.is-hover,
  .fsh-sub-badge-content.is-hover,
  .aes-sub-badge-content.is-hover {
      transform: none;
  }
}
}
@media (prefers-contrast: high) {
  .mq-main-badge-content,
  .dav-main-badge-content,
  .cr-main-badge-content,
  .tr-main-badge-content,
  .ft-main-badge-content,
  .nt-main-badge-content,
  .mhi-main-badge-content,
  .li-main-badge-content,
  .fsh-main-badge-content,
  .aes-main-badge-content {
    border: 2px solid white;
  }
}
@media print {
  #mqBadgesContainer,
  #davBadgesContainer,
  #crBadgesContainer,
  #trBadgesContainer,
  #ftBadgesContainer,
  #ntBadgesContainer,
  #mhiBadgesContainer,
  #liBadgesContainer,
  #fshBadgesContainer,
  #aesBadgesContainer {
    display: none !important;
  }
}
.dav-main-badge-content {
  background: linear-gradient(135deg, #4A2E6B 0%, #2E1A47 100%);
  box-shadow: 0 2px 8px rgba(46, 26, 71, 0.28);
}
@media (hover: hover) {
  .dav-main-badge-content:hover {
    box-shadow: 0 4px 16px rgba(46, 26, 71, 0.40);
  }
}
@media (hover: none) {
  .dav-main-badge-content.is-hover {
    box-shadow: 0 4px 16px rgba(46, 26, 71, 0.40);
  }
}
.dav-sub-badge-content {
  background: rgba(74, 46, 107, 0.12);
  color: #2E1A47;
  border-inline-start: 1.5px solid #4A2E6B;
}
@media (hover: hover) {
  .dav-sub-badge-content:hover {
    background: rgba(74, 46, 107, 0.20);
    border-inline-start-color: #2E1A47;
  }
}
@media (hover: none) {
  .dav-sub-badge-content.is-hover {
    background: rgba(74, 46, 107, 0.20);
    border-inline-start-color: #2E1A47;
  }
}
.cr-main-badge-content {
  background: linear-gradient(135deg, #B45309 0%, #92400E 100%);
  box-shadow: 0 2px 8px rgba(146, 64, 14, 0.28);
}
@media (hover: hover) {
  .cr-main-badge-content:hover {
    box-shadow: 0 4px 16px rgba(146, 64, 14, 0.40);
  }
}
@media (hover: none) {
  .cr-main-badge-content.is-hover {
    box-shadow: 0 4px 16px rgba(146, 64, 14, 0.40);
  }
}
.cr-sub-badge-content {
  background: rgba(180, 83, 9, 0.12);
  color: #92400E;
  border-inline-start: 1.5px solid #B45309;
}
@media (hover: hover) {
  .cr-sub-badge-content:hover {
    background: rgba(180, 83, 9, 0.20);
    border-inline-start-color: #92400E;
  }
}
@media (hover: none) {
  .cr-sub-badge-content.is-hover {
    background: rgba(180, 83, 9, 0.20);
    border-inline-start-color: #92400E;
  }
}
.tr-main-badge-content {
  background: linear-gradient(135deg, #0E7490 0%, #155E75 100%);
  box-shadow: 0 2px 8px rgba(21, 94, 117, 0.28);
}
@media (hover: hover) {
  .tr-main-badge-content:hover {
    box-shadow: 0 4px 16px rgba(21, 94, 117, 0.40);
  }
}
@media (hover: none) {
  .tr-main-badge-content.is-hover {
    box-shadow: 0 4px 16px rgba(21, 94, 117, 0.40);
  }
}
.tr-sub-badge-content {
  background: rgba(14, 116, 144, 0.12);
  color: #155E75;
  border-inline-start: 1.5px solid #0E7490;
}
@media (hover: hover) {
  .tr-sub-badge-content:hover {
    background: rgba(14, 116, 144, 0.20);
    border-inline-start-color: #155E75;
  }
}
@media (hover: none) {
  .tr-sub-badge-content.is-hover {
    background: rgba(14, 116, 144, 0.20);
    border-inline-start-color: #155E75;
  }
}
.ft-main-badge-content {
  background: linear-gradient(135deg, #B91C1C 0%, #991B1B 100%);
  box-shadow: 0 2px 8px rgba(153, 27, 27, 0.28);
}
@media (hover: hover) {
  .ft-main-badge-content:hover {
    box-shadow: 0 4px 16px rgba(153, 27, 27, 0.40);
  }
}
@media (hover: none) {
  .ft-main-badge-content.is-hover {
    box-shadow: 0 4px 16px rgba(153, 27, 27, 0.40);
  }
}
.ft-sub-badge-content {
  background: rgba(185, 28, 28, 0.12);
  color: #991B1B;
  border-inline-start: 1.5px solid #B91C1C;
}
@media (hover: hover) {
  .ft-sub-badge-content:hover {
    background: rgba(185, 28, 28, 0.20);
    border-inline-start-color: #991B1B;
  }
}
@media (hover: none) {
  .ft-sub-badge-content.is-hover {
    background: rgba(185, 28, 28, 0.20);
    border-inline-start-color: #991B1B;
  }
}
.nt-main-badge-content {
  background: linear-gradient(135deg, #15803D 0%, #166534 100%);
  box-shadow: 0 2px 8px rgba(22, 101, 52, 0.28);
}
@media (hover: hover) {
  .nt-main-badge-content:hover {
    box-shadow: 0 4px 16px rgba(22, 101, 52, 0.40);
  }
}
@media (hover: none) {
  .nt-main-badge-content.is-hover {
    box-shadow: 0 4px 16px rgba(22, 101, 52, 0.40);
  }
}
.nt-sub-badge-content {
  background: rgba(21, 128, 61, 0.12);
  color: #166534;
  border-inline-start: 1.5px solid #15803D;
}
@media (hover: hover) {
  .nt-sub-badge-content:hover {
    background: rgba(21, 128, 61, 0.20);
    border-inline-start-color: #166534;
  }
}
@media (hover: none) {
  .nt-sub-badge-content.is-hover {
    background: rgba(21, 128, 61, 0.20);
    border-inline-start-color: #166534;
  }
}
.mhi-main-badge-content {
  background: linear-gradient(135deg, #1E3A8A 0%, #1E40AF 100%);
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.28);
}
@media (hover: hover) {
  .mhi-main-badge-content:hover {
    box-shadow: 0 4px 16px rgba(30, 64, 175, 0.40);
  }
}
@media (hover: none) {
  .mhi-main-badge-content.is-hover {
    box-shadow: 0 4px 16px rgba(30, 64, 175, 0.40);
  }
}
.mhi-sub-badge-content {
  background: rgba(30, 58, 138, 0.12);
  color: #1E40AF;
  border-inline-start: 1.5px solid #1E3A8A;
}
@media (hover: hover) {
  .mhi-sub-badge-content:hover {
    background: rgba(30, 58, 138, 0.20);
    border-inline-start-color: #1E40AF;
  }
}
@media (hover: none) {
  .mhi-sub-badge-content.is-hover {
    background: rgba(30, 58, 138, 0.20);
    border-inline-start-color: #1E40AF;
  }
}
.li-main-badge-content {
  background: linear-gradient(135deg, #BE123C 0%, #9F1239 100%);
  box-shadow: 0 2px 8px rgba(159, 18, 57, 0.28);
}
@media (hover: hover) {
  .li-main-badge-content:hover {
    box-shadow: 0 4px 16px rgba(159, 18, 57, 0.40);
  }
}
@media (hover: none) {
  .li-main-badge-content.is-hover {
    box-shadow: 0 4px 16px rgba(159, 18, 57, 0.40);
  }
}
.li-sub-badge-content {
  background: rgba(190, 18, 60, 0.12);
  color: #9F1239;
  border-inline-start: 1.5px solid #BE123C;
}
@media (hover: hover) {
  .li-sub-badge-content:hover {
    background: rgba(190, 18, 60, 0.20);
    border-inline-start-color: #9F1239;
  }
}
@media (hover: none) {
  .li-sub-badge-content.is-hover {
    background: rgba(190, 18, 60, 0.20);
    border-inline-start-color: #9F1239;
  }
}
.fsh-main-badge-content {
  background: linear-gradient(135deg, #0F766E 0%, #115E59 100%);
  box-shadow: 0 2px 8px rgba(17, 94, 89, 0.28);
}
@media (hover: hover) {
  .fsh-main-badge-content:hover {
    box-shadow: 0 4px 16px rgba(17, 94, 89, 0.40);
  }
}
@media (hover: none) {
  .fsh-main-badge-content.is-hover {
    box-shadow: 0 4px 16px rgba(17, 94, 89, 0.40);
  }
}
.fsh-sub-badge-content {
  background: rgba(15, 118, 110, 0.12);
  color: #115E59;
  border-inline-start: 1.5px solid #0F766E;
}
@media (hover: hover) {
  .fsh-sub-badge-content:hover {
    background: rgba(15, 118, 110, 0.20);
    border-inline-start-color: #115E59;
  }
}
@media (hover: none) {
  .fsh-sub-badge-content.is-hover {
    background: rgba(15, 118, 110, 0.20);
    border-inline-start-color: #115E59;
  }
}
.aes-main-badge-content {
  background: linear-gradient(135deg, #4D7C0F 0%, #3F6212 100%);
  box-shadow: 0 2px 8px rgba(63, 98, 18, 0.28);
}
@media (hover: hover) {
  .aes-main-badge-content:hover {
    box-shadow: 0 4px 16px rgba(63, 98, 18, 0.40);
  }
}
@media (hover: none) {
  .aes-main-badge-content.is-hover {
    box-shadow: 0 4px 16px rgba(63, 98, 18, 0.40);
  }
}
.aes-sub-badge-content {
  background: rgba(77, 124, 15, 0.12);
  color: #3F6212;
  border-inline-start: 1.5px solid #4D7C0F;
}
@media (prefers-contrast: high) {
  .mq-sub-badge-content,
  .dav-sub-badge-content,
  .cr-sub-badge-content,
  .tr-sub-badge-content,
  .ft-sub-badge-content,
  .nt-sub-badge-content,
  .mhi-sub-badge-content,
  .li-sub-badge-content,
  .fsh-sub-badge-content,
  .aes-sub-badge-content {
    border-inline-start-width: 2px;
  }
}
@media (hover: hover) {
  .aes-sub-badge-content:hover {
    background: rgba(77, 124, 15, 0.20);
    border-inline-start-color: #3F6212;
  }
}
@media (hover: none) {
  .aes-sub-badge-content.is-hover {
    background: rgba(77, 124, 15, 0.20);
    border-inline-start-color: #3F6212;
  }
}

/* -- Badges and in-page buttons: star button -- */
.mq-star-inline-anchor,
.dav-star-inline-anchor,
.cr-star-inline-anchor,
.tr-star-inline-anchor,
.ft-star-inline-anchor,
.nt-star-inline-anchor,
.mhi-star-inline-anchor,
.li-star-inline-anchor,
.fsh-star-inline-anchor,
.aes-star-inline-anchor {
  display: inline-flex;
  align-items: center;
  margin-inline-start: 20px;
  vertical-align: middle;
}
.mq-star-btn,
.dav-star-btn,
.cr-star-btn,
.tr-star-btn,
.ft-star-btn,
.nt-star-btn,
.mhi-star-btn,
.li-star-btn,
.fsh-star-btn,
.aes-star-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 8px;
  user-select: none;
  -webkit-user-select: none;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  outline: none;
  box-shadow: none;
}
.mq-star-btn svg,
.dav-star-btn svg,
.cr-star-btn svg,
.tr-star-btn svg,
.ft-star-btn svg,
.nt-star-btn svg,
.mhi-star-btn svg,
.li-star-btn svg,
.fsh-star-btn svg,
.aes-star-btn svg {
  width: 30px;
  height: 30px;
  display: block;
  color: #9CA3AF;
  transition: color 0.25s ease;
}
.mq-star-btn svg path[fill="currentColor"],
.dav-star-btn svg path[fill="currentColor"],
.cr-star-btn svg path[fill="currentColor"],
.tr-star-btn svg path[fill="currentColor"],
.ft-star-btn svg path[fill="currentColor"],
.nt-star-btn svg path[fill="currentColor"],
.mhi-star-btn svg path[fill="currentColor"],
.li-star-btn svg path[fill="currentColor"],
.fsh-star-btn svg path[fill="currentColor"],
.aes-star-btn svg path[fill="currentColor"] {
  fill: currentColor;
}
@media (hover: hover) {
  .mq-star-btn:hover svg {
    color: #C2410C;
  }
}
@media (hover: none) {
  .mq-star-btn.is-hover svg {
    color: #C2410C;
  }
}
.mq-star-btn.starred svg {
  color: #C2410C;
}
.mq-star-btn:focus-visible,
.dav-star-btn:focus-visible,
.cr-star-btn:focus-visible,
.tr-star-btn:focus-visible,
.ft-star-btn:focus-visible,
.nt-star-btn:focus-visible,
.mhi-star-btn:focus-visible,
.li-star-btn:focus-visible,
.fsh-star-btn:focus-visible,
.aes-star-btn:focus-visible {
  outline-offset: 3px;
}
.mq-star-btn:focus-visible {
  outline: 3px solid #C2410C;
}
@media (prefers-reduced-motion: reduce) {
  .mq-star-btn svg,
.dav-star-btn svg,
.cr-star-btn svg,
.tr-star-btn svg,
.ft-star-btn svg,
.nt-star-btn svg,
.mhi-star-btn svg,
.li-star-btn svg,
.fsh-star-btn svg,
.aes-star-btn svg {
    transition: none;
  }
}
@media print {
  .mq-star-btn,
  .dav-star-btn,
  .cr-star-btn,
  .tr-star-btn,
  .ft-star-btn,
  .nt-star-btn,
  .mhi-star-btn,
  .li-star-btn,
  .fsh-star-btn,
  .aes-star-btn {
    display: none !important;
  }
}
@media (hover: hover) {
  .dav-star-btn:hover svg {
    color: #4A2E6B;
  }
}
@media (hover: none) {
  .dav-star-btn.is-hover svg {
    color: #4A2E6B;
  }
}
.dav-star-btn.starred svg {
  color: #4A2E6B;
}
.dav-star-btn:focus-visible {
  outline: 3px solid #4A2E6B;
}
@media (hover: hover) {
  .cr-star-btn:hover svg {
    color: #B45309;
  }
}
@media (hover: none) {
  .cr-star-btn.is-hover svg {
    color: #B45309;
  }
}
.cr-star-btn.starred svg {
  color: #B45309;
}
.cr-star-btn:focus-visible {
  outline: 3px solid #B45309;
}
@media (hover: hover) {
  .tr-star-btn:hover svg {
    color: #0E7490;
  }
}
@media (hover: none) {
  .tr-star-btn.is-hover svg {
    color: #0E7490;
  }
}
.tr-star-btn.starred svg {
  color: #0E7490;
}
.tr-star-btn:focus-visible {
  outline: 3px solid #0E7490;
}
@media (hover: hover) {
  .ft-star-btn:hover svg {
    color: #B91C1C;
  }
}
@media (hover: none) {
  .ft-star-btn.is-hover svg {
    color: #B91C1C;
  }
}
.ft-star-btn.starred svg {
  color: #B91C1C;
}
.ft-star-btn:focus-visible {
  outline: 3px solid #B91C1C;
}
@media (hover: hover) {
  .nt-star-btn:hover svg {
    color: #15803D;
  }
}
@media (hover: none) {
  .nt-star-btn.is-hover svg {
    color: #15803D;
  }
}
.nt-star-btn.starred svg {
  color: #15803D;
}
.nt-star-btn:focus-visible {
  outline: 3px solid #15803D;
}
@media (hover: hover) {
  .mhi-star-btn:hover svg {
    color: #1E3A8A;
  }
}
@media (hover: none) {
  .mhi-star-btn.is-hover svg {
    color: #1E3A8A;
  }
}
.mhi-star-btn.starred svg {
  color: #1E3A8A;
}
.mhi-star-btn:focus-visible {
  outline: 3px solid #1E3A8A;
}
@media (hover: hover) {
  .li-star-btn:hover svg {
    color: #BE123C;
  }
}
@media (hover: none) {
  .li-star-btn.is-hover svg {
    color: #BE123C;
  }
}
.li-star-btn.starred svg {
  color: #BE123C;
}
.li-star-btn:focus-visible {
  outline: 3px solid #BE123C;
}
@media (hover: hover) {
  .fsh-star-btn:hover svg {
    color: #0F766E;
  }
}
@media (hover: none) {
  .fsh-star-btn.is-hover svg {
    color: #0F766E;
  }
}
.fsh-star-btn.starred svg {
  color: #0F766E;
}
.fsh-star-btn:focus-visible {
  outline: 3px solid #0F766E;
}
@media (hover: hover) {
  .aes-star-btn:hover svg {
    color: #4D7C0F;
  }
}
@media (hover: none) {
  .aes-star-btn.is-hover svg {
    color: #4D7C0F;
  }
}
.aes-star-btn.starred svg {
  color: #4D7C0F;
}
.aes-star-btn:focus-visible {
  outline: 3px solid #4D7C0F;
}

/* -- Badges and in-page buttons: legacy button -- */
.mq-legacy-btn,
.dav-legacy-btn,
.cr-legacy-btn,
.tr-legacy-btn,
.ft-legacy-btn,
.nt-legacy-btn,
.mhi-legacy-btn,
.li-legacy-btn,
.fsh-legacy-btn,
.aes-legacy-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 8px;
  user-select: none;
  -webkit-user-select: none;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-inline-start: 20px;
  outline: none;
  box-shadow: none;
}
.mq-legacy-btn svg,
.dav-legacy-btn svg,
.cr-legacy-btn svg,
.tr-legacy-btn svg,
.ft-legacy-btn svg,
.nt-legacy-btn svg,
.mhi-legacy-btn svg,
.li-legacy-btn svg,
.fsh-legacy-btn svg,
.aes-legacy-btn svg {
  width: 30px;
  height: 30px;
  display: block;
  color: #9CA3AF;
  transition: color 0.25s ease;
}
.mq-legacy-btn svg path[fill="currentColor"],
.dav-legacy-btn svg path[fill="currentColor"],
.cr-legacy-btn svg path[fill="currentColor"],
.tr-legacy-btn svg path[fill="currentColor"],
.ft-legacy-btn svg path[fill="currentColor"],
.nt-legacy-btn svg path[fill="currentColor"],
.mhi-legacy-btn svg path[fill="currentColor"],
.li-legacy-btn svg path[fill="currentColor"],
.fsh-legacy-btn svg path[fill="currentColor"],
.aes-legacy-btn svg path[fill="currentColor"] {
  fill: currentColor;
}
@media (hover: hover) {
  .mq-legacy-btn:hover svg {
    color: #C2410C;
  }
}
@media (hover: none) {
  .mq-legacy-btn.is-hover svg {
    color: #C2410C;
  }
}
.mq-legacy-btn.legacy-read svg {
  color: #C2410C;
}
.mq-legacy-btn:focus-visible,
.dav-legacy-btn:focus-visible,
.cr-legacy-btn:focus-visible,
.tr-legacy-btn:focus-visible,
.ft-legacy-btn:focus-visible,
.nt-legacy-btn:focus-visible,
.mhi-legacy-btn:focus-visible,
.li-legacy-btn:focus-visible,
.fsh-legacy-btn:focus-visible,
.aes-legacy-btn:focus-visible {
  outline-offset: 3px;
}
.mq-legacy-btn:focus-visible {
  outline: 3px solid #C2410C;
}
@media (prefers-reduced-motion: reduce) {
  .mq-legacy-btn svg,
.dav-legacy-btn svg,
.cr-legacy-btn svg,
.tr-legacy-btn svg,
.ft-legacy-btn svg,
.nt-legacy-btn svg,
.mhi-legacy-btn svg,
.li-legacy-btn svg,
.fsh-legacy-btn svg,
.aes-legacy-btn svg {
    transition: none;
  }
}
@media print {
  .mq-legacy-btn,
  .dav-legacy-btn,
  .cr-legacy-btn,
  .tr-legacy-btn,
  .ft-legacy-btn,
  .nt-legacy-btn,
  .mhi-legacy-btn,
  .li-legacy-btn,
  .fsh-legacy-btn,
  .aes-legacy-btn {
    display: none !important;
  }
}
.mq-read-full-legacy-wrapper,
.dav-read-full-legacy-wrapper,
.cr-read-full-legacy-wrapper,
.tr-read-full-legacy-wrapper,
.ft-read-full-legacy-wrapper,
.nt-read-full-legacy-wrapper,
.mhi-read-full-legacy-wrapper,
.li-read-full-legacy-wrapper,
.fsh-read-full-legacy-wrapper,
.aes-read-full-legacy-wrapper {
  display: inline;
}
.mq-read-full-legacy-anchor,
.dav-read-full-legacy-anchor,
.cr-read-full-legacy-anchor,
.tr-read-full-legacy-anchor,
.ft-read-full-legacy-anchor,
.nt-read-full-legacy-anchor,
.mhi-read-full-legacy-anchor,
.li-read-full-legacy-anchor,
.fsh-read-full-legacy-anchor,
.aes-read-full-legacy-anchor {
  white-space: nowrap;
  display: inline;
}
.mq-read-full-legacy-btn,
.dav-read-full-legacy-btn,
.cr-read-full-legacy-btn,
.tr-read-full-legacy-btn,
.ft-read-full-legacy-btn,
.nt-read-full-legacy-btn,
.mhi-read-full-legacy-btn,
.li-read-full-legacy-btn,
.fsh-read-full-legacy-btn,
.aes-read-full-legacy-btn {
  margin-inline-start: 20px;
}
.mq-read-full-legacy-dropup,
.dav-read-full-legacy-dropup,
.cr-read-full-legacy-dropup,
.tr-read-full-legacy-dropup,
.ft-read-full-legacy-dropup,
.nt-read-full-legacy-dropup,
.mhi-read-full-legacy-dropup,
.li-read-full-legacy-dropup,
.fsh-read-full-legacy-dropup,
.aes-read-full-legacy-dropup {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  bottom: auto;
  transform: none;
  box-sizing: border-box;
  z-index: 10;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 10px;
  padding: 12px 16px;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.mq-read-full-legacy-dropup {
  top: var(--mq-legacy-dropup-top, 0);
  border: 1.5px solid #C2410C;
  box-shadow: 0 4px 16px rgba(194, 65, 12, 0.15);
}
.mq-read-full-legacy-dropup.mq-read-full-legacy-dropup-open,
.dav-read-full-legacy-dropup.dav-read-full-legacy-dropup-open,
.cr-read-full-legacy-dropup.cr-read-full-legacy-dropup-open,
.tr-read-full-legacy-dropup.tr-read-full-legacy-dropup-open,
.ft-read-full-legacy-dropup.ft-read-full-legacy-dropup-open,
.nt-read-full-legacy-dropup.nt-read-full-legacy-dropup-open,
.mhi-read-full-legacy-dropup.mhi-read-full-legacy-dropup-open,
.li-read-full-legacy-dropup.li-read-full-legacy-dropup-open,
.fsh-read-full-legacy-dropup.fsh-read-full-legacy-dropup-open,
.aes-read-full-legacy-dropup.aes-read-full-legacy-dropup-open {
  opacity: 1;
  pointer-events: all;
}
.mq-read-full-legacy-text,
.dav-read-full-legacy-text,
.cr-read-full-legacy-text,
.tr-read-full-legacy-text,
.ft-read-full-legacy-text,
.nt-read-full-legacy-text,
.mhi-read-full-legacy-text,
.li-read-full-legacy-text,
.fsh-read-full-legacy-text,
.aes-read-full-legacy-text {
  font-family: 'Georgia','Times New Roman', serif;
  font-size: 14px;
  font-style: normal;
  line-height: 1.6;
  margin: 0;
}
.mq-read-full-legacy-text {
  color: #9A3412;
}
@media (hover: hover) {
  .dav-legacy-btn:hover svg {
    color: #4A2E6B;
  }
}
@media (hover: none) {
  .dav-legacy-btn.is-hover svg {
    color: #4A2E6B;
  }
}
.dav-legacy-btn.legacy-read svg {
  color: #4A2E6B;
}
.dav-legacy-btn:focus-visible {
  outline: 3px solid #4A2E6B;
}
.dav-read-full-legacy-dropup {
  top: var(--dav-legacy-dropup-top, 0);
  border: 1.5px solid #4A2E6B;
  box-shadow: 0 4px 16px rgba(74, 46, 107, 0.15);
}
.dav-read-full-legacy-text {
  color: #2E1A47;
}
@media (hover: hover) {
  .cr-legacy-btn:hover svg {
    color: #B45309;
  }
}
@media (hover: none) {
  .cr-legacy-btn.is-hover svg {
    color: #B45309;
  }
}
.cr-legacy-btn.legacy-read svg {
  color: #B45309;
}
.cr-legacy-btn:focus-visible {
  outline: 3px solid #B45309;
}
.cr-read-full-legacy-dropup {
  top: var(--cr-legacy-dropup-top, 0);
  border: 1.5px solid #B45309;
  box-shadow: 0 4px 16px rgba(180, 83, 9, 0.15);
}
.cr-read-full-legacy-text {
  color: #92400E;
}
@media (hover: hover) {
  .tr-legacy-btn:hover svg {
    color: #0E7490;
  }
}
@media (hover: none) {
  .tr-legacy-btn.is-hover svg {
    color: #0E7490;
  }
}
.tr-legacy-btn.legacy-read svg {
  color: #0E7490;
}
.tr-legacy-btn:focus-visible {
  outline: 3px solid #0E7490;
}
.tr-read-full-legacy-dropup {
  top: var(--tr-legacy-dropup-top, 0);
  border: 1.5px solid #0E7490;
  box-shadow: 0 4px 16px rgba(14, 116, 144, 0.15);
}
.tr-read-full-legacy-text {
  color: #155E75;
}
@media (hover: hover) {
  .ft-legacy-btn:hover svg {
    color: #B91C1C;
  }
}
@media (hover: none) {
  .ft-legacy-btn.is-hover svg {
    color: #B91C1C;
  }
}
.ft-legacy-btn.legacy-read svg {
  color: #B91C1C;
}
.ft-legacy-btn:focus-visible {
  outline: 3px solid #B91C1C;
}
.ft-read-full-legacy-dropup {
  top: var(--ft-legacy-dropup-top, 0);
  border: 1.5px solid #B91C1C;
  box-shadow: 0 4px 16px rgba(185, 28, 28, 0.15);
}
.ft-read-full-legacy-text {
  color: #991B1B;
}
@media (hover: hover) {
  .nt-legacy-btn:hover svg {
    color: #15803D;
  }
}
@media (hover: none) {
  .nt-legacy-btn.is-hover svg {
    color: #15803D;
  }
}
.nt-legacy-btn.legacy-read svg {
  color: #15803D;
}
.nt-legacy-btn:focus-visible {
  outline: 3px solid #15803D;
}
.nt-read-full-legacy-dropup {
  top: var(--nt-legacy-dropup-top, 0);
  border: 1.5px solid #15803D;
  box-shadow: 0 4px 16px rgba(21, 128, 61, 0.15);
}
.nt-read-full-legacy-text {
  color: #166534;
}
@media (hover: hover) {
  .mhi-legacy-btn:hover svg {
    color: #1E3A8A;
  }
}
@media (hover: none) {
  .mhi-legacy-btn.is-hover svg {
    color: #1E3A8A;
  }
}
.mhi-legacy-btn.legacy-read svg {
  color: #1E3A8A;
}
.mhi-legacy-btn:focus-visible {
  outline: 3px solid #1E3A8A;
}
.mhi-read-full-legacy-dropup {
  top: var(--mhi-legacy-dropup-top, 0);
  border: 1.5px solid #1E3A8A;
  box-shadow: 0 4px 16px rgba(30, 58, 138, 0.15);
}
.mhi-read-full-legacy-text {
  color: #1E40AF;
}
@media (hover: hover) {
  .li-legacy-btn:hover svg {
    color: #BE123C;
  }
}
@media (hover: none) {
  .li-legacy-btn.is-hover svg {
    color: #BE123C;
  }
}
.li-legacy-btn.legacy-read svg {
  color: #BE123C;
}
.li-legacy-btn:focus-visible {
  outline: 3px solid #BE123C;
}
.li-read-full-legacy-dropup {
  top: var(--li-legacy-dropup-top, 0);
  border: 1.5px solid #BE123C;
  box-shadow: 0 4px 16px rgba(190, 18, 60, 0.15);
}
.li-read-full-legacy-text {
  color: #9F1239;
}
@media (hover: hover) {
  .fsh-legacy-btn:hover svg {
    color: #0F766E;
  }
}
@media (hover: none) {
  .fsh-legacy-btn.is-hover svg {
    color: #0F766E;
  }
}
.fsh-legacy-btn.legacy-read svg {
  color: #0F766E;
}
.fsh-legacy-btn:focus-visible {
  outline: 3px solid #0F766E;
}
.fsh-read-full-legacy-dropup {
  top: var(--fsh-legacy-dropup-top, 0);
  border: 1.5px solid #0F766E;
  box-shadow: 0 4px 16px rgba(15, 118, 110, 0.15);
}
.fsh-read-full-legacy-text {
  color: #115E59;
}
@media (hover: hover) {
  .aes-legacy-btn:hover svg {
    color: #4D7C0F;
  }
}
@media (hover: none) {
  .aes-legacy-btn.is-hover svg {
    color: #4D7C0F;
  }
}
.aes-legacy-btn.legacy-read svg {
  color: #4D7C0F;
}
.aes-legacy-btn:focus-visible {
  outline: 3px solid #4D7C0F;
}
.aes-read-full-legacy-dropup {
  top: var(--aes-legacy-dropup-top, 0);
  border: 1.5px solid #4D7C0F;
  box-shadow: 0 4px 16px rgba(77, 124, 15, 0.15);
}
.aes-read-full-legacy-text {
  color: #3F6212;
}

/* -- Badges and in-page buttons: read-full -- */
.mq-read-full-btn,
.dav-read-full-btn,
.cr-read-full-btn,
.tr-read-full-btn,
.ft-read-full-btn,
.nt-read-full-btn,
.mhi-read-full-btn,
.li-read-full-btn,
.fsh-read-full-btn,
.aes-read-full-btn {
  display: block;
  background: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  padding: 0;
  margin-top: 24px;
  font-family: 'Georgia','Times New Roman', serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.3px;
  line-height: 1.55;
  user-select: none;
  -webkit-user-select: none;
}
.mq-read-full-btn {
  color: #9A3412;
}
.mq-read-full-btn-icon,
.dav-read-full-btn-icon,
.cr-read-full-btn-icon,
.tr-read-full-btn-icon,
.ft-read-full-btn-icon,
.nt-read-full-btn-icon,
.mhi-read-full-btn-icon,
.li-read-full-btn-icon,
.fsh-read-full-btn-icon,
.aes-read-full-btn-icon {
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  vertical-align: -0.3em;
  margin-left: 5px;
  margin-right: 5px;
  color: inherit;
  flex-shrink: 0;
}
.mq-read-full-btn:focus-visible,
.dav-read-full-btn:focus-visible,
.cr-read-full-btn:focus-visible,
.tr-read-full-btn:focus-visible,
.ft-read-full-btn:focus-visible,
.nt-read-full-btn:focus-visible,
.mhi-read-full-btn:focus-visible,
.li-read-full-btn:focus-visible,
.fsh-read-full-btn:focus-visible,
.aes-read-full-btn:focus-visible {
  outline-offset: 3px;
  border-radius: 4px;
}
.mq-read-full-btn:focus-visible {
  outline: 3px solid #C2410C;
}
@media (prefers-reduced-motion: reduce) {
  .mq-read-full-btn,
  .dav-read-full-btn,
  .cr-read-full-btn,
  .tr-read-full-btn,
  .ft-read-full-btn,
  .nt-read-full-btn,
  .mhi-read-full-btn,
  .li-read-full-btn,
  .fsh-read-full-btn,
  .aes-read-full-btn {
    transition: none;
  }
}
@media print {
  .mq-read-full-btn,
  .dav-read-full-btn,
  .cr-read-full-btn,
  .tr-read-full-btn,
  .ft-read-full-btn,
  .nt-read-full-btn,
  .mhi-read-full-btn,
  .li-read-full-btn,
  .fsh-read-full-btn,
  .aes-read-full-btn {
    display: none !important;
  }
}
.mq-read-full-modal-body,
.dav-read-full-modal-body,
.cr-read-full-modal-body,
.tr-read-full-modal-body,
.ft-read-full-modal-body,
.nt-read-full-modal-body,
.mhi-read-full-modal-body,
.li-read-full-modal-body,
.fsh-read-full-modal-body,
.aes-read-full-modal-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 18px 20px 24px 20px;
  position: relative;
}
.mq-read-full-sentence-1,
.dav-read-full-sentence-1,
.cr-read-full-sentence-1,
.tr-read-full-sentence-1,
.ft-read-full-sentence-1,
.nt-read-full-sentence-1,
.mhi-read-full-sentence-1,
.li-read-full-sentence-1,
.fsh-read-full-sentence-1,
.aes-read-full-sentence-1 {
  font-size: 18px;
  line-height: 1.75;
  font-style: italic;
  margin: 0 0 16px 0;
}
.mq-read-full-sentence-1 {
  color: #9A3412;
}
.mq-read-full-callout,
.dav-read-full-callout,
.cr-read-full-callout,
.tr-read-full-callout,
.ft-read-full-callout,
.nt-read-full-callout,
.mhi-read-full-callout,
.li-read-full-callout,
.fsh-read-full-callout,
.aes-read-full-callout {
  border-start-end-radius: 6px;
  border-end-end-radius: 6px;
  padding: 12px 16px;
  margin: 0 0 16px 0;
  box-sizing: border-box;
}
.mq-read-full-callout {
  border-inline-start: 3px solid #C2410C;
  background: rgba(194, 65, 12, 0.08);
}
.mq-read-full-callout-text,
.dav-read-full-callout-text,
.cr-read-full-callout-text,
.tr-read-full-callout-text,
.ft-read-full-callout-text,
.nt-read-full-callout-text,
.mhi-read-full-callout-text,
.li-read-full-callout-text,
.fsh-read-full-callout-text,
.aes-read-full-callout-text {
  font-family: 'Georgia','Times New Roman', serif;
  font-size: 14px;
  font-style: normal;
  line-height: 1.6;
  margin: 0;
}
.mq-read-full-callout-text {
  color: #9A3412;
}
.mq-read-full-remainder,
.dav-read-full-remainder,
.cr-read-full-remainder,
.tr-read-full-remainder,
.ft-read-full-remainder,
.nt-read-full-remainder,
.mhi-read-full-remainder,
.li-read-full-remainder,
.fsh-read-full-remainder,
.aes-read-full-remainder {
  font-size: 18px;
  line-height: 1.75;
  font-style: italic;
  margin: 0 0 16px 0;
}
.mq-read-full-remainder {
  color: #9A3412;
}
@media (prefers-reduced-motion: reduce) {
  .mq-read-full-callout,
  .dav-read-full-callout,
  .cr-read-full-callout,
  .tr-read-full-callout,
  .ft-read-full-callout,
  .nt-read-full-callout,
  .mhi-read-full-callout,
  .li-read-full-callout,
  .fsh-read-full-callout,
  .aes-read-full-callout,
  .mq-read-full-legacy-dropup,
  .dav-read-full-legacy-dropup,
  .cr-read-full-legacy-dropup,
  .tr-read-full-legacy-dropup,
  .ft-read-full-legacy-dropup,
  .nt-read-full-legacy-dropup,
  .mhi-read-full-legacy-dropup,
  .li-read-full-legacy-dropup,
  .fsh-read-full-legacy-dropup,
  .aes-read-full-legacy-dropup {
    transition: none;
  }
}
@media print {
  .mq-read-full-modal-body,
  .dav-read-full-modal-body,
  .cr-read-full-modal-body,
  .tr-read-full-modal-body,
  .ft-read-full-modal-body,
  .nt-read-full-modal-body,
  .mhi-read-full-modal-body,
  .li-read-full-modal-body,
  .fsh-read-full-modal-body,
  .aes-read-full-modal-body {
    display: none !important;
  }
}
.dav-read-full-btn {
  color: #2E1A47;
}
.dav-read-full-btn:focus-visible {
  outline: 3px solid #4A2E6B;
}
.dav-read-full-sentence-1 {
  color: #2E1A47;
}
.dav-read-full-callout {
  border-inline-start: 3px solid #4A2E6B;
  background: rgba(74, 46, 107, 0.08);
}
.dav-read-full-callout-text {
  color: #2E1A47;
}
.dav-read-full-remainder {
  color: #2E1A47;
}
.cr-read-full-btn {
  color: #92400E;
}
.cr-read-full-btn:focus-visible {
  outline: 3px solid #B45309;
}
.cr-read-full-sentence-1 {
  color: #92400E;
}
.cr-read-full-callout {
  border-inline-start: 3px solid #B45309;
  background: rgba(180, 83, 9, 0.08);
}
.cr-read-full-callout-text {
  color: #92400E;
}
.cr-read-full-remainder {
  color: #92400E;
}
.tr-read-full-btn {
  color: #155E75;
}
.tr-read-full-btn:focus-visible {
  outline: 3px solid #0E7490;
}
.tr-read-full-sentence-1 {
  color: #155E75;
}
.tr-read-full-callout {
  border-inline-start: 3px solid #0E7490;
  background: rgba(14, 116, 144, 0.08);
}
.tr-read-full-callout-text {
  color: #155E75;
}
.tr-read-full-remainder {
  color: #155E75;
}
.ft-read-full-btn {
  color: #991B1B;
}
.ft-read-full-btn:focus-visible {
  outline: 3px solid #B91C1C;
}
.ft-read-full-sentence-1 {
  color: #991B1B;
}
.ft-read-full-callout {
  border-inline-start: 3px solid #B91C1C;
  background: rgba(185, 28, 28, 0.08);
}
.ft-read-full-callout-text {
  color: #991B1B;
}
.ft-read-full-remainder {
  color: #991B1B;
}
.nt-read-full-btn {
  color: #166534;
}
.nt-read-full-btn:focus-visible {
  outline: 3px solid #15803D;
}
.nt-read-full-sentence-1 {
  color: #166534;
}
.nt-read-full-callout {
  border-inline-start: 3px solid #15803D;
  background: rgba(21, 128, 61, 0.08);
}
.nt-read-full-callout-text {
  color: #166534;
}
.nt-read-full-remainder {
  color: #166534;
}
.mhi-read-full-btn {
  color: #1E40AF;
}
.mhi-read-full-btn:focus-visible {
  outline: 3px solid #1E3A8A;
}
.mhi-read-full-sentence-1 {
  color: #1E40AF;
}
.mhi-read-full-callout {
  border-inline-start: 3px solid #1E3A8A;
  background: rgba(30, 58, 138, 0.08);
}
.mhi-read-full-callout-text {
  color: #1E40AF;
}
.mhi-read-full-remainder {
  color: #1E40AF;
}
.li-read-full-btn {
  color: #9F1239;
}
.li-read-full-btn:focus-visible {
  outline: 3px solid #BE123C;
}
.li-read-full-sentence-1 {
  color: #9F1239;
}
.li-read-full-callout {
  border-inline-start: 3px solid #BE123C;
  background: rgba(190, 18, 60, 0.08);
}
.li-read-full-callout-text {
  color: #9F1239;
}
.li-read-full-remainder {
  color: #9F1239;
}
.fsh-read-full-btn {
  color: #115E59;
}
.fsh-read-full-btn:focus-visible {
  outline: 3px solid #0F766E;
}
.fsh-read-full-sentence-1 {
  color: #115E59;
}
.fsh-read-full-callout {
  border-inline-start: 3px solid #0F766E;
  background: rgba(15, 118, 110, 0.08);
}
.fsh-read-full-callout-text {
  color: #115E59;
}
.fsh-read-full-remainder {
  color: #115E59;
}
.aes-read-full-btn {
  color: #3F6212;
}
.aes-read-full-btn:focus-visible {
  outline: 3px solid #4D7C0F;
}
.aes-read-full-sentence-1 {
  color: #3F6212;
}
.aes-read-full-callout {
  border-inline-start: 3px solid #4D7C0F;
  background: rgba(77, 124, 15, 0.08);
}
.aes-read-full-callout-text {
  color: #3F6212;
}
.aes-read-full-remainder {
  color: #3F6212;
}

/* -- Badges and in-page buttons -- */
.mq-description-text u,
.dav-description-text u,
.cr-description-text u,
.tr-description-text u,
.ft-description-text u,
.nt-description-text u,
.mhi-description-text u,
.li-description-text u,
.fsh-description-text u,
.aes-description-text u,
.mq-context-text u,
.dav-context-text u,
.cr-context-text u,
.tr-context-text u,
.ft-context-text u,
.nt-context-text u,
.mhi-context-text u,
.li-context-text u,
.fsh-context-text u,
.aes-context-text u,
.mq-read-full-sentence-1 u,
.dav-read-full-sentence-1 u,
.cr-read-full-sentence-1 u,
.tr-read-full-sentence-1 u,
.ft-read-full-sentence-1 u,
.nt-read-full-sentence-1 u,
.mhi-read-full-sentence-1 u,
.li-read-full-sentence-1 u,
.fsh-read-full-sentence-1 u,
.aes-read-full-sentence-1 u,
.mq-read-full-callout-text u,
.dav-read-full-callout-text u,
.cr-read-full-callout-text u,
.tr-read-full-callout-text u,
.ft-read-full-callout-text u,
.nt-read-full-callout-text u,
.mhi-read-full-callout-text u,
.li-read-full-callout-text u,
.fsh-read-full-callout-text u,
.aes-read-full-callout-text u,
.mq-read-full-remainder u,
.dav-read-full-remainder u,
.cr-read-full-remainder u,
.tr-read-full-remainder u,
.ft-read-full-remainder u,
.nt-read-full-remainder u,
.mhi-read-full-remainder u,
.li-read-full-remainder u,
.fsh-read-full-remainder u,
.aes-read-full-remainder u {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
  font-style: inherit;
}
.mq-description-text u,
.mq-context-text u,
.mq-read-full-sentence-1 u,
.mq-read-full-callout-text u,
.mq-read-full-remainder u {
  text-decoration-color: #C2410C;
}
.mq-description-text mark,
.dav-description-text mark,
.cr-description-text mark,
.tr-description-text mark,
.ft-description-text mark,
.nt-description-text mark,
.mhi-description-text mark,
.li-description-text mark,
.fsh-description-text mark,
.aes-description-text mark,
.mq-context-text mark,
.dav-context-text mark,
.cr-context-text mark,
.tr-context-text mark,
.ft-context-text mark,
.nt-context-text mark,
.mhi-context-text mark,
.li-context-text mark,
.fsh-context-text mark,
.aes-context-text mark,
.mq-read-full-sentence-1 mark,
.dav-read-full-sentence-1 mark,
.cr-read-full-sentence-1 mark,
.tr-read-full-sentence-1 mark,
.ft-read-full-sentence-1 mark,
.nt-read-full-sentence-1 mark,
.mhi-read-full-sentence-1 mark,
.li-read-full-sentence-1 mark,
.fsh-read-full-sentence-1 mark,
.aes-read-full-sentence-1 mark,
.mq-read-full-callout-text mark,
.dav-read-full-callout-text mark,
.cr-read-full-callout-text mark,
.tr-read-full-callout-text mark,
.ft-read-full-callout-text mark,
.nt-read-full-callout-text mark,
.mhi-read-full-callout-text mark,
.li-read-full-callout-text mark,
.fsh-read-full-callout-text mark,
.aes-read-full-callout-text mark,
.mq-read-full-remainder mark,
.dav-read-full-remainder mark,
.cr-read-full-remainder mark,
.tr-read-full-remainder mark,
.ft-read-full-remainder mark,
.nt-read-full-remainder mark,
.mhi-read-full-remainder mark,
.li-read-full-remainder mark,
.fsh-read-full-remainder mark,
.aes-read-full-remainder mark {
  color: inherit;
  border-radius: 2px;
  padding: 0 2px;
  font-style: inherit;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.mq-description-text mark,
.mq-context-text mark,
.mq-read-full-sentence-1 mark,
.mq-read-full-callout-text mark,
.mq-read-full-remainder mark {
  background-color: rgba(194, 65, 12, 0.13);
}
.dav-description-text u,
.dav-context-text u,
.dav-read-full-sentence-1 u,
.dav-read-full-callout-text u,
.dav-read-full-remainder u {
  text-decoration-color: #4A2E6B;
}
.dav-description-text mark,
.dav-context-text mark,
.dav-read-full-sentence-1 mark,
.dav-read-full-callout-text mark,
.dav-read-full-remainder mark {
  background-color: rgba(74, 46, 107, 0.13);
}
.cr-description-text u,
.cr-context-text u,
.cr-read-full-sentence-1 u,
.cr-read-full-callout-text u,
.cr-read-full-remainder u {
  text-decoration-color: #B45309;
}
.cr-description-text mark,
.cr-context-text mark,
.cr-read-full-sentence-1 mark,
.cr-read-full-callout-text mark,
.cr-read-full-remainder mark {
  background-color: rgba(180, 83, 9, 0.13);
}
.tr-description-text u,
.tr-context-text u,
.tr-read-full-sentence-1 u,
.tr-read-full-callout-text u,
.tr-read-full-remainder u {
  text-decoration-color: #0E7490;
}
.tr-description-text mark,
.tr-context-text mark,
.tr-read-full-sentence-1 mark,
.tr-read-full-callout-text mark,
.tr-read-full-remainder mark {
  background-color: rgba(14, 116, 144, 0.13);
}
.ft-description-text u,
.ft-context-text u,
.ft-read-full-sentence-1 u,
.ft-read-full-callout-text u,
.ft-read-full-remainder u {
  text-decoration-color: #B91C1C;
}
.ft-description-text mark,
.ft-context-text mark,
.ft-read-full-sentence-1 mark,
.ft-read-full-callout-text mark,
.ft-read-full-remainder mark {
  background-color: rgba(185, 28, 28, 0.13);
}
.nt-description-text u,
.nt-context-text u,
.nt-read-full-sentence-1 u,
.nt-read-full-callout-text u,
.nt-read-full-remainder u {
  text-decoration-color: #15803D;
}
.nt-description-text mark,
.nt-context-text mark,
.nt-read-full-sentence-1 mark,
.nt-read-full-callout-text mark,
.nt-read-full-remainder mark {
  background-color: rgba(21, 128, 61, 0.13);
}
.mhi-description-text u,
.mhi-context-text u,
.mhi-read-full-sentence-1 u,
.mhi-read-full-callout-text u,
.mhi-read-full-remainder u {
  text-decoration-color: #1E3A8A;
}
.mhi-description-text mark,
.mhi-context-text mark,
.mhi-read-full-sentence-1 mark,
.mhi-read-full-callout-text mark,
.mhi-read-full-remainder mark {
  background-color: rgba(30, 58, 138, 0.13);
}
.li-description-text u,
.li-context-text u,
.li-read-full-sentence-1 u,
.li-read-full-callout-text u,
.li-read-full-remainder u {
  text-decoration-color: #BE123C;
}
.li-description-text mark,
.li-context-text mark,
.li-read-full-sentence-1 mark,
.li-read-full-callout-text mark,
.li-read-full-remainder mark {
  background-color: rgba(190, 18, 60, 0.13);
}
.fsh-description-text u,
.fsh-context-text u,
.fsh-read-full-sentence-1 u,
.fsh-read-full-callout-text u,
.fsh-read-full-remainder u {
  text-decoration-color: #0F766E;
}
.fsh-description-text mark,
.fsh-context-text mark,
.fsh-read-full-sentence-1 mark,
.fsh-read-full-callout-text mark,
.fsh-read-full-remainder mark {
  background-color: rgba(15, 118, 110, 0.13);
}
.aes-description-text u,
.aes-context-text u,
.aes-read-full-sentence-1 u,
.aes-read-full-callout-text u,
.aes-read-full-remainder u {
  text-decoration-color: #4D7C0F;
}
.aes-description-text mark,
.aes-context-text mark,
.aes-read-full-sentence-1 mark,
.aes-read-full-callout-text mark,
.aes-read-full-remainder mark {
  background-color: rgba(77, 124, 15, 0.13);
}

/* -- Text wrapper -- */
.mq-text-wrapper,
.dav-text-wrapper,
.cr-text-wrapper,
.tr-text-wrapper,
.ft-text-wrapper,
.nt-text-wrapper,
.mhi-text-wrapper,
.li-text-wrapper,
.fsh-text-wrapper,
.aes-text-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  order: 3;
}

/* -- Text container -- */
.mq-text-content,
.dav-text-content,
.cr-text-content,
.tr-text-content,
.ft-text-content,
.nt-text-content,
.mhi-text-content,
.li-text-content,
.fsh-text-content,
.aes-text-content {
  font-family: 'Georgia','Times New Roman', serif;
  font-size: 20px;
  line-height: 1.55;
  font-style: normal;
  text-align: start;
  margin: 0;
  white-space: pre-line;
  padding: 0px 24px 16px 24px;
  position: relative;
  background: transparent;
  border-radius: 12px;
  box-shadow: none;
  order: 3;
}
.mq-text-content {
  color: #9A3412;
}
.mq-text-content::after,
.dav-text-content::after,
.cr-text-content::after,
.tr-text-content::after,
.ft-text-content::after,
.nt-text-content::after,
.mhi-text-content::after,
.li-text-content::after,
.fsh-text-content::after,
.aes-text-content::after {
  content: none;
  position: absolute;
  top: 10px;
  inset-inline-start: 15px;
  font-size: 60px;
  font-family: Georgia, serif;
  opacity: 0.15;
  line-height: 1;
  pointer-events: none;
}
.mq-text-content::after {
  color: #9A3412;
}
.mq-text,
.dav-text,
.cr-text,
.tr-text,
.ft-text,
.nt-text,
.mhi-text,
.li-text,
.fsh-text,
.aes-text,
.mq-description-text,
.dav-description-text,
.cr-description-text,
.tr-description-text,
.ft-description-text,
.nt-description-text,
.mhi-description-text,
.li-description-text,
.fsh-description-text,
.aes-description-text {
  max-width: 100% !important;
  width: 100% !important;
  font-style: italic;
}
#mqDescriptionPart1,
#davDescriptionPart1,
#crDescriptionPart1,
#trDescriptionPart1,
#ftDescriptionPart1,
#ntDescriptionPart1,
#mhiDescriptionPart1,
#liDescriptionPart1,
#fshDescriptionPart1,
#aesDescriptionPart1 {
  margin-bottom: 20px;
}
.mq-desc-nowrap-anchor,
.dav-desc-nowrap-anchor,
.cr-desc-nowrap-anchor,
.tr-desc-nowrap-anchor,
.ft-desc-nowrap-anchor,
.nt-desc-nowrap-anchor,
.mhi-desc-nowrap-anchor,
.li-desc-nowrap-anchor,
.fsh-desc-nowrap-anchor,
.aes-desc-nowrap-anchor {
  white-space: nowrap;
}
.mq-description-text.mq-description-remainder,
.dav-description-text.dav-description-remainder,
.cr-description-text.cr-description-remainder,
.tr-description-text.tr-description-remainder,
.ft-description-text.ft-description-remainder,
.nt-description-text.nt-description-remainder,
.mhi-description-text.mhi-description-remainder,
.li-description-text.li-description-remainder,
.fsh-description-text.fsh-description-remainder,
.aes-description-text.aes-description-remainder {
  margin-top: 0;
}
.mq-title-menu-wrapper,
.dav-title-menu-wrapper,
.cr-title-menu-wrapper,
.tr-title-menu-wrapper,
.ft-title-menu-wrapper,
.nt-title-menu-wrapper,
.mhi-title-menu-wrapper,
.li-title-menu-wrapper,
.fsh-title-menu-wrapper,
.aes-title-menu-wrapper {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
}
.mq-title-menu-wrapper .mq-page-title,
.dav-title-menu-wrapper .dav-page-title,
.cr-title-menu-wrapper .cr-page-title,
.tr-title-menu-wrapper .tr-page-title,
.ft-title-menu-wrapper .ft-page-title,
.nt-title-menu-wrapper .nt-page-title,
.mhi-title-menu-wrapper .mhi-page-title,
.li-title-menu-wrapper .li-page-title,
.fsh-title-menu-wrapper .fsh-page-title,
.aes-title-menu-wrapper .aes-page-title {
  grid-column: 2;
}
.mq-title-menu-wrapper .app-menu-mount,
.dav-title-menu-wrapper .app-menu-mount,
.cr-title-menu-wrapper .app-menu-mount,
.tr-title-menu-wrapper .app-menu-mount,
.ft-title-menu-wrapper .app-menu-mount,
.nt-title-menu-wrapper .app-menu-mount,
.mhi-title-menu-wrapper .app-menu-mount,
.li-title-menu-wrapper .app-menu-mount,
.fsh-title-menu-wrapper .app-menu-mount,
.aes-title-menu-wrapper .app-menu-mount {
  grid-column: 3;
  justify-self: end;
}
.dav-text-content {
  color: #2E1A47;
}
.dav-text-content::after {
  color: #2E1A47;
}
.cr-text-content {
  color: #92400E;
}
.cr-text-content::after {
  color: #92400E;
}
.tr-text-content {
  color: #155E75;
}
.tr-text-content::after {
  color: #155E75;
}
.ft-text-content {
  color: #991B1B;
}
.ft-text-content::after {
  color: #991B1B;
}
.nt-text-content {
  color: #166534;
}
.nt-text-content::after {
  color: #166534;
}
.mhi-text-content {
  color: #1E40AF;
}
.mhi-text-content::after {
  color: #1E40AF;
}
.li-text-content {
  color: #9F1239;
}
.li-text-content::after {
  color: #9F1239;
}
.fsh-text-content {
  color: #115E59;
}
.fsh-text-content::after {
  color: #115E59;
}
.aes-text-content {
  color: #3F6212;
}
.aes-text-content::after {
  color: #3F6212;
}

/* -- Context callout -- */
.mq-context-callout,
.dav-context-callout,
.cr-context-callout,
.tr-context-callout,
.ft-context-callout,
.nt-context-callout,
.mhi-context-callout,
.li-context-callout,
.fsh-context-callout,
.aes-context-callout {
  border-start-end-radius: 6px;
  border-end-end-radius: 6px;
  padding: 12px 16px;
  margin: 0 0 20px 0;
  max-width: 100%;
  box-sizing: border-box;
}
.mq-context-callout {
  border-inline-start: 3px solid #C2410C;
  background: rgba(194, 65, 12, 0.08);
}
.mq-context-callout-header,
.dav-context-callout-header,
.cr-context-callout-header,
.tr-context-callout-header,
.ft-context-callout-header,
.nt-context-callout-header,
.mhi-context-callout-header,
.li-context-callout-header,
.fsh-context-callout-header,
.aes-context-callout-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 7px;
}
.mq-context-callout-icon,
.dav-context-callout-icon,
.cr-context-callout-icon,
.tr-context-callout-icon,
.ft-context-callout-icon,
.nt-context-callout-icon,
.mhi-context-callout-icon,
.li-context-callout-icon,
.fsh-context-callout-icon,
.aes-context-callout-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
.mq-context-callout-icon {
  color: #C2410C;
}
.mq-context-callout-label,
.dav-context-callout-label,
.cr-context-callout-label,
.tr-context-callout-label,
.ft-context-callout-label,
.nt-context-callout-label,
.mhi-context-callout-label,
.li-context-callout-label,
.fsh-context-callout-label,
.aes-context-callout-label {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-style: normal;
}
.mq-context-callout-label {
  color: #C2410C;
}
.dav-context-callout {
  border-inline-start: 3px solid #4A2E6B;
  background: rgba(74, 46, 107, 0.08);
}
.dav-context-callout-icon {
  color: #4A2E6B;
}
.dav-context-callout-label {
  color: #4A2E6B;
}
.cr-context-callout {
  border-inline-start: 3px solid #B45309;
  background: rgba(180, 83, 9, 0.08);
}
.cr-context-callout-icon {
  color: #B45309;
}
.cr-context-callout-label {
  color: #B45309;
}
.tr-context-callout {
  border-inline-start: 3px solid #0E7490;
  background: rgba(14, 116, 144, 0.08);
}
.tr-context-callout-icon {
  color: #0E7490;
}
.tr-context-callout-label {
  color: #0E7490;
}
.ft-context-callout {
  border-inline-start: 3px solid #B91C1C;
  background: rgba(185, 28, 28, 0.08);
}
.ft-context-callout-icon {
  color: #B91C1C;
}
.ft-context-callout-label {
  color: #B91C1C;
}
.nt-context-callout {
  border-inline-start: 3px solid #15803D;
  background: rgba(21, 128, 61, 0.08);
}
.nt-context-callout-icon {
  color: #15803D;
}
.nt-context-callout-label {
  color: #15803D;
}
.mhi-context-callout {
  border-inline-start: 3px solid #1E3A8A;
  background: rgba(30, 58, 138, 0.08);
}
.mhi-context-callout-icon {
  color: #1E3A8A;
}
.mhi-context-callout-label {
  color: #1E3A8A;
}
.li-context-callout {
  border-inline-start: 3px solid #BE123C;
  background: rgba(190, 18, 60, 0.08);
}
.li-context-callout-icon {
  color: #BE123C;
}
.li-context-callout-label {
  color: #BE123C;
}
.fsh-context-callout {
  border-inline-start: 3px solid #0F766E;
  background: rgba(15, 118, 110, 0.08);
}
.fsh-context-callout-icon {
  color: #0F766E;
}
.fsh-context-callout-label {
  color: #0F766E;
}
.aes-context-callout {
  border-inline-start: 3px solid #4D7C0F;
  background: rgba(77, 124, 15, 0.08);
}
.aes-context-callout-icon {
  color: #4D7C0F;
}
.aes-context-callout-label {
  color: #4D7C0F;
}

/* -- Inline emphasis -- */
.mq-description-text u,
.dav-description-text u,
.cr-description-text u,
.tr-description-text u,
.ft-description-text u,
.nt-description-text u,
.mhi-description-text u,
.li-description-text u,
.fsh-description-text u,
.aes-description-text u,
.mq-context-text u,
.dav-context-text u,
.cr-context-text u,
.tr-context-text u,
.ft-context-text u,
.nt-context-text u,
.mhi-context-text u,
.li-context-text u,
.fsh-context-text u,
.aes-context-text u {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
  font-style: inherit;
}
.mq-description-text u,
.mq-context-text u {
  text-decoration-color: #C2410C;
}
.mq-description-text mark,
.dav-description-text mark,
.cr-description-text mark,
.tr-description-text mark,
.ft-description-text mark,
.nt-description-text mark,
.mhi-description-text mark,
.li-description-text mark,
.fsh-description-text mark,
.aes-description-text mark,
.mq-context-text mark,
.dav-context-text mark,
.cr-context-text mark,
.tr-context-text mark,
.ft-context-text mark,
.nt-context-text mark,
.mhi-context-text mark,
.li-context-text mark,
.fsh-context-text mark,
.aes-context-text mark {
  color: inherit;
  border-radius: 2px;
  padding: 0 2px;
  font-style: inherit;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.mq-description-text mark,
.mq-context-text mark {
  background-color: rgba(194, 65, 12, 0.13);
}
.mq-description-text strong,
.dav-description-text strong,
.cr-description-text strong,
.tr-description-text strong,
.ft-description-text strong,
.nt-description-text strong,
.mhi-description-text strong,
.li-description-text strong,
.fsh-description-text strong,
.aes-description-text strong,
.mq-context-text strong,
.dav-context-text strong,
.cr-context-text strong,
.tr-context-text strong,
.ft-context-text strong,
.nt-context-text strong,
.mhi-context-text strong,
.li-context-text strong,
.fsh-context-text strong,
.aes-context-text strong {
  font-weight: 600;
  font-style: inherit;
}
.dav-description-text u,
.dav-context-text u {
  text-decoration-color: #4A2E6B;
}
.dav-description-text mark,
.dav-context-text mark {
  background-color: rgba(74, 46, 107, 0.13);
}
.cr-description-text u,
.cr-context-text u {
  text-decoration-color: #B45309;
}
.cr-description-text mark,
.cr-context-text mark {
  background-color: rgba(180, 83, 9, 0.13);
}
.tr-description-text u,
.tr-context-text u {
  text-decoration-color: #0E7490;
}
.tr-description-text mark,
.tr-context-text mark {
  background-color: rgba(14, 116, 144, 0.13);
}
.ft-description-text u,
.ft-context-text u {
  text-decoration-color: #B91C1C;
}
.ft-description-text mark,
.ft-context-text mark {
  background-color: rgba(185, 28, 28, 0.13);
}
.nt-description-text u,
.nt-context-text u {
  text-decoration-color: #15803D;
}
.nt-description-text mark,
.nt-context-text mark {
  background-color: rgba(21, 128, 61, 0.13);
}
.mhi-description-text u,
.mhi-context-text u {
  text-decoration-color: #1E3A8A;
}
.mhi-description-text mark,
.mhi-context-text mark {
  background-color: rgba(30, 58, 138, 0.13);
}
.li-description-text u,
.li-context-text u {
  text-decoration-color: #BE123C;
}
.li-description-text mark,
.li-context-text mark {
  background-color: rgba(190, 18, 60, 0.13);
}
.fsh-description-text u,
.fsh-context-text u {
  text-decoration-color: #0F766E;
}
.fsh-description-text mark,
.fsh-context-text mark {
  background-color: rgba(15, 118, 110, 0.13);
}
.aes-description-text u,
.aes-context-text u {
  text-decoration-color: #4D7C0F;
}
.aes-description-text mark,
.aes-context-text mark {
  background-color: rgba(77, 124, 15, 0.13);
}

/* -- End mark -- */
.mq-end-mark,
.dav-end-mark,
.cr-end-mark,
.tr-end-mark,
.ft-end-mark,
.nt-end-mark,
.mhi-end-mark,
.li-end-mark,
.fsh-end-mark,
.aes-end-mark {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.mq-end-mark {
  width: var(--mq-end-mark-width, 80px);
}
.mq-end-mark-line,
.dav-end-mark-line,
.cr-end-mark-line,
.tr-end-mark-line,
.ft-end-mark-line,
.nt-end-mark-line,
.mhi-end-mark-line,
.li-end-mark-line,
.fsh-end-mark-line,
.aes-end-mark-line {
  flex: 1;
  height: 1px;
  opacity: 0.4;
}
.mq-end-mark-line {
  background: #C2410C;
}
.mq-end-mark-diamond,
.dav-end-mark-diamond,
.cr-end-mark-diamond,
.tr-end-mark-diamond,
.ft-end-mark-diamond,
.nt-end-mark-diamond,
.mhi-end-mark-diamond,
.li-end-mark-diamond,
.fsh-end-mark-diamond,
.aes-end-mark-diamond {
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  opacity: 1;
  flex-shrink: 0;
}
.mq-end-mark-diamond {
  background: #C2410C;
}
.dav-end-mark {
  width: var(--dav-end-mark-width, 80px);
}
.dav-end-mark-line {
  background: #4A2E6B;
}
.dav-end-mark-diamond {
  background: #4A2E6B;
}
.cr-end-mark {
  width: var(--cr-end-mark-width, 80px);
}
.cr-end-mark-line {
  background: #B45309;
}
.cr-end-mark-diamond {
  background: #B45309;
}
.tr-end-mark {
  width: var(--tr-end-mark-width, 80px);
}
.tr-end-mark-line {
  background: #0E7490;
}
.tr-end-mark-diamond {
  background: #0E7490;
}
.ft-end-mark {
  width: var(--ft-end-mark-width, 80px);
}
.nt-end-mark {
  width: var(--nt-end-mark-width, 80px);
}
.nt-end-mark-line {
  background: #15803D;
}
.nt-end-mark-diamond {
  background: #15803D;
}
.mhi-end-mark {
  width: var(--mhi-end-mark-width, 80px);
}
.mhi-end-mark-line {
  background: #1E3A8A;
}
.mhi-end-mark-diamond {
  background: #1E3A8A;
}
.li-end-mark {
  width: var(--li-end-mark-width, 80px);
}
.li-end-mark-line {
  background: #BE123C;
}
.li-end-mark-diamond {
  background: #BE123C;
}
.fsh-end-mark {
  width: var(--fsh-end-mark-width, 80px);
}
.fsh-end-mark-line {
  background: #0F766E;
}
.fsh-end-mark-diamond {
  background: #0F766E;
}
.aes-end-mark {
  width: var(--aes-end-mark-width, 80px);
}
.aes-end-mark-line {
  background: #4D7C0F;
}
.aes-end-mark-diamond {
  background: #4D7C0F;
}

/* -- Responsive: page text -- */
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 768px)). */
:where(html:not([data-layout="laptop"])) .mq-text-content,
:where(html:not([data-layout="laptop"])) .dav-text-content,
:where(html:not([data-layout="laptop"])) .cr-text-content,
:where(html:not([data-layout="laptop"])) .tr-text-content,
:where(html:not([data-layout="laptop"])) .ft-text-content,
:where(html:not([data-layout="laptop"])) .nt-text-content,
:where(html:not([data-layout="laptop"])) .mhi-text-content,
:where(html:not([data-layout="laptop"])) .li-text-content,
:where(html:not([data-layout="laptop"])) .fsh-text-content,
:where(html:not([data-layout="laptop"])) .aes-text-content {
  font-size: 19px;
  line-height: 1.55;
  padding: 18px 25px;
  border-radius: 10px;
}
:where(html:not([data-layout="laptop"])) .mq-text-content::after,
:where(html:not([data-layout="laptop"])) .dav-text-content::after,
:where(html:not([data-layout="laptop"])) .cr-text-content::after,
:where(html:not([data-layout="laptop"])) .tr-text-content::after,
:where(html:not([data-layout="laptop"])) .ft-text-content::after,
:where(html:not([data-layout="laptop"])) .nt-text-content::after,
:where(html:not([data-layout="laptop"])) .mhi-text-content::after,
:where(html:not([data-layout="laptop"])) .li-text-content::after,
:where(html:not([data-layout="laptop"])) .fsh-text-content::after,
:where(html:not([data-layout="laptop"])) .aes-text-content::after {
  font-size: 50px;
  top: 8px;
  inset-inline-start: 12px;
}
:where(html:not([data-layout="laptop"])) .mq-text,
:where(html:not([data-layout="laptop"])) .dav-text,
:where(html:not([data-layout="laptop"])) .cr-text,
:where(html:not([data-layout="laptop"])) .tr-text,
:where(html:not([data-layout="laptop"])) .ft-text,
:where(html:not([data-layout="laptop"])) .nt-text,
:where(html:not([data-layout="laptop"])) .mhi-text,
:where(html:not([data-layout="laptop"])) .li-text,
:where(html:not([data-layout="laptop"])) .fsh-text,
:where(html:not([data-layout="laptop"])) .aes-text,
:where(html:not([data-layout="laptop"])) .mq-description-text,
:where(html:not([data-layout="laptop"])) .dav-description-text,
:where(html:not([data-layout="laptop"])) .cr-description-text,
:where(html:not([data-layout="laptop"])) .tr-description-text,
:where(html:not([data-layout="laptop"])) .ft-description-text,
:where(html:not([data-layout="laptop"])) .nt-description-text,
:where(html:not([data-layout="laptop"])) .mhi-description-text,
:where(html:not([data-layout="laptop"])) .li-description-text,
:where(html:not([data-layout="laptop"])) .fsh-description-text,
:where(html:not([data-layout="laptop"])) .aes-description-text {
  max-width: 100% !important;
  width: 100% !important;
}
:where(html:not([data-layout="laptop"])) .mq-context-callout,
:where(html:not([data-layout="laptop"])) .dav-context-callout,
:where(html:not([data-layout="laptop"])) .cr-context-callout,
:where(html:not([data-layout="laptop"])) .tr-context-callout,
:where(html:not([data-layout="laptop"])) .ft-context-callout,
:where(html:not([data-layout="laptop"])) .nt-context-callout,
:where(html:not([data-layout="laptop"])) .mhi-context-callout,
:where(html:not([data-layout="laptop"])) .li-context-callout,
:where(html:not([data-layout="laptop"])) .fsh-context-callout,
:where(html:not([data-layout="laptop"])) .aes-context-callout {
  max-width: 100%;
  margin: 0 0 16px 0;
}
:where(html:not([data-layout="laptop"])) #mqDescriptionPart1,
:where(html:not([data-layout="laptop"])) #davDescriptionPart1,
:where(html:not([data-layout="laptop"])) #crDescriptionPart1,
:where(html:not([data-layout="laptop"])) #trDescriptionPart1,
:where(html:not([data-layout="laptop"])) #ftDescriptionPart1,
:where(html:not([data-layout="laptop"])) #ntDescriptionPart1,
:where(html:not([data-layout="laptop"])) #mhiDescriptionPart1,
:where(html:not([data-layout="laptop"])) #liDescriptionPart1,
:where(html:not([data-layout="laptop"])) #fshDescriptionPart1,
:where(html:not([data-layout="laptop"])) #aesDescriptionPart1 {
  margin-bottom: 16px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) .mq-text-content,
:where(html:not([data-layout="laptop"])) .dav-text-content,
:where(html:not([data-layout="laptop"])) .cr-text-content,
:where(html:not([data-layout="laptop"])) .tr-text-content,
:where(html:not([data-layout="laptop"])) .ft-text-content,
:where(html:not([data-layout="laptop"])) .nt-text-content,
:where(html:not([data-layout="laptop"])) .mhi-text-content,
:where(html:not([data-layout="laptop"])) .li-text-content,
:where(html:not([data-layout="laptop"])) .fsh-text-content,
:where(html:not([data-layout="laptop"])) .aes-text-content {
  font-size: 18px;
  line-height: 1.5;
  padding: 16px 22px;
  border-radius: 10px;
}
:where(html:not([data-layout="laptop"])) .mq-text-content::before,
:where(html:not([data-layout="laptop"])) .dav-text-content::before,
:where(html:not([data-layout="laptop"])) .cr-text-content::before,
:where(html:not([data-layout="laptop"])) .tr-text-content::before,
:where(html:not([data-layout="laptop"])) .ft-text-content::before,
:where(html:not([data-layout="laptop"])) .nt-text-content::before,
:where(html:not([data-layout="laptop"])) .mhi-text-content::before,
:where(html:not([data-layout="laptop"])) .li-text-content::before,
:where(html:not([data-layout="laptop"])) .fsh-text-content::before,
:where(html:not([data-layout="laptop"])) .aes-text-content::before {
  width: 3px;
}
:where(html:not([data-layout="laptop"])) .mq-text-content::after,
:where(html:not([data-layout="laptop"])) .dav-text-content::after,
:where(html:not([data-layout="laptop"])) .cr-text-content::after,
:where(html:not([data-layout="laptop"])) .tr-text-content::after,
:where(html:not([data-layout="laptop"])) .ft-text-content::after,
:where(html:not([data-layout="laptop"])) .nt-text-content::after,
:where(html:not([data-layout="laptop"])) .mhi-text-content::after,
:where(html:not([data-layout="laptop"])) .li-text-content::after,
:where(html:not([data-layout="laptop"])) .fsh-text-content::after,
:where(html:not([data-layout="laptop"])) .aes-text-content::after {
  font-size: 45px;
  top: 6px;
  inset-inline-start: 10px;
}
:where(html:not([data-layout="laptop"])) .mq-context-callout,
:where(html:not([data-layout="laptop"])) .dav-context-callout,
:where(html:not([data-layout="laptop"])) .cr-context-callout,
:where(html:not([data-layout="laptop"])) .tr-context-callout,
:where(html:not([data-layout="laptop"])) .ft-context-callout,
:where(html:not([data-layout="laptop"])) .nt-context-callout,
:where(html:not([data-layout="laptop"])) .mhi-context-callout,
:where(html:not([data-layout="laptop"])) .li-context-callout,
:where(html:not([data-layout="laptop"])) .fsh-context-callout,
:where(html:not([data-layout="laptop"])) .aes-context-callout {
  margin: 0 0 14px 0;
}
:where(html:not([data-layout="laptop"])) #mqDescriptionPart1,
:where(html:not([data-layout="laptop"])) #davDescriptionPart1,
:where(html:not([data-layout="laptop"])) #crDescriptionPart1,
:where(html:not([data-layout="laptop"])) #trDescriptionPart1,
:where(html:not([data-layout="laptop"])) #ftDescriptionPart1,
:where(html:not([data-layout="laptop"])) #ntDescriptionPart1,
:where(html:not([data-layout="laptop"])) #mhiDescriptionPart1,
:where(html:not([data-layout="laptop"])) #liDescriptionPart1,
:where(html:not([data-layout="laptop"])) #fshDescriptionPart1,
:where(html:not([data-layout="laptop"])) #aesDescriptionPart1 {
  margin-bottom: 14px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) .mq-text-content,
:where(html:not([data-layout="laptop"])) .dav-text-content,
:where(html:not([data-layout="laptop"])) .cr-text-content,
:where(html:not([data-layout="laptop"])) .tr-text-content,
:where(html:not([data-layout="laptop"])) .ft-text-content,
:where(html:not([data-layout="laptop"])) .nt-text-content,
:where(html:not([data-layout="laptop"])) .mhi-text-content,
:where(html:not([data-layout="laptop"])) .li-text-content,
:where(html:not([data-layout="laptop"])) .fsh-text-content,
:where(html:not([data-layout="laptop"])) .aes-text-content {
  font-size: 17px;
  line-height: 1.5;
  padding: 14px 20px;
}
:where(html:not([data-layout="laptop"])) .mq-context-callout,
:where(html:not([data-layout="laptop"])) .dav-context-callout,
:where(html:not([data-layout="laptop"])) .cr-context-callout,
:where(html:not([data-layout="laptop"])) .tr-context-callout,
:where(html:not([data-layout="laptop"])) .ft-context-callout,
:where(html:not([data-layout="laptop"])) .nt-context-callout,
:where(html:not([data-layout="laptop"])) .mhi-context-callout,
:where(html:not([data-layout="laptop"])) .li-context-callout,
:where(html:not([data-layout="laptop"])) .fsh-context-callout,
:where(html:not([data-layout="laptop"])) .aes-context-callout {
  margin: 0 0 12px 0;
}
:where(html:not([data-layout="laptop"])) #mqDescriptionPart1,
:where(html:not([data-layout="laptop"])) #davDescriptionPart1,
:where(html:not([data-layout="laptop"])) #crDescriptionPart1,
:where(html:not([data-layout="laptop"])) #trDescriptionPart1,
:where(html:not([data-layout="laptop"])) #ftDescriptionPart1,
:where(html:not([data-layout="laptop"])) #ntDescriptionPart1,
:where(html:not([data-layout="laptop"])) #mhiDescriptionPart1,
:where(html:not([data-layout="laptop"])) #liDescriptionPart1,
:where(html:not([data-layout="laptop"])) #fshDescriptionPart1,
:where(html:not([data-layout="laptop"])) #aesDescriptionPart1 {
  margin-bottom: 12px;
}


/* -- Accessibility: page text -- */
@media (prefers-reduced-motion: reduce) {
  .mq-text-content,
  .dav-text-content,
  .cr-text-content,
  .tr-text-content,
  .ft-text-content,
  .nt-text-content,
  .mhi-text-content,
  .li-text-content,
  .fsh-text-content,
  .aes-text-content {
    transition: none;
  }
}
@media (prefers-contrast: high) {
  .mq-text-content {
    border: 3px solid #C2410C;
  }
  .mq-text-content::before,
.dav-text-content::before,
.cr-text-content::before,
.tr-text-content::before,
.ft-text-content::before,
.nt-text-content::before,
.mhi-text-content::before,
.li-text-content::before,
.fsh-text-content::before,
.aes-text-content::before {
    width: 5px;
    opacity: 1;
  }
  .mq-context-callout,
  .dav-context-callout,
  .cr-context-callout,
  .tr-context-callout,
  .ft-context-callout,
  .nt-context-callout,
  .mhi-context-callout,
  .li-context-callout,
  .fsh-context-callout,
  .aes-context-callout {
    border-inline-start-width: 4px;
  }
  .mq-context-callout {
    background: rgba(194, 65, 12, 0.18);
  }
  .mq-end-mark-line,
  .dav-end-mark-line,
  .cr-end-mark-line,
  .tr-end-mark-line,
  .ft-end-mark-line,
  .nt-end-mark-line,
  .mhi-end-mark-line,
  .li-end-mark-line,
  .fsh-end-mark-line,
  .aes-end-mark-line {
    opacity: 0.7;
  }
}

/* -- End mark -- */
.ft-end-mark-line {
  flex: 1;
  height: 1px;
  background: #B91C1C;
  opacity: 0.4;
}

/* -- Accessibility: page text -- */
@media (prefers-contrast: high) {
  .mq-end-mark-diamond,
  .dav-end-mark-diamond,
  .cr-end-mark-diamond,
  .tr-end-mark-diamond,
  .ft-end-mark-diamond,
  .nt-end-mark-diamond,
  .mhi-end-mark-diamond,
  .li-end-mark-diamond,
  .fsh-end-mark-diamond,
  .aes-end-mark-diamond {
    opacity: 1;
  }
}

/* -- End mark -- */
.ft-end-mark-diamond {
  width: 7px;
  height: 7px;
  background: #B91C1C;
  transform: rotate(45deg);
  opacity: 1;
  flex-shrink: 0;
}

/* -- Accessibility: page text -- */
@media print {
  .mq-text-content,
  .dav-text-content,
  .cr-text-content,
  .tr-text-content,
  .ft-text-content,
  .nt-text-content,
  .mhi-text-content,
  .li-text-content,
  .fsh-text-content,
  .aes-text-content {
    box-shadow: none;
    page-break-inside: avoid;
  }
  .mq-text-content {
    background: rgba(194, 65, 12, 0.12);
    border: 2px solid #C2410C;
  }
  .mq-text-content::before,
.dav-text-content::before,
.cr-text-content::before,
.tr-text-content::before,
.ft-text-content::before,
.nt-text-content::before,
.mhi-text-content::before,
.li-text-content::before,
.fsh-text-content::before,
.aes-text-content::before,
.mq-text-content::after,
.dav-text-content::after,
.cr-text-content::after,
.tr-text-content::after,
.ft-text-content::after,
.nt-text-content::after,
.mhi-text-content::after,
.li-text-content::after,
.fsh-text-content::after,
.aes-text-content::after {
    display: none;
  }
  .mq-context-callout,
  .dav-context-callout,
  .cr-context-callout,
  .tr-context-callout,
  .ft-context-callout,
  .nt-context-callout,
  .mhi-context-callout,
  .li-context-callout,
  .fsh-context-callout,
  .aes-context-callout {
    page-break-inside: avoid;
  }
  .mq-context-callout {
    border-inline-start: 2px solid #C2410C;
    background: rgba(194, 65, 12, 0.08);
  }
}

/* -- Parent pages -- */
.explore-container {
  max-width: 600px;
  min-height: calc(95 * var(--vh));
  margin: 0 auto;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  transition: none;
}
.health-container {
  max-width: 600px;
  min-height: calc(95 * var(--vh));
  margin: 0 auto;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  transition: none;
}
.soul-container {
  max-width: 600px;
  min-height: calc(95 * var(--vh));
  margin: 0 auto;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  transition: none;
}
.style-container {
  max-width: 600px;
  min-height: calc(95 * var(--vh));
  margin: 0 auto;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  transition: none;
}

/* -- Accessibility: page text -- */
@media print {
  .mq-end-mark,
  .dav-end-mark,
  .cr-end-mark,
  .tr-end-mark,
  .ft-end-mark,
  .nt-end-mark,
  .mhi-end-mark,
  .li-end-mark,
  .fsh-end-mark,
  .aes-end-mark {
    display: none;
  }
}

/* -- End mark -- */
.ft-end-mark {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

/* -- Accessibility: page text -- */
.mq-section,
.dav-section,
.cr-section,
.tr-section,
.ft-section,
.nt-section,
.mhi-section,
.li-section,
.fsh-section,
.aes-section {
  position: relative;
}
@media (prefers-contrast: high) {
  .dav-text-content {
    border: 3px solid #4A2E6B;
  }
  .dav-context-callout {
    background: rgba(74, 46, 107, 0.18);
  }
}
@media print {
  .dav-text-content {
    background: rgba(74, 46, 107, 0.12);
    border: 2px solid #4A2E6B;
  }
  .dav-context-callout {
    border-inline-start: 2px solid #4A2E6B;
    background: rgba(74, 46, 107, 0.08);
  }
}
@media (prefers-contrast: high) {
  .cr-text-content {
    border: 3px solid #B45309;
  }
  .cr-context-callout {
    background: rgba(180, 83, 9, 0.18);
  }
}
@media print {
  .cr-text-content {
    background: rgba(180, 83, 9, 0.12);
    border: 2px solid #B45309;
  }
  .cr-context-callout {
    border-inline-start: 2px solid #B45309;
    background: rgba(180, 83, 9, 0.08);
  }
}
@media (prefers-contrast: high) {
  .tr-text-content {
    border: 3px solid #0E7490;
  }
  .tr-context-callout {
    background: rgba(14, 116, 144, 0.18);
  }
}
@media print {
  .tr-text-content {
    background: rgba(14, 116, 144, 0.12);
    border: 2px solid #0E7490;
  }
  .tr-context-callout {
    border-inline-start: 2px solid #0E7490;
    background: rgba(14, 116, 144, 0.08);
  }
}
@media (prefers-contrast: high) {
  .ft-text-content {
    border: 3px solid #B91C1C;
  }
  .ft-context-callout {
    background: rgba(185, 28, 28, 0.18);
  }
}
@media print {
  .ft-text-content {
    background: rgba(185, 28, 28, 0.12);
    border: 2px solid #B91C1C;
  }
  .ft-context-callout {
    border-inline-start: 2px solid #B91C1C;
    background: rgba(185, 28, 28, 0.08);
  }
}
@media (prefers-contrast: high) {
  .ft-end-mark-line {
    opacity: 0.7;
  }
  .ft-end-mark-diamond {
    opacity: 1;
  }
}
@media print {
  .ft-end-mark {
    display: none;
  }
}
@media (prefers-contrast: high) {
  .nt-text-content {
    border: 3px solid #15803D;
  }
  .nt-context-callout {
    background: rgba(21, 128, 61, 0.18);
  }
}
@media print {
  .nt-text-content {
    background: rgba(21, 128, 61, 0.12);
    border: 2px solid #15803D;
  }
  .nt-context-callout {
    border-inline-start: 2px solid #15803D;
    background: rgba(21, 128, 61, 0.08);
  }
}
@media (prefers-contrast: high) {
  .mhi-text-content {
    border: 3px solid #1E3A8A;
  }
  .mhi-context-callout {
    background: rgba(30, 58, 138, 0.18);
  }
}
@media print {
  .mhi-text-content {
    background: rgba(30, 58, 138, 0.12);
    border: 2px solid #1E3A8A;
  }
  .mhi-context-callout {
    border-inline-start: 2px solid #1E3A8A;
    background: rgba(30, 58, 138, 0.08);
  }
}
@media (prefers-contrast: high) {
  .li-text-content {
    border: 3px solid #BE123C;
  }
  .li-context-callout {
    background: rgba(190, 18, 60, 0.18);
  }
}
@media print {
  .li-text-content {
    background: rgba(190, 18, 60, 0.12);
    border: 2px solid #BE123C;
  }
  .li-context-callout {
    border-inline-start: 2px solid #BE123C;
    background: rgba(190, 18, 60, 0.08);
  }
}
@media (prefers-contrast: high) {
  .fsh-text-content {
    border: 3px solid #0F766E;
  }
  .fsh-context-callout {
    background: rgba(15, 118, 110, 0.18);
  }
}
@media print {
  .fsh-text-content {
    background: rgba(15, 118, 110, 0.12);
    border: 2px solid #0F766E;
  }
  .fsh-context-callout {
    border-inline-start: 2px solid #0F766E;
    background: rgba(15, 118, 110, 0.08);
  }
}
@media (prefers-contrast: high) {
  .aes-text-content {
    border: 3px solid #4D7C0F;
  }
  .aes-context-callout {
    background: rgba(77, 124, 15, 0.18);
  }
}
@media print {
  .aes-text-content {
    background: rgba(77, 124, 15, 0.12);
    border: 2px solid #4D7C0F;
  }
  .aes-context-callout {
    border-inline-start: 2px solid #4D7C0F;
    background: rgba(77, 124, 15, 0.08);
  }
}

/* -- Bottom row -- */
.mq-bottom-row,
.dav-bottom-row,
.cr-bottom-row,
.tr-bottom-row,
.ft-bottom-row,
.nt-bottom-row,
.mhi-bottom-row,
.li-bottom-row,
.fsh-bottom-row,
.aes-bottom-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  padding: 0;
  width: 100%;
}

/* -- Attribution -- */
.mq-attribution,
.dav-attribution,
.cr-attribution,
.tr-attribution,
.ft-attribution,
.nt-attribution,
.mhi-attribution,
.li-attribution,
.fsh-attribution,
.aes-attribution {
  text-align: start;
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
  white-space: normal;
  max-width: 100%;
}
.mq-author-row,
.dav-author-row,
.cr-author-row,
.tr-author-row,
.ft-author-row,
.nt-author-row,
.mhi-author-row,
.li-author-row,
.fsh-author-row,
.aes-author-row {
  display: block;
  line-height: 1;
}
.mq-author,
.dav-author,
.cr-author,
.tr-author,
.ft-author,
.nt-author,
.mhi-author,
.li-author,
.fsh-author,
.aes-author {
  font-family: 'Georgia','Times New Roman', serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  margin: 0 0 8px 0;
  line-height: 1.4;
}
.mq-author {
  color: #9A3412;
}
.mq-author-row .mq-author,
.dav-author-row .dav-author,
.cr-author-row .cr-author,
.tr-author-row .tr-author,
.ft-author-row .ft-author,
.nt-author-row .nt-author,
.mhi-author-row .mhi-author,
.li-author-row .li-author,
.fsh-author-row .fsh-author,
.aes-author-row .aes-author {
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.mq-inspired-by,
.dav-inspired-by,
.cr-inspired-by,
.tr-inspired-by,
.ft-inspired-by,
.nt-inspired-by,
.mhi-inspired-by,
.li-inspired-by,
.fsh-inspired-by,
.aes-inspired-by {
  font-family: 'Georgia','Times New Roman', serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  margin: 6px 0 0 0;
  line-height: 1.4;
  word-break: break-word;
  display: block;
}
.mq-inspired-by {
  color: #C2410C;
}
.dav-author {
  color: #2E1A47;
}
.dav-inspired-by {
  color: #4A2E6B;
}
.cr-author {
  color: #92400E;
}
.cr-inspired-by {
  color: #B45309;
}
.tr-author {
  color: #155E75;
}
.tr-inspired-by {
  color: #0E7490;
}
.ft-author {
  color: #991B1B;
}
.ft-inspired-by {
  color: #B91C1C;
}
.nt-author {
  color: #166534;
}
.nt-inspired-by {
  color: #15803D;
}
.mhi-author {
  color: #1E40AF;
}
.mhi-inspired-by {
  color: #1E3A8A;
}
.li-author {
  color: #9F1239;
}
.li-inspired-by {
  color: #BE123C;
}
.fsh-author {
  color: #115E59;
}
.fsh-inspired-by {
  color: #0F766E;
}
.aes-author {
  color: #3F6212;
}
.aes-inspired-by {
  color: #4D7C0F;
}

/* -- Responsive: attribution width -- */
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 768px)). */
:where(html:not([data-layout="laptop"])) .mq-attribution,
:where(html:not([data-layout="laptop"])) .dav-attribution,
:where(html:not([data-layout="laptop"])) .cr-attribution,
:where(html:not([data-layout="laptop"])) .tr-attribution,
:where(html:not([data-layout="laptop"])) .ft-attribution,
:where(html:not([data-layout="laptop"])) .nt-attribution,
:where(html:not([data-layout="laptop"])) .mhi-attribution,
:where(html:not([data-layout="laptop"])) .li-attribution,
:where(html:not([data-layout="laptop"])) .fsh-attribution,
:where(html:not([data-layout="laptop"])) .aes-attribution {
  max-width: 100%;
}

.mq-sketch-modal-overlay,
.dav-sketch-modal-overlay,
.cr-sketch-modal-overlay,
.tr-sketch-modal-overlay,
.ft-sketch-modal-overlay,
.nt-sketch-modal-overlay,
.mhi-sketch-modal-overlay,
.li-sketch-modal-overlay,
.fsh-sketch-modal-overlay,
.aes-sketch-modal-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 24px;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.mq-sketch-modal-overlay,
.dav-sketch-modal-overlay,
.cr-sketch-modal-overlay,
.tr-sketch-modal-overlay,
.ft-sketch-modal-overlay,
.nt-sketch-modal-overlay,
.mhi-sketch-modal-overlay,
.li-sketch-modal-overlay,
.fsh-sketch-modal-overlay {
  background: rgba(15, 23, 42, 0.60);
}
.mq-sketch-modal-overlay.mq-sketch-modal-visible,
.dav-sketch-modal-overlay.dav-sketch-modal-visible,
.cr-sketch-modal-overlay.cr-sketch-modal-visible,
.tr-sketch-modal-overlay.tr-sketch-modal-visible,
.ft-sketch-modal-overlay.ft-sketch-modal-visible,
.nt-sketch-modal-overlay.nt-sketch-modal-visible,
.mhi-sketch-modal-overlay.mhi-sketch-modal-visible,
.li-sketch-modal-overlay.li-sketch-modal-visible,
.fsh-sketch-modal-overlay.fsh-sketch-modal-visible,
.aes-sketch-modal-overlay.aes-sketch-modal-visible {
  opacity: 1;
  pointer-events: all;
}
.mq-sketch-modal-overlay.mq-sketch-modal-hiding,
.dav-sketch-modal-overlay.dav-sketch-modal-hiding,
.cr-sketch-modal-overlay.cr-sketch-modal-hiding,
.tr-sketch-modal-overlay.tr-sketch-modal-hiding,
.ft-sketch-modal-overlay.ft-sketch-modal-hiding,
.nt-sketch-modal-overlay.nt-sketch-modal-hiding,
.mhi-sketch-modal-overlay.mhi-sketch-modal-hiding,
.li-sketch-modal-overlay.li-sketch-modal-hiding,
.fsh-sketch-modal-overlay.fsh-sketch-modal-hiding,
.aes-sketch-modal-overlay.aes-sketch-modal-hiding {
  opacity: 0;
  pointer-events: none;
}
.mq-sketch-modal-card,
.dav-sketch-modal-card,
.cr-sketch-modal-card,
.tr-sketch-modal-card,
.ft-sketch-modal-card,
.nt-sketch-modal-card,
.mhi-sketch-modal-card,
.li-sketch-modal-card,
.fsh-sketch-modal-card,
.aes-sketch-modal-card {
  position: relative;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  max-height: calc(85 * var(--vh));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: translateY(12px);
  transition: transform 0.25s ease;
}
.mq-sketch-modal-card {
  border: 1.5px solid #9A3412;
  box-shadow: 0 4px 32px rgba(154, 52, 18, 0.20);
}
.mq-sketch-modal-overlay.mq-sketch-modal-visible .mq-sketch-modal-card,
.dav-sketch-modal-overlay.dav-sketch-modal-visible .dav-sketch-modal-card,
.cr-sketch-modal-overlay.cr-sketch-modal-visible .cr-sketch-modal-card,
.tr-sketch-modal-overlay.tr-sketch-modal-visible .tr-sketch-modal-card,
.ft-sketch-modal-overlay.ft-sketch-modal-visible .ft-sketch-modal-card,
.nt-sketch-modal-overlay.nt-sketch-modal-visible .nt-sketch-modal-card,
.mhi-sketch-modal-overlay.mhi-sketch-modal-visible .mhi-sketch-modal-card,
.li-sketch-modal-overlay.li-sketch-modal-visible .li-sketch-modal-card,
.fsh-sketch-modal-overlay.fsh-sketch-modal-visible .fsh-sketch-modal-card,
.aes-sketch-modal-overlay.aes-sketch-modal-visible .aes-sketch-modal-card {
  transform: translateY(0);
}
.mq-sketch-modal-scroll,
.dav-sketch-modal-scroll,
.cr-sketch-modal-scroll,
.tr-sketch-modal-scroll,
.ft-sketch-modal-scroll,
.nt-sketch-modal-scroll,
.mhi-sketch-modal-scroll,
.li-sketch-modal-scroll,
.fsh-sketch-modal-scroll,
.aes-sketch-modal-scroll {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition: scrollbar-color 0.4s ease;
}
.mq-sketch-modal-scroll.is-scrolling {
  scrollbar-color: #C2410C transparent;
}
.mq-sketch-modal-scroll::-webkit-scrollbar,
.dav-sketch-modal-scroll::-webkit-scrollbar,
.cr-sketch-modal-scroll::-webkit-scrollbar,
.tr-sketch-modal-scroll::-webkit-scrollbar,
.ft-sketch-modal-scroll::-webkit-scrollbar,
.nt-sketch-modal-scroll::-webkit-scrollbar,
.mhi-sketch-modal-scroll::-webkit-scrollbar,
.li-sketch-modal-scroll::-webkit-scrollbar,
.fsh-sketch-modal-scroll::-webkit-scrollbar,
.aes-sketch-modal-scroll::-webkit-scrollbar {
  width: 6px;
}
.mq-sketch-modal-scroll::-webkit-scrollbar-track,
.dav-sketch-modal-scroll::-webkit-scrollbar-track,
.cr-sketch-modal-scroll::-webkit-scrollbar-track,
.tr-sketch-modal-scroll::-webkit-scrollbar-track,
.ft-sketch-modal-scroll::-webkit-scrollbar-track,
.nt-sketch-modal-scroll::-webkit-scrollbar-track,
.mhi-sketch-modal-scroll::-webkit-scrollbar-track,
.li-sketch-modal-scroll::-webkit-scrollbar-track,
.fsh-sketch-modal-scroll::-webkit-scrollbar-track,
.aes-sketch-modal-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.mq-sketch-modal-scroll::-webkit-scrollbar-thumb,
.dav-sketch-modal-scroll::-webkit-scrollbar-thumb,
.cr-sketch-modal-scroll::-webkit-scrollbar-thumb,
.tr-sketch-modal-scroll::-webkit-scrollbar-thumb,
.ft-sketch-modal-scroll::-webkit-scrollbar-thumb,
.nt-sketch-modal-scroll::-webkit-scrollbar-thumb,
.mhi-sketch-modal-scroll::-webkit-scrollbar-thumb,
.li-sketch-modal-scroll::-webkit-scrollbar-thumb,
.fsh-sketch-modal-scroll::-webkit-scrollbar-thumb,
.aes-sketch-modal-scroll::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
  transition: background 0.4s ease;
}
.mq-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb {
  background: #C2410C;
}
@media (hover: hover) {
  .mq-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb:hover {
    background: #9A3412;
  }
}
.mq-modal-live-wallpaper,
.dav-modal-live-wallpaper,
.cr-modal-live-wallpaper,
.tr-modal-live-wallpaper,
.ft-modal-live-wallpaper,
.nt-modal-live-wallpaper,
.mhi-modal-live-wallpaper,
.li-modal-live-wallpaper,
.fsh-modal-live-wallpaper,
.aes-modal-live-wallpaper {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  display: block;
}
.mq-modal-live-wallpaper {
  width: var(--mq-modal-wallpaper-width, 100%);
  height: var(--mq-modal-wallpaper-height, 100%);
}
.mq-sketch-modal-card > *:not(.mq-modal-live-wallpaper),
.dav-sketch-modal-card > *:not(.dav-modal-live-wallpaper),
.cr-sketch-modal-card > *:not(.cr-modal-live-wallpaper),
.tr-sketch-modal-card > *:not(.tr-modal-live-wallpaper),
.ft-sketch-modal-card > *:not(.ft-modal-live-wallpaper),
.nt-sketch-modal-card > *:not(.nt-modal-live-wallpaper),
.mhi-sketch-modal-card > *:not(.mhi-modal-live-wallpaper),
.li-sketch-modal-card > *:not(.li-modal-live-wallpaper),
.fsh-sketch-modal-card > *:not(.fsh-modal-live-wallpaper),
.aes-sketch-modal-card > *:not(.aes-modal-live-wallpaper) {
  position: relative;
  z-index: 1;
}
.mq-sketch-modal-header,
.dav-sketch-modal-header,
.cr-sketch-modal-header,
.tr-sketch-modal-header,
.ft-sketch-modal-header,
.nt-sketch-modal-header,
.mhi-sketch-modal-header,
.li-sketch-modal-header,
.fsh-sketch-modal-header,
.aes-sketch-modal-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 20px 14px 20px;
}
.mq-sketch-modal-header {
  border-bottom: 1.5px solid #9A3412;
}
.mq-sketch-modal-title,
.dav-sketch-modal-title,
.cr-sketch-modal-title,
.tr-sketch-modal-title,
.ft-sketch-modal-title,
.nt-sketch-modal-title,
.mhi-sketch-modal-title,
.li-sketch-modal-title,
.fsh-sketch-modal-title,
.aes-sketch-modal-title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.mq-sketch-modal-title {
  color: #9A3412;
}
.mq-sketch-modal-title-icon,
.dav-sketch-modal-title-icon,
.cr-sketch-modal-title-icon,
.tr-sketch-modal-title-icon,
.ft-sketch-modal-title-icon,
.nt-sketch-modal-title-icon,
.mhi-sketch-modal-title-icon,
.li-sketch-modal-title-icon,
.fsh-sketch-modal-title-icon,
.aes-sketch-modal-title-icon {
  width: 50px;
  height: 50px;
  display: block;
  flex-shrink: 0;
}
.mq-sketch-modal-close-btn,
.dav-sketch-modal-close-btn,
.cr-sketch-modal-close-btn,
.tr-sketch-modal-close-btn,
.ft-sketch-modal-close-btn,
.nt-sketch-modal-close-btn,
.mhi-sketch-modal-close-btn,
.li-sketch-modal-close-btn,
.fsh-sketch-modal-close-btn,
.aes-sketch-modal-close-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 16px;
  padding: 4px 8px;
  border-radius: 6px;
  line-height: 1;
  transition: color 0.2s ease, background 0.2s ease;
  font-family: inherit;
}
.mq-sketch-modal-close-btn {
  color: #9A3412;
}
@media (hover: hover) {
  .mq-sketch-modal-close-btn:hover {
    color: #9A3412;
    background: rgba(154, 52, 18, 0.08);
  }
}
@media (hover: none) {
  .mq-sketch-modal-close-btn.is-hover {
    color: #9A3412;
    background: rgba(154, 52, 18, 0.08);
  }
}
.mq-sketch-modal-body,
.dav-sketch-modal-body,
.cr-sketch-modal-body,
.tr-sketch-modal-body,
.ft-sketch-modal-body,
.nt-sketch-modal-body,
.mhi-sketch-modal-body,
.li-sketch-modal-body,
.fsh-sketch-modal-body,
.aes-sketch-modal-body {
  padding: 18px 20px 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (prefers-reduced-motion: reduce) {
  .mq-sketch-modal-overlay,
  .dav-sketch-modal-overlay,
  .cr-sketch-modal-overlay,
  .tr-sketch-modal-overlay,
  .ft-sketch-modal-overlay,
  .nt-sketch-modal-overlay,
  .mhi-sketch-modal-overlay,
  .li-sketch-modal-overlay,
  .fsh-sketch-modal-overlay,
  .aes-sketch-modal-overlay,
  .mq-sketch-modal-card,
  .dav-sketch-modal-card,
  .cr-sketch-modal-card,
  .tr-sketch-modal-card,
  .ft-sketch-modal-card,
  .nt-sketch-modal-card,
  .mhi-sketch-modal-card,
  .li-sketch-modal-card,
  .fsh-sketch-modal-card,
  .aes-sketch-modal-card {
    transition: none;
  }
}
@media print {
  .mq-sketch-modal-overlay,
  .dav-sketch-modal-overlay,
  .cr-sketch-modal-overlay,
  .tr-sketch-modal-overlay,
  .ft-sketch-modal-overlay,
  .nt-sketch-modal-overlay,
  .mhi-sketch-modal-overlay,
  .li-sketch-modal-overlay,
  .fsh-sketch-modal-overlay,
  .aes-sketch-modal-overlay {
    display: none !important;
  }
}
.dav-sketch-modal-card {
  border: 1.5px solid #2E1A47;
  box-shadow: 0 4px 32px rgba(46, 26, 71, 0.20);
}
.dav-sketch-modal-scroll.is-scrolling {
  scrollbar-color: #4A2E6B transparent;
}
.dav-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb {
  background: #4A2E6B;
}
@media (hover: hover) {
  .dav-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb:hover {
    background: #2E1A47;
  }
}
.dav-modal-live-wallpaper {
  width: var(--dav-modal-wallpaper-width, 100%);
  height: var(--dav-modal-wallpaper-height, 100%);
}
.dav-sketch-modal-header {
  border-bottom: 1.5px solid #2E1A47;
}
.dav-sketch-modal-title {
  color: #2E1A47;
}
.dav-sketch-modal-close-btn {
  color: #2E1A47;
}
@media (hover: hover) {
  .dav-sketch-modal-close-btn:hover {
    color: #2E1A47;
    background: rgba(46, 26, 71, 0.08);
  }
}
@media (hover: none) {
  .dav-sketch-modal-close-btn.is-hover {
    color: #2E1A47;
    background: rgba(46, 26, 71, 0.08);
  }
}
.cr-sketch-modal-card {
  border: 1.5px solid #92400E;
  box-shadow: 0 4px 32px rgba(146, 64, 14, 0.20);
}
.cr-sketch-modal-scroll.is-scrolling {
  scrollbar-color: #B45309 transparent;
}
.cr-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb {
  background: #B45309;
}
@media (hover: hover) {
  .cr-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb:hover {
    background: #92400E;
  }
}
.cr-modal-live-wallpaper {
  width: var(--cr-modal-wallpaper-width, 100%);
  height: var(--cr-modal-wallpaper-height, 100%);
}
.cr-sketch-modal-header {
  border-bottom: 1.5px solid #92400E;
}
.cr-sketch-modal-title {
  color: #92400E;
}
.cr-sketch-modal-close-btn {
  color: #92400E;
}
@media (hover: hover) {
  .cr-sketch-modal-close-btn:hover {
    color: #92400E;
    background: rgba(146, 64, 14, 0.08);
  }
}
@media (hover: none) {
  .cr-sketch-modal-close-btn.is-hover {
    color: #92400E;
    background: rgba(146, 64, 14, 0.08);
  }
}
.tr-sketch-modal-card {
  border: 1.5px solid #155E75;
  box-shadow: 0 4px 32px rgba(21, 94, 117, 0.20);
}
.tr-sketch-modal-scroll.is-scrolling {
  scrollbar-color: #0E7490 transparent;
}
.tr-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb {
  background: #0E7490;
}
@media (hover: hover) {
  .tr-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb:hover {
    background: #155E75;
  }
}
.tr-modal-live-wallpaper {
  width: var(--tr-modal-wallpaper-width, 100%);
  height: var(--tr-modal-wallpaper-height, 100%);
}
.tr-sketch-modal-header {
  border-bottom: 1.5px solid #155E75;
}
.tr-sketch-modal-title {
  color: #155E75;
}
.tr-sketch-modal-close-btn {
  color: #155E75;
}
@media (hover: hover) {
  .tr-sketch-modal-close-btn:hover {
    color: #155E75;
    background: rgba(21, 94, 117, 0.08);
  }
}
@media (hover: none) {
  .tr-sketch-modal-close-btn.is-hover {
    color: #155E75;
    background: rgba(21, 94, 117, 0.08);
  }
}
.ft-sketch-modal-card {
  border: 1.5px solid #991B1B;
  box-shadow: 0 4px 32px rgba(153, 27, 27, 0.20);
}
.ft-sketch-modal-scroll.is-scrolling {
  scrollbar-color: #B91C1C transparent;
}
.ft-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb {
  background: #B91C1C;
}
@media (hover: hover) {
  .ft-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb:hover {
    background: #991B1B;
  }
}
.ft-modal-live-wallpaper {
  width: var(--ft-modal-wallpaper-width, 100%);
  height: var(--ft-modal-wallpaper-height, 100%);
}
.ft-sketch-modal-header {
  border-bottom: 1.5px solid #991B1B;
}
.ft-sketch-modal-title {
  color: #991B1B;
}
.ft-sketch-modal-close-btn {
  color: #991B1B;
}
@media (hover: hover) {
  .ft-sketch-modal-close-btn:hover {
    color: #991B1B;
    background: rgba(153, 27, 27, 0.08);
  }
}
@media (hover: none) {
  .ft-sketch-modal-close-btn.is-hover {
    color: #991B1B;
    background: rgba(153, 27, 27, 0.08);
  }
}
.nt-sketch-modal-card {
  border: 1.5px solid #166534;
  box-shadow: 0 4px 32px rgba(22, 101, 52, 0.20);
}
.nt-sketch-modal-scroll.is-scrolling {
  scrollbar-color: #15803D transparent;
}
.nt-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb {
  background: #15803D;
}
@media (hover: hover) {
  .nt-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb:hover {
    background: #166534;
  }
}
.nt-modal-live-wallpaper {
  width: var(--nt-modal-wallpaper-width, 100%);
  height: var(--nt-modal-wallpaper-height, 100%);
}
.nt-sketch-modal-header {
  border-bottom: 1.5px solid #166534;
}
.nt-sketch-modal-title {
  color: #166534;
}
.nt-sketch-modal-close-btn {
  color: #166534;
}
@media (hover: hover) {
  .nt-sketch-modal-close-btn:hover {
    color: #166534;
    background: rgba(22, 101, 52, 0.08);
  }
}
@media (hover: none) {
  .nt-sketch-modal-close-btn.is-hover {
    color: #166534;
    background: rgba(22, 101, 52, 0.08);
  }
}
.mhi-sketch-modal-card {
  border: 1.5px solid #1E40AF;
  box-shadow: 0 4px 32px rgba(30, 64, 175, 0.20);
}
.mhi-sketch-modal-scroll.is-scrolling {
  scrollbar-color: #1E3A8A transparent;
}
.mhi-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb {
  background: #1E3A8A;
}
@media (hover: hover) {
  .mhi-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb:hover {
    background: #1E40AF;
  }
}
.mhi-modal-live-wallpaper {
  width: var(--mhi-modal-wallpaper-width, 100%);
  height: var(--mhi-modal-wallpaper-height, 100%);
}
.mhi-sketch-modal-header {
  border-bottom: 1.5px solid #1E40AF;
}
.mhi-sketch-modal-title {
  color: #1E40AF;
}
.mhi-sketch-modal-close-btn {
  color: #1E40AF;
}
@media (hover: hover) {
  .mhi-sketch-modal-close-btn:hover {
    color: #1E40AF;
    background: rgba(30, 64, 175, 0.08);
  }
}
@media (hover: none) {
  .mhi-sketch-modal-close-btn.is-hover {
    color: #1E40AF;
    background: rgba(30, 64, 175, 0.08);
  }
}
.li-sketch-modal-card {
  border: 1.5px solid #9F1239;
  box-shadow: 0 4px 32px rgba(159, 18, 57, 0.20);
}
.li-sketch-modal-scroll.is-scrolling {
  scrollbar-color: #BE123C transparent;
}
.li-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb {
  background: #BE123C;
}
@media (hover: hover) {
  .li-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb:hover {
    background: #9F1239;
  }
}
.li-modal-live-wallpaper {
  width: var(--li-modal-wallpaper-width, 100%);
  height: var(--li-modal-wallpaper-height, 100%);
}
.li-sketch-modal-header {
  border-bottom: 1.5px solid #9F1239;
}
.li-sketch-modal-title {
  color: #9F1239;
}
.li-sketch-modal-close-btn {
  color: #9F1239;
}
@media (hover: hover) {
  .li-sketch-modal-close-btn:hover {
    color: #9F1239;
    background: rgba(159, 18, 57, 0.08);
  }
}
@media (hover: none) {
  .li-sketch-modal-close-btn.is-hover {
    color: #9F1239;
    background: rgba(159, 18, 57, 0.08);
  }
}
.fsh-sketch-modal-card {
  border: 1.5px solid #115E59;
  box-shadow: 0 4px 32px rgba(17, 94, 89, 0.20);
}
.fsh-sketch-modal-scroll.is-scrolling {
  scrollbar-color: #0F766E transparent;
}
.fsh-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb {
  background: #0F766E;
}
@media (hover: hover) {
  .fsh-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb:hover {
    background: #115E59;
  }
}
.fsh-modal-live-wallpaper {
  width: var(--fsh-modal-wallpaper-width, 100%);
  height: var(--fsh-modal-wallpaper-height, 100%);
}
.fsh-sketch-modal-header {
  border-bottom: 1.5px solid #115E59;
}
.fsh-sketch-modal-title {
  color: #115E59;
}
.fsh-sketch-modal-close-btn {
  color: #115E59;
}
@media (hover: hover) {
  .fsh-sketch-modal-close-btn:hover {
    color: #115E59;
    background: rgba(17, 94, 89, 0.08);
  }
}
@media (hover: none) {
  .fsh-sketch-modal-close-btn.is-hover {
    color: #115E59;
    background: rgba(17, 94, 89, 0.08);
  }
}
.aes-sketch-modal-overlay {
  background: rgba(54, 83, 20, 0.60);
}
.aes-sketch-modal-card {
  border: 1.5px solid #3F6212;
  box-shadow: 0 4px 32px rgba(63, 98, 18, 0.20);
}
.aes-sketch-modal-scroll.is-scrolling {
  scrollbar-color: #4D7C0F transparent;
}
.aes-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb {
  background: #4D7C0F;
}
@media (hover: hover) {
  .aes-sketch-modal-scroll.is-scrolling::-webkit-scrollbar-thumb:hover {
    background: #3F6212;
  }
}
.aes-modal-live-wallpaper {
  width: var(--aes-modal-wallpaper-width, 100%);
  height: var(--aes-modal-wallpaper-height, 100%);
}
.aes-sketch-modal-header {
  border-bottom: 1.5px solid #3F6212;
}
.aes-sketch-modal-title {
  color: #3F6212;
}
.aes-sketch-modal-close-btn {
  color: #3F6212;
}
@media (hover: hover) {
  .aes-sketch-modal-close-btn:hover {
    color: #3F6212;
    background: rgba(63, 98, 18, 0.08);
  }
}
@media (hover: none) {
  .aes-sketch-modal-close-btn.is-hover {
    color: #3F6212;
    background: rgba(63, 98, 18, 0.08);
  }
}

/* -- Section closing rules -- */
:root {
  --mq-primary: #C2410C;
  --mq-accent: #9A3412;
  --mq-surface-tint: rgba(194, 65, 12, 0.12);
  --mq-surface-gradient-1: rgba(194, 65, 12, 0.10);
  --mq-surface-gradient-2: rgba(154, 52, 18, 0.10);
  --mq-shadow: rgba(154, 52, 18, 0.28);
  --mq-border: #C2410C;
  --mq-scrollbar: rgba(194, 65, 12, 0.45);
}
:root {
  --dav-primary: #4A2E6B;
  --dav-accent: #2E1A47;
  --dav-surface-tint: rgba(74, 46, 107, 0.12);
  --dav-surface-gradient-1: rgba(74, 46, 107, 0.10);
  --dav-surface-gradient-2: rgba(46, 26, 71, 0.10);
  --dav-shadow: rgba(46, 26, 71, 0.28);
  --dav-border: #4A2E6B;
  --dav-scrollbar: rgba(74, 46, 107, 0.45);
}
:root {
  --cr-primary: #B45309;
  --cr-accent: #92400E;
  --cr-surface-tint: rgba(180, 83, 9, 0.12);
  --cr-surface-gradient-1: rgba(180, 83, 9, 0.10);
  --cr-surface-gradient-2: rgba(146, 64, 14, 0.10);
  --cr-shadow: rgba(146, 64, 14, 0.28);
  --cr-border: #B45309;
  --cr-scrollbar: rgba(180, 83, 9, 0.45);
}
:root {
  --tr-primary: #0E7490;
  --tr-accent: #155E75;
  --tr-surface-tint: rgba(14, 116, 144, 0.12);
  --tr-surface-gradient-1: rgba(14, 116, 144, 0.10);
  --tr-surface-gradient-2: rgba(21, 94, 117, 0.10);
  --tr-shadow: rgba(21, 94, 117, 0.28);
  --tr-border: #0E7490;
  --tr-scrollbar: rgba(14, 116, 144, 0.45);
}
:root {
  --ft-primary: #B91C1C;
  --ft-accent: #991B1B;
  --ft-surface-tint: rgba(185, 28, 28, 0.12);
  --ft-surface-gradient-1: rgba(185, 28, 28, 0.10);
  --ft-surface-gradient-2: rgba(153, 27, 27, 0.10);
  --ft-shadow: rgba(153, 27, 27, 0.28);
  --ft-border: #B91C1C;
  --ft-scrollbar: rgba(185, 28, 28, 0.45);
}
:root {
  --nt-primary: #15803D;
  --nt-accent: #166534;
  --nt-surface-tint: rgba(21, 128, 61, 0.12);
  --nt-surface-gradient-1: rgba(21, 128, 61, 0.10);
  --nt-surface-gradient-2: rgba(22, 101, 52, 0.10);
  --nt-shadow: rgba(22, 101, 52, 0.28);
  --nt-border: #15803D;
  --nt-scrollbar: rgba(21, 128, 61, 0.45);
}
:root {
  --mhi-primary: #1E3A8A;
  --mhi-accent: #1E40AF;
  --mhi-surface-tint: rgba(30, 58, 138, 0.12);
  --mhi-surface-gradient-1: rgba(30, 58, 138, 0.10);
  --mhi-surface-gradient-2: rgba(30, 64, 175, 0.10);
  --mhi-shadow: rgba(30, 64, 175, 0.28);
  --mhi-border: #1E3A8A;
  --mhi-scrollbar: rgba(30, 58, 138, 0.45);
}
:root {
  --li-primary: #BE123C;
  --li-accent: #9F1239;
  --li-surface-tint: rgba(190, 18, 60, 0.12);
  --li-surface-gradient-1: rgba(190, 18, 60, 0.10);
  --li-surface-gradient-2: rgba(159, 18, 57, 0.10);
  --li-shadow: rgba(159, 18, 57, 0.28);
  --li-border: #BE123C;
  --li-scrollbar: rgba(190, 18, 60, 0.45);
}
:root {
  --fsh-primary: #0F766E;
  --fsh-accent: #115E59;
  --fsh-surface-tint: rgba(15, 118, 110, 0.12);
  --fsh-surface-gradient-1: rgba(15, 118, 110, 0.10);
  --fsh-surface-gradient-2: rgba(17, 94, 89, 0.10);
  --fsh-shadow: rgba(17, 94, 89, 0.28);
  --fsh-border: #0F766E;
  --fsh-scrollbar: rgba(15, 118, 110, 0.45);
}
:root {
  --aes-primary: #4D7C0F;
  --aes-accent: #3F6212;
  --aes-surface-tint: rgba(77, 124, 15, 0.12);
  --aes-surface-gradient-1: rgba(77, 124, 15, 0.10);
  --aes-surface-gradient-2: rgba(63, 98, 18, 0.10);
  --aes-shadow: rgba(63, 98, 18, 0.28);
  --aes-border: #4D7C0F;
  --aes-scrollbar: rgba(77, 124, 15, 0.45);
}

/* ==========================================================================
   5. Per-page wallpaper colour variables and shared toolbar base
   ========================================================================== */

/* -- Wallpaper colour variables (one block per page) -- */
[data-page="mq"],
[data-page="dav"],
[data-page="cr"],
[data-page="tr"],
[data-page="ft"],
[data-page="nt"],
[data-page="mhi"],
[data-page="li"],
[data-page="fsh"],
[data-page="aes"] {
  --wp-recipe: spectrum;
  --wp-spectrum-white: 255, 255, 255;
  --wp-bg-light-0-a: 255, 255, 255;
}
[data-page="mq"] {
  --wp-spectrum-orange: 234, 88, 12;
  --wp-gradient-end: 251, 146, 60;
  --wp-bg-light-0-b: 252, 242, 236;
  --wp-bg-light-1-a: 249, 225, 213;
  --wp-bg-light-1-b: 245, 197, 177;
  --wp-bg-light-2-a: 245, 197, 177;
  --wp-bg-light-2-b: 240, 161, 133;
  --wp-bg-light-3-a: 240, 161, 133;
  --wp-bg-light-3-b: 234, 88, 12;
  --wp-glow-light-vivid: 255, 85, 0;
  --wp-glow-light-white: 255, 253, 250;
  --wp-glow-light-1: 255, 110, 0;
  --wp-glow-light-2: 255, 95, 0;
  --wp-glow-light-3: 255, 160, 70;
  --wp-particle-light-1: 234, 88, 12;
  --wp-particle-light-2: 234, 88, 12;
  --wp-particle-light-3: 234, 88, 12;
}
[data-page="dav"] {
  --wp-spectrum-orange: 107, 63, 160;
  --wp-gradient-end: 192, 132, 252;
  --wp-bg-light-0-b: 244, 240, 248;
  --wp-bg-light-1-a: 230, 221, 241;
  --wp-bg-light-1-b: 210, 192, 230;
  --wp-bg-light-2-a: 210, 192, 230;
  --wp-bg-light-2-b: 185, 157, 216;
  --wp-bg-light-3-a: 185, 157, 216;
  --wp-bg-light-3-b: 107, 63, 160;
  --wp-glow-light-vivid: 123, 57, 198;
  --wp-glow-light-white: 252, 251, 254;
  --wp-glow-light-1: 123, 57, 198;
  --wp-glow-light-2: 123, 57, 198;
  --wp-glow-light-3: 159, 112, 213;
  --wp-particle-light-1: 107, 63, 160;
  --wp-particle-light-2: 107, 63, 160;
  --wp-particle-light-3: 107, 63, 160;
}
[data-page="cr"] {
  --wp-spectrum-orange: 217, 119, 6;
  --wp-gradient-end: 251, 191, 36;
  --wp-bg-light-0-b: 252, 246, 236;
  --wp-bg-light-1-a: 248, 236, 214;
  --wp-bg-light-1-b: 243, 220, 179;
  --wp-bg-light-2-a: 243, 220, 179;
  --wp-bg-light-2-b: 237, 200, 136;
  --wp-bg-light-3-a: 237, 200, 136;
  --wp-bg-light-3-b: 217, 119, 6;
  --wp-glow-light-vivid: 249, 160, 6;
  --wp-glow-light-white: 255, 253, 250;
  --wp-glow-light-1: 249, 160, 6;
  --wp-glow-light-2: 249, 160, 6;
  --wp-glow-light-3: 250, 186, 75;
  --wp-particle-light-1: 217, 119, 6;
  --wp-particle-light-2: 217, 119, 6;
  --wp-particle-light-3: 217, 119, 6;
}
[data-page="tr"] {
  --wp-spectrum-orange: 8, 145, 178;
  --wp-gradient-end: 34, 211, 238;
  --wp-bg-light-0-b: 236, 249, 252;
  --wp-bg-light-1-a: 214, 242, 248;
  --wp-bg-light-1-b: 179, 233, 243;
  --wp-bg-light-2-a: 179, 233, 243;
  --wp-bg-light-2-b: 136, 220, 237;
  --wp-bg-light-3-a: 136, 220, 237;
  --wp-bg-light-3-b: 8, 145, 178;
  --wp-glow-light-vivid: 6, 208, 249;
  --wp-glow-light-white: 250, 254, 255;
  --wp-glow-light-1: 6, 208, 249;
  --wp-glow-light-2: 6, 208, 249;
  --wp-glow-light-3: 75, 221, 250;
  --wp-particle-light-1: 8, 145, 178;
  --wp-particle-light-2: 8, 145, 178;
  --wp-particle-light-3: 8, 145, 178;
}
[data-page="ft"] {
  --wp-spectrum-orange: 220, 38, 38;
  --wp-gradient-end: 248, 113, 113;
  --wp-bg-light-0-b: 252, 236, 236;
  --wp-bg-light-1-a: 248, 214, 214;
  --wp-bg-light-1-b: 243, 179, 179;
  --wp-bg-light-2-a: 243, 179, 179;
  --wp-bg-light-2-b: 237, 136, 136;
  --wp-bg-light-3-a: 237, 136, 136;
  --wp-bg-light-3-b: 220, 38, 38;
  --wp-glow-light-vivid: 249, 6, 6;
  --wp-glow-light-white: 255, 250, 250;
  --wp-glow-light-1: 249, 6, 6;
  --wp-glow-light-2: 249, 6, 6;
  --wp-glow-light-3: 250, 75, 75;
  --wp-particle-light-1: 220, 38, 38;
  --wp-particle-light-2: 220, 38, 38;
  --wp-particle-light-3: 220, 38, 38;
}
[data-page="nt"] {
  --wp-spectrum-orange: 22, 163, 74;
  --wp-gradient-end: 74, 222, 128;
  --wp-bg-light-0-b: 236, 252, 242;
  --wp-bg-light-1-a: 214, 248, 226;
  --wp-bg-light-1-b: 179, 243, 202;
  --wp-bg-light-2-a: 179, 243, 202;
  --wp-bg-light-2-b: 136, 237, 173;
  --wp-bg-light-3-a: 136, 237, 173;
  --wp-bg-light-3-b: 22, 163, 74;
  --wp-glow-light-vivid: 6, 249, 95;
  --wp-glow-light-white: 250, 255, 252;
  --wp-glow-light-1: 6, 249, 95;
  --wp-glow-light-2: 6, 249, 95;
  --wp-glow-light-3: 75, 250, 139;
  --wp-particle-light-1: 22, 163, 74;
  --wp-particle-light-2: 22, 163, 74;
  --wp-particle-light-3: 22, 163, 74;
}
[data-page="mhi"] {
  --wp-spectrum-orange: 37, 99, 235;
  --wp-gradient-end: 96, 165, 250;
  --wp-bg-light-0-b: 236, 241, 252;
  --wp-bg-light-1-a: 214, 225, 248;
  --wp-bg-light-1-b: 179, 199, 243;
  --wp-bg-light-2-a: 179, 199, 243;
  --wp-bg-light-2-b: 136, 168, 237;
  --wp-bg-light-3-a: 136, 168, 237;
  --wp-bg-light-3-b: 37, 99, 235;
  --wp-glow-light-vivid: 6, 83, 249;
  --wp-glow-light-white: 250, 252, 255;
  --wp-glow-light-1: 6, 83, 249;
  --wp-glow-light-2: 6, 83, 249;
  --wp-glow-light-3: 75, 130, 250;
  --wp-particle-light-1: 37, 99, 235;
  --wp-particle-light-2: 37, 99, 235;
  --wp-particle-light-3: 37, 99, 235;
}
[data-page="li"] {
  --wp-spectrum-orange: 225, 29, 72;
  --wp-gradient-end: 251, 113, 133;
  --wp-bg-light-0-b: 252, 236, 240;
  --wp-bg-light-1-a: 248, 214, 221;
  --wp-bg-light-1-b: 243, 179, 193;
  --wp-bg-light-2-a: 243, 179, 193;
  --wp-bg-light-2-b: 237, 136, 158;
  --wp-bg-light-3-a: 237, 136, 158;
  --wp-bg-light-3-b: 225, 29, 72;
  --wp-glow-light-vivid: 249, 6, 59;
  --wp-glow-light-white: 255, 250, 251;
  --wp-glow-light-1: 249, 6, 59;
  --wp-glow-light-2: 249, 6, 59;
  --wp-glow-light-3: 250, 75, 113;
  --wp-particle-light-1: 225, 29, 72;
  --wp-particle-light-2: 225, 29, 72;
  --wp-particle-light-3: 225, 29, 72;
}
[data-page="fsh"] {
  --wp-spectrum-orange: 13, 148, 136;
  --wp-gradient-end: 45, 212, 191;
  --wp-bg-light-0-b: 236, 252, 250;
  --wp-bg-light-1-a: 214, 248, 245;
  --wp-bg-light-1-b: 179, 243, 238;
  --wp-bg-light-2-a: 179, 243, 238;
  --wp-bg-light-2-b: 136, 237, 229;
  --wp-bg-light-3-a: 136, 237, 229;
  --wp-bg-light-3-b: 13, 148, 136;
  --wp-glow-light-vivid: 6, 249, 228;
  --wp-glow-light-white: 250, 255, 254;
  --wp-glow-light-1: 6, 249, 228;
  --wp-glow-light-2: 6, 249, 228;
  --wp-glow-light-3: 75, 250, 236;
  --wp-particle-light-1: 13, 148, 136;
  --wp-particle-light-2: 13, 148, 136;
  --wp-particle-light-3: 13, 148, 136;
}
[data-page="aes"] {
  --wp-spectrum-orange: 101, 163, 13;
  --wp-gradient-end: 163, 230, 53;
  --wp-bg-light-0-b: 242, 247, 234;
  --wp-bg-light-1-a: 227, 238, 211;
  --wp-bg-light-1-b: 203, 224, 174;
  --wp-bg-light-2-a: 203, 224, 174;
  --wp-bg-light-2-b: 174, 207, 127;
  --wp-bg-light-3-a: 174, 207, 127;
  --wp-bg-light-3-b: 101, 163, 13;
  --wp-glow-light-vivid: 148, 249, 6;
  --wp-glow-light-white: 253, 255, 250;
  --wp-glow-light-1: 148, 249, 6;
  --wp-glow-light-2: 148, 249, 6;
  --wp-glow-light-3: 177, 250, 74;
  --wp-particle-light-1: 101, 163, 13;
  --wp-particle-light-2: 101, 163, 13;
  --wp-particle-light-3: 101, 163, 13;
}
.hidden {
  display: none !important;
}
/* Generic colour variables, one block per page. Each line just points to the matching
   page-specific variable you already have. If a page doesn't define
   --pagekey-text-highlight or --pagekey-pressedStroke in light mode (none of them do), the
   fallback value after the comma is used instead. */
[data-page="mq"] {
  --app-primary: var(--mq-primary);
  --app-accent: var(--mq-accent);
  --app-surface-tint: var(--mq-surface-tint);
  --app-surface-gradient-1: var(--mq-surface-gradient-1);
  --app-surface-gradient-2: var(--mq-surface-gradient-2);
  --app-shadow: var(--mq-shadow);
  --app-border: var(--mq-border);
  --app-scrollbar: var(--mq-scrollbar);
  --app-text-highlight: var(--mq-text-highlight, #ffffff);
  --app-pressed-stroke: var(--mq-pressedStroke, #000000);
}
[data-page="dav"] {
  --app-primary: var(--dav-primary);
  --app-accent: var(--dav-accent);
  --app-surface-tint: var(--dav-surface-tint);
  --app-surface-gradient-1: var(--dav-surface-gradient-1);
  --app-surface-gradient-2: var(--dav-surface-gradient-2);
  --app-shadow: var(--dav-shadow);
  --app-border: var(--dav-border);
  --app-scrollbar: var(--dav-scrollbar);
  --app-text-highlight: var(--dav-text-highlight, #ffffff);
  --app-pressed-stroke: var(--dav-pressedStroke, #000000);
}
[data-page="cr"] {
  --app-primary: var(--cr-primary);
  --app-accent: var(--cr-accent);
  --app-surface-tint: var(--cr-surface-tint);
  --app-surface-gradient-1: var(--cr-surface-gradient-1);
  --app-surface-gradient-2: var(--cr-surface-gradient-2);
  --app-shadow: var(--cr-shadow);
  --app-border: var(--cr-border);
  --app-scrollbar: var(--cr-scrollbar);
  --app-text-highlight: var(--cr-text-highlight, #ffffff);
  --app-pressed-stroke: var(--cr-pressedStroke, #000000);
}
[data-page="tr"] {
  --app-primary: var(--tr-primary);
  --app-accent: var(--tr-accent);
  --app-surface-tint: var(--tr-surface-tint);
  --app-surface-gradient-1: var(--tr-surface-gradient-1);
  --app-surface-gradient-2: var(--tr-surface-gradient-2);
  --app-shadow: var(--tr-shadow);
  --app-border: var(--tr-border);
  --app-scrollbar: var(--tr-scrollbar);
  --app-text-highlight: var(--tr-text-highlight, #ffffff);
  --app-pressed-stroke: var(--tr-pressedStroke, #000000);
}
[data-page="ft"] {
  --app-primary: var(--ft-primary);
  --app-accent: var(--ft-accent);
  --app-surface-tint: var(--ft-surface-tint);
  --app-surface-gradient-1: var(--ft-surface-gradient-1);
  --app-surface-gradient-2: var(--ft-surface-gradient-2);
  --app-shadow: var(--ft-shadow);
  --app-border: var(--ft-border);
  --app-scrollbar: var(--ft-scrollbar);
  --app-text-highlight: var(--ft-text-highlight, #ffffff);
  --app-pressed-stroke: var(--ft-pressedStroke, #000000);
}
[data-page="nt"] {
  --app-primary: var(--nt-primary);
  --app-accent: var(--nt-accent);
  --app-surface-tint: var(--nt-surface-tint);
  --app-surface-gradient-1: var(--nt-surface-gradient-1);
  --app-surface-gradient-2: var(--nt-surface-gradient-2);
  --app-shadow: var(--nt-shadow);
  --app-border: var(--nt-border);
  --app-scrollbar: var(--nt-scrollbar);
  --app-text-highlight: var(--nt-text-highlight, #ffffff);
  --app-pressed-stroke: var(--nt-pressedStroke, #000000);
}
[data-page="mhi"] {
  --app-primary: var(--mhi-primary);
  --app-accent: var(--mhi-accent);
  --app-surface-tint: var(--mhi-surface-tint);
  --app-surface-gradient-1: var(--mhi-surface-gradient-1);
  --app-surface-gradient-2: var(--mhi-surface-gradient-2);
  --app-shadow: var(--mhi-shadow);
  --app-border: var(--mhi-border);
  --app-scrollbar: var(--mhi-scrollbar);
  --app-text-highlight: var(--mhi-text-highlight, #ffffff);
  --app-pressed-stroke: var(--mhi-pressedStroke, #000000);
}
[data-page="li"] {
  --app-primary: var(--li-primary);
  --app-accent: var(--li-accent);
  --app-surface-tint: var(--li-surface-tint);
  --app-surface-gradient-1: var(--li-surface-gradient-1);
  --app-surface-gradient-2: var(--li-surface-gradient-2);
  --app-shadow: var(--li-shadow);
  --app-border: var(--li-border);
  --app-scrollbar: var(--li-scrollbar);
  --app-text-highlight: var(--li-text-highlight, #ffffff);
  --app-pressed-stroke: var(--li-pressedStroke, #000000);
}
[data-page="fsh"] {
  --app-primary: var(--fsh-primary);
  --app-accent: var(--fsh-accent);
  --app-surface-tint: var(--fsh-surface-tint);
  --app-surface-gradient-1: var(--fsh-surface-gradient-1);
  --app-surface-gradient-2: var(--fsh-surface-gradient-2);
  --app-shadow: var(--fsh-shadow);
  --app-border: var(--fsh-border);
  --app-scrollbar: var(--fsh-scrollbar);
  --app-text-highlight: var(--fsh-text-highlight, #ffffff);
  --app-pressed-stroke: var(--fsh-pressedStroke, #000000);
}
[data-page="aes"] {
  --app-primary: var(--aes-primary);
  --app-accent: var(--aes-accent);
  --app-surface-tint: var(--aes-surface-tint);
  --app-surface-gradient-1: var(--aes-surface-gradient-1);
  --app-surface-gradient-2: var(--aes-surface-gradient-2);
  --app-shadow: var(--aes-shadow);
  --app-border: var(--aes-border);
  --app-scrollbar: var(--aes-scrollbar);
  --app-text-highlight: var(--aes-text-highlight, #ffffff);
  --app-pressed-stroke: var(--aes-pressedStroke, #000000);
}

/* -- Toolbar base: button reset, animations, reduced motion -- */
.app-menu-btn,
.app-share-btn,
.app-collections-button,
.app-resources-button,
.app-translate-button,
.app-toolbar-return-button,
.app-overlay-return-button,
.app-quiz-button,
.app-collections-dropdown-close-btn,
.app-collection-detail-back-btn,
.app-collection-detail-close-btn,
.app-full-collection-close-btn,
.app-resources-dropdown-close-btn,
.app-collections-view-all-btn,
.app-share-platform-btn,
.app-filter-tab,
.app-collections-card-delete-btn,
.app-profile-button {
  font-family: inherit;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  outline: none;
}
.app-menu-btn,
.app-share-btn,
.app-collections-button,
.app-resources-button,
.app-translate-button,
.app-toolbar-return-button,
.app-overlay-return-button,
.app-quiz-button,
.app-profile-button {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 8px;
  color: var(--app-primary);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-menu-btn svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-share-btn svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-collections-button svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-resources-button svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-translate-button > svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button svg,
.app-overlay-return-button svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-quiz-button svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-profile-button svg {
  width: auto;
  height: 36px;
  display: block;
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  .app-menu-btn:hover,
  .app-share-btn:hover,
  .app-collections-button:hover,
  .app-resources-button:hover,
  .app-translate-button:hover,
  .app-toolbar-return-button:hover,
  .app-overlay-return-button:hover,
  .app-quiz-button:hover,
  .app-profile-button:hover {
    transform: translateY(-3px);
  }
}
@media (hover: none) {
  .app-menu-btn.is-hover,
  .app-share-btn.is-hover,
  .app-collections-button.is-hover,
  .app-resources-button.is-hover,
  .app-translate-button.is-hover,
  .app-toolbar-return-button.is-hover,
  .app-overlay-return-button.is-hover,
  .app-quiz-button.is-hover,
  .app-profile-button.is-hover {
    transform: translateY(-3px);
  }
}
@media (hover: hover) {
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-menu-btn:hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-share-btn:hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-collections-button:hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-resources-button:hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-translate-button:hover > svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button:hover svg,
  .app-overlay-return-button:hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-quiz-button:hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-profile-button:hover svg {
    transform: scale(1.15);
  }
}
@media (hover: none) {
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-menu-btn.is-hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-share-btn.is-hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-collections-button.is-hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-resources-button.is-hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-translate-button.is-hover > svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button.is-hover svg,
  .app-overlay-return-button.is-hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-quiz-button.is-hover svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-profile-button.is-hover svg {
    transform: scale(1.15);
  }
}
.app-menu-btn:active,
.app-share-btn:active,
.app-collections-button:active,
.app-resources-button:active,
.app-translate-button:active,
.app-toolbar-return-button:active,
.app-overlay-return-button:active,
.app-quiz-button:active,
.app-profile-button:active {
  transform: translateY(1px);
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-menu-btn:active svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-share-btn:active svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-collections-button:active svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-resources-button:active svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-translate-button:active > svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button:active svg,
.app-overlay-return-button:active svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-quiz-button:active svg,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-profile-button:active svg {
  transform: scale(1.05);
}
.app-menu-btn:focus-visible,
.app-share-btn:focus-visible,
.app-collections-button:focus-visible,
.app-resources-button:focus-visible,
.app-translate-button:focus-visible,
.app-toolbar-return-button:focus-visible,
.app-overlay-return-button:focus-visible,
.app-quiz-button:focus-visible,
.app-profile-button:focus-visible {
  outline: 3px solid var(--app-primary);
  outline-offset: 3px;
}
/* Shared animations.  Used by Collections cards and the Share panel/toast/count. */
@keyframes app-card-fade-in {
  from {
    opacity: 0;
    transform: translateX(18px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes app-count-bump {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.30);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes app-milestone-glow {
  0% {
    box-shadow: 0 0 0 0 var(--app-shadow);
    border-color: var(--app-surface-tint);
  }
  30% {
    box-shadow: 0 0 14px 3px var(--app-shadow);
    border-color: var(--app-border);
  }
  70% {
    box-shadow: 0 0 10px 2px var(--app-shadow);
    border-color: var(--app-border);
  }
  100% {
    box-shadow: 0 0 0 0 var(--app-shadow);
    border-color: var(--app-surface-tint);
  }
}
@keyframes app-toast-enter {
  0% {
    opacity: 0;
    transform: translateY(12px) scale(0.94);
  }
  60% {
    opacity: 1;
    transform: translateY(-3px) scale(1.01);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes app-toast-exit {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(8px) scale(0.97);
  }
}
@keyframes app-shimmer {
  0% {
    transform: translateX(-100%) skewX(-12deg);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    transform: translateX(200%) skewX(-12deg);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-menu-btn,
  .app-share-btn,
  .app-collections-button,
  .app-resources-button,
  .app-translate-button,
  .app-toolbar-return-button,
  .app-overlay-return-button,
  .app-quiz-button,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-menu-btn svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-share-btn svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-collections-button svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-resources-button svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-translate-button > svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button svg,
  .app-overlay-return-button svg,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-quiz-button svg,
  .app-profile-button,
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-profile-button svg {
    transition: none;
    animation: none;
  }
}
@media print {
  .app-menu-mount,
  .app-overlay-return-mount {
    display: none !important;
  }
}

/* ==========================================================================
   6. Toolbar and drop-downs shared by all pages (menu, return, translate, resources, share, collections)
   ========================================================================== */

/* -- Menu button and toolbar -- */
.app-menu-btn-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-inline-start: 0;
  z-index: 9999;
}
.app-menu-btn {
  background: var(--app-surface-tint);
  border: 2px solid var(--app-border);
  padding: 2px 4px;
  height: 38px;
  box-sizing: border-box;
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-menu-btn svg path {
  fill: var(--app-accent);
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-menu-btn svg {
  height: 30px;
}
@media (hover: hover) {
  .app-menu-btn:hover {
    border-color: var(--app-accent);
  }
}
@media (hover: none) {
  .app-menu-btn.is-hover {
    border-color: var(--app-accent);
  }
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-menu-btn:active svg path {
  fill: var(--app-primary);
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-menu-btn svg {
  height: 28px;
}
:where(html:not([data-layout="laptop"])) .app-menu-btn {
  padding: 6px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-menu-btn svg {
  height: 26px;
}
:where(html:not([data-layout="laptop"])) .app-menu-btn {
  padding: 5px;
}

.app-menu-mount {
  display: flex;
  align-items: center;
}
.app-tools-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + 8px);
  background: var(--app-surface-tint);
  border: 1.5px solid var(--app-border);
  border-radius: 12px;
  padding: 6px 8px;
  box-shadow: 0 8px 32px var(--app-shadow);
  z-index: 9998;
  opacity: 0;
  transform: scale(0.92);
  pointer-events: none;
  transform-origin: top right;
  transition: opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1), transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.app-tools-toolbar.toolbar-visible {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) .app-tools-toolbar {
  inset-inline-end: 0;
  padding: 4px 6px;
  border-radius: 10px;
}

@media (prefers-reduced-motion: reduce) {
  .app-tools-toolbar {
    transition: opacity 0.1s ease;
    transform: none !important;
  }
}
@media print {
  .app-menu-btn-wrapper,
  .app-tools-toolbar {
    display: none !important;
  }
}
.app-toolbar-return-button-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 9999;
}
.app-quiz-button-wrapper,
.app-profile-button-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 9999;
}

/* -- Return buttons -- */
.app-toolbar-return-button:active,
.app-toolbar-return-button.pressed,
.app-overlay-return-button:active,
.app-overlay-return-button.pressed,
.app-quiz-button:active,
.app-quiz-button.pressed,
.app-profile-button:active,
.app-profile-button.pressed {
  color: var(--app-accent);
}
/* Overlay Return button.  Sits on the blurred/locked page, top corner, above everything. */
.app-overlay-return-button-wrapper {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 16px;
  inset-inline-start: 24px;
  z-index: 4;
}
.app-overlay-return-tooltip {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--app-primary);
  background: var(--app-surface-tint);
  border: 1px solid var(--app-surface-tint);
  border-radius: 999px;
  padding: 4px 10px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  margin-top: 4px;
}
.app-overlay-return-tooltip.visible {
  opacity: 1;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) .app-overlay-return-tooltip {
  font-size: 0.7rem;
  padding: 3px 8px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) .app-overlay-return-tooltip {
  font-size: 0.65rem;
  padding: 3px 7px;
}

@media (prefers-reduced-motion: reduce) {
  .app-overlay-return-tooltip {
    transition: none;
  }
}
.app-toolbar-return-button.disabled,
.app-overlay-return-button.disabled {
  color: #9CA3AF;
  pointer-events: none;
  cursor: default;
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button.disabled svg path,
.app-overlay-return-button.disabled svg path {
  fill: #9CA3AF;
}
.app-toolbar-return-button.disabled:active,
.app-overlay-return-button.disabled:active {
  transform: none;
  color: #9CA3AF;
}
@media (hover: hover) {
  .app-toolbar-return-button.disabled:hover,
  .app-overlay-return-button.disabled:hover {
    transform: none;
    color: #9CA3AF;
  }
}
@media (hover: none) {
  .app-toolbar-return-button.disabled.is-hover,
  .app-overlay-return-button.disabled.is-hover {
    transform: none;
    color: #9CA3AF;
  }
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button.disabled:active svg,
.app-overlay-return-button.disabled:active svg {
  transform: none;
}
@media (hover: hover) {
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button.disabled:hover svg,
  .app-overlay-return-button.disabled:hover svg {
    transform: none;
  }
}
@media (hover: none) {
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button.disabled.is-hover svg,
  .app-overlay-return-button.disabled.is-hover svg {
    transform: none;
  }
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button.disabled:active svg path,
.app-overlay-return-button.disabled:active svg path {
  fill: #9CA3AF;
}
@media (hover: hover) {
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button.disabled:hover svg path,
  .app-overlay-return-button.disabled:hover svg path {
    fill: #9CA3AF;
  }
}
@media (hover: none) {
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-toolbar-return-button.disabled.is-hover svg path,
  .app-overlay-return-button.disabled.is-hover svg path {
    fill: #9CA3AF;
  }
}
.app-toolbar-return-button.disabled:focus-visible,
.app-overlay-return-button.disabled:focus-visible {
  outline: none;
}

/* -- Translate drop-down -- */
.app-translate-button-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 9999;
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-translate-button > svg path {
  fill: var(--app-primary);
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-translate-button:active > svg path,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-translate-button.pressed > svg path {
  fill: var(--app-accent);
}
.app-translate-button.active {
  background: var(--app-surface-tint);
  box-shadow: 0 4px 12px var(--app-shadow);
}
.app-translate-dropdown-container {
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: 0;
  background: var(--container-bg, #ffffff);
  border-radius: 12px;
  box-shadow: 0 8px 24px var(--app-shadow);
  border: 2px solid var(--app-border);
  min-width: 280px;
  max-height: 400px;
  overflow-y: auto;
  z-index: 1600;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
.app-translate-dropdown-container.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.app-translate-dropdown-container.hidden {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}
.app-translate-dropdown-container::-webkit-scrollbar {
  width: 8px;
}
.app-translate-dropdown-container::-webkit-scrollbar-track {
  background: var(--app-surface-tint);
  border-radius: 10px;
}
.app-translate-dropdown-container::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar);
  border-radius: 10px;
  transition: background 0.3s ease;
}
@media (hover: hover) {
  .app-translate-dropdown-container::-webkit-scrollbar-thumb:hover {
    background: var(--app-primary);
  }
}
.app-translate-dropdown-container {
  scrollbar-width: thin;
  scrollbar-color: var(--app-scrollbar) var(--app-surface-tint);
}
.app-translate-dropdown-item {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  cursor: pointer;
  transition: all 0.25s ease;
  border-bottom: 1px solid var(--border-light);
  gap: 12px;
}
.app-translate-dropdown-item:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  .app-translate-dropdown-item:hover {
    background: linear-gradient(135deg, var(--app-surface-gradient-1), var(--app-surface-gradient-2));
    padding-inline-start: 20px;
  }
}
@media (hover: none) {
  .app-translate-dropdown-item.is-hover {
    background: linear-gradient(135deg, var(--app-surface-gradient-1), var(--app-surface-gradient-2));
    padding-inline-start: 20px;
  }
}
.app-translate-dropdown-icon {
  font-size: 24px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.app-translate-dropdown-text {
  font-size: 14px;
  font-weight: 500;
  color: var(--context-text);
  flex: 1;
}
@media (hover: hover) {
  .app-translate-dropdown-item:hover .app-translate-dropdown-text {
    color: var(--app-primary);
  }
}
@media (hover: none) {
  .app-translate-dropdown-item.is-hover .app-translate-dropdown-text {
    color: var(--app-primary);
  }
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 768px)). */
:where(html:not([data-layout="laptop"])) .app-translate-dropdown-container {
  min-width: 260px;
  max-width: 300px;
  max-height: 350px;
}
:where(html:not([data-layout="laptop"])) .app-translate-dropdown-item {
  padding: 14px 18px;
}
:where(html:not([data-layout="laptop"])) .app-translate-dropdown-icon {
  font-size: 22px;
  width: 26px;
  height: 26px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) .app-translate-dropdown-container {
  min-width: 240px;
  max-width: 280px;
  max-height: 320px;
}
:where(html:not([data-layout="laptop"])) .app-translate-dropdown-text {
  font-size: 13px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) .app-translate-dropdown-container {
  max-height: 300px;
}
:where(html:not([data-layout="laptop"])) .app-translate-dropdown-icon {
  font-size: 20px;
  width: 24px;
  height: 24px;
}

@media (prefers-reduced-motion: reduce) {
  .app-translate-dropdown-container,
  .app-translate-dropdown-item,
  .app-translate-button {
    animation: none !important;
    transition: none !important;
  }
}

/* -- Resources drop-down -- */
.app-resources-button-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  order: 0;
  margin-inline-start: auto;
  margin-inline-end: 0;
  position: relative;
  z-index: 9999;
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-resources-button:active svg path,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-resources-button.pressed svg path {
  fill: var(--app-accent);
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-resources-button svg {
  height: 32px;
}
:where(html:not([data-layout="laptop"])) .app-resources-button {
  padding: 6px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-resources-button svg {
  height: 28px;
}
:where(html:not([data-layout="laptop"])) .app-resources-button {
  padding: 5px;
}

.app-resources-dropdown {
  position: absolute;
  top: calc(100% + 12px);
  inset-inline-end: 0;
  width: 320px;
  max-width: calc(95 * var(--vw));
  max-height: calc(80 * var(--vh));
  background: var(--container-bg, #ffffff);
  border-radius: 12px;
  border-inline-start: 3px solid var(--app-border);
  box-shadow: 0 4px 20px var(--app-shadow);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px) scale(0.97);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.app-resources-dropdown.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.app-resources-dropdown::-webkit-scrollbar {
  width: 6px;
}
.app-resources-dropdown::-webkit-scrollbar-track {
  background: var(--border-light);
  border-start-end-radius: 12px;
  border-end-end-radius: 12px;
}
.app-resources-dropdown::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar);
  border-radius: 6px;
  transition: background 0.3s ease;
}
@media (hover: hover) {
  .app-resources-dropdown::-webkit-scrollbar-thumb:hover {
    background: var(--app-accent);
  }
}
.app-resources-dropdown {
  scrollbar-width: thin;
  scrollbar-color: var(--app-scrollbar) var(--border-light);
}
.app-resources-dropdown-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 12px 16px;
  border-bottom: 1px solid var(--app-surface-tint);
  position: sticky;
  top: 0;
  background: var(--container-bg, #ffffff);
  z-index: 1;
  border-radius: 12px 12px 0 0;
}
.app-resources-dropdown-title {
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--app-primary);
}
/* The colon after the title is drawn here so the translated text stays clean. */
.app-resources-dropdown-title::after {
  content: ":";
}
.app-resources-dropdown-close-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 1;
  color: var(--app-primary);
  padding: 2px 6px;
  border-radius: 6px;
  transition: background 0.2s ease, color 0.2s ease;
}
@media (hover: hover) {
  .app-resources-dropdown-close-btn:hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
@media (hover: none) {
  .app-resources-dropdown-close-btn.is-hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
.app-resources-accordion {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.app-resources-accordion-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--app-surface-tint);
}
.app-resources-accordion-item:last-child {
  border-bottom: none;
}
.app-resources-accordion-trigger {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  background: transparent;
  border: none;
  padding: 12px 16px;
  text-align: start;
  transition: background 0.2s ease;
}
.app-resources-accordion-trigger.active {
  background: var(--app-surface-tint);
}
@media (hover: hover) {
  .app-resources-accordion-trigger:hover {
    background: var(--app-surface-tint);
  }
}
@media (hover: none) {
  .app-resources-accordion-trigger.is-hover {
    background: var(--app-surface-tint);
  }
}
.app-resources-accordion-icon {
  font-size: 1rem;
  flex-shrink: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--app-primary);
}
.app-resources-accordion-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}
.app-resources-accordion-label {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary, #1a1a1a);
  line-height: 1.3;
}
.app-resources-accordion-chevron {
  font-size: 1.1rem;
  font-weight: 300;
  color: var(--app-primary);
  flex-shrink: 0;
  line-height: 1;
  transition: transform 0.25s ease;
  display: inline-block;
}
.app-resources-accordion-trigger.active .app-resources-accordion-chevron {
  transform: rotate(90deg);
}
.app-resources-accordion-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 16px;
}
.app-resources-accordion-panel.open {
  max-height: 400px;
  padding: 4px 16px 12px 16px;
}
.app-resources-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.app-resources-list li {
  font-size: 0.825rem;
  line-height: 1.45;
  color: var(--text-secondary, #444444);
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--app-surface-tint);
  border-inline-start: 2px solid var(--app-surface-tint);
  transition: background 0.2s ease, border-inline-start-color 0.2s ease;
}
@media (hover: hover) {
  .app-resources-list li:hover {
    border-inline-start-color: var(--app-accent);
  }
}
@media (hover: none) {
  .app-resources-list li.is-hover {
    border-inline-start-color: var(--app-accent);
  }
}
.app-resources-list li a {
  color: var(--app-primary);
  text-decoration: none;
  font-weight: 500;
  display: block;
}
@media (hover: hover) {
  .app-resources-list li a:hover {
    text-decoration: underline;
    color: var(--app-accent);
  }
}
@media (hover: none) {
  .app-resources-list li a.is-hover {
    text-decoration: underline;
    color: var(--app-accent);
  }
}
.app-resources-list .app-resources-empty {
  font-size: 0.8rem;
  color: var(--text-muted, #999999);
  font-style: italic;
  padding: 6px 10px;
  text-align: center;
}
.app-resources-entry-desc {
  display: block;
  font-size: 0.75rem;
  color: var(--text-muted, #999999);
  margin-top: 2px;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) .app-resources-dropdown {
  width: 290px;
  max-height: calc(75 * var(--vh));
}
:where(html:not([data-layout="laptop"])) .app-resources-accordion-trigger {
  padding: 11px 14px;
}
:where(html:not([data-layout="laptop"])) .app-resources-accordion-label {
  font-size: 0.845rem;
}
:where(html:not([data-layout="laptop"])) .app-resources-accordion-panel.open {
  padding: 4px 14px 10px 14px;
}
:where(html:not([data-layout="laptop"])) .app-resources-list li {
  font-size: 0.8rem;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) .app-resources-dropdown {
  width: 260px;
}
:where(html:not([data-layout="laptop"])) .app-resources-accordion-trigger {
  padding: 10px 12px;
  gap: 8px;
}
:where(html:not([data-layout="laptop"])) .app-resources-accordion-label {
  font-size: 0.825rem;
}
:where(html:not([data-layout="laptop"])) .app-resources-accordion-panel.open {
  padding: 4px 12px 10px 12px;
}

@media (prefers-reduced-motion: reduce) {
  .app-resources-accordion-panel,
  .app-resources-accordion-chevron {
    transition: none;
  }
}
@media (prefers-contrast: high) {
  .app-resources-accordion-trigger {
    outline: 1px solid currentColor;
  }
  .app-resources-list li {
    border-inline-start-width: 3px;
  }
}
@media print {
  .app-resources-dropdown {
    display: none;
  }
}

/* -- Share drop-down -- */
.app-share-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  position: relative;
  z-index: 9999;
  order: 2;
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-share-btn svg path {
  stroke: var(--app-primary);
  fill: none;
  transition: stroke 0.3s ease;
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-share-btn:active svg path,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-share-btn.pressed svg path,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-share-btn[aria-expanded="true"] svg path {
  stroke: var(--app-accent);
}
@media (hover: hover) {
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-share-btn:hover svg path {
    stroke: var(--app-accent);
  }
}
@media (hover: none) {
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-share-btn.is-hover svg path {
    stroke: var(--app-accent);
  }
}
.app-share-btn[aria-expanded="true"] {
  transform: translateY(1px);
}
.app-share-panel {
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: 0;
  z-index: 10000;
  width: 320px;
  max-width: calc(92 * var(--vw));
  max-height: calc(82 * var(--vh));
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: var(--container-bg, #ffffff);
  border-radius: 16px;
  border: 1px solid var(--app-surface-tint);
  box-shadow: 0 4px 24px var(--app-shadow), 0 1px 4px var(--app-shadow), 0 0 0 1px var(--app-surface-tint);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 18px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px) scale(0.95);
  transition: opacity 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1.00);
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}
.app-share-panel.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px) scale(0.95);
}
.app-share-panel--open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  will-change: auto;
}
.app-share-panel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(90deg, var(--app-surface-gradient-1), var(--app-primary), var(--app-surface-gradient-2));
  opacity: 0.9;
  pointer-events: none;
}
.app-share-panel::-webkit-scrollbar {
  width: 4px;
}
.app-share-panel::-webkit-scrollbar-track {
  background: var(--app-surface-tint);
  border-radius: 4px;
}
.app-share-panel::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar);
  border-radius: 4px;
}
@media (hover: hover) {
  .app-share-panel::-webkit-scrollbar-thumb:hover {
    background: var(--app-primary);
  }
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 400px)). */
:where(html:not([data-layout="laptop"])) .app-share-panel {
  width: calc(92 * var(--vw));
  max-width: calc(92 * var(--vw));
  inset-inline-end: 0;
  inset-inline-start: auto;
}

.app-share-panel.app-panel-first-open::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--app-surface-tint), transparent);
  pointer-events: none;
  animation: app-shimmer 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  border-radius: 16px;
}
.share-card-thumbnail-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--app-surface-tint);
  flex-shrink: 0;
}
.share-card-thumbnail-wrapper.hidden {
  display: none;
}
.share-card-thumbnail-wrapper.visible {
  display: block;
}
.share-card-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
}
.share-card-play-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--app-primary);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.share-card-play-hint svg {
  width: 22px;
  height: 22px;
  display: block;
  flex-shrink: 0;
}
.share-card-play-hint svg path {
  fill: #ffffff;
}
.share-card-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px;
  background: linear-gradient(135deg, var(--app-surface-gradient-1), var(--app-surface-gradient-2));
}
.app-share-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--app-accent);
  margin: 0;
  line-height: 1.2;
}
.app-share-text {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-color, #1f2937);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.share-card-cta {
  font-size: 11px;
  font-weight: 600;
  color: var(--app-primary);
  margin: 0;
  letter-spacing: 0.01em;
  line-height: 1.3;
}
.share-card-branding {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  background: var(--app-surface-tint);
  border-top: 1px solid var(--app-surface-tint);
  flex-shrink: 0;
}
.app-share-app-name {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--app-accent);
  line-height: 1.2;
}
.app-share-count-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 10px 14px;
  background: var(--app-surface-tint);
  border-radius: 8px;
  border: 1px solid var(--app-surface-tint);
}
.app-share-count-row svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  display: block;
}
.app-share-count-row svg path {
  stroke: var(--app-primary);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.22s ease;
}
.app-share-count {
  font-size: 13px;
  font-weight: 700;
  color: var(--app-accent);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
  line-height: 1;
  min-width: 18px;
  text-align: center;
  transition: color 0.22s ease;
}
.app-share-count-row span:last-child {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-muted, #6b7280);
  line-height: 1.2;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.app-share-count-bump {
  animation: app-count-bump 0.35s cubic-bezier(0.34, 1.56, 0.64, 1.00) forwards;
}
.app-share-count-row.app-share-milestone {
  animation: app-milestone-glow 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.app-share-count-row.app-share-count-zero {
  opacity: 0.55;
}
.app-share-count-row.app-share-count-zero .app-share-count {
  color: var(--text-muted, #999999);
}
.app-share-platforms {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 100%;
  flex-shrink: 0;
}
.app-share-platform-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--container-bg, #ffffff);
  border: 1px solid var(--app-surface-tint);
  font-size: 13px;
  font-weight: 500;
  color: var(--text-color, #1f2937);
  letter-spacing: 0.01em;
  line-height: 1.2;
  white-space: nowrap;
  text-align: start;
  transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1.00), box-shadow 0.22s ease;
}
.app-share-platform-btn svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  display: block;
  transition: transform 0.22s ease;
}
.app-share-platform-btn span {
  flex: 1;
  line-height: 1.2;
}
@media (hover: hover) {
  .app-share-platform-btn:hover {
    background: var(--app-surface-tint);
    border-color: var(--app-border);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px var(--app-shadow);
  }
}
@media (hover: none) {
  .app-share-platform-btn.is-hover {
    background: var(--app-surface-tint);
    border-color: var(--app-border);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px var(--app-shadow);
  }
}
@media (hover: hover) {
  .app-share-platform-btn:hover svg {
    transform: scale(1.10);
  }
}
@media (hover: none) {
  .app-share-platform-btn.is-hover svg {
    transform: scale(1.10);
  }
}
.app-share-platform-btn:active {
  background: var(--app-surface-tint);
  border-color: var(--app-border);
  transform: translateY(1px);
  box-shadow: none;
}
.app-share-platform-btn:active svg {
  transform: scale(0.95);
}
.app-share-platform-btn:focus-visible {
  outline: 3px solid var(--app-shadow);
  outline-offset: 2px;
}
.app-share-platform-btn[data-platform="whatsapp"] svg path {
  fill: #25D366;
}
.app-share-platform-btn[data-platform="instagram"] svg path {
  fill: #E1306C;
}
.app-share-platform-btn[data-platform="facebook"] svg path {
  fill: #1877F2;
}
.app-share-platform-btn[data-platform="x"] svg path {
  fill: #000000;
}
.app-share-platform-btn[data-platform="telegram"] svg path {
  fill: #229ED9;
}
.app-share-platform-btn[data-platform="linkedin"] svg path {
  fill: #0A66C2;
}
.app-share-platform-btn[data-platform="reddit"] svg path {
  fill: #FF4500;
}
@media (hover: hover) {
  .app-share-platform-btn[data-platform="whatsapp"]:hover svg path {
    fill: #1aab52;
  }
}
@media (hover: none) {
  .app-share-platform-btn[data-platform="whatsapp"].is-hover svg path {
    fill: #1aab52;
  }
}
@media (hover: hover) {
  .app-share-platform-btn[data-platform="instagram"]:hover svg path {
    fill: #c01f59;
  }
}
@media (hover: none) {
  .app-share-platform-btn[data-platform="instagram"].is-hover svg path {
    fill: #c01f59;
  }
}
@media (hover: hover) {
  .app-share-platform-btn[data-platform="facebook"]:hover svg path {
    fill: #0d65d9;
  }
}
@media (hover: none) {
  .app-share-platform-btn[data-platform="facebook"].is-hover svg path {
    fill: #0d65d9;
  }
}
@media (hover: hover) {
  .app-share-platform-btn[data-platform="x"]:hover svg path {
    fill: #333333;
  }
}
@media (hover: none) {
  .app-share-platform-btn[data-platform="x"].is-hover svg path {
    fill: #333333;
  }
}
@media (hover: hover) {
  .app-share-platform-btn[data-platform="telegram"]:hover svg path {
    fill: #1a8bbf;
  }
}
@media (hover: none) {
  .app-share-platform-btn[data-platform="telegram"].is-hover svg path {
    fill: #1a8bbf;
  }
}
@media (hover: hover) {
  .app-share-platform-btn[data-platform="linkedin"]:hover svg path {
    fill: #0852a0;
  }
}
@media (hover: none) {
  .app-share-platform-btn[data-platform="linkedin"].is-hover svg path {
    fill: #0852a0;
  }
}
@media (hover: hover) {
  .app-share-platform-btn[data-platform="reddit"]:hover svg path {
    fill: #cc3700;
  }
}
@media (hover: none) {
  .app-share-platform-btn[data-platform="reddit"].is-hover svg path {
    fill: #cc3700;
  }
}
.app-share-platform-btn[data-platform="copy"] svg path {
  stroke: var(--app-primary);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (hover: hover) {
  .app-share-platform-btn[data-platform="copy"]:hover svg path {
    stroke: var(--app-accent);
  }
}
@media (hover: none) {
  .app-share-platform-btn[data-platform="copy"].is-hover svg path {
    stroke: var(--app-accent);
  }
}
.app-share-toast {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 10px 14px;
  border-radius: 8px;
  background: #1a1a1a;
  border: 1px solid var(--app-border);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.01em;
  box-shadow: 0 4px 16px var(--app-shadow), 0 0 0 1px var(--app-border);
  opacity: 0;
  transform: translateY(8px) scale(0.97);
  pointer-events: none;
  transition: opacity 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1.00), visibility 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.app-share-toast.hidden {
  opacity: 0;
  transform: translateY(8px) scale(0.97);
  pointer-events: none;
  visibility: hidden;
}
.app-share-toast--visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: none;
  visibility: visible;
  animation: app-toast-enter 0.32s cubic-bezier(0.34, 1.56, 0.64, 1.00) forwards;
}
.app-share-toast.app-toast-exiting {
  animation: app-toast-exit 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  pointer-events: none;
}
.app-share-toast.app-toast-milestone {
  background: var(--app-primary);
  color: #ffffff;
  border-color: var(--app-border);
  font-weight: 600;
  font-size: 13px;
  box-shadow: 0 4px 20px var(--app-shadow), 0 0 0 2px var(--app-border);
}
.app-share-toast.app-toast-instagram {
  padding: 14px;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}
.app-share-clipboard-helper {
  position: fixed;
  top: -9999px;
  left: -9999px;
  opacity: 0;
}
.app-share-wrapper *::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.app-share-wrapper *::-webkit-scrollbar-track {
  background: var(--app-surface-tint);
  border-radius: 4px;
}
.app-share-wrapper *::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar);
  border-radius: 4px;
}
@media (hover: hover) {
  .app-share-wrapper *::-webkit-scrollbar-thumb:hover {
    background: var(--app-primary);
  }
}
.app-share-wrapper * {
  scrollbar-width: thin;
  scrollbar-color: var(--app-scrollbar) var(--app-surface-tint);
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) .app-share-panel {
  padding: 14px;
}
:where(html:not([data-layout="laptop"])) .app-share-platforms {
  gap: 6px;
}
:where(html:not([data-layout="laptop"])) .app-share-platform-btn {
  padding: 6px 10px;
  font-size: 12px;
  min-height: 40px;
}
:where(html:not([data-layout="laptop"])) .app-share-platform-btn svg {
  width: 18px;
  height: 18px;
}
:where(html:not([data-layout="laptop"])) .app-share-text {
  font-size: 12px;
}
:where(html:not([data-layout="laptop"])) .app-share-label,
:where(html:not([data-layout="laptop"])) .share-card-cta {
  font-size: 10px;
}
:where(html:not([data-layout="laptop"])) .app-share-count-row {
  padding: 6px 10px;
}
:where(html:not([data-layout="laptop"])) .app-share-count {
  font-size: 12px;
}

/* A phone turned sideways (label "phone-sideways", see layout.js). These rules used to sit in a media query on the window height ((max-height: 500px) and (orientation: landscape)). */
:where(html[data-layout="phone-sideways"]) .app-share-panel {
  max-height: calc(70 * var(--vh));
  padding: 10px 14px;
}
:where(html[data-layout="phone-sideways"]) .share-card-thumbnail-wrapper {
  display: none;
}
:where(html[data-layout="phone-sideways"]) .app-share-platforms {
  gap: 6px;
}
:where(html[data-layout="phone-sideways"]) .app-share-platform-btn {
  min-height: 38px;
  padding: 6px 10px;
}

@media (forced-colors: active) {
  .app-share-panel {
    border: 2px solid ButtonText;
  }
  .app-share-platform-btn {
    border: 2px solid ButtonText;
    color: ButtonText;
    outline: none;
  }
  .app-share-platform-btn:focus-visible {
    outline: 3px solid Highlight;
  }
  .app-share-btn {
    forced-color-adjust: none;
  }
  .app-share-toast {
    border: 2px solid ButtonText;
    background: Canvas;
    color: ButtonText;
  }
}
@media print {
  .app-share-wrapper {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-share-wrapper,
  .app-share-wrapper * {
    transition: none !important;
    animation: none !important;
  }
}

/* -- Collections drop-down and full-collection modal -- */
body.app-modal-open {
  overflow: hidden;
}
.app-collections-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 9999;
  order: 1;
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-collections-button svg path {
  fill: var(--app-primary);
}
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-collections-button:active svg path,
:where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-collections-button.active svg path {
  fill: var(--app-accent);
}
@media (hover: hover) {
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-collections-button:hover svg path {
    fill: var(--app-accent);
  }
}
@media (hover: none) {
  :where(.app-menu-mount:not([data-page="mq"]):not([data-page="dav"]):not([data-page="cr"]):not([data-page="tr"]):not([data-page="ft"]):not([data-page="nt"]):not([data-page="mhi"]):not([data-page="li"]):not([data-page="fsh"]):not([data-page="aes"])) .app-collections-button.is-hover svg path {
    fill: var(--app-accent);
  }
}
.app-collections-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: 0;
  width: 300px;
  max-width: calc(90 * var(--vw));
  max-height: calc(70 * var(--vh));
  background: var(--container-bg, #ffffff);
  border-radius: 14px;
  border: 1.5px solid var(--app-border);
  box-shadow: 0 8px 28px var(--app-shadow);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px) scale(0.96);
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1.00);
}
.app-collections-dropdown-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.app-collections-dropdown.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.app-collections-dropdown-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 12px 16px;
  border-bottom: 1px solid var(--app-surface-tint);
  flex-shrink: 0;
}
.app-collections-dropdown-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.app-collections-dropdown-title {
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--app-primary);
}
.app-collections-dropdown-count {
  font-size: 0.7rem;
  font-weight: 700;
  background: var(--app-surface-tint);
  color: var(--app-accent);
  padding: 2px 8px;
  border-radius: 999px;
  min-width: 20px;
  text-align: center;
  line-height: 1.4;
}
.app-collections-dropdown-close-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
  line-height: 1;
  color: var(--app-primary);
  padding: 2px 6px;
  border-radius: 6px;
  transition: background 0.2s ease, color 0.2s ease;
}
@media (hover: hover) {
  .app-collections-dropdown-close-btn:hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
@media (hover: none) {
  .app-collections-dropdown-close-btn.is-hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
.app-collections-dropdown-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 14px 14px 14px;
  overflow-y: auto;
}
.app-collections-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 28px 16px;
  gap: 6px;
}
.app-collections-empty-icon {
  font-size: 2rem;
  opacity: 0.6;
}
.app-collections-empty-title {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-primary, #333333);
  margin: 0;
}
.app-collections-empty-subtitle {
  font-size: 0.75rem;
  color: var(--text-muted, #888888);
  max-width: 220px;
  margin: 0;
  line-height: 1.4;
}
.app-collections-section-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--app-accent);
  margin: 0;
}
.app-collections-cards-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.app-collections-card {
  display: flex;
  gap: 10px;
  padding: 8px;
  border-radius: 10px;
  background: var(--app-surface-tint);
  border: 1px solid var(--app-surface-tint);
  cursor: pointer;
  opacity: 0;
  transform: translateX(18px);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.app-collections-card.app-collections-card-animate-in {
  animation: app-card-fade-in 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@media (hover: hover) {
  .app-collections-card:hover {
    background: var(--app-surface-tint);
    border-color: var(--app-border);
    box-shadow: 0 2px 10px var(--app-shadow);
  }
}
@media (hover: none) {
  .app-collections-card.is-hover {
    background: var(--app-surface-tint);
    border-color: var(--app-border);
    box-shadow: 0 2px 10px var(--app-shadow);
  }
}
.app-collections-card-thumbnail-wrapper {
  position: relative;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--app-surface-tint);
}
.app-collections-card-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.app-collections-card-thumbnail-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .app-collections-card:hover .app-collections-card-thumbnail-overlay {
    opacity: 1;
  }
}
@media (hover: none) {
  .app-collections-card.is-hover .app-collections-card-thumbnail-overlay {
    opacity: 1;
  }
}
.app-collections-card-thumbnail-overlay svg {
  width: 22px;
  height: 22px;
  display: block;
}
.app-collections-card-thumbnail-overlay svg path {
  fill: #ffffff;
}
.app-collections-card-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.app-collections-card-saved-on-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.app-collections-card-saved-on {
  font-size: 0.7rem;
  color: var(--text-muted, #888888);
  margin: 0;
}
.app-collections-card-delete-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-muted, #999999);
  padding: 2px;
  border-radius: 4px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease, background 0.2s ease;
}
@media (hover: hover) {
  .app-collections-card-delete-btn:hover {
    color: #e11d48;
    background: rgba(225, 29, 72, 0.1);
  }
}
@media (hover: none) {
  .app-collections-card-delete-btn.is-hover {
    color: #e11d48;
    background: rgba(225, 29, 72, 0.1);
  }
}
.app-collections-card-delete-btn svg {
  width: 15px;
  height: 15px;
  display: block;
}
.app-collections-card-text {
  font-size: 0.8rem;
  line-height: 1.35;
  color: var(--text-primary, #222222);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-collections-card-author {
  font-size: 0.7rem;
  color: var(--app-primary);
  margin: 0;
  font-weight: 500;
}
.app-collections-view-all-wrapper {
  display: none;
  padding: 2px 0 0 0;
}
.app-collections-view-all-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 9px 12px;
  border-radius: 10px;
  background: transparent;
  border: 1.5px solid var(--app-border);
  color: var(--app-primary);
  font-size: 0.8rem;
  font-weight: 600;
  transition: background 0.2s ease, transform 0.2s ease;
}
@media (hover: hover) {
  .app-collections-view-all-btn:hover {
    background: var(--app-surface-tint);
    transform: translateY(-1px);
  }
}
@media (hover: none) {
  .app-collections-view-all-btn.is-hover {
    background: var(--app-surface-tint);
    transform: translateY(-1px);
  }
}
.app-collections-view-all-btn svg {
  width: 14px;
  height: 14px;
  display: block;
}
.app-collections-view-all-btn svg path {
  fill: var(--app-primary);
}
.app-collection-detail-overlay {
  position: absolute;
  inset: 0;
  background: var(--container-bg, #ffffff);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  z-index: 10001;
  opacity: 0;
  pointer-events: none;
  transform: translateX(16px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.app-collection-detail-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
.app-collection-detail-overlay.hidden {
  opacity: 0;
  pointer-events: none;
}
.app-collection-detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid var(--app-surface-tint);
  flex-shrink: 0;
}
.app-collection-detail-back-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--app-primary);
  font-size: 0.8rem;
  font-weight: 600;
  padding: 4px 6px;
  border-radius: 6px;
  transition: background 0.2s ease;
}
@media (hover: hover) {
  .app-collection-detail-back-btn:hover {
    background: var(--app-surface-tint);
  }
}
@media (hover: none) {
  .app-collection-detail-back-btn.is-hover {
    background: var(--app-surface-tint);
  }
}
.app-collection-detail-back-btn svg {
  width: 20px;
  height: 20px;
  display: block;
}
.app-collection-detail-back-btn svg path {
  fill: var(--app-primary);
}
.app-collection-detail-close-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
  color: var(--app-primary);
  padding: 2px 6px;
  border-radius: 6px;
  transition: background 0.2s ease, color 0.2s ease;
}
@media (hover: hover) {
  .app-collection-detail-close-btn:hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
@media (hover: none) {
  .app-collection-detail-close-btn.is-hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
.app-collection-detail-body {
  flex: 1;
  overflow-y: auto;
  padding: 14px;
}
.app-collection-detail-thumbnail-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
  background: var(--app-surface-tint);
  margin-bottom: 12px;
}
.app-collection-detail-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.app-collection-detail-thumbnail-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
}
.app-collection-detail-thumbnail-overlay svg {
  width: 32px;
  height: 32px;
  display: block;
}
.app-collection-detail-thumbnail-overlay svg path {
  fill: #ffffff;
}
.app-collection-detail-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.app-collection-detail-text {
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--text-primary, #222222);
  margin: 0;
}
.app-collection-detail-author {
  font-size: 0.8rem;
  color: var(--app-primary);
  font-weight: 500;
  margin: 0;
}
.app-collection-detail-saved-on {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--text-muted, #888888);
  margin: 4px 0 0 0;
}
.app-collection-detail-saved-on svg {
  width: 14px;
  height: 14px;
  display: block;
  flex-shrink: 0;
}
.app-collection-detail-saved-on svg path {
  fill: var(--text-muted, #888888);
}
.app-full-collection-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.app-full-collection-modal-visible {
  opacity: 1;
  pointer-events: auto;
}
.app-full-collection-modal.hidden {
  opacity: 0;
  pointer-events: none;
}
.app-full-collection-panel {
  width: min(720px, calc(92 * var(--vw)));
  max-height: calc(82 * var(--vh));
  background: var(--container-bg, #ffffff);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: scale(0.95);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1.00);
}
.app-full-collection-modal-visible .app-full-collection-panel {
  transform: scale(1);
}
.app-full-collection-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--app-surface-tint);
  flex-shrink: 0;
}
.app-full-collection-header-left {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.app-full-collection-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--app-primary);
}
.app-full-collection-results-count {
  font-size: 0.8rem;
  color: var(--text-muted, #888888);
}
.app-full-collection-close-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 1;
  color: var(--app-primary);
  padding: 4px 8px;
  border-radius: 8px;
  transition: background 0.2s ease, color 0.2s ease;
}
@media (hover: hover) {
  .app-full-collection-close-btn:hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
@media (hover: none) {
  .app-full-collection-close-btn.is-hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
.app-full-collection-body {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.app-full-collection-filters-col {
  width: 160px;
  flex-shrink: 0;
  border-inline-end: 1px solid var(--app-surface-tint);
  padding: 14px 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow-y: auto;
}
.app-full-collection-filters-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted, #888888);
  margin-block: 0 6px;
  margin-inline-end: 0;
  margin-inline-start: 8px;
}
.app-filter-tab {
  background: transparent;
  border: none;
  text-align: start;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-primary, #333333);
  transition: background 0.2s ease, color 0.2s ease;
}
@media (hover: hover) {
  .app-filter-tab:hover {
    background: var(--app-surface-tint);
  }
}
@media (hover: none) {
  .app-filter-tab.is-hover {
    background: var(--app-surface-tint);
  }
}
.app-filter-tab.active {
  background: var(--app-surface-tint);
  color: var(--app-primary);
  font-weight: 700;
}
.app-full-collection-cards-col {
  flex: 1;
  overflow-y: auto;
  padding: 14px 20px;
}
.app-full-collection-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 20px;
  gap: 8px;
}
.app-full-collection-empty-icon {
  font-size: 2.4rem;
  opacity: 0.6;
}
.app-full-collection-empty-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-primary, #333333);
  margin: 0;
}
.app-full-collection-empty-subtitle {
  font-size: 0.8rem;
  color: var(--text-muted, #888888);
  margin: 0;
}
.app-full-collection-cards-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.app-collections-dropdown-body::-webkit-scrollbar,
.app-collection-detail-body::-webkit-scrollbar,
.app-full-collection-filters-col::-webkit-scrollbar,
.app-full-collection-cards-col::-webkit-scrollbar {
  width: 6px;
}
.app-collections-dropdown-body::-webkit-scrollbar-track,
.app-collection-detail-body::-webkit-scrollbar-track,
.app-full-collection-filters-col::-webkit-scrollbar-track,
.app-full-collection-cards-col::-webkit-scrollbar-track {
  background: var(--app-surface-tint);
  border-radius: 6px;
}
.app-collections-dropdown-body::-webkit-scrollbar-thumb,
.app-collection-detail-body::-webkit-scrollbar-thumb,
.app-full-collection-filters-col::-webkit-scrollbar-thumb,
.app-full-collection-cards-col::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar);
  border-radius: 6px;
}
@media (hover: hover) {
  .app-collections-dropdown-body::-webkit-scrollbar-thumb:hover,
  .app-collection-detail-body::-webkit-scrollbar-thumb:hover,
  .app-full-collection-filters-col::-webkit-scrollbar-thumb:hover,
  .app-full-collection-cards-col::-webkit-scrollbar-thumb:hover {
    background: var(--app-primary);
  }
}
.app-collections-dropdown-body,
.app-collection-detail-body,
.app-full-collection-filters-col,
.app-full-collection-cards-col {
  scrollbar-width: thin;
  scrollbar-color: var(--app-scrollbar) var(--app-surface-tint);
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 600px)). */
:where(html:not([data-layout="laptop"])) .app-full-collection-body {
  flex-direction: column;
}
:where(html:not([data-layout="laptop"])) .app-full-collection-filters-col {
  width: 100%;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  border-inline-end: none;
  border-block-end: 1px solid var(--app-surface-tint);
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) .app-collections-dropdown {
  width: calc(88 * var(--vw));
}
:where(html:not([data-layout="laptop"])) .app-full-collection-panel {
  width: calc(96 * var(--vw));
  max-height: calc(88 * var(--vh));
}
:where(html:not([data-layout="laptop"])) .app-full-collection-header {
  padding: 14px 16px;
}
:where(html:not([data-layout="laptop"])) .app-full-collection-cards-col {
  padding: 12px 16px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) .app-collections-card-thumbnail-wrapper {
  width: 48px;
  height: 48px;
}
:where(html:not([data-layout="laptop"])) .app-collections-card-text {
  font-size: 0.75rem;
}

@media (prefers-reduced-motion: reduce) {
  .app-collections-dropdown,
  .app-collections-card,
  .app-collection-detail-overlay,
  .app-full-collection-modal,
  .app-full-collection-panel {
    transition: none !important;
    animation: none !important;
  }
}
@media print {
  .app-collections-wrapper,
  .app-full-collection-modal {
    display: none !important;
  }
}

/* ==========================================================================
   7. Time-based lock overlay
   ========================================================================== */

/* -- Time-based blur and lock overlay -- */
.mq-content,
.dav-content {
  position: relative;
}
/* Base overlay (shared by Wisdom + Health + Soul + Style + Explore) */
.time-lock-overlay {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 100;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: all;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  will-change: transform, opacity;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.time-lock-overlay.active {
  display: flex;
}
.time-lock-overlay .vanta-blur-layer {
  will-change: backdrop-filter;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.time-lock-overlay .vanta-bg {
  will-change: transform;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.time-lock-overlay .lock-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.time-lock-overlay .lock-icon {
  width: 10rem;
  height: 10rem;
  animation: auroraLockPulse 2.5s ease-in-out infinite;
}
.time-lock-overlay .lock-label {
  font-size: 1.56rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 18px;
  border-radius: 999px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
@keyframes auroraLockPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
    filter: drop-shadow(0 0 8px currentColor);
  }
  50% {
    transform: scale(1.12);
    opacity: 0.75;
    filter: drop-shadow(0 0 20px currentColor) drop-shadow(0 0 40px currentColor);
  }
}

/* ==========================================================================
   8. Child pages, crests, master navigation containers, home button
   ========================================================================== */

/* -- Child pages, crests, nav containers, home button -- */
.child-pages-wrapper {
  display: block;
  width: 100%;
  position: relative;
}
.child-page {
  width: 100%;
  box-sizing: border-box;
  min-height: 100%;
  will-change: opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: opacity 0.35s ease;
  display: none;
  opacity: 0;
}
.child-page.child-page-shown {
  display: block;
}
.child-page.child-page-opaque {
  opacity: 1;
}
.child-page.child-page-no-transition {
  transition: none !important;
}
.child-crest {
  position: relative;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  padding: 4px;
  outline: none;
  color: #9CA3AF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
}
.child-crest::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #FFFFFF;
  pointer-events: none;
  transition: transform 0.2s ease;
}
.child-crest .crest-icon {
  position: relative;
  width: 32px;
  height: 32px;
  display: block;
  pointer-events: none;
  transition: transform 0.2s ease;
}
@media (hover: hover) {
  .child-crest:hover {
    color: var(--crest-own-color, var(--dot-active-color, #9CA3AF));
  }
}
@media (hover: none) {
  .child-crest.is-hover {
    color: var(--crest-own-color, var(--dot-active-color, #9CA3AF));
  }
}
@media (hover: hover) {
  .child-crest:hover::before,
  .child-crest:hover .crest-icon {
    transform: scale(1.15);
  }
}
@media (hover: none) {
  .child-crest.is-hover::before,
  .child-crest.is-hover .crest-icon {
    transform: scale(1.15);
  }
}
.child-crest.active-crest {
  color: var(--crest-own-color, var(--dot-active-color, #4a2e6b));
}
.child-crest.active-crest::before,
.child-crest.active-crest .crest-icon {
  transform: scale(1.1);
}
#masterCrestsContainer {
  position: fixed;
  bottom: calc(103px + 8px);
  left: 25%;
  transform: translateX(-50%);
  z-index: 201;
  padding: 0;
  margin: 0;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
#masterCrestsContainer.nav-visible {
  opacity: 1;
  pointer-events: auto;
}
#masterCrestsContainer .master-crest.active-crest {
  color: var(--crest-own-color, var(--dot-active-color, #4a2e6b));
}
#masterNavContainer1,
#masterNavContainer2 {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 12px;
  background: #FFFFFF;
  backdrop-filter: blur(16px) saturate(150%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  position: fixed;
  bottom: 20px;
  left: 25%;
  transform: translateX(-50%);
  width: calc(50% - 48px);
  max-width: none;
  z-index: 200;
  border-radius: 999px;
  box-shadow: none;
  margin: 0;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  border: 1.5px solid var(--nav-border-left, transparent);
  opacity: 0;
  pointer-events: none;
  transition: border-color 0.35s ease, opacity 0.4s ease;
}
#masterNavContainer1.nav-visible,
#masterNavContainer2.nav-visible {
  opacity: 1;
  pointer-events: auto;
}
#masterNavContainerSunday {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 12px;
  background: #FFFFFF;
  backdrop-filter: blur(16px) saturate(150%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  position: fixed;
  bottom: 20px;
  left: 25%;
  transform: translateX(-50%);
  width: calc(50% - 48px);
  max-width: none;
  z-index: 200;
  border-radius: 999px;
  box-shadow: none;
  margin: 0;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  border: 1.5px solid var(--nav-border-left, transparent);
  opacity: 0;
  pointer-events: none;
  transition: border-color 0.35s ease, opacity 0.4s ease;
}
#masterNavContainerSunday.nav-visible {
  opacity: 1;
  pointer-events: auto;
}
#masterHomeBtn {
  --home-btn-color: #EA580C;
  position: fixed;
  bottom: 25.5px;
  left: 25%;
  transform: translateX(-50%);
  z-index: 200;
  display: block;
  box-sizing: border-box;
  width: 72px;
  height: 72px;
  margin: 0;
  padding: 8px;
  background: #ffffff;
  border: 0;
  border-radius: 8px;
  color: var(--home-btn-color);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, color 0.35s ease;
}
#masterHomeBtn.is-visible {
  opacity: 1;
  pointer-events: auto;
}
#masterHomeBtn .home-fox-icon {
  display: block;
  width: 56px;
  height: 56px;
}
.sunday-nav-pair {
  position: relative;
  width: 64px;
  height: 64px;
  background: none;
  flex-shrink: 0;
}
.sunday-btn-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px !important;
  height: 32px !important;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sunday-btn-top .nav-icon {
  width: 32px !important;
  height: 32px !important;
}
.sunday-btn-bottom {
  position: absolute;
  top: 32px;
  left: 32px;
  width: 32px !important;
  height: 32px !important;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sunday-btn-bottom .nav-icon {
  width: 32px !important;
  height: 32px !important;
}
.sunday-btn-top:focus-visible,
.sunday-btn-bottom:focus-visible {
  outline-offset: 2px;
}
#stylePage,
#soulPage,
#healthPage,
#explorePage,
#wisdomPage {
  will-change: opacity, transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media print {
  #masterNavContainerSunday,
  #masterHomeBtn {
    display: none;
  }
}

/* ==========================================================================
   9. Pages: header, menu system, story, closure, modal, lock, return buttons
   ========================================================================== */

/* -- Page header, menu button and title -- */
#mqSection.mq-sticky-on .mq-left-panel,
#davSection.dav-sticky-on .dav-left-panel,
#crSection.cr-sticky-on .cr-left-panel,
#trSection.tr-sticky-on .tr-left-panel,
#ftSection.ft-sticky-on .ft-left-panel,
#ntSection.nt-sticky-on .nt-left-panel,
#mhiSection.mhi-sticky-on .mhi-left-panel,
#liSection.li-sticky-on .li-left-panel,
#fshSection.fsh-sticky-on .fsh-left-panel,
#aesSection.aes-sticky-on .aes-left-panel {
  margin-top: 56px;
  height: calc(calc(100 * var(--vh)) - 56px);
}
/* A title that wraps onto extra lines (script.js sets --page-title-extra = their height)
   pushes the first content down, so it never sits under the pinned title. */
#mqSection.mq-sticky-on .mq-content,
#davSection.dav-sticky-on .dav-content,
#crSection.cr-sticky-on .cr-content,
#trSection.tr-sticky-on .tr-content,
#ftSection.ft-sticky-on .ft-content,
#ntSection.nt-sticky-on .nt-content,
#mhiSection.mhi-sticky-on .mhi-content,
#liSection.li-sticky-on .li-content,
#fshSection.fsh-sticky-on .fsh-content,
#aesSection.aes-sticky-on .aes-content {
  padding-top: var(--page-title-extra, 0px);
}
/* Header: pinned, transparent, above the seam blur (5), below the particle layer (999).
   pointer-events:none so the strip never blocks clicks on the text underneath — the Menu
   button re-enables them just below. */
#mqSection.mq-sticky-on .mq-title-menu-wrapper,
#davSection.dav-sticky-on .dav-title-menu-wrapper,
#crSection.cr-sticky-on .cr-title-menu-wrapper,
#trSection.tr-sticky-on .tr-title-menu-wrapper,
#ftSection.ft-sticky-on .ft-title-menu-wrapper,
#ntSection.nt-sticky-on .nt-title-menu-wrapper,
#mhiSection.mhi-sticky-on .mhi-title-menu-wrapper,
#liSection.li-sticky-on .li-title-menu-wrapper,
#fshSection.fsh-sticky-on .fsh-title-menu-wrapper,
#aesSection.aes-sticky-on .aes-title-menu-wrapper {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 50%;
  height: 72px;
  margin: 0;
  padding: 12px 0 0 0;
  box-sizing: border-box;
  align-items: start;
  background: transparent;
  z-index: 1000;
  pointer-events: none;
}
#mqSection.mq-sticky-on .mq-title-menu-wrapper .app-menu-mount,
#davSection.dav-sticky-on .dav-title-menu-wrapper .app-menu-mount,
#crSection.cr-sticky-on .cr-title-menu-wrapper .app-menu-mount,
#trSection.tr-sticky-on .tr-title-menu-wrapper .app-menu-mount,
#ftSection.ft-sticky-on .ft-title-menu-wrapper .app-menu-mount,
#ntSection.nt-sticky-on .nt-title-menu-wrapper .app-menu-mount,
#mhiSection.mhi-sticky-on .mhi-title-menu-wrapper .app-menu-mount,
#liSection.li-sticky-on .li-title-menu-wrapper .app-menu-mount,
#fshSection.fsh-sticky-on .fsh-title-menu-wrapper .app-menu-mount,
#aesSection.aes-sticky-on .aes-title-menu-wrapper .app-menu-mount {
  pointer-events: auto;
  margin-top: 0;
}
/* Title: no extra spacing inside the pinned header; 0.4s fade (script.js sets opacity to 0
   when scrolled away from the top) */
#mqSection.mq-sticky-on .mq-page-title,
#davSection.dav-sticky-on .dav-page-title,
#crSection.cr-sticky-on .cr-page-title,
#trSection.tr-sticky-on .tr-page-title,
#ftSection.ft-sticky-on .ft-page-title,
#ntSection.nt-sticky-on .nt-page-title,
#mhiSection.mhi-sticky-on .mhi-page-title,
#liSection.li-sticky-on .li-page-title,
#fshSection.fsh-sticky-on .fsh-page-title,
#aesSection.aes-sticky-on .aes-page-title {
  margin: 0;
  padding: 0;
  transition: opacity 0.4s ease;
}
#mqSection .mq-title-menu-wrapper,
#davSection .dav-title-menu-wrapper,
#crSection .cr-title-menu-wrapper,
#trSection .tr-title-menu-wrapper,
#ftSection .ft-title-menu-wrapper,
#ntSection .nt-title-menu-wrapper,
#mhiSection .mhi-title-menu-wrapper,
#liSection .li-title-menu-wrapper,
#fshSection .fsh-title-menu-wrapper,
#aesSection .aes-title-menu-wrapper {
  grid-template-columns: minmax(48px, 1fr) auto minmax(48px, 1fr);
  align-items: start;
}
/* Menu button level with the title's FIRST line (the title has 20px of top padding when
   the header is not pinned) */
#mqSection .mq-title-menu-wrapper .app-menu-mount,
#davSection .dav-title-menu-wrapper .app-menu-mount,
#crSection .cr-title-menu-wrapper .app-menu-mount,
#trSection .tr-title-menu-wrapper .app-menu-mount,
#ftSection .ft-title-menu-wrapper .app-menu-mount,
#ntSection .nt-title-menu-wrapper .app-menu-mount,
#mhiSection .mhi-title-menu-wrapper .app-menu-mount,
#liSection .li-title-menu-wrapper .app-menu-mount,
#fshSection .fsh-title-menu-wrapper .app-menu-mount,
#aesSection .aes-title-menu-wrapper .app-menu-mount {
  align-self: start;
  margin-top: 20px;
}
#mqSection .app-menu-btn-wrapper,
#davSection .app-menu-btn-wrapper,
#crSection .app-menu-btn-wrapper,
#trSection .app-menu-btn-wrapper,
#ftSection .app-menu-btn-wrapper,
#ntSection .app-menu-btn-wrapper,
#mhiSection .app-menu-btn-wrapper,
#liSection .app-menu-btn-wrapper,
#fshSection .app-menu-btn-wrapper,
#aesSection .app-menu-btn-wrapper {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
}
#mqSection .app-menu-btn,
#davSection .app-menu-btn,
#crSection .app-menu-btn,
#trSection .app-menu-btn,
#ftSection .app-menu-btn,
#ntSection .app-menu-btn,
#mhiSection .app-menu-btn,
#liSection .app-menu-btn,
#fshSection .app-menu-btn,
#aesSection .app-menu-btn {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none;
}
#mqSection .app-menu-btn:active {
  background: transparent !important;
  color: #EA580C;
}
@media (hover: hover) {
  #mqSection .app-menu-btn:hover {
    background: transparent !important;
    color: #EA580C;
  }
}
@media (hover: none) {
  #mqSection .app-menu-btn.is-hover {
    background: transparent !important;
    color: #EA580C;
  }
}
#mqSection .app-menu-btn svg,
#davSection .app-menu-btn svg,
#crSection .app-menu-btn svg,
#trSection .app-menu-btn svg,
#ftSection .app-menu-btn svg,
#ntSection .app-menu-btn svg,
#mhiSection .app-menu-btn svg,
#liSection .app-menu-btn svg,
#fshSection .app-menu-btn svg,
#aesSection .app-menu-btn svg {
  transform: none !important;
  transition: none !important;
}
#mqSection .app-menu-btn:active svg > path:nth-child(2),
#mqSection .app-menu-btn:focus-visible svg > path:nth-child(2) {
  fill: #EA580C !important;
}
@media (hover: hover) {
  #mqSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #EA580C !important;
  }
}
@media (hover: none) {
  #mqSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #EA580C !important;
  }
}
/* The "stays filled while the toolbar is open" state is the .menu-active rule
   further down (JS adds/removes it), so the fill drains in step with the toolbar. */
#mqSection .mq-page-title,
#davSection .dav-page-title,
#crSection .cr-page-title,
#trSection .tr-page-title,
#ftSection .ft-page-title,
#ntSection .nt-page-title,
#mhiSection .mhi-page-title,
#liSection .li-page-title,
#fshSection .fsh-page-title,
#aesSection .aes-page-title {
  font-family: "Playfair Display Title", Georgia,"Times New Roman", serif;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  line-height: 48px;
  white-space: normal;
  max-width: 600px;
  min-width: 0;
  background: none !important;
  -webkit-background-clip: text;
  background-clip: text;
}
#mqSection .mq-page-title {
  -webkit-text-fill-color: #EA580C !important;
  color: #EA580C !important;
}
#davSection .app-menu-btn:active {
  background: transparent !important;
  color: #6B3FA0;
}
@media (hover: hover) {
  #davSection .app-menu-btn:hover {
    background: transparent !important;
    color: #6B3FA0;
  }
}
@media (hover: none) {
  #davSection .app-menu-btn.is-hover {
    background: transparent !important;
    color: #6B3FA0;
  }
}
#davSection .app-menu-btn:active svg > path:nth-child(2),
#davSection .app-menu-btn:focus-visible svg > path:nth-child(2) {
  fill: #6B3FA0 !important;
}
@media (hover: hover) {
  #davSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #6B3FA0 !important;
  }
}
@media (hover: none) {
  #davSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #6B3FA0 !important;
  }
}
#davSection .dav-page-title {
  -webkit-text-fill-color: #6B3FA0 !important;
  color: #6B3FA0 !important;
}
#crSection .app-menu-btn:active {
  background: transparent !important;
  color: #D97706;
}
@media (hover: hover) {
  #crSection .app-menu-btn:hover {
    background: transparent !important;
    color: #D97706;
  }
}
@media (hover: none) {
  #crSection .app-menu-btn.is-hover {
    background: transparent !important;
    color: #D97706;
  }
}
#crSection .app-menu-btn:active svg > path:nth-child(2),
#crSection .app-menu-btn:focus-visible svg > path:nth-child(2) {
  fill: #D97706 !important;
}
@media (hover: hover) {
  #crSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #D97706 !important;
  }
}
@media (hover: none) {
  #crSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #D97706 !important;
  }
}
#crSection .cr-page-title {
  -webkit-text-fill-color: #D97706 !important;
  color: #D97706 !important;
}
#trSection .app-menu-btn:active {
  background: transparent !important;
  color: #0891B2;
}
@media (hover: hover) {
  #trSection .app-menu-btn:hover {
    background: transparent !important;
    color: #0891B2;
  }
}
@media (hover: none) {
  #trSection .app-menu-btn.is-hover {
    background: transparent !important;
    color: #0891B2;
  }
}
#trSection .app-menu-btn:active svg > path:nth-child(2),
#trSection .app-menu-btn:focus-visible svg > path:nth-child(2) {
  fill: #0891B2 !important;
}
@media (hover: hover) {
  #trSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #0891B2 !important;
  }
}
@media (hover: none) {
  #trSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #0891B2 !important;
  }
}
#trSection .tr-page-title {
  -webkit-text-fill-color: #0891B2 !important;
  color: #0891B2 !important;
}
#ftSection .app-menu-btn:active {
  background: transparent !important;
  color: #DC2626;
}
@media (hover: hover) {
  #ftSection .app-menu-btn:hover {
    background: transparent !important;
    color: #DC2626;
  }
}
@media (hover: none) {
  #ftSection .app-menu-btn.is-hover {
    background: transparent !important;
    color: #DC2626;
  }
}
#ftSection .app-menu-btn:active svg > path:nth-child(2),
#ftSection .app-menu-btn:focus-visible svg > path:nth-child(2) {
  fill: #DC2626 !important;
}
@media (hover: hover) {
  #ftSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #DC2626 !important;
  }
}
@media (hover: none) {
  #ftSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #DC2626 !important;
  }
}
#ftSection .ft-page-title {
  -webkit-text-fill-color: #DC2626 !important;
  color: #DC2626 !important;
}
#ntSection .app-menu-btn:active {
  background: transparent !important;
  color: #16A34A;
}
@media (hover: hover) {
  #ntSection .app-menu-btn:hover {
    background: transparent !important;
    color: #16A34A;
  }
}
@media (hover: none) {
  #ntSection .app-menu-btn.is-hover {
    background: transparent !important;
    color: #16A34A;
  }
}
#ntSection .app-menu-btn:active svg > path:nth-child(2),
#ntSection .app-menu-btn:focus-visible svg > path:nth-child(2) {
  fill: #16A34A !important;
}
@media (hover: hover) {
  #ntSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #16A34A !important;
  }
}
@media (hover: none) {
  #ntSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #16A34A !important;
  }
}
#ntSection .nt-page-title {
  -webkit-text-fill-color: #16A34A !important;
  color: #16A34A !important;
}
#mhiSection .app-menu-btn:active {
  background: transparent !important;
  color: #2563EB;
}
@media (hover: hover) {
  #mhiSection .app-menu-btn:hover {
    background: transparent !important;
    color: #2563EB;
  }
}
@media (hover: none) {
  #mhiSection .app-menu-btn.is-hover {
    background: transparent !important;
    color: #2563EB;
  }
}
#mhiSection .app-menu-btn:active svg > path:nth-child(2),
#mhiSection .app-menu-btn:focus-visible svg > path:nth-child(2) {
  fill: #2563EB !important;
}
@media (hover: hover) {
  #mhiSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #2563EB !important;
  }
}
@media (hover: none) {
  #mhiSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #2563EB !important;
  }
}
#mhiSection .mhi-page-title {
  -webkit-text-fill-color: #2563EB !important;
  color: #2563EB !important;
}
#liSection .app-menu-btn:active {
  background: transparent !important;
  color: #E11D48;
}
@media (hover: hover) {
  #liSection .app-menu-btn:hover {
    background: transparent !important;
    color: #E11D48;
  }
}
@media (hover: none) {
  #liSection .app-menu-btn.is-hover {
    background: transparent !important;
    color: #E11D48;
  }
}
#liSection .app-menu-btn:active svg > path:nth-child(2),
#liSection .app-menu-btn:focus-visible svg > path:nth-child(2) {
  fill: #E11D48 !important;
}
@media (hover: hover) {
  #liSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #E11D48 !important;
  }
}
@media (hover: none) {
  #liSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #E11D48 !important;
  }
}
#liSection .li-page-title {
  -webkit-text-fill-color: #E11D48 !important;
  color: #E11D48 !important;
}
#fshSection .app-menu-btn:active {
  background: transparent !important;
  color: #0D9488;
}
@media (hover: hover) {
  #fshSection .app-menu-btn:hover {
    background: transparent !important;
    color: #0D9488;
  }
}
@media (hover: none) {
  #fshSection .app-menu-btn.is-hover {
    background: transparent !important;
    color: #0D9488;
  }
}
#fshSection .app-menu-btn:active svg > path:nth-child(2),
#fshSection .app-menu-btn:focus-visible svg > path:nth-child(2) {
  fill: #0D9488 !important;
}
@media (hover: hover) {
  #fshSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #0D9488 !important;
  }
}
@media (hover: none) {
  #fshSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #0D9488 !important;
  }
}
#fshSection .fsh-page-title {
  -webkit-text-fill-color: #0D9488 !important;
  color: #0D9488 !important;
}
#aesSection .app-menu-btn:active {
  background: transparent !important;
  color: #65A30D;
}
@media (hover: hover) {
  #aesSection .app-menu-btn:hover {
    background: transparent !important;
    color: #65A30D;
  }
}
@media (hover: none) {
  #aesSection .app-menu-btn.is-hover {
    background: transparent !important;
    color: #65A30D;
  }
}
#aesSection .app-menu-btn:active svg > path:nth-child(2),
#aesSection .app-menu-btn:focus-visible svg > path:nth-child(2) {
  fill: #65A30D !important;
}
@media (hover: hover) {
  #aesSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #65A30D !important;
  }
}
@media (hover: none) {
  #aesSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #65A30D !important;
  }
}
#aesSection .aes-page-title {
  -webkit-text-fill-color: #65A30D !important;
  color: #65A30D !important;
}

/* -- Page header: badges and closing rules -- */
#mqSection #mqBadgesContainer,
#davSection #davBadgesContainer,
#crSection #crBadgesContainer,
#trSection #trBadgesContainer,
#ftSection #ftBadgesContainer,
#ntSection #ntBadgesContainer,
#mhiSection #mhiBadgesContainer,
#liSection #liBadgesContainer,
#fshSection #fshBadgesContainer,
#aesSection #aesBadgesContainer {
  margin-bottom: 32px;
  padding: 0;
}
#mqSection .mq-main-badge-wrapper,
#davSection .dav-main-badge-wrapper,
#crSection .cr-main-badge-wrapper,
#trSection .tr-main-badge-wrapper,
#ftSection .ft-main-badge-wrapper,
#ntSection .nt-main-badge-wrapper,
#mhiSection .mhi-main-badge-wrapper,
#liSection .li-main-badge-wrapper,
#fshSection .fsh-main-badge-wrapper,
#aesSection .aes-main-badge-wrapper {
  margin: 40px 0 0 0;
}
#mqSection .mq-sub-badge-wrapper,
#davSection .dav-sub-badge-wrapper,
#crSection .cr-sub-badge-wrapper,
#trSection .tr-sub-badge-wrapper,
#ftSection .ft-sub-badge-wrapper,
#ntSection .nt-sub-badge-wrapper,
#mhiSection .mhi-sub-badge-wrapper,
#liSection .li-sub-badge-wrapper,
#fshSection .fsh-sub-badge-wrapper,
#aesSection .aes-sub-badge-wrapper {
  margin: 8px 0 0 0;
}
#mqSection #mqMainCategoryBadge .mq-main-badge-content,
#davSection #davMainCategoryBadge .dav-main-badge-content,
#crSection #crMainCategoryBadge .cr-main-badge-content,
#trSection #trMainCategoryBadge .tr-main-badge-content,
#ftSection #ftMainCategoryBadge .ft-main-badge-content,
#ntSection #ntMainCategoryBadge .nt-main-badge-content,
#mhiSection #mhiMainCategoryBadge .mhi-main-badge-content,
#liSection #liMainCategoryBadge .li-main-badge-content,
#fshSection #fshMainCategoryBadge .fsh-main-badge-content,
#aesSection #aesMainCategoryBadge .aes-main-badge-content {
  position: relative;
  top: auto;
  left: auto;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  height: 38px;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 16px;
  color: #ffffff;
  border: none;
  border-radius: 0;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.2;
  text-align: left;
  transform: none;
  transition: all 0.3s ease;
  cursor: default;
  white-space: nowrap;
  -webkit-mask: radial-gradient(circle 8px at 0 0, transparent 7.8px, #000 8px), radial-gradient(circle 8px at 100% 0, transparent 7.8px, #000 8px), radial-gradient(circle 8px at 0 100%, transparent 7.8px, #000 8px), radial-gradient(circle 8px at 100% 100%, transparent 7.8px, #000 8px), linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out, destination-out, destination-out, destination-out;
  mask: radial-gradient(circle 8px at 0 0, transparent 7.8px, #000 8px), radial-gradient(circle 8px at 100% 0, transparent 7.8px, #000 8px), radial-gradient(circle 8px at 0 100%, transparent 7.8px, #000 8px), radial-gradient(circle 8px at 100% 100%, transparent 7.8px, #000 8px), linear-gradient(#000 0 0);
  mask-composite: exclude;
}
#mqSection #mqMainCategoryBadge .mq-main-badge-content {
  background: linear-gradient(135deg, #F97316 40%, #EA580C 80%);
  box-shadow: 0 2px 8px rgba(154, 52, 18, 0.28);
}
#mqSection #mqMainCategoryBadge .mq-main-badge-content::after,
#davSection #davMainCategoryBadge .dav-main-badge-content::after,
#crSection #crMainCategoryBadge .cr-main-badge-content::after,
#trSection #trMainCategoryBadge .tr-main-badge-content::after,
#ftSection #ftMainCategoryBadge .ft-main-badge-content::after,
#ntSection #ntMainCategoryBadge .nt-main-badge-content::after,
#mhiSection #mhiMainCategoryBadge .mhi-main-badge-content::after,
#liSection #liMainCategoryBadge .li-main-badge-content::after,
#fshSection #fshMainCategoryBadge .fsh-main-badge-content::after,
#aesSection #aesMainCategoryBadge .aes-main-badge-content::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  border: 1px solid #ffffff;
  border-radius: 0;
  box-sizing: border-box;
  pointer-events: none;
  clip-path: polygon( 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px );
}
#mqSection #mqSubCategoryBadge .mq-sub-badge-content,
#davSection #davSubCategoryBadge .dav-sub-badge-content,
#crSection #crSubCategoryBadge .cr-sub-badge-content,
#trSection #trSubCategoryBadge .tr-sub-badge-content,
#ftSection #ftSubCategoryBadge .ft-sub-badge-content,
#ntSection #ntSubCategoryBadge .nt-sub-badge-content,
#mhiSection #mhiSubCategoryBadge .mhi-sub-badge-content,
#liSection #liSubCategoryBadge .li-sub-badge-content,
#fshSection #fshSubCategoryBadge .fsh-sub-badge-content,
#aesSection #aesSubCategoryBadge .aes-sub-badge-content {
  position: relative;
  top: auto;
  left: auto;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 1);
  border: none;
  border-radius: 6px;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.3px;
  line-height: 1.2;
  text-align: left;
  box-shadow: none;
  transform: none;
  transition: all 0.3s ease;
  cursor: default;
  white-space: nowrap;
}
#mqSection #mqSubCategoryBadge .mq-sub-badge-content {
  color: #EA580C;
  border-inline-start: 2px solid #EA580C;
}
#davSection #davMainCategoryBadge .dav-main-badge-content {
  background: linear-gradient(135deg, #7D4FB8 40%, #6B3FA0 80%);
  box-shadow: 0 2px 8px rgba(46, 26, 71, 0.28);
}
#davSection #davSubCategoryBadge .dav-sub-badge-content {
  color: #6B3FA0;
  border-inline-start: 2px solid #6B3FA0;
}
#crSection #crMainCategoryBadge .cr-main-badge-content {
  background: linear-gradient(135deg, #F59E0B 40%, #D97706 80%);
  box-shadow: 0 2px 8px rgba(146, 64, 14, 0.28);
}
#crSection #crSubCategoryBadge .cr-sub-badge-content {
  color: #D97706;
  border-inline-start: 2px solid #D97706;
}
#trSection #trMainCategoryBadge .tr-main-badge-content {
  background: linear-gradient(135deg, #06B6D4 40%, #0891B2 80%);
  box-shadow: 0 2px 8px rgba(21, 94, 117, 0.28);
}
#trSection #trSubCategoryBadge .tr-sub-badge-content {
  color: #0891B2;
  border-inline-start: 2px solid #0891B2;
}
#ftSection #ftMainCategoryBadge .ft-main-badge-content {
  background: linear-gradient(135deg, #EF4444 40%, #DC2626 80%);
  box-shadow: 0 2px 8px rgba(153, 27, 27, 0.28);
}
#ftSection #ftSubCategoryBadge .ft-sub-badge-content {
  color: #DC2626;
  border-inline-start: 2px solid #DC2626;
}
#ntSection #ntMainCategoryBadge .nt-main-badge-content {
  background: linear-gradient(135deg, #22C55E 40%, #16A34A 80%);
  box-shadow: 0 2px 8px rgba(22, 101, 52, 0.28);
}
#ntSection #ntSubCategoryBadge .nt-sub-badge-content {
  color: #16A34A;
  border-inline-start: 2px solid #16A34A;
}
#mhiSection #mhiMainCategoryBadge .mhi-main-badge-content {
  background: linear-gradient(135deg, #3B82F6 40%, #2563EB 80%);
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.28);
}
#mhiSection #mhiSubCategoryBadge .mhi-sub-badge-content {
  color: #2563EB;
  border-inline-start: 2px solid #2563EB;
}
#liSection #liMainCategoryBadge .li-main-badge-content {
  background: linear-gradient(135deg, #F43F5E 40%, #E11D48 80%);
  box-shadow: 0 2px 8px rgba(159, 18, 57, 0.28);
}
#liSection #liSubCategoryBadge .li-sub-badge-content {
  color: #E11D48;
  border-inline-start: 2px solid #E11D48;
}
#fshSection #fshMainCategoryBadge .fsh-main-badge-content {
  background: linear-gradient(135deg, #14B8A6 40%, #0D9488 80%);
  box-shadow: 0 2px 8px rgba(17, 94, 89, 0.28);
}
#fshSection #fshSubCategoryBadge .fsh-sub-badge-content {
  color: #0D9488;
  border-inline-start: 2px solid #0D9488;
}
#aesSection #aesMainCategoryBadge .aes-main-badge-content {
  background: linear-gradient(135deg, #84CC16 40%, #65A30D 80%);
  box-shadow: 0 2px 8px rgba(63, 98, 18, 0.28);
}
#aesSection #aesSubCategoryBadge .aes-sub-badge-content {
  color: #65A30D;
  border-inline-start: 2px solid #65A30D;
}

/* -- Menu system: menu button and toolbar -- */
/* Markup: TEMPLATE 1-P (#app-page-menu-template) in index.html. */
#mqSection .app-menu-btn-wrapper,
#davSection .app-menu-btn-wrapper,
#crSection .app-menu-btn-wrapper,
#trSection .app-menu-btn-wrapper,
#ftSection .app-menu-btn-wrapper,
#ntSection .app-menu-btn-wrapper,
#mhiSection .app-menu-btn-wrapper,
#liSection .app-menu-btn-wrapper,
#fshSection .app-menu-btn-wrapper,
#aesSection .app-menu-btn-wrapper {
  --app-border: initial;
  --app-shadow: initial;
  --app-surface-tint: initial;
  --app-scrollbar: initial;
  --text-primary: initial;
  --text-muted: initial;
  --container-bg: initial;
  --border-light: initial;
  --context-text: initial;
  --app-surface-gradient-1: initial;
  --app-surface-gradient-2: initial;
}
#mqSection .app-menu-btn-wrapper {
  --app-primary: #C2410C;
  --app-accent: #9A3412;
}
#mqSection .app-menu-btn-wrapper :where(*:not(svg, svg *)),
#davSection .app-menu-btn-wrapper :where(*:not(svg, svg *)),
#crSection .app-menu-btn-wrapper :where(*:not(svg, svg *)),
#trSection .app-menu-btn-wrapper :where(*:not(svg, svg *)),
#ftSection .app-menu-btn-wrapper :where(*:not(svg, svg *)),
#ntSection .app-menu-btn-wrapper :where(*:not(svg, svg *)),
#mhiSection .app-menu-btn-wrapper :where(*:not(svg, svg *)),
#liSection .app-menu-btn-wrapper :where(*:not(svg, svg *)),
#fshSection .app-menu-btn-wrapper :where(*:not(svg, svg *)),
#aesSection .app-menu-btn-wrapper :where(*:not(svg, svg *)),
#mqSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::before,
#davSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::before,
#crSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::before,
#trSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::before,
#ftSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::before,
#ntSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::before,
#mhiSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::before,
#liSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::before,
#fshSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::before,
#aesSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::before,
#mqSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::after,
#davSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::after,
#crSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::after,
#trSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::after,
#ftSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::after,
#ntSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::after,
#mhiSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::after,
#liSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::after,
#fshSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::after,
#aesSection .app-menu-btn-wrapper :where(*:not(svg, svg *))::after {
  all: revert;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; /* (all: revert brings the browser's own tap highlight back) */
}
/* Same text baseline the menu inherits from its page. */
#mqSection .app-menu-btn-wrapper,
#davSection .app-menu-btn-wrapper,
#crSection .app-menu-btn-wrapper,
#trSection .app-menu-btn-wrapper,
#ftSection .app-menu-btn-wrapper,
#ntSection .app-menu-btn-wrapper,
#mhiSection .app-menu-btn-wrapper,
#liSection .app-menu-btn-wrapper,
#fshSection .app-menu-btn-wrapper,
#aesSection .app-menu-btn-wrapper {
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  word-spacing: normal;
  text-align: start;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  white-space: normal;
}
#mqSection .app-menu-btn-wrapper {
  color: #6c2108;
}
#mqSection .app-menu-btn-wrapper :where(svg, svg *),
#davSection .app-menu-btn-wrapper :where(svg, svg *),
#crSection .app-menu-btn-wrapper :where(svg, svg *),
#trSection .app-menu-btn-wrapper :where(svg, svg *),
#ftSection .app-menu-btn-wrapper :where(svg, svg *),
#ntSection .app-menu-btn-wrapper :where(svg, svg *),
#mhiSection .app-menu-btn-wrapper :where(svg, svg *),
#liSection .app-menu-btn-wrapper :where(svg, svg *),
#fshSection .app-menu-btn-wrapper :where(svg, svg *),
#aesSection .app-menu-btn-wrapper :where(svg, svg *) {
  box-sizing: border-box;
}
#mqSection .app-menu-btn,
#davSection .app-menu-btn,
#crSection .app-menu-btn,
#trSection .app-menu-btn,
#ftSection .app-menu-btn,
#ntSection .app-menu-btn,
#mhiSection .app-menu-btn,
#liSection .app-menu-btn,
#fshSection .app-menu-btn,
#aesSection .app-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #9CA3AF;
  cursor: pointer;
  position: relative;
  z-index: 30;
  box-sizing: border-box;
}
@media (hover: hover) {
  #mqSection .app-menu-btn:hover,
  #davSection .app-menu-btn:hover,
  #crSection .app-menu-btn:hover,
  #trSection .app-menu-btn:hover,
  #ftSection .app-menu-btn:hover,
  #ntSection .app-menu-btn:hover,
  #mhiSection .app-menu-btn:hover,
  #liSection .app-menu-btn:hover,
  #fshSection .app-menu-btn:hover,
  #aesSection .app-menu-btn:hover {
    background: transparent;
  }
}
@media (hover: none) {
  #mqSection .app-menu-btn.is-hover,
  #davSection .app-menu-btn.is-hover,
  #crSection .app-menu-btn.is-hover,
  #trSection .app-menu-btn.is-hover,
  #ftSection .app-menu-btn.is-hover,
  #ntSection .app-menu-btn.is-hover,
  #mhiSection .app-menu-btn.is-hover,
  #liSection .app-menu-btn.is-hover,
  #fshSection .app-menu-btn.is-hover,
  #aesSection .app-menu-btn.is-hover {
    background: transparent;
  }
}
@media (hover: hover) {
  #mqSection .app-menu-btn:hover {
    color: #EA580C;
  }
}
@media (hover: none) {
  #mqSection .app-menu-btn.is-hover {
    color: #EA580C;
  }
}
#mqSection .app-menu-btn.menu-active,
#davSection .app-menu-btn.menu-active,
#crSection .app-menu-btn.menu-active,
#trSection .app-menu-btn.menu-active,
#ftSection .app-menu-btn.menu-active,
#ntSection .app-menu-btn.menu-active,
#mhiSection .app-menu-btn.menu-active,
#liSection .app-menu-btn.menu-active,
#fshSection .app-menu-btn.menu-active,
#aesSection .app-menu-btn.menu-active {
  background: transparent;
}
#mqSection .app-menu-btn.menu-active {
  color: #EA580C !important;
}
#mqSection .app-menu-btn svg,
#davSection .app-menu-btn svg,
#crSection .app-menu-btn svg,
#trSection .app-menu-btn svg,
#ftSection .app-menu-btn svg,
#ntSection .app-menu-btn svg,
#mhiSection .app-menu-btn svg,
#liSection .app-menu-btn svg,
#fshSection .app-menu-btn svg,
#aesSection .app-menu-btn svg {
  display: block;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  flex: 0 0 40px !important;
}
#mqSection .app-menu-btn svg > path:first-child,
#davSection .app-menu-btn svg > path:first-child,
#crSection .app-menu-btn svg > path:first-child,
#trSection .app-menu-btn svg > path:first-child,
#ftSection .app-menu-btn svg > path:first-child,
#ntSection .app-menu-btn svg > path:first-child,
#mhiSection .app-menu-btn svg > path:first-child,
#liSection .app-menu-btn svg > path:first-child,
#fshSection .app-menu-btn svg > path:first-child,
#aesSection .app-menu-btn svg > path:first-child {
  fill: none !important;
}
#mqSection .app-menu-btn svg > path:nth-child(2),
#davSection .app-menu-btn svg > path:nth-child(2),
#crSection .app-menu-btn svg > path:nth-child(2),
#trSection .app-menu-btn svg > path:nth-child(2),
#ftSection .app-menu-btn svg > path:nth-child(2),
#ntSection .app-menu-btn svg > path:nth-child(2),
#mhiSection .app-menu-btn svg > path:nth-child(2),
#liSection .app-menu-btn svg > path:nth-child(2),
#fshSection .app-menu-btn svg > path:nth-child(2),
#aesSection .app-menu-btn svg > path:nth-child(2) {
  fill: #9CA3AF !important;
  transition: fill 0.4s ease;
}
@media (hover: hover) {
  #mqSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #EA580C !important;
  }
}
@media (hover: none) {
  #mqSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #EA580C !important;
  }
}
#mqSection .app-menu-btn.menu-active svg > path:nth-child(2) {
  fill: #EA580C !important;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #davSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #crSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #trSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #ftSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #ntSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #liSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #fshSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #aesSection .app-menu-btn-wrapper .app-tools-toolbar {
  gap: 0;
  padding: 8px;
  border-radius: 10px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #davSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #crSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #trSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #ftSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #ntSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #liSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #fshSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html:not([data-layout="laptop"])) #aesSection .app-menu-btn-wrapper .app-tools-toolbar {
  gap: 0;
  padding: 8px;
}

@media (prefers-reduced-motion: reduce) {
  #mqSection .app-menu-btn svg > path:nth-child(2),
#davSection .app-menu-btn svg > path:nth-child(2),
#crSection .app-menu-btn svg > path:nth-child(2),
#trSection .app-menu-btn svg > path:nth-child(2),
#ftSection .app-menu-btn svg > path:nth-child(2),
#ntSection .app-menu-btn svg > path:nth-child(2),
#mhiSection .app-menu-btn svg > path:nth-child(2),
#liSection .app-menu-btn svg > path:nth-child(2),
#fshSection .app-menu-btn svg > path:nth-child(2),
#aesSection .app-menu-btn svg > path:nth-child(2) {
    transition: fill 0.4s linear;
  }
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar,
#davSection .app-menu-btn-wrapper .app-tools-toolbar,
#crSection .app-menu-btn-wrapper .app-tools-toolbar,
#trSection .app-menu-btn-wrapper .app-tools-toolbar,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar,
#liSection .app-menu-btn-wrapper .app-tools-toolbar,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar {
    transition: opacity 0.4s linear;
  }
}
@media print {
  #mqSection .app-menu-btn-wrapper,
#davSection .app-menu-btn-wrapper,
#crSection .app-menu-btn-wrapper,
#trSection .app-menu-btn-wrapper,
#ftSection .app-menu-btn-wrapper,
#ntSection .app-menu-btn-wrapper,
#mhiSection .app-menu-btn-wrapper,
#liSection .app-menu-btn-wrapper,
#fshSection .app-menu-btn-wrapper,
#aesSection .app-menu-btn-wrapper {
    display: none !important;
  }
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar,
#davSection .app-menu-btn-wrapper .app-tools-toolbar,
#crSection .app-menu-btn-wrapper .app-tools-toolbar,
#trSection .app-menu-btn-wrapper .app-tools-toolbar,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar,
#liSection .app-menu-btn-wrapper .app-tools-toolbar,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: stretch;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  gap: 0;
  padding: 8px;
  background: #ffffff;
  border: none;
  border-radius: 12px;
  box-sizing: border-box;
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible,
#davSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible,
#crSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible,
#trSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible,
#liSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible {
  opacity: 1;
  pointer-events: auto;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible.app-toolbar-fading,
#davSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible.app-toolbar-fading,
#crSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible.app-toolbar-fading,
#trSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible.app-toolbar-fading,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible.app-toolbar-fading,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible.app-toolbar-fading,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible.app-toolbar-fading,
#liSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible.app-toolbar-fading,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible.app-toolbar-fading,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar.toolbar-visible.app-toolbar-fading {
  opacity: 0;
  pointer-events: none;
}
#davSection .app-menu-btn-wrapper {
  --app-primary: #4A2E6B;
  --app-accent: #2E1A47;
}
#davSection .app-menu-btn-wrapper {
  color: #2e1a47;
}
@media (hover: hover) {
  #davSection .app-menu-btn:hover {
    color: #6B3FA0;
  }
}
@media (hover: none) {
  #davSection .app-menu-btn.is-hover {
    color: #6B3FA0;
  }
}
#davSection .app-menu-btn.menu-active {
  color: #6B3FA0 !important;
}
@media (hover: hover) {
  #davSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #6B3FA0 !important;
  }
}
@media (hover: none) {
  #davSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #6B3FA0 !important;
  }
}
#davSection .app-menu-btn.menu-active svg > path:nth-child(2) {
  fill: #6B3FA0 !important;
}
#crSection .app-menu-btn-wrapper {
  --app-primary: #B45309;
  --app-accent: #92400E;
}
#crSection .app-menu-btn-wrapper {
  color: #6a470b;
}
@media (hover: hover) {
  #crSection .app-menu-btn:hover {
    color: #D97706;
  }
}
@media (hover: none) {
  #crSection .app-menu-btn.is-hover {
    color: #D97706;
  }
}
#crSection .app-menu-btn.menu-active {
  color: #D97706 !important;
}
@media (hover: hover) {
  #crSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #D97706 !important;
  }
}
@media (hover: none) {
  #crSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #D97706 !important;
  }
}
#crSection .app-menu-btn.menu-active svg > path:nth-child(2) {
  fill: #D97706 !important;
}
#trSection .app-menu-btn-wrapper {
  --app-primary: #0E7490;
  --app-accent: #155E75;
}
#trSection .app-menu-btn-wrapper {
  color: #0b5a6a;
}
@media (hover: hover) {
  #trSection .app-menu-btn:hover {
    color: #0891B2;
  }
}
@media (hover: none) {
  #trSection .app-menu-btn.is-hover {
    color: #0891B2;
  }
}
#trSection .app-menu-btn.menu-active {
  color: #0891B2 !important;
}
@media (hover: hover) {
  #trSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #0891B2 !important;
  }
}
@media (hover: none) {
  #trSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #0891B2 !important;
  }
}
#trSection .app-menu-btn.menu-active svg > path:nth-child(2) {
  fill: #0891B2 !important;
}
#ftSection .app-menu-btn-wrapper {
  --app-primary: #B91C1C;
  --app-accent: #991B1B;
}
#ftSection .app-menu-btn-wrapper {
  color: #6a0b0b;
}
@media (hover: hover) {
  #ftSection .app-menu-btn:hover {
    color: #DC2626;
  }
}
@media (hover: none) {
  #ftSection .app-menu-btn.is-hover {
    color: #DC2626;
  }
}
#ftSection .app-menu-btn.menu-active {
  color: #DC2626 !important;
}
@media (hover: hover) {
  #ftSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #DC2626 !important;
  }
}
@media (hover: none) {
  #ftSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #DC2626 !important;
  }
}
#ftSection .app-menu-btn.menu-active svg > path:nth-child(2) {
  fill: #DC2626 !important;
}
#ntSection .app-menu-btn-wrapper {
  --app-primary: #15803D;
  --app-accent: #166534;
}
#ntSection .app-menu-btn-wrapper {
  color: #0b6a2d;
}
@media (hover: hover) {
  #ntSection .app-menu-btn:hover {
    color: #16A34A;
  }
}
@media (hover: none) {
  #ntSection .app-menu-btn.is-hover {
    color: #16A34A;
  }
}
#ntSection .app-menu-btn.menu-active {
  color: #16A34A !important;
}
@media (hover: hover) {
  #ntSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #16A34A !important;
  }
}
@media (hover: none) {
  #ntSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #16A34A !important;
  }
}
#ntSection .app-menu-btn.menu-active svg > path:nth-child(2) {
  fill: #16A34A !important;
}
#mhiSection .app-menu-btn-wrapper {
  --app-primary: #1E3A8A;
  --app-accent: #1E40AF;
}
#mhiSection .app-menu-btn-wrapper {
  color: #0b296a;
}
@media (hover: hover) {
  #mhiSection .app-menu-btn:hover {
    color: #2563EB;
  }
}
@media (hover: none) {
  #mhiSection .app-menu-btn.is-hover {
    color: #2563EB;
  }
}
#mhiSection .app-menu-btn.menu-active {
  color: #2563EB !important;
}
@media (hover: hover) {
  #mhiSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #2563EB !important;
  }
}
@media (hover: none) {
  #mhiSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #2563EB !important;
  }
}
#mhiSection .app-menu-btn.menu-active svg > path:nth-child(2) {
  fill: #2563EB !important;
}
#liSection .app-menu-btn-wrapper {
  --app-primary: #BE123C;
  --app-accent: #9F1239;
}
#liSection .app-menu-btn-wrapper {
  color: #6a0b1f;
}
@media (hover: hover) {
  #liSection .app-menu-btn:hover {
    color: #E11D48;
  }
}
@media (hover: none) {
  #liSection .app-menu-btn.is-hover {
    color: #E11D48;
  }
}
#liSection .app-menu-btn.menu-active {
  color: #E11D48 !important;
}
@media (hover: hover) {
  #liSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #E11D48 !important;
  }
}
@media (hover: none) {
  #liSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #E11D48 !important;
  }
}
#liSection .app-menu-btn.menu-active svg > path:nth-child(2) {
  fill: #E11D48 !important;
}
#fshSection .app-menu-btn-wrapper {
  --app-primary: #0F766E;
  --app-accent: #115E59;
}
#fshSection .app-menu-btn-wrapper {
  color: #0b6a62;
}
@media (hover: hover) {
  #fshSection .app-menu-btn:hover {
    color: #0D9488;
  }
}
@media (hover: none) {
  #fshSection .app-menu-btn.is-hover {
    color: #0D9488;
  }
}
#fshSection .app-menu-btn.menu-active {
  color: #0D9488 !important;
}
@media (hover: hover) {
  #fshSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #0D9488 !important;
  }
}
@media (hover: none) {
  #fshSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #0D9488 !important;
  }
}
#fshSection .app-menu-btn.menu-active svg > path:nth-child(2) {
  fill: #0D9488 !important;
}
#aesSection .app-menu-btn-wrapper {
  --app-primary: #4D7C0F;
  --app-accent: #3F6212;
}
#aesSection .app-menu-btn-wrapper {
  color: #3F6212;
}
@media (hover: hover) {
  #aesSection .app-menu-btn:hover {
    color: #65A30D;
  }
}
@media (hover: none) {
  #aesSection .app-menu-btn.is-hover {
    color: #65A30D;
  }
}
#aesSection .app-menu-btn.menu-active {
  color: #65A30D !important;
}
@media (hover: hover) {
  #aesSection .app-menu-btn:hover svg > path:nth-child(2) {
    fill: #65A30D !important;
  }
}
@media (hover: none) {
  #aesSection .app-menu-btn.is-hover svg > path:nth-child(2) {
    fill: #65A30D !important;
  }
}
#aesSection .app-menu-btn.menu-active svg > path:nth-child(2) {
  fill: #65A30D !important;
}

/* -- Menu system: translate -- */
#mqSection .app-menu-btn-wrapper :where(svg:not(.app-translate-dropdown-icon svg), svg *:not(.app-translate-dropdown-icon svg *)),
#davSection .app-menu-btn-wrapper :where(svg:not(.app-translate-dropdown-icon svg), svg *:not(.app-translate-dropdown-icon svg *)),
#crSection .app-menu-btn-wrapper :where(svg:not(.app-translate-dropdown-icon svg), svg *:not(.app-translate-dropdown-icon svg *)),
#trSection .app-menu-btn-wrapper :where(svg:not(.app-translate-dropdown-icon svg), svg *:not(.app-translate-dropdown-icon svg *)),
#ftSection .app-menu-btn-wrapper :where(svg:not(.app-translate-dropdown-icon svg), svg *:not(.app-translate-dropdown-icon svg *)),
#ntSection .app-menu-btn-wrapper :where(svg:not(.app-translate-dropdown-icon svg), svg *:not(.app-translate-dropdown-icon svg *)),
#mhiSection .app-menu-btn-wrapper :where(svg:not(.app-translate-dropdown-icon svg), svg *:not(.app-translate-dropdown-icon svg *)),
#liSection .app-menu-btn-wrapper :where(svg:not(.app-translate-dropdown-icon svg), svg *:not(.app-translate-dropdown-icon svg *)),
#fshSection .app-menu-btn-wrapper :where(svg:not(.app-translate-dropdown-icon svg), svg *:not(.app-translate-dropdown-icon svg *)),
#aesSection .app-menu-btn-wrapper :where(svg:not(.app-translate-dropdown-icon svg), svg *:not(.app-translate-dropdown-icon svg *)) {
  transition: all 0s ease 0s;
}
#mqSection .app-translate-button.active,
#davSection .app-translate-button.active,
#crSection .app-translate-button.active,
#trSection .app-translate-button.active,
#ftSection .app-translate-button.active,
#ntSection .app-translate-button.active,
#mhiSection .app-translate-button.active,
#liSection .app-translate-button.active,
#fshSection .app-translate-button.active,
#aesSection .app-translate-button.active {
  background: var(--app-surface-tint);
  box-shadow: 0 4px 12px var(--app-shadow);
}
#mqSection .app-translate-dropdown-container::before,
#davSection .app-translate-dropdown-container::before,
#crSection .app-translate-dropdown-container::before,
#trSection .app-translate-dropdown-container::before,
#ftSection .app-translate-dropdown-container::before,
#ntSection .app-translate-dropdown-container::before,
#mhiSection .app-translate-dropdown-container::before,
#liSection .app-translate-dropdown-container::before,
#fshSection .app-translate-dropdown-container::before,
#aesSection .app-translate-dropdown-container::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  height: 8px;
  pointer-events: auto;
}
#mqSection .app-translate-dropdown-container.show,
#davSection .app-translate-dropdown-container.show,
#crSection .app-translate-dropdown-container.show,
#trSection .app-translate-dropdown-container.show,
#ftSection .app-translate-dropdown-container.show,
#ntSection .app-translate-dropdown-container.show,
#mhiSection .app-translate-dropdown-container.show,
#liSection .app-translate-dropdown-container.show,
#fshSection .app-translate-dropdown-container.show,
#aesSection .app-translate-dropdown-container.show {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
}
#mqSection .app-translate-dropdown-container.hidden,
#davSection .app-translate-dropdown-container.hidden,
#crSection .app-translate-dropdown-container.hidden,
#trSection .app-translate-dropdown-container.hidden,
#ftSection .app-translate-dropdown-container.hidden,
#ntSection .app-translate-dropdown-container.hidden,
#mhiSection .app-translate-dropdown-container.hidden,
#liSection .app-translate-dropdown-container.hidden,
#fshSection .app-translate-dropdown-container.hidden,
#aesSection .app-translate-dropdown-container.hidden {
  display: flex !important;
  opacity: 0;
  visibility: visible;
  transform: none;
  pointer-events: none;
}
#mqSection .app-translate-dropdown-container::-webkit-scrollbar,
#davSection .app-translate-dropdown-container::-webkit-scrollbar,
#crSection .app-translate-dropdown-container::-webkit-scrollbar,
#trSection .app-translate-dropdown-container::-webkit-scrollbar,
#ftSection .app-translate-dropdown-container::-webkit-scrollbar,
#ntSection .app-translate-dropdown-container::-webkit-scrollbar,
#mhiSection .app-translate-dropdown-container::-webkit-scrollbar,
#liSection .app-translate-dropdown-container::-webkit-scrollbar,
#fshSection .app-translate-dropdown-container::-webkit-scrollbar,
#aesSection .app-translate-dropdown-container::-webkit-scrollbar {
  width: 8px;
}
#mqSection .app-translate-dropdown-container::-webkit-scrollbar-track,
#davSection .app-translate-dropdown-container::-webkit-scrollbar-track,
#crSection .app-translate-dropdown-container::-webkit-scrollbar-track,
#trSection .app-translate-dropdown-container::-webkit-scrollbar-track,
#ftSection .app-translate-dropdown-container::-webkit-scrollbar-track,
#ntSection .app-translate-dropdown-container::-webkit-scrollbar-track,
#mhiSection .app-translate-dropdown-container::-webkit-scrollbar-track,
#liSection .app-translate-dropdown-container::-webkit-scrollbar-track,
#fshSection .app-translate-dropdown-container::-webkit-scrollbar-track,
#aesSection .app-translate-dropdown-container::-webkit-scrollbar-track {
  background: var(--app-surface-tint);
  border-radius: 10px;
}
#mqSection .app-translate-dropdown-container::-webkit-scrollbar-thumb,
#davSection .app-translate-dropdown-container::-webkit-scrollbar-thumb,
#crSection .app-translate-dropdown-container::-webkit-scrollbar-thumb,
#trSection .app-translate-dropdown-container::-webkit-scrollbar-thumb,
#ftSection .app-translate-dropdown-container::-webkit-scrollbar-thumb,
#ntSection .app-translate-dropdown-container::-webkit-scrollbar-thumb,
#mhiSection .app-translate-dropdown-container::-webkit-scrollbar-thumb,
#liSection .app-translate-dropdown-container::-webkit-scrollbar-thumb,
#fshSection .app-translate-dropdown-container::-webkit-scrollbar-thumb,
#aesSection .app-translate-dropdown-container::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar);
  border-radius: 10px;
  transition: background 0.3s ease;
}
@media (hover: hover) {
  #mqSection .app-translate-dropdown-container::-webkit-scrollbar-thumb:hover,
  #davSection .app-translate-dropdown-container::-webkit-scrollbar-thumb:hover,
  #crSection .app-translate-dropdown-container::-webkit-scrollbar-thumb:hover,
  #trSection .app-translate-dropdown-container::-webkit-scrollbar-thumb:hover,
  #ftSection .app-translate-dropdown-container::-webkit-scrollbar-thumb:hover,
  #ntSection .app-translate-dropdown-container::-webkit-scrollbar-thumb:hover,
  #mhiSection .app-translate-dropdown-container::-webkit-scrollbar-thumb:hover,
  #liSection .app-translate-dropdown-container::-webkit-scrollbar-thumb:hover,
  #fshSection .app-translate-dropdown-container::-webkit-scrollbar-thumb:hover,
  #aesSection .app-translate-dropdown-container::-webkit-scrollbar-thumb:hover {
    background: var(--app-primary);
  }
}
#mqSection .app-translate-dropdown-container,
#davSection .app-translate-dropdown-container,
#crSection .app-translate-dropdown-container,
#trSection .app-translate-dropdown-container,
#ftSection .app-translate-dropdown-container,
#ntSection .app-translate-dropdown-container,
#mhiSection .app-translate-dropdown-container,
#liSection .app-translate-dropdown-container,
#fshSection .app-translate-dropdown-container,
#aesSection .app-translate-dropdown-container {
  scrollbar-width: thin;
  scrollbar-color: var(--app-scrollbar) var(--app-surface-tint);
}
#mqSection .app-translate-dropdown-item:last-child,
#davSection .app-translate-dropdown-item:last-child,
#crSection .app-translate-dropdown-item:last-child,
#trSection .app-translate-dropdown-item:last-child,
#ftSection .app-translate-dropdown-item:last-child,
#ntSection .app-translate-dropdown-item:last-child,
#mhiSection .app-translate-dropdown-item:last-child,
#liSection .app-translate-dropdown-item:last-child,
#fshSection .app-translate-dropdown-item:last-child,
#aesSection .app-translate-dropdown-item:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  #mqSection .app-translate-dropdown-item:hover,
  #davSection .app-translate-dropdown-item:hover,
  #crSection .app-translate-dropdown-item:hover,
  #trSection .app-translate-dropdown-item:hover,
  #ftSection .app-translate-dropdown-item:hover,
  #ntSection .app-translate-dropdown-item:hover,
  #mhiSection .app-translate-dropdown-item:hover,
  #liSection .app-translate-dropdown-item:hover,
  #fshSection .app-translate-dropdown-item:hover,
  #aesSection .app-translate-dropdown-item:hover {
    background: linear-gradient( 135deg, var(--app-surface-gradient-1), var(--app-surface-gradient-2) );
    padding-inline-start: 0;
    z-index: 2;
  }
}
@media (hover: none) {
  #mqSection .app-translate-dropdown-item.is-hover,
  #davSection .app-translate-dropdown-item.is-hover,
  #crSection .app-translate-dropdown-item.is-hover,
  #trSection .app-translate-dropdown-item.is-hover,
  #ftSection .app-translate-dropdown-item.is-hover,
  #ntSection .app-translate-dropdown-item.is-hover,
  #mhiSection .app-translate-dropdown-item.is-hover,
  #liSection .app-translate-dropdown-item.is-hover,
  #fshSection .app-translate-dropdown-item.is-hover,
  #aesSection .app-translate-dropdown-item.is-hover {
    background: linear-gradient( 135deg, var(--app-surface-gradient-1), var(--app-surface-gradient-2) );
    padding-inline-start: 0;
    z-index: 2;
  }
}
#mqSection .app-translate-dropdown-item .app-translate-dropdown-icon,
#davSection .app-translate-dropdown-item .app-translate-dropdown-icon,
#crSection .app-translate-dropdown-item .app-translate-dropdown-icon,
#trSection .app-translate-dropdown-item .app-translate-dropdown-icon,
#ftSection .app-translate-dropdown-item .app-translate-dropdown-icon,
#ntSection .app-translate-dropdown-item .app-translate-dropdown-icon,
#mhiSection .app-translate-dropdown-item .app-translate-dropdown-icon,
#liSection .app-translate-dropdown-item .app-translate-dropdown-icon,
#fshSection .app-translate-dropdown-item .app-translate-dropdown-icon,
#aesSection .app-translate-dropdown-item .app-translate-dropdown-icon,
#mqSection .app-translate-dropdown-item .app-translate-dropdown-text,
#davSection .app-translate-dropdown-item .app-translate-dropdown-text,
#crSection .app-translate-dropdown-item .app-translate-dropdown-text,
#trSection .app-translate-dropdown-item .app-translate-dropdown-text,
#ftSection .app-translate-dropdown-item .app-translate-dropdown-text,
#ntSection .app-translate-dropdown-item .app-translate-dropdown-text,
#mhiSection .app-translate-dropdown-item .app-translate-dropdown-text,
#liSection .app-translate-dropdown-item .app-translate-dropdown-text,
#fshSection .app-translate-dropdown-item .app-translate-dropdown-text,
#aesSection .app-translate-dropdown-item .app-translate-dropdown-text {
  transition: transform 0.2s ease;
  transform-origin: center center;
}
@media (hover: hover) {
  #mqSection .app-translate-dropdown-item:hover .app-translate-dropdown-icon,
  #davSection .app-translate-dropdown-item:hover .app-translate-dropdown-icon,
  #crSection .app-translate-dropdown-item:hover .app-translate-dropdown-icon,
  #trSection .app-translate-dropdown-item:hover .app-translate-dropdown-icon,
  #ftSection .app-translate-dropdown-item:hover .app-translate-dropdown-icon,
  #ntSection .app-translate-dropdown-item:hover .app-translate-dropdown-icon,
  #mhiSection .app-translate-dropdown-item:hover .app-translate-dropdown-icon,
  #liSection .app-translate-dropdown-item:hover .app-translate-dropdown-icon,
  #fshSection .app-translate-dropdown-item:hover .app-translate-dropdown-icon,
  #aesSection .app-translate-dropdown-item:hover .app-translate-dropdown-icon,
  #mqSection .app-translate-dropdown-item:hover .app-translate-dropdown-text,
  #davSection .app-translate-dropdown-item:hover .app-translate-dropdown-text,
  #crSection .app-translate-dropdown-item:hover .app-translate-dropdown-text,
  #trSection .app-translate-dropdown-item:hover .app-translate-dropdown-text,
  #ftSection .app-translate-dropdown-item:hover .app-translate-dropdown-text,
  #ntSection .app-translate-dropdown-item:hover .app-translate-dropdown-text,
  #mhiSection .app-translate-dropdown-item:hover .app-translate-dropdown-text,
  #liSection .app-translate-dropdown-item:hover .app-translate-dropdown-text,
  #fshSection .app-translate-dropdown-item:hover .app-translate-dropdown-text,
  #aesSection .app-translate-dropdown-item:hover .app-translate-dropdown-text {
    transform: scale(1.75);
  }
}
@media (hover: none) {
  #mqSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-icon,
  #davSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-icon,
  #crSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-icon,
  #trSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-icon,
  #ftSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-icon,
  #ntSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-icon,
  #mhiSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-icon,
  #liSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-icon,
  #fshSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-icon,
  #aesSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-icon,
  #mqSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-text,
  #davSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-text,
  #crSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-text,
  #trSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-text,
  #ftSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-text,
  #ntSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-text,
  #mhiSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-text,
  #liSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-text,
  #fshSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-text,
  #aesSection .app-translate-dropdown-item.is-hover .app-translate-dropdown-text {
    transform: scale(1.75);
  }
}

/* -- Menu system: tooltips -- */
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  --app-primary: #C2410C;
  --app-accent: #9A3412;
}
/* Elements JS puts on <body> inherit the page's text settings. */
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  color: #6c2108;
}
.toolbar-custom-tooltip {
  color: #9A3412;
  border: 1px solid #9A3412;
}
.toolbar-custom-tooltip::before {
  border-left: 1px solid #9A3412;
  border-top: 1px solid #9A3412;
}
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  --app-primary: #4A2E6B;
  --app-accent: #2E1A47;
}
.toolbar-custom-tooltip::before {
  border-left: 1px solid #2E1A47;
  border-top: 1px solid #2E1A47;
}
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  --app-primary: #B45309;
  --app-accent: #92400E;
}
.toolbar-custom-tooltip::before {
  border-left: 1px solid #92400E;
  border-top: 1px solid #92400E;
}
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  --app-primary: #0E7490;
  --app-accent: #155E75;
}
.toolbar-custom-tooltip::before {
  border-left: 1px solid #155E75;
  border-top: 1px solid #155E75;
}
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  --app-primary: #B91C1C;
  --app-accent: #991B1B;
}
.toolbar-custom-tooltip::before {
  border-left: 1px solid #991B1B;
  border-top: 1px solid #991B1B;
}
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  --app-primary: #15803D;
  --app-accent: #166534;
}
.toolbar-custom-tooltip::before {
  border-left: 1px solid #166534;
  border-top: 1px solid #166534;
}
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  --app-primary: #1E3A8A;
  --app-accent: #1E40AF;
}
.toolbar-custom-tooltip::before {
  border-left: 1px solid #1E40AF;
  border-top: 1px solid #1E40AF;
}
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  --app-primary: #BE123C;
  --app-accent: #9F1239;
}
.toolbar-custom-tooltip::before {
  border-left: 1px solid #9F1239;
  border-top: 1px solid #9F1239;
}
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  --app-primary: #0F766E;
  --app-accent: #115E59;
}
.toolbar-custom-tooltip::before {
  border-left: 1px solid #115E59;
  border-top: 1px solid #115E59;
}
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  --app-primary: #334155;
  --app-accent: #1E293B;
  --app-border: initial;
  --app-shadow: initial;
  --app-surface-tint: initial;
  --app-scrollbar: initial;
  --text-primary: initial;
  --text-muted: initial;
  --container-bg: initial;
  --border-light: initial;
  --context-text: initial;
  --app-surface-gradient-1: initial;
  --app-surface-gradient-2: initial;
}
.toolbar-custom-tooltip::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: -6px;
  transform: translateX(-50%) rotate(45deg);
  background: #FFFFFF;
  border-left: 1px solid #1E293B;
  border-top: 1px solid #1E293B;
}
.toolbar-custom-tooltip.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* -- Menu system: collections -- */
@media (prefers-reduced-motion: reduce) {
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button {
    transition: color 0.4s linear;
  }
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-wrapper,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-wrapper,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-wrapper,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-wrapper,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-wrapper,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-wrapper,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-wrapper,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-wrapper,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-wrapper,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-wrapper,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button-wrapper,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button-wrapper,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button-wrapper,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button-wrapper,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button-wrapper,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button-wrapper,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button-wrapper,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button-wrapper,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button-wrapper,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button-wrapper,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button-wrapper,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button-wrapper,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button-wrapper,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button-wrapper,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button-wrapper,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button-wrapper,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button-wrapper,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button-wrapper,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button-wrapper,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button-wrapper,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button-wrapper,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button-wrapper,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button-wrapper,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button-wrapper,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button-wrapper,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button-wrapper,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button-wrapper,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button-wrapper,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button-wrapper,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button-wrapper,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button-wrapper,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button-wrapper,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button-wrapper,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button-wrapper,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button-wrapper,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button-wrapper,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button-wrapper,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button-wrapper,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button-wrapper,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 100%;
  min-width: 0;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  flex: 1 1 0;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent !important;
  border: none !important;
  border-radius: 0;
  color: #9CA3AF;
  cursor: pointer;
  box-sizing: border-box;
  flex: 1 1 0;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg,
#mqSection .app-menu-btn-wrapper .app-quiz-button svg,
#davSection .app-menu-btn-wrapper .app-quiz-button svg,
#crSection .app-menu-btn-wrapper .app-quiz-button svg,
#trSection .app-menu-btn-wrapper .app-quiz-button svg,
#ftSection .app-menu-btn-wrapper .app-quiz-button svg,
#ntSection .app-menu-btn-wrapper .app-quiz-button svg,
#mhiSection .app-menu-btn-wrapper .app-quiz-button svg,
#liSection .app-menu-btn-wrapper .app-quiz-button svg,
#fshSection .app-menu-btn-wrapper .app-quiz-button svg,
#aesSection .app-menu-btn-wrapper .app-quiz-button svg,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg,
#mqSection .app-menu-btn-wrapper .app-toolbar-return-button svg,
#davSection .app-menu-btn-wrapper .app-toolbar-return-button svg,
#crSection .app-menu-btn-wrapper .app-toolbar-return-button svg,
#trSection .app-menu-btn-wrapper .app-toolbar-return-button svg,
#ftSection .app-menu-btn-wrapper .app-toolbar-return-button svg,
#ntSection .app-menu-btn-wrapper .app-toolbar-return-button svg,
#mhiSection .app-menu-btn-wrapper .app-toolbar-return-button svg,
#liSection .app-menu-btn-wrapper .app-toolbar-return-button svg,
#fshSection .app-menu-btn-wrapper .app-toolbar-return-button svg,
#aesSection .app-menu-btn-wrapper .app-toolbar-return-button svg,
#mqSection .app-menu-btn-wrapper .app-profile-button svg,
#davSection .app-menu-btn-wrapper .app-profile-button svg,
#crSection .app-menu-btn-wrapper .app-profile-button svg,
#trSection .app-menu-btn-wrapper .app-profile-button svg,
#ftSection .app-menu-btn-wrapper .app-profile-button svg,
#ntSection .app-menu-btn-wrapper .app-profile-button svg,
#mhiSection .app-menu-btn-wrapper .app-profile-button svg,
#liSection .app-menu-btn-wrapper .app-profile-button svg,
#fshSection .app-menu-btn-wrapper .app-profile-button svg,
#aesSection .app-menu-btn-wrapper .app-profile-button svg {
  display: block;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  flex: 0 0 40px;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button {
  color: #9CA3AF !important;
  transition: color 0.4s ease;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg path,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg path,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg path,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg path,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg path,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg path,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg path,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg path,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg path,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button svg path,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg path,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg path,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg path,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg path,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg path,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg path,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg path,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg path,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg path,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button svg path,
#mqSection .app-menu-btn-wrapper .app-quiz-button svg path,
#davSection .app-menu-btn-wrapper .app-quiz-button svg path,
#crSection .app-menu-btn-wrapper .app-quiz-button svg path,
#trSection .app-menu-btn-wrapper .app-quiz-button svg path,
#ftSection .app-menu-btn-wrapper .app-quiz-button svg path,
#ntSection .app-menu-btn-wrapper .app-quiz-button svg path,
#mhiSection .app-menu-btn-wrapper .app-quiz-button svg path,
#liSection .app-menu-btn-wrapper .app-quiz-button svg path,
#fshSection .app-menu-btn-wrapper .app-quiz-button svg path,
#aesSection .app-menu-btn-wrapper .app-quiz-button svg path,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg > path,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg > path,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg > path,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg > path,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg > path,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg > path,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg > path,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg > path,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg > path,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button > svg > path,
#mqSection .app-menu-btn-wrapper .app-toolbar-return-button svg path,
#davSection .app-menu-btn-wrapper .app-toolbar-return-button svg path,
#crSection .app-menu-btn-wrapper .app-toolbar-return-button svg path,
#trSection .app-menu-btn-wrapper .app-toolbar-return-button svg path,
#ftSection .app-menu-btn-wrapper .app-toolbar-return-button svg path,
#ntSection .app-menu-btn-wrapper .app-toolbar-return-button svg path,
#mhiSection .app-menu-btn-wrapper .app-toolbar-return-button svg path,
#liSection .app-menu-btn-wrapper .app-toolbar-return-button svg path,
#fshSection .app-menu-btn-wrapper .app-toolbar-return-button svg path,
#aesSection .app-menu-btn-wrapper .app-toolbar-return-button svg path,
#mqSection .app-menu-btn-wrapper .app-profile-button svg path,
#davSection .app-menu-btn-wrapper .app-profile-button svg path,
#crSection .app-menu-btn-wrapper .app-profile-button svg path,
#trSection .app-menu-btn-wrapper .app-profile-button svg path,
#ftSection .app-menu-btn-wrapper .app-profile-button svg path,
#ntSection .app-menu-btn-wrapper .app-profile-button svg path,
#mhiSection .app-menu-btn-wrapper .app-profile-button svg path,
#liSection .app-menu-btn-wrapper .app-profile-button svg path,
#fshSection .app-menu-btn-wrapper .app-profile-button svg path,
#aesSection .app-menu-btn-wrapper .app-profile-button svg path {
  color: inherit !important;
}
@media (hover: hover) {
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:hover,
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:hover,
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:hover,
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:hover,
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover,
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:hover {
    background: transparent !important;
    border: none !important;
    color: #EA580C !important;
    transform: none !important;
  }
}
@media (hover: none) {
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.is-hover,
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.is-hover,
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.is-hover,
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.is-hover,
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover,
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.is-hover {
    background: transparent !important;
    border: none !important;
    color: #EA580C !important;
    transform: none !important;
  }
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:active,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:active,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:active,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:active,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:active {
  background: transparent !important;
  border: none !important;
  color: #EA580C !important;
  transform: none !important;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.pressed,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.pressed,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.pressed,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.pressed,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.pressed {
  background: transparent !important;
  border: none !important;
  color: #EA580C !important;
  transform: none !important;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:focus-visible,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:focus-visible,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:focus-visible,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:focus-visible,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:focus-visible,
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:focus-visible {
  outline: 3px solid #EA580C;
  outline-offset: 2px;
}
#mqSection .app-collections-wrapper,
#davSection .app-collections-wrapper,
#crSection .app-collections-wrapper,
#trSection .app-collections-wrapper,
#ftSection .app-collections-wrapper,
#ntSection .app-collections-wrapper,
#mhiSection .app-collections-wrapper,
#liSection .app-collections-wrapper,
#fshSection .app-collections-wrapper,
#aesSection .app-collections-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: static;
  z-index: 10000;
  order: 1;
}
#mqSection .app-collections-button svg path,
#davSection .app-collections-button svg path,
#crSection .app-collections-button svg path,
#trSection .app-collections-button svg path,
#ftSection .app-collections-button svg path,
#ntSection .app-collections-button svg path,
#mhiSection .app-collections-button svg path,
#liSection .app-collections-button svg path,
#fshSection .app-collections-button svg path,
#aesSection .app-collections-button svg path {
  fill: #9CA3AF;
}
#mqSection .app-collections-button:active svg path,
#mqSection .app-collections-button.active svg path {
  fill: #EA580C;
}
@media (hover: hover) {
  #mqSection .app-collections-button:hover svg path {
    fill: #EA580C;
  }
}
@media (hover: none) {
  #mqSection .app-collections-button.is-hover svg path {
    fill: #EA580C;
  }
}
#mqSection .app-collections-dropdown,
#davSection .app-collections-dropdown,
#crSection .app-collections-dropdown,
#trSection .app-collections-dropdown,
#ftSection .app-collections-dropdown,
#ntSection .app-collections-dropdown,
#mhiSection .app-collections-dropdown,
#liSection .app-collections-dropdown,
#fshSection .app-collections-dropdown,
#aesSection .app-collections-dropdown {
  position: fixed;
  width: auto;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  box-sizing: border-box;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 14px;
  border: 1.5px solid var(--app-border);
  box-shadow: 0 8px 28px var(--app-shadow);
  display: flex;
  flex-direction: column;
  overflow: visible;
  z-index: 10002;
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  transform: none;
  transition: opacity 0.4s ease;
}
#mqSection .app-collections-dropdown {
  background: var( --mq-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #EA580C;
}
#mqSection .app-collections-dropdown::before,
#davSection .app-collections-dropdown::before,
#crSection .app-collections-dropdown::before,
#trSection .app-collections-dropdown::before,
#ftSection .app-collections-dropdown::before,
#ntSection .app-collections-dropdown::before,
#mhiSection .app-collections-dropdown::before,
#liSection .app-collections-dropdown::before,
#fshSection .app-collections-dropdown::before,
#aesSection .app-collections-dropdown::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  height: 12px;
  pointer-events: auto;
}
#mqSection .app-collections-dropdown-visible,
#davSection .app-collections-dropdown-visible,
#crSection .app-collections-dropdown-visible,
#trSection .app-collections-dropdown-visible,
#ftSection .app-collections-dropdown-visible,
#ntSection .app-collections-dropdown-visible,
#mhiSection .app-collections-dropdown-visible,
#liSection .app-collections-dropdown-visible,
#fshSection .app-collections-dropdown-visible,
#aesSection .app-collections-dropdown-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}
#mqSection .app-collections-dropdown.hidden,
#davSection .app-collections-dropdown.hidden,
#crSection .app-collections-dropdown.hidden,
#trSection .app-collections-dropdown.hidden,
#ftSection .app-collections-dropdown.hidden,
#ntSection .app-collections-dropdown.hidden,
#mhiSection .app-collections-dropdown.hidden,
#liSection .app-collections-dropdown.hidden,
#fshSection .app-collections-dropdown.hidden,
#aesSection .app-collections-dropdown.hidden {
  display: flex !important;
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  transform: none;
}
#mqSection .app-collections-dropdown-header,
#davSection .app-collections-dropdown-header,
#crSection .app-collections-dropdown-header,
#trSection .app-collections-dropdown-header,
#ftSection .app-collections-dropdown-header,
#ntSection .app-collections-dropdown-header,
#mhiSection .app-collections-dropdown-header,
#liSection .app-collections-dropdown-header,
#fshSection .app-collections-dropdown-header,
#aesSection .app-collections-dropdown-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--app-surface-tint);
  flex-shrink: 0;
}
#mqSection .app-collections-dropdown-title-row,
#davSection .app-collections-dropdown-title-row,
#crSection .app-collections-dropdown-title-row,
#trSection .app-collections-dropdown-title-row,
#ftSection .app-collections-dropdown-title-row,
#ntSection .app-collections-dropdown-title-row,
#mhiSection .app-collections-dropdown-title-row,
#liSection .app-collections-dropdown-title-row,
#fshSection .app-collections-dropdown-title-row,
#aesSection .app-collections-dropdown-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
#mqSection .app-collections-dropdown-title,
#davSection .app-collections-dropdown-title,
#crSection .app-collections-dropdown-title,
#trSection .app-collections-dropdown-title,
#ftSection .app-collections-dropdown-title,
#ntSection .app-collections-dropdown-title,
#mhiSection .app-collections-dropdown-title,
#liSection .app-collections-dropdown-title,
#fshSection .app-collections-dropdown-title,
#aesSection .app-collections-dropdown-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #000000;
  line-height: 1;
}
#mqSection .app-collections-dropdown-title .app-i18n-emoji,
#davSection .app-collections-dropdown-title .app-i18n-emoji,
#crSection .app-collections-dropdown-title .app-i18n-emoji,
#trSection .app-collections-dropdown-title .app-i18n-emoji,
#ftSection .app-collections-dropdown-title .app-i18n-emoji,
#ntSection .app-collections-dropdown-title .app-i18n-emoji,
#mhiSection .app-collections-dropdown-title .app-i18n-emoji,
#liSection .app-collections-dropdown-title .app-i18n-emoji,
#fshSection .app-collections-dropdown-title .app-i18n-emoji,
#aesSection .app-collections-dropdown-title .app-i18n-emoji {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  line-height: 1;
}
#mqSection .app-collections-dropdown-title .app-i18n-emoji svg,
#davSection .app-collections-dropdown-title .app-i18n-emoji svg,
#crSection .app-collections-dropdown-title .app-i18n-emoji svg,
#trSection .app-collections-dropdown-title .app-i18n-emoji svg,
#ftSection .app-collections-dropdown-title .app-i18n-emoji svg,
#ntSection .app-collections-dropdown-title .app-i18n-emoji svg,
#mhiSection .app-collections-dropdown-title .app-i18n-emoji svg,
#liSection .app-collections-dropdown-title .app-i18n-emoji svg,
#fshSection .app-collections-dropdown-title .app-i18n-emoji svg,
#aesSection .app-collections-dropdown-title .app-i18n-emoji svg {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
#mqSection .app-collections-dropdown-title .app-i18n-emoji {
  color: #EA580C;
}
#mqSection .app-collections-dropdown-title-text,
#davSection .app-collections-dropdown-title-text,
#crSection .app-collections-dropdown-title-text,
#trSection .app-collections-dropdown-title-text,
#ftSection .app-collections-dropdown-title-text,
#ntSection .app-collections-dropdown-title-text,
#mhiSection .app-collections-dropdown-title-text,
#liSection .app-collections-dropdown-title-text,
#fshSection .app-collections-dropdown-title-text,
#aesSection .app-collections-dropdown-title-text {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
#mqSection .app-collections-dropdown-count,
#davSection .app-collections-dropdown-count,
#crSection .app-collections-dropdown-count,
#trSection .app-collections-dropdown-count,
#ftSection .app-collections-dropdown-count,
#ntSection .app-collections-dropdown-count,
#mhiSection .app-collections-dropdown-count,
#liSection .app-collections-dropdown-count,
#fshSection .app-collections-dropdown-count,
#aesSection .app-collections-dropdown-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Times New Roman", Times, serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  vertical-align: baseline;
  background: var(--app-surface-tint);
  color: #000000;
  padding: 2px 0;
  border-radius: 999px;
  min-width: 20px;
  text-align: center;
  line-height: 1;
}
#mqSection .app-collections-dropdown-close-btn,
#davSection .app-collections-dropdown-close-btn,
#crSection .app-collections-dropdown-close-btn,
#trSection .app-collections-dropdown-close-btn,
#ftSection .app-collections-dropdown-close-btn,
#ntSection .app-collections-dropdown-close-btn,
#mhiSection .app-collections-dropdown-close-btn,
#liSection .app-collections-dropdown-close-btn,
#fshSection .app-collections-dropdown-close-btn,
#aesSection .app-collections-dropdown-close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--app-primary);
  border-radius: 6px;
  line-height: 1;
  transition: background 0.2s ease, color 0.2s ease;
}
#mqSection .app-collections-dropdown-close-btn svg,
#davSection .app-collections-dropdown-close-btn svg,
#crSection .app-collections-dropdown-close-btn svg,
#trSection .app-collections-dropdown-close-btn svg,
#ftSection .app-collections-dropdown-close-btn svg,
#ntSection .app-collections-dropdown-close-btn svg,
#mhiSection .app-collections-dropdown-close-btn svg,
#liSection .app-collections-dropdown-close-btn svg,
#fshSection .app-collections-dropdown-close-btn svg,
#aesSection .app-collections-dropdown-close-btn svg {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
@media (hover: hover) {
  #mqSection .app-collections-dropdown-close-btn:hover,
  #davSection .app-collections-dropdown-close-btn:hover,
  #crSection .app-collections-dropdown-close-btn:hover,
  #trSection .app-collections-dropdown-close-btn:hover,
  #ftSection .app-collections-dropdown-close-btn:hover,
  #ntSection .app-collections-dropdown-close-btn:hover,
  #mhiSection .app-collections-dropdown-close-btn:hover,
  #liSection .app-collections-dropdown-close-btn:hover,
  #fshSection .app-collections-dropdown-close-btn:hover,
  #aesSection .app-collections-dropdown-close-btn:hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
@media (hover: none) {
  #mqSection .app-collections-dropdown-close-btn.is-hover,
  #davSection .app-collections-dropdown-close-btn.is-hover,
  #crSection .app-collections-dropdown-close-btn.is-hover,
  #trSection .app-collections-dropdown-close-btn.is-hover,
  #ftSection .app-collections-dropdown-close-btn.is-hover,
  #ntSection .app-collections-dropdown-close-btn.is-hover,
  #mhiSection .app-collections-dropdown-close-btn.is-hover,
  #liSection .app-collections-dropdown-close-btn.is-hover,
  #fshSection .app-collections-dropdown-close-btn.is-hover,
  #aesSection .app-collections-dropdown-close-btn.is-hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
#mqSection .app-collections-dropdown-body,
#davSection .app-collections-dropdown-body,
#crSection .app-collections-dropdown-body,
#trSection .app-collections-dropdown-body,
#ftSection .app-collections-dropdown-body,
#ntSection .app-collections-dropdown-body,
#mhiSection .app-collections-dropdown-body,
#liSection .app-collections-dropdown-body,
#fshSection .app-collections-dropdown-body,
#aesSection .app-collections-dropdown-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px 16px 16px 16px;
}
#mqSection .app-collections-empty-state,
#davSection .app-collections-empty-state,
#crSection .app-collections-empty-state,
#trSection .app-collections-empty-state,
#ftSection .app-collections-empty-state,
#ntSection .app-collections-empty-state,
#mhiSection .app-collections-empty-state,
#liSection .app-collections-empty-state,
#fshSection .app-collections-empty-state,
#aesSection .app-collections-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 28px 16px;
  gap: 6px;
}
#mqSection .app-collections-empty-state.hidden,
#davSection .app-collections-empty-state.hidden,
#crSection .app-collections-empty-state.hidden,
#trSection .app-collections-empty-state.hidden,
#ftSection .app-collections-empty-state.hidden,
#ntSection .app-collections-empty-state.hidden,
#mhiSection .app-collections-empty-state.hidden,
#liSection .app-collections-empty-state.hidden,
#fshSection .app-collections-empty-state.hidden,
#aesSection .app-collections-empty-state.hidden {
  display: none !important;
}
#mqSection .app-collections-empty-icon,
#davSection .app-collections-empty-icon,
#crSection .app-collections-empty-icon,
#trSection .app-collections-empty-icon,
#ftSection .app-collections-empty-icon,
#ntSection .app-collections-empty-icon,
#mhiSection .app-collections-empty-icon,
#liSection .app-collections-empty-icon,
#fshSection .app-collections-empty-icon,
#aesSection .app-collections-empty-icon {
  opacity: 0.6;
}
#mqSection .app-collections-empty-title,
#davSection .app-collections-empty-title,
#crSection .app-collections-empty-title,
#trSection .app-collections-empty-title,
#ftSection .app-collections-empty-title,
#ntSection .app-collections-empty-title,
#mhiSection .app-collections-empty-title,
#liSection .app-collections-empty-title,
#fshSection .app-collections-empty-title,
#aesSection .app-collections-empty-title {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-primary, #333333);
  margin: 0;
}
#mqSection .app-collections-empty-subtitle,
#davSection .app-collections-empty-subtitle,
#crSection .app-collections-empty-subtitle,
#trSection .app-collections-empty-subtitle,
#ftSection .app-collections-empty-subtitle,
#ntSection .app-collections-empty-subtitle,
#mhiSection .app-collections-empty-subtitle,
#liSection .app-collections-empty-subtitle,
#fshSection .app-collections-empty-subtitle,
#aesSection .app-collections-empty-subtitle {
  font-size: 0.75rem;
  color: var(--text-muted, #888888);
  max-width: 220px;
  margin: 0;
  line-height: 1.4;
}
#mqSection .app-collections-section-label,
#davSection .app-collections-section-label,
#crSection .app-collections-section-label,
#trSection .app-collections-section-label,
#ftSection .app-collections-section-label,
#ntSection .app-collections-section-label,
#mhiSection .app-collections-section-label,
#liSection .app-collections-section-label,
#fshSection .app-collections-section-label,
#aesSection .app-collections-section-label {
  width: 100%;
  margin: 16px 0 0 0;
  padding: 0;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #000000;
  box-sizing: border-box;
}
#mqSection .app-collections-section-label > div > span,
#davSection .app-collections-section-label > div > span,
#crSection .app-collections-section-label > div > span,
#trSection .app-collections-section-label > div > span,
#ftSection .app-collections-section-label > div > span,
#ntSection .app-collections-section-label > div > span,
#mhiSection .app-collections-section-label > div > span,
#liSection .app-collections-section-label > div > span,
#fshSection .app-collections-section-label > div > span,
#aesSection .app-collections-section-label > div > span {
  position: relative;
  display: inline-flex;
  justify-content: center;
  flex: 0 0 auto;
  padding: 6px 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  box-sizing: border-box;
  cursor: pointer;
  color: #000000;
  background: transparent;
  isolation: isolate;
  transition: color 160ms ease;
}
#mqSection .app-collections-section-label > div > span > .collections-filter-count,
#davSection .app-collections-section-label > div > span > .collections-filter-count,
#crSection .app-collections-section-label > div > span > .collections-filter-count,
#trSection .app-collections-section-label > div > span > .collections-filter-count,
#ftSection .app-collections-section-label > div > span > .collections-filter-count,
#ntSection .app-collections-section-label > div > span > .collections-filter-count,
#mhiSection .app-collections-section-label > div > span > .collections-filter-count,
#liSection .app-collections-section-label > div > span > .collections-filter-count,
#fshSection .app-collections-section-label > div > span > .collections-filter-count,
#aesSection .app-collections-section-label > div > span > .collections-filter-count {
  margin-left: 0;
  font-family: "Times New Roman", Times, serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  vertical-align: baseline;
  font-weight: 600;
}
#mqSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#davSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#crSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#trSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#ftSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#ntSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#mhiSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#liSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#fshSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#aesSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  box-sizing: border-box;
  pointer-events: none;
  clip-path: inset(0 100% 0 0 round 999px);
  transition: clip-path 0.4s ease;
}
#mqSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  border: 1px solid #EA580C;
}
@media (hover: hover) {
  #mqSection .app-collections-section-label > div > span:not(.collections-filter-active):hover,
  #davSection .app-collections-section-label > div > span:not(.collections-filter-active):hover,
  #crSection .app-collections-section-label > div > span:not(.collections-filter-active):hover,
  #trSection .app-collections-section-label > div > span:not(.collections-filter-active):hover,
  #ftSection .app-collections-section-label > div > span:not(.collections-filter-active):hover,
  #ntSection .app-collections-section-label > div > span:not(.collections-filter-active):hover,
  #mhiSection .app-collections-section-label > div > span:not(.collections-filter-active):hover,
  #liSection .app-collections-section-label > div > span:not(.collections-filter-active):hover,
  #fshSection .app-collections-section-label > div > span:not(.collections-filter-active):hover,
  #aesSection .app-collections-section-label > div > span:not(.collections-filter-active):hover {
    background: transparent;
    border-color: transparent;
    color: #000000;
  }
}
@media (hover: none) {
  #mqSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover,
  #davSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover,
  #crSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover,
  #trSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover,
  #ftSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover,
  #ntSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover,
  #mhiSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover,
  #liSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover,
  #fshSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover,
  #aesSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover {
    background: transparent;
    border-color: transparent;
    color: #000000;
  }
}
@media (hover: hover) {
  #mqSection .app-collections-section-label > div > span:not(.collections-filter-active):hover::before,
  #davSection .app-collections-section-label > div > span:not(.collections-filter-active):hover::before,
  #crSection .app-collections-section-label > div > span:not(.collections-filter-active):hover::before,
  #trSection .app-collections-section-label > div > span:not(.collections-filter-active):hover::before,
  #ftSection .app-collections-section-label > div > span:not(.collections-filter-active):hover::before,
  #ntSection .app-collections-section-label > div > span:not(.collections-filter-active):hover::before,
  #mhiSection .app-collections-section-label > div > span:not(.collections-filter-active):hover::before,
  #liSection .app-collections-section-label > div > span:not(.collections-filter-active):hover::before,
  #fshSection .app-collections-section-label > div > span:not(.collections-filter-active):hover::before,
  #aesSection .app-collections-section-label > div > span:not(.collections-filter-active):hover::before {
    clip-path: inset(0 0 0 0 round 999px);
  }
}
@media (hover: none) {
  #mqSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover::before,
  #davSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover::before,
  #crSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover::before,
  #trSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover::before,
  #ftSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover::before,
  #ntSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover::before,
  #mhiSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover::before,
  #liSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover::before,
  #fshSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover::before,
  #aesSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover::before {
    clip-path: inset(0 0 0 0 round 999px);
  }
}
#mqSection .app-collections-section-label > div > span.collections-filter-active {
  background: #EA580C;
  border-color: #EA580C;
  color: #FFFFFF;
}
#mqSection .app-collections-cards-list,
#davSection .app-collections-cards-list,
#crSection .app-collections-cards-list,
#trSection .app-collections-cards-list,
#ftSection .app-collections-cards-list,
#ntSection .app-collections-cards-list,
#mhiSection .app-collections-cards-list,
#liSection .app-collections-cards-list,
#fshSection .app-collections-cards-list,
#aesSection .app-collections-cards-list {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--cs));
}
#mqSection .app-collections-card .app-share-card,
#davSection .app-collections-card .app-share-card,
#crSection .app-collections-card .app-share-card,
#trSection .app-collections-card .app-share-card,
#ftSection .app-collections-card .app-share-card,
#ntSection .app-collections-card .app-share-card,
#mhiSection .app-collections-card .app-share-card,
#liSection .app-collections-card .app-share-card,
#fshSection .app-collections-card .app-share-card,
#aesSection .app-collections-card .app-share-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto minmax(0, 1fr) calc(40 * var(--cs));
  width: 100%;
  height: calc(480 * var(--cs));
  min-height: calc(480 * var(--cs));
  max-height: calc(480 * var(--cs));
  min-width: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  isolation: isolate;
}
#mqSection .app-collections-card .app-share-card {
  border: 1px solid #C2410C;
}
#mqSection .app-collections-card .share-card-thumbnail-wrapper,
#davSection .app-collections-card .share-card-thumbnail-wrapper,
#crSection .app-collections-card .share-card-thumbnail-wrapper,
#trSection .app-collections-card .share-card-thumbnail-wrapper,
#ftSection .app-collections-card .share-card-thumbnail-wrapper,
#ntSection .app-collections-card .share-card-thumbnail-wrapper,
#mhiSection .app-collections-card .share-card-thumbnail-wrapper,
#liSection .app-collections-card .share-card-thumbnail-wrapper,
#fshSection .app-collections-card .share-card-thumbnail-wrapper,
#aesSection .app-collections-card .share-card-thumbnail-wrapper {
  grid-column: 2;
  grid-row: 1 / -1;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  flex: none;
  overflow: hidden;
  background: transparent;
  border: none;
  border-radius: 0;
  z-index: 1;
}
#mqSection .app-collections-card .share-card-thumbnail,
#davSection .app-collections-card .share-card-thumbnail,
#crSection .app-collections-card .share-card-thumbnail,
#trSection .app-collections-card .share-card-thumbnail,
#ftSection .app-collections-card .share-card-thumbnail,
#ntSection .app-collections-card .share-card-thumbnail,
#mhiSection .app-collections-card .share-card-thumbnail,
#liSection .app-collections-card .share-card-thumbnail,
#fshSection .app-collections-card .share-card-thumbnail,
#aesSection .app-collections-card .share-card-thumbnail {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  border: none;
  border-radius: 0;
  z-index: 1;
}
#mqSection .app-collections-card .app-share-card::after,
#davSection .app-collections-card .app-share-card::after,
#crSection .app-collections-card .app-share-card::after,
#trSection .app-collections-card .app-share-card::after,
#ftSection .app-collections-card .app-share-card::after,
#ntSection .app-collections-card .app-share-card::after,
#mhiSection .app-collections-card .app-share-card::after,
#liSection .app-collections-card .app-share-card::after,
#fshSection .app-collections-card .app-share-card::after,
#aesSection .app-collections-card .app-share-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - calc(30 * var(--cs)));
  width: calc(60 * var(--cs));
  height: 100%;
  z-index: 2;
  pointer-events: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  -webkit-mask-image: linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100% );
  mask-image: linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100% );
}
#mqSection .app-collections-card .app-share-quote,
#davSection .app-collections-card .app-share-quote,
#crSection .app-collections-card .app-share-quote,
#trSection .app-collections-card .app-share-quote,
#ftSection .app-collections-card .app-share-quote,
#ntSection .app-collections-card .app-share-quote,
#mhiSection .app-collections-card .app-share-quote,
#liSection .app-collections-card .app-share-quote,
#fshSection .app-collections-card .app-share-quote,
#aesSection .app-collections-card .app-share-quote {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 10;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: calc(16 * var(--cs));
  align-self: start;
  justify-self: stretch;
  font-family: Georgia,"Times New Roman", serif;
  font-size: calc(20 * var(--cs));
  font-weight: 600;
  font-style: italic;
  line-height: 1.45;
  text-align: center;
}
#mqSection .app-collections-card .app-share-quote {
  color: #EA580C;
}
#mqSection .app-collections-card .app-share-quote-content,
#davSection .app-collections-card .app-share-quote-content,
#crSection .app-collections-card .app-share-quote-content,
#trSection .app-collections-card .app-share-quote-content,
#ftSection .app-collections-card .app-share-quote-content,
#ntSection .app-collections-card .app-share-quote-content,
#mhiSection .app-collections-card .app-share-quote-content,
#liSection .app-collections-card .app-share-quote-content,
#fshSection .app-collections-card .app-share-quote-content,
#aesSection .app-collections-card .app-share-quote-content {
  font-size: calc(20 * var(--cs));
  font-weight: 600;
  font-style: italic;
  line-height: inherit;
}
#mqSection .app-collections-card .app-share-quote-content {
  color: #EA580C;
}
#mqSection .app-collections-card .app-share-quote-mark,
#davSection .app-collections-card .app-share-quote-mark,
#crSection .app-collections-card .app-share-quote-mark,
#trSection .app-collections-card .app-share-quote-mark,
#ftSection .app-collections-card .app-share-quote-mark,
#ntSection .app-collections-card .app-share-quote-mark,
#mhiSection .app-collections-card .app-share-quote-mark,
#liSection .app-collections-card .app-share-quote-mark,
#fshSection .app-collections-card .app-share-quote-mark,
#aesSection .app-collections-card .app-share-quote-mark {
  display: inline-block;
  position: relative;
  font-size: calc(24 * var(--cs));
  font-weight: 600;
  font-style: normal;
  line-height: 0;
  vertical-align: baseline;
  color: #000000;
}
#mqSection .app-collections-card .share-card-body,
#davSection .app-collections-card .share-card-body,
#crSection .app-collections-card .share-card-body,
#trSection .app-collections-card .share-card-body,
#ftSection .app-collections-card .share-card-body,
#ntSection .app-collections-card .share-card-body,
#mhiSection .app-collections-card .share-card-body,
#liSection .app-collections-card .share-card-body,
#fshSection .app-collections-card .share-card-body,
#aesSection .app-collections-card .share-card-body {
  grid-column: 1;
  grid-row: 2;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: calc(6 * var(--cs));
  width: 100%;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  margin: 0;
  padding: calc(16 * var(--cs)) calc(16 * var(--cs)) calc(48 * var(--cs)) calc(16 * var(--cs));
  align-self: stretch;
  justify-self: stretch;
  background: transparent;
  border: none;
  overflow: hidden;
}
#mqSection .app-collections-card .app-share-label,
#davSection .app-collections-card .app-share-label,
#crSection .app-collections-card .app-share-label,
#trSection .app-collections-card .app-share-label,
#ftSection .app-collections-card .app-share-label,
#ntSection .app-collections-card .app-share-label,
#mhiSection .app-collections-card .app-share-label,
#liSection .app-collections-card .app-share-label,
#fshSection .app-collections-card .app-share-label,
#aesSection .app-collections-card .app-share-label {
  position: relative;
  z-index: 11;
  display: inline-block;
  width: fit-content;
  font-size: calc(16 * var(--cs));
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000000;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  text-align: left;
}
#mqSection .app-collections-card .app-share-label {
  border-bottom: 2px solid #EA580C;
}
#mqSection .app-collections-card .app-share-text,
#davSection .app-collections-card .app-share-text,
#crSection .app-collections-card .app-share-text,
#trSection .app-collections-card .app-share-text,
#ftSection .app-collections-card .app-share-text,
#ntSection .app-collections-card .app-share-text,
#mhiSection .app-collections-card .app-share-text,
#liSection .app-collections-card .app-share-text,
#fshSection .app-collections-card .app-share-text,
#aesSection .app-collections-card .app-share-text {
  position: relative;
  z-index: 11;
  font-family: Georgia,"Times New Roman", serif;
  font-size: calc(16 * var(--cs));
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  margin: 0;
  padding: 0;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
  text-overflow: clip;
  text-align: left;
}
#mqSection .app-collections-card .share-card-cta,
#davSection .app-collections-card .share-card-cta,
#crSection .app-collections-card .share-card-cta,
#trSection .app-collections-card .share-card-cta,
#ftSection .app-collections-card .share-card-cta,
#ntSection .app-collections-card .share-card-cta,
#mhiSection .app-collections-card .share-card-cta,
#liSection .app-collections-card .share-card-cta,
#fshSection .app-collections-card .share-card-cta,
#aesSection .app-collections-card .share-card-cta {
  position: relative;
  z-index: 11;
  font-size: calc(11 * var(--cs));
  font-weight: 600;
  color: var(--app-primary);
  margin: 0;
  padding: 0;
  letter-spacing: 0.01em;
  line-height: 1.3;
  display: none;
  cursor: default;
  user-select: none;
  text-align: left;
}
#mqSection .app-collections-card .share-card-branding,
#davSection .app-collections-card .share-card-branding,
#crSection .app-collections-card .share-card-branding,
#trSection .app-collections-card .share-card-branding,
#ftSection .app-collections-card .share-card-branding,
#ntSection .app-collections-card .share-card-branding,
#mhiSection .app-collections-card .share-card-branding,
#liSection .app-collections-card .share-card-branding,
#fshSection .app-collections-card .share-card-branding,
#aesSection .app-collections-card .share-card-branding {
  grid-column: 1;
  grid-row: 3;
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 calc(16 * var(--cs));
  align-self: stretch;
  justify-self: stretch;
  background: transparent;
  border: none;
  text-align: left;
}
#mqSection .app-collections-card .app-share-app-name,
#davSection .app-collections-card .app-share-app-name,
#crSection .app-collections-card .app-share-app-name,
#trSection .app-collections-card .app-share-app-name,
#ftSection .app-collections-card .app-share-app-name,
#ntSection .app-collections-card .app-share-app-name,
#mhiSection .app-collections-card .app-share-app-name,
#liSection .app-collections-card .app-share-app-name,
#fshSection .app-collections-card .app-share-app-name,
#aesSection .app-collections-card .app-share-app-name {
  position: relative;
  z-index: 11;
  font-family: Georgia,"Times New Roman", serif;
  font-size: calc(12 * var(--cs));
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #000000;
  line-height: 1.2;
}
#mqSection .app-collections-card .app-collections-open-in-full,
#davSection .app-collections-card .app-collections-open-in-full,
#crSection .app-collections-card .app-collections-open-in-full,
#trSection .app-collections-card .app-collections-open-in-full,
#ftSection .app-collections-card .app-collections-open-in-full,
#ntSection .app-collections-card .app-collections-open-in-full,
#mhiSection .app-collections-card .app-collections-open-in-full,
#liSection .app-collections-card .app-collections-open-in-full,
#fshSection .app-collections-card .app-collections-open-in-full,
#aesSection .app-collections-card .app-collections-open-in-full {
  position: relative;
  z-index: 11;
  margin: 0 0 0 auto;
  padding: 0;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  display: inline-block;
  flex: 0 0 auto;
  align-self: center;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  font-family: Georgia,"Times New Roman", serif;
  font-size: calc(12 * var(--cs));
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #000000;
  line-height: 1.2;
  cursor: pointer;
}
#mqSection .app-collections-card .app-collections-open-in-full:active,
#davSection .app-collections-card .app-collections-open-in-full:active,
#crSection .app-collections-card .app-collections-open-in-full:active,
#trSection .app-collections-card .app-collections-open-in-full:active,
#ftSection .app-collections-card .app-collections-open-in-full:active,
#ntSection .app-collections-card .app-collections-open-in-full:active,
#mhiSection .app-collections-card .app-collections-open-in-full:active,
#liSection .app-collections-card .app-collections-open-in-full:active,
#fshSection .app-collections-card .app-collections-open-in-full:active,
#aesSection .app-collections-card .app-collections-open-in-full:active {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #000000;
}
@media (hover: hover) {
  #mqSection .app-collections-card .app-collections-open-in-full:hover,
  #davSection .app-collections-card .app-collections-open-in-full:hover,
  #crSection .app-collections-card .app-collections-open-in-full:hover,
  #trSection .app-collections-card .app-collections-open-in-full:hover,
  #ftSection .app-collections-card .app-collections-open-in-full:hover,
  #ntSection .app-collections-card .app-collections-open-in-full:hover,
  #mhiSection .app-collections-card .app-collections-open-in-full:hover,
  #liSection .app-collections-card .app-collections-open-in-full:hover,
  #fshSection .app-collections-card .app-collections-open-in-full:hover,
  #aesSection .app-collections-card .app-collections-open-in-full:hover {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #000000;
  }
}
@media (hover: none) {
  #mqSection .app-collections-card .app-collections-open-in-full.is-hover,
  #davSection .app-collections-card .app-collections-open-in-full.is-hover,
  #crSection .app-collections-card .app-collections-open-in-full.is-hover,
  #trSection .app-collections-card .app-collections-open-in-full.is-hover,
  #ftSection .app-collections-card .app-collections-open-in-full.is-hover,
  #ntSection .app-collections-card .app-collections-open-in-full.is-hover,
  #mhiSection .app-collections-card .app-collections-open-in-full.is-hover,
  #liSection .app-collections-card .app-collections-open-in-full.is-hover,
  #fshSection .app-collections-card .app-collections-open-in-full.is-hover,
  #aesSection .app-collections-card .app-collections-open-in-full.is-hover {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #000000;
  }
}
#mqSection .app-collections-card .app-collections-card-share-btn,
#davSection .app-collections-card .app-collections-card-share-btn,
#crSection .app-collections-card .app-collections-card-share-btn,
#trSection .app-collections-card .app-collections-card-share-btn,
#ftSection .app-collections-card .app-collections-card-share-btn,
#ntSection .app-collections-card .app-collections-card-share-btn,
#mhiSection .app-collections-card .app-collections-card-share-btn,
#liSection .app-collections-card .app-collections-card-share-btn,
#fshSection .app-collections-card .app-collections-card-share-btn,
#aesSection .app-collections-card .app-collections-card-share-btn {
  position: absolute;
  top: calc(8 * var(--cs));
  right: calc(56 * var(--cs));
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(40 * var(--cs));
  height: calc(40 * var(--cs));
  min-width: calc(40 * var(--cs));
  min-height: calc(40 * var(--cs));
  max-width: calc(40 * var(--cs));
  max-height: calc(40 * var(--cs));
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background: #FFFFFF;
  border: none;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  color: #9CA3AF;
  flex-shrink: 0;
  transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
#mqSection .app-collections-card .app-collections-card-share-btn.active,
#mqSection .app-collections-card .app-collections-card-share-btn:active {
  color: #EA580C;
  background: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
@media (hover: hover) {
  #mqSection .app-collections-card .app-collections-card-share-btn:hover {
    color: #EA580C;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
@media (hover: none) {
  #mqSection .app-collections-card .app-collections-card-share-btn.is-hover {
    color: #EA580C;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
#mqSection .app-collections-card .app-collections-card-share-btn svg,
#davSection .app-collections-card .app-collections-card-share-btn svg,
#crSection .app-collections-card .app-collections-card-share-btn svg,
#trSection .app-collections-card .app-collections-card-share-btn svg,
#ftSection .app-collections-card .app-collections-card-share-btn svg,
#ntSection .app-collections-card .app-collections-card-share-btn svg,
#mhiSection .app-collections-card .app-collections-card-share-btn svg,
#liSection .app-collections-card .app-collections-card-share-btn svg,
#fshSection .app-collections-card .app-collections-card-share-btn svg,
#aesSection .app-collections-card .app-collections-card-share-btn svg {
  width: calc(32 * var(--cs));
  height: calc(32 * var(--cs));
  min-width: calc(32 * var(--cs));
  min-height: calc(32 * var(--cs));
  max-width: calc(32 * var(--cs));
  max-height: calc(32 * var(--cs));
  display: block;
  flex: 0 0 calc(32 * var(--cs));
}
.app-collections-share-dropdown {
  background: var( --mq-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
}
.app-collections-share-link-input {
  border: 1px solid rgba(194, 65, 12, 0.22);
  background: #fffaf3;
}
.app-collections-share-copy-btn {
  background: #EA580C;
}
.app-collections-share-platform-tooltip {
  color: #EA580C;
}

/* -- Menu system: tooltips -- */
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  color: #2e1a47;
}
.toolbar-custom-tooltip {
  color: #2E1A47;
  border: 1px solid #2E1A47;
}

/* -- Menu system: collections -- */
#mqSection .app-collections-card .app-collections-card-delete-btn,
#davSection .app-collections-card .app-collections-card-delete-btn,
#crSection .app-collections-card .app-collections-card-delete-btn,
#trSection .app-collections-card .app-collections-card-delete-btn,
#ftSection .app-collections-card .app-collections-card-delete-btn,
#ntSection .app-collections-card .app-collections-card-delete-btn,
#mhiSection .app-collections-card .app-collections-card-delete-btn,
#liSection .app-collections-card .app-collections-card-delete-btn,
#fshSection .app-collections-card .app-collections-card-delete-btn,
#aesSection .app-collections-card .app-collections-card-delete-btn {
  position: absolute;
  top: calc(8 * var(--cs));
  right: calc(8 * var(--cs));
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(40 * var(--cs));
  height: calc(40 * var(--cs));
  min-width: calc(40 * var(--cs));
  min-height: calc(40 * var(--cs));
  max-width: calc(40 * var(--cs));
  max-height: calc(40 * var(--cs));
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background: #FFFFFF;
  border: none;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  color: var(--text-muted, #999999);
  flex-shrink: 0;
  transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
@media (hover: hover) {
  #mqSection .app-collections-card .app-collections-card-delete-btn:hover,
  #davSection .app-collections-card .app-collections-card-delete-btn:hover,
  #crSection .app-collections-card .app-collections-card-delete-btn:hover,
  #trSection .app-collections-card .app-collections-card-delete-btn:hover,
  #ftSection .app-collections-card .app-collections-card-delete-btn:hover,
  #ntSection .app-collections-card .app-collections-card-delete-btn:hover,
  #mhiSection .app-collections-card .app-collections-card-delete-btn:hover,
  #liSection .app-collections-card .app-collections-card-delete-btn:hover,
  #fshSection .app-collections-card .app-collections-card-delete-btn:hover,
  #aesSection .app-collections-card .app-collections-card-delete-btn:hover {
    color: #e11d48;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
@media (hover: none) {
  #mqSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #davSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #crSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #trSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #ftSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #ntSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #mhiSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #liSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #fshSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #aesSection .app-collections-card .app-collections-card-delete-btn.is-hover {
    color: #e11d48;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
#mqSection .app-collections-card .app-collections-card-delete-btn svg,
#davSection .app-collections-card .app-collections-card-delete-btn svg,
#crSection .app-collections-card .app-collections-card-delete-btn svg,
#trSection .app-collections-card .app-collections-card-delete-btn svg,
#ftSection .app-collections-card .app-collections-card-delete-btn svg,
#ntSection .app-collections-card .app-collections-card-delete-btn svg,
#mhiSection .app-collections-card .app-collections-card-delete-btn svg,
#liSection .app-collections-card .app-collections-card-delete-btn svg,
#fshSection .app-collections-card .app-collections-card-delete-btn svg,
#aesSection .app-collections-card .app-collections-card-delete-btn svg {
  width: calc(32 * var(--cs));
  height: calc(32 * var(--cs));
  min-width: calc(32 * var(--cs));
  min-height: calc(32 * var(--cs));
  max-width: calc(32 * var(--cs));
  max-height: calc(32 * var(--cs));
  display: block;
  flex: 0 0 calc(32 * var(--cs));
}
#mqSection .app-collection-detail-overlay.hidden,
#davSection .app-collection-detail-overlay.hidden,
#crSection .app-collection-detail-overlay.hidden,
#trSection .app-collection-detail-overlay.hidden,
#ftSection .app-collection-detail-overlay.hidden,
#ntSection .app-collection-detail-overlay.hidden,
#mhiSection .app-collection-detail-overlay.hidden,
#liSection .app-collection-detail-overlay.hidden,
#fshSection .app-collection-detail-overlay.hidden,
#aesSection .app-collection-detail-overlay.hidden {
  opacity: 0;
  pointer-events: none;
}
@media (hover: hover) {
  #mqSection .app-collection-detail-back-btn:hover,
  #davSection .app-collection-detail-back-btn:hover,
  #crSection .app-collection-detail-back-btn:hover,
  #trSection .app-collection-detail-back-btn:hover,
  #ftSection .app-collection-detail-back-btn:hover,
  #ntSection .app-collection-detail-back-btn:hover,
  #mhiSection .app-collection-detail-back-btn:hover,
  #liSection .app-collection-detail-back-btn:hover,
  #fshSection .app-collection-detail-back-btn:hover,
  #aesSection .app-collection-detail-back-btn:hover {
    background: var(--app-surface-tint);
  }
}
@media (hover: none) {
  #mqSection .app-collection-detail-back-btn.is-hover,
  #davSection .app-collection-detail-back-btn.is-hover,
  #crSection .app-collection-detail-back-btn.is-hover,
  #trSection .app-collection-detail-back-btn.is-hover,
  #ftSection .app-collection-detail-back-btn.is-hover,
  #ntSection .app-collection-detail-back-btn.is-hover,
  #mhiSection .app-collection-detail-back-btn.is-hover,
  #liSection .app-collection-detail-back-btn.is-hover,
  #fshSection .app-collection-detail-back-btn.is-hover,
  #aesSection .app-collection-detail-back-btn.is-hover {
    background: var(--app-surface-tint);
  }
}
#mqSection .app-collection-detail-back-btn svg,
#davSection .app-collection-detail-back-btn svg,
#crSection .app-collection-detail-back-btn svg,
#trSection .app-collection-detail-back-btn svg,
#ftSection .app-collection-detail-back-btn svg,
#ntSection .app-collection-detail-back-btn svg,
#mhiSection .app-collection-detail-back-btn svg,
#liSection .app-collection-detail-back-btn svg,
#fshSection .app-collection-detail-back-btn svg,
#aesSection .app-collection-detail-back-btn svg {
  width: 20px;
  height: 20px;
  display: block;
}
#mqSection .app-collection-detail-back-btn svg path,
#davSection .app-collection-detail-back-btn svg path,
#crSection .app-collection-detail-back-btn svg path,
#trSection .app-collection-detail-back-btn svg path,
#ftSection .app-collection-detail-back-btn svg path,
#ntSection .app-collection-detail-back-btn svg path,
#mhiSection .app-collection-detail-back-btn svg path,
#liSection .app-collection-detail-back-btn svg path,
#fshSection .app-collection-detail-back-btn svg path,
#aesSection .app-collection-detail-back-btn svg path {
  fill: var(--app-primary);
}
@media (hover: hover) {
  #mqSection .app-collection-detail-close-btn:hover,
  #davSection .app-collection-detail-close-btn:hover,
  #crSection .app-collection-detail-close-btn:hover,
  #trSection .app-collection-detail-close-btn:hover,
  #ftSection .app-collection-detail-close-btn:hover,
  #ntSection .app-collection-detail-close-btn:hover,
  #mhiSection .app-collection-detail-close-btn:hover,
  #liSection .app-collection-detail-close-btn:hover,
  #fshSection .app-collection-detail-close-btn:hover,
  #aesSection .app-collection-detail-close-btn:hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
@media (hover: none) {
  #mqSection .app-collection-detail-close-btn.is-hover,
  #davSection .app-collection-detail-close-btn.is-hover,
  #crSection .app-collection-detail-close-btn.is-hover,
  #trSection .app-collection-detail-close-btn.is-hover,
  #ftSection .app-collection-detail-close-btn.is-hover,
  #ntSection .app-collection-detail-close-btn.is-hover,
  #mhiSection .app-collection-detail-close-btn.is-hover,
  #liSection .app-collection-detail-close-btn.is-hover,
  #fshSection .app-collection-detail-close-btn.is-hover,
  #aesSection .app-collection-detail-close-btn.is-hover {
    background: var(--app-surface-tint);
    color: var(--app-accent);
  }
}
#mqSection .app-collection-detail-thumbnail-overlay svg,
#davSection .app-collection-detail-thumbnail-overlay svg,
#crSection .app-collection-detail-thumbnail-overlay svg,
#trSection .app-collection-detail-thumbnail-overlay svg,
#ftSection .app-collection-detail-thumbnail-overlay svg,
#ntSection .app-collection-detail-thumbnail-overlay svg,
#mhiSection .app-collection-detail-thumbnail-overlay svg,
#liSection .app-collection-detail-thumbnail-overlay svg,
#fshSection .app-collection-detail-thumbnail-overlay svg,
#aesSection .app-collection-detail-thumbnail-overlay svg {
  width: 32px;
  height: 32px;
  display: block;
}
#mqSection .app-collection-detail-thumbnail-overlay svg path,
#davSection .app-collection-detail-thumbnail-overlay svg path,
#crSection .app-collection-detail-thumbnail-overlay svg path,
#trSection .app-collection-detail-thumbnail-overlay svg path,
#ftSection .app-collection-detail-thumbnail-overlay svg path,
#ntSection .app-collection-detail-thumbnail-overlay svg path,
#mhiSection .app-collection-detail-thumbnail-overlay svg path,
#liSection .app-collection-detail-thumbnail-overlay svg path,
#fshSection .app-collection-detail-thumbnail-overlay svg path,
#aesSection .app-collection-detail-thumbnail-overlay svg path {
  fill: #ffffff;
}
#mqSection .app-collection-detail-saved-on svg,
#davSection .app-collection-detail-saved-on svg,
#crSection .app-collection-detail-saved-on svg,
#trSection .app-collection-detail-saved-on svg,
#ftSection .app-collection-detail-saved-on svg,
#ntSection .app-collection-detail-saved-on svg,
#mhiSection .app-collection-detail-saved-on svg,
#liSection .app-collection-detail-saved-on svg,
#fshSection .app-collection-detail-saved-on svg,
#aesSection .app-collection-detail-saved-on svg {
  width: 14px;
  height: 14px;
  display: block;
  flex-shrink: 0;
}
#mqSection .app-collection-detail-saved-on svg path,
#davSection .app-collection-detail-saved-on svg path,
#crSection .app-collection-detail-saved-on svg path,
#trSection .app-collection-detail-saved-on svg path,
#ftSection .app-collection-detail-saved-on svg path,
#ntSection .app-collection-detail-saved-on svg path,
#mhiSection .app-collection-detail-saved-on svg path,
#liSection .app-collection-detail-saved-on svg path,
#fshSection .app-collection-detail-saved-on svg path,
#aesSection .app-collection-detail-saved-on svg path {
  fill: var(--text-muted, #888888);
}

/* -- Menu system: translate -- */
#mqSection .app-translate-button > svg > path,
#davSection .app-translate-button > svg > path,
#crSection .app-translate-button > svg > path,
#trSection .app-translate-button > svg > path,
#ftSection .app-translate-button > svg > path,
#ntSection .app-translate-button > svg > path,
#mhiSection .app-translate-button > svg > path,
#liSection .app-translate-button > svg > path,
#fshSection .app-translate-button > svg > path,
#aesSection .app-translate-button > svg > path {
  fill: currentColor;
}

/* -- Menu system: collections -- */
#mqSection .app-collections-dropdown-body::-webkit-scrollbar,
#davSection .app-collections-dropdown-body::-webkit-scrollbar,
#crSection .app-collections-dropdown-body::-webkit-scrollbar,
#trSection .app-collections-dropdown-body::-webkit-scrollbar,
#ftSection .app-collections-dropdown-body::-webkit-scrollbar,
#ntSection .app-collections-dropdown-body::-webkit-scrollbar,
#mhiSection .app-collections-dropdown-body::-webkit-scrollbar,
#liSection .app-collections-dropdown-body::-webkit-scrollbar,
#fshSection .app-collections-dropdown-body::-webkit-scrollbar,
#aesSection .app-collections-dropdown-body::-webkit-scrollbar,
#mqSection .app-collection-detail-body::-webkit-scrollbar,
#davSection .app-collection-detail-body::-webkit-scrollbar,
#crSection .app-collection-detail-body::-webkit-scrollbar,
#trSection .app-collection-detail-body::-webkit-scrollbar,
#ftSection .app-collection-detail-body::-webkit-scrollbar,
#ntSection .app-collection-detail-body::-webkit-scrollbar,
#mhiSection .app-collection-detail-body::-webkit-scrollbar,
#liSection .app-collection-detail-body::-webkit-scrollbar,
#fshSection .app-collection-detail-body::-webkit-scrollbar,
#aesSection .app-collection-detail-body::-webkit-scrollbar {
  width: 4px;
}
#mqSection .app-collections-dropdown-body::-webkit-scrollbar-track,
#davSection .app-collections-dropdown-body::-webkit-scrollbar-track,
#crSection .app-collections-dropdown-body::-webkit-scrollbar-track,
#trSection .app-collections-dropdown-body::-webkit-scrollbar-track,
#ftSection .app-collections-dropdown-body::-webkit-scrollbar-track,
#ntSection .app-collections-dropdown-body::-webkit-scrollbar-track,
#mhiSection .app-collections-dropdown-body::-webkit-scrollbar-track,
#liSection .app-collections-dropdown-body::-webkit-scrollbar-track,
#fshSection .app-collections-dropdown-body::-webkit-scrollbar-track,
#aesSection .app-collections-dropdown-body::-webkit-scrollbar-track,
#mqSection .app-collection-detail-body::-webkit-scrollbar-track,
#davSection .app-collection-detail-body::-webkit-scrollbar-track,
#crSection .app-collection-detail-body::-webkit-scrollbar-track,
#trSection .app-collection-detail-body::-webkit-scrollbar-track,
#ftSection .app-collection-detail-body::-webkit-scrollbar-track,
#ntSection .app-collection-detail-body::-webkit-scrollbar-track,
#mhiSection .app-collection-detail-body::-webkit-scrollbar-track,
#liSection .app-collection-detail-body::-webkit-scrollbar-track,
#fshSection .app-collection-detail-body::-webkit-scrollbar-track,
#aesSection .app-collection-detail-body::-webkit-scrollbar-track {
  background: var(--app-surface-tint);
  border-radius: 6px;
}
#mqSection .app-collections-dropdown-body::-webkit-scrollbar-thumb,
#davSection .app-collections-dropdown-body::-webkit-scrollbar-thumb,
#crSection .app-collections-dropdown-body::-webkit-scrollbar-thumb,
#trSection .app-collections-dropdown-body::-webkit-scrollbar-thumb,
#ftSection .app-collections-dropdown-body::-webkit-scrollbar-thumb,
#ntSection .app-collections-dropdown-body::-webkit-scrollbar-thumb,
#mhiSection .app-collections-dropdown-body::-webkit-scrollbar-thumb,
#liSection .app-collections-dropdown-body::-webkit-scrollbar-thumb,
#fshSection .app-collections-dropdown-body::-webkit-scrollbar-thumb,
#aesSection .app-collections-dropdown-body::-webkit-scrollbar-thumb,
#mqSection .app-collection-detail-body::-webkit-scrollbar-thumb,
#davSection .app-collection-detail-body::-webkit-scrollbar-thumb,
#crSection .app-collection-detail-body::-webkit-scrollbar-thumb,
#trSection .app-collection-detail-body::-webkit-scrollbar-thumb,
#ftSection .app-collection-detail-body::-webkit-scrollbar-thumb,
#ntSection .app-collection-detail-body::-webkit-scrollbar-thumb,
#mhiSection .app-collection-detail-body::-webkit-scrollbar-thumb,
#liSection .app-collection-detail-body::-webkit-scrollbar-thumb,
#fshSection .app-collection-detail-body::-webkit-scrollbar-thumb,
#aesSection .app-collection-detail-body::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar);
  border-radius: 6px;
}
@media (hover: hover) {
  #mqSection .app-collections-dropdown-body::-webkit-scrollbar-thumb:hover,
  #davSection .app-collections-dropdown-body::-webkit-scrollbar-thumb:hover,
  #crSection .app-collections-dropdown-body::-webkit-scrollbar-thumb:hover,
  #trSection .app-collections-dropdown-body::-webkit-scrollbar-thumb:hover,
  #ftSection .app-collections-dropdown-body::-webkit-scrollbar-thumb:hover,
  #ntSection .app-collections-dropdown-body::-webkit-scrollbar-thumb:hover,
  #mhiSection .app-collections-dropdown-body::-webkit-scrollbar-thumb:hover,
  #liSection .app-collections-dropdown-body::-webkit-scrollbar-thumb:hover,
  #fshSection .app-collections-dropdown-body::-webkit-scrollbar-thumb:hover,
  #aesSection .app-collections-dropdown-body::-webkit-scrollbar-thumb:hover,
  #mqSection .app-collection-detail-body::-webkit-scrollbar-thumb:hover,
  #davSection .app-collection-detail-body::-webkit-scrollbar-thumb:hover,
  #crSection .app-collection-detail-body::-webkit-scrollbar-thumb:hover,
  #trSection .app-collection-detail-body::-webkit-scrollbar-thumb:hover,
  #ftSection .app-collection-detail-body::-webkit-scrollbar-thumb:hover,
  #ntSection .app-collection-detail-body::-webkit-scrollbar-thumb:hover,
  #mhiSection .app-collection-detail-body::-webkit-scrollbar-thumb:hover,
  #liSection .app-collection-detail-body::-webkit-scrollbar-thumb:hover,
  #fshSection .app-collection-detail-body::-webkit-scrollbar-thumb:hover,
  #aesSection .app-collection-detail-body::-webkit-scrollbar-thumb:hover {
    background: var(--app-primary);
  }
}
#mqSection .app-collections-dropdown-body,
#davSection .app-collections-dropdown-body,
#crSection .app-collections-dropdown-body,
#trSection .app-collections-dropdown-body,
#ftSection .app-collections-dropdown-body,
#ntSection .app-collections-dropdown-body,
#mhiSection .app-collections-dropdown-body,
#liSection .app-collections-dropdown-body,
#fshSection .app-collections-dropdown-body,
#aesSection .app-collections-dropdown-body,
#mqSection .app-collection-detail-body,
#davSection .app-collection-detail-body,
#crSection .app-collection-detail-body,
#trSection .app-collection-detail-body,
#ftSection .app-collection-detail-body,
#ntSection .app-collection-detail-body,
#mhiSection .app-collection-detail-body,
#liSection .app-collection-detail-body,
#fshSection .app-collection-detail-body,
#aesSection .app-collection-detail-body {
  scrollbar-width: thin;
  scrollbar-color: var(--app-scrollbar) var(--app-surface-tint);
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-collections-card-text,
:where(html:not([data-layout="laptop"])) #davSection .app-collections-card-text,
:where(html:not([data-layout="laptop"])) #crSection .app-collections-card-text,
:where(html:not([data-layout="laptop"])) #trSection .app-collections-card-text,
:where(html:not([data-layout="laptop"])) #ftSection .app-collections-card-text,
:where(html:not([data-layout="laptop"])) #ntSection .app-collections-card-text,
:where(html:not([data-layout="laptop"])) #mhiSection .app-collections-card-text,
:where(html:not([data-layout="laptop"])) #liSection .app-collections-card-text,
:where(html:not([data-layout="laptop"])) #fshSection .app-collections-card-text,
:where(html:not([data-layout="laptop"])) #aesSection .app-collections-card-text {
  font-size: 0.75rem;
}

@media (prefers-reduced-motion: reduce) {
  #mqSection .app-collections-dropdown,
#davSection .app-collections-dropdown,
#crSection .app-collections-dropdown,
#trSection .app-collections-dropdown,
#ftSection .app-collections-dropdown,
#ntSection .app-collections-dropdown,
#mhiSection .app-collections-dropdown,
#liSection .app-collections-dropdown,
#fshSection .app-collections-dropdown,
#aesSection .app-collections-dropdown,
#mqSection .app-collections-card,
#davSection .app-collections-card,
#crSection .app-collections-card,
#trSection .app-collections-card,
#ftSection .app-collections-card,
#ntSection .app-collections-card,
#mhiSection .app-collections-card,
#liSection .app-collections-card,
#fshSection .app-collections-card,
#aesSection .app-collections-card,
#mqSection .app-collection-detail-overlay,
#davSection .app-collection-detail-overlay,
#crSection .app-collection-detail-overlay,
#trSection .app-collection-detail-overlay,
#ftSection .app-collection-detail-overlay,
#ntSection .app-collection-detail-overlay,
#mhiSection .app-collection-detail-overlay,
#liSection .app-collection-detail-overlay,
#fshSection .app-collection-detail-overlay,
#aesSection .app-collection-detail-overlay {
    transition: none !important;
    animation: none !important;
  }
}
@media print {
  #mqSection .app-collections-wrapper,
#davSection .app-collections-wrapper,
#crSection .app-collections-wrapper,
#trSection .app-collections-wrapper,
#ftSection .app-collections-wrapper,
#ntSection .app-collections-wrapper,
#mhiSection .app-collections-wrapper,
#liSection .app-collections-wrapper,
#fshSection .app-collections-wrapper,
#aesSection .app-collections-wrapper {
    display: none !important;
  }
}
/* These panels fade with opacity and stay in the layout while hidden. */
#mqSection .app-menu-btn-wrapper .app-collection-detail-overlay.hidden,
#davSection .app-menu-btn-wrapper .app-collection-detail-overlay.hidden,
#crSection .app-menu-btn-wrapper .app-collection-detail-overlay.hidden,
#trSection .app-menu-btn-wrapper .app-collection-detail-overlay.hidden,
#ftSection .app-menu-btn-wrapper .app-collection-detail-overlay.hidden,
#ntSection .app-menu-btn-wrapper .app-collection-detail-overlay.hidden,
#mhiSection .app-menu-btn-wrapper .app-collection-detail-overlay.hidden,
#liSection .app-menu-btn-wrapper .app-collection-detail-overlay.hidden,
#fshSection .app-menu-btn-wrapper .app-collection-detail-overlay.hidden,
#aesSection .app-menu-btn-wrapper .app-collection-detail-overlay.hidden {
  display: flex !important;
}
#mqSection .app-menu-btn-wrapper .app-collection-detail-overlay,
#davSection .app-menu-btn-wrapper .app-collection-detail-overlay,
#crSection .app-menu-btn-wrapper .app-collection-detail-overlay,
#trSection .app-menu-btn-wrapper .app-collection-detail-overlay,
#ftSection .app-menu-btn-wrapper .app-collection-detail-overlay,
#ntSection .app-menu-btn-wrapper .app-collection-detail-overlay,
#mhiSection .app-menu-btn-wrapper .app-collection-detail-overlay,
#liSection .app-menu-btn-wrapper .app-collection-detail-overlay,
#fshSection .app-menu-btn-wrapper .app-collection-detail-overlay,
#aesSection .app-menu-btn-wrapper .app-collection-detail-overlay {
  border-radius: 12px;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 10003;
}
#mqSection .app-menu-btn-wrapper .app-collection-detail-overlay {
  background: var( --mq-dropdown-wallpaper-snapshot, #ffffff );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #EA580C;
}
@media (hover: hover) {
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:hover,
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:hover,
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:hover,
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:hover,
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover,
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:hover {
    background: transparent !important;
    border: none !important;
    color: #6B3FA0 !important;
    transform: none !important;
  }
}
@media (hover: none) {
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.is-hover,
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.is-hover,
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.is-hover,
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.is-hover,
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover,
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.is-hover {
    background: transparent !important;
    border: none !important;
    color: #6B3FA0 !important;
    transform: none !important;
  }
}
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:active,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:active,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:active,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:active,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:active {
  background: transparent !important;
  border: none !important;
  color: #6B3FA0 !important;
  transform: none !important;
}
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.pressed,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.pressed,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.pressed,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.pressed,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.pressed {
  background: transparent !important;
  border: none !important;
  color: #6B3FA0 !important;
  transform: none !important;
}
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:focus-visible,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:focus-visible,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:focus-visible,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:focus-visible,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:focus-visible,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:focus-visible {
  outline: 3px solid #6B3FA0;
  outline-offset: 2px;
}
#davSection .app-collections-button:active svg path,
#davSection .app-collections-button.active svg path {
  fill: #6B3FA0;
}
@media (hover: hover) {
  #davSection .app-collections-button:hover svg path {
    fill: #6B3FA0;
  }
}
@media (hover: none) {
  #davSection .app-collections-button.is-hover svg path {
    fill: #6B3FA0;
  }
}
#davSection .app-collections-dropdown {
  background: var( --dav-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #6B3FA0;
}
#davSection .app-collections-dropdown-title .app-i18n-emoji {
  color: #6B3FA0;
}
#davSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  border: 1px solid #6B3FA0;
}
#davSection .app-collections-section-label > div > span.collections-filter-active {
  background: #6B3FA0;
  border-color: #6B3FA0;
  color: #FFFFFF;
}
#davSection .app-collections-card .app-share-card {
  border: 1px solid #4A2E6B;
}
#davSection .app-collections-card .app-share-quote {
  color: #6B3FA0;
}
#davSection .app-collections-card .app-share-quote-content {
  color: #6B3FA0;
}
#davSection .app-collections-card .app-share-label {
  border-bottom: 2px solid #6B3FA0;
}
#davSection .app-collections-card .app-collections-card-share-btn.active,
#davSection .app-collections-card .app-collections-card-share-btn:active {
  color: #6B3FA0;
  background: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
@media (hover: hover) {
  #davSection .app-collections-card .app-collections-card-share-btn:hover {
    color: #6B3FA0;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
@media (hover: none) {
  #davSection .app-collections-card .app-collections-card-share-btn.is-hover {
    color: #6B3FA0;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
.app-collections-share-platform-tooltip {
  color: #6B3FA0;
}

/* -- Menu system: tooltips -- */
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  color: #6a470b;
}
.toolbar-custom-tooltip {
  color: #92400E;
  border: 1px solid #92400E;
}

/* -- Menu system: collections -- */
#davSection .app-menu-btn-wrapper .app-collection-detail-overlay {
  background: var( --dav-dropdown-wallpaper-snapshot, #ffffff );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #6B3FA0;
}
@media (hover: hover) {
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:hover,
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:hover,
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:hover,
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:hover,
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover,
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:hover {
    background: transparent !important;
    border: none !important;
    color: #D97706 !important;
    transform: none !important;
  }
}
@media (hover: none) {
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.is-hover,
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.is-hover,
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.is-hover,
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.is-hover,
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover,
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.is-hover {
    background: transparent !important;
    border: none !important;
    color: #D97706 !important;
    transform: none !important;
  }
}
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:active,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:active,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:active,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:active,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:active {
  background: transparent !important;
  border: none !important;
  color: #D97706 !important;
  transform: none !important;
}
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.pressed,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.pressed,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.pressed,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.pressed,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.pressed {
  background: transparent !important;
  border: none !important;
  color: #D97706 !important;
  transform: none !important;
}
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:focus-visible,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:focus-visible,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:focus-visible,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:focus-visible,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:focus-visible,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:focus-visible {
  outline: 3px solid #D97706;
  outline-offset: 2px;
}
#crSection .app-collections-button:active svg path,
#crSection .app-collections-button.active svg path {
  fill: #D97706;
}
@media (hover: hover) {
  #crSection .app-collections-button:hover svg path {
    fill: #D97706;
  }
}
@media (hover: none) {
  #crSection .app-collections-button.is-hover svg path {
    fill: #D97706;
  }
}
#crSection .app-collections-dropdown {
  background: var( --cr-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #D97706;
}
#crSection .app-collections-dropdown-title .app-i18n-emoji {
  color: #D97706;
}
#crSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  border: 1px solid #D97706;
}
#crSection .app-collections-section-label > div > span.collections-filter-active {
  background: #D97706;
  border-color: #D97706;
  color: #FFFFFF;
}
#crSection .app-collections-card .app-share-card {
  border: 1px solid #B45309;
}
#crSection .app-collections-card .app-share-quote {
  color: #D97706;
}
#crSection .app-collections-card .app-share-quote-content {
  color: #D97706;
}
#crSection .app-collections-card .app-share-label {
  border-bottom: 2px solid #D97706;
}
#crSection .app-collections-card .app-collections-card-share-btn.active,
#crSection .app-collections-card .app-collections-card-share-btn:active {
  color: #D97706;
  background: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
@media (hover: hover) {
  #crSection .app-collections-card .app-collections-card-share-btn:hover {
    color: #D97706;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
@media (hover: none) {
  #crSection .app-collections-card .app-collections-card-share-btn.is-hover {
    color: #D97706;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
.app-collections-share-platform-tooltip {
  color: #D97706;
}

/* -- Menu system: tooltips -- */
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  color: #0b5a6a;
}
.toolbar-custom-tooltip {
  color: #155E75;
  border: 1px solid #155E75;
}

/* -- Menu system: collections -- */
#crSection .app-menu-btn-wrapper .app-collection-detail-overlay {
  background: var( --cr-dropdown-wallpaper-snapshot, #ffffff );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #D97706;
}
@media (hover: hover) {
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:hover,
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:hover,
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:hover,
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:hover,
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover,
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:hover {
    background: transparent !important;
    border: none !important;
    color: #0891B2 !important;
    transform: none !important;
  }
}
@media (hover: none) {
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.is-hover,
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.is-hover,
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.is-hover,
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.is-hover,
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover,
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.is-hover {
    background: transparent !important;
    border: none !important;
    color: #0891B2 !important;
    transform: none !important;
  }
}
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:active,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:active,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:active,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:active,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:active {
  background: transparent !important;
  border: none !important;
  color: #0891B2 !important;
  transform: none !important;
}
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.pressed,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.pressed,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.pressed,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.pressed,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.pressed {
  background: transparent !important;
  border: none !important;
  color: #0891B2 !important;
  transform: none !important;
}
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:focus-visible,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:focus-visible,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:focus-visible,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:focus-visible,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:focus-visible,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:focus-visible {
  outline: 3px solid #0891B2;
  outline-offset: 2px;
}
#trSection .app-collections-button:active svg path,
#trSection .app-collections-button.active svg path {
  fill: #0891B2;
}
@media (hover: hover) {
  #trSection .app-collections-button:hover svg path {
    fill: #0891B2;
  }
}
@media (hover: none) {
  #trSection .app-collections-button.is-hover svg path {
    fill: #0891B2;
  }
}
#trSection .app-collections-dropdown {
  background: var( --tr-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #0891B2;
}
#trSection .app-collections-dropdown-title .app-i18n-emoji {
  color: #0891B2;
}
#trSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  border: 1px solid #0891B2;
}
#trSection .app-collections-section-label > div > span.collections-filter-active {
  background: #0891B2;
  border-color: #0891B2;
  color: #FFFFFF;
}
#trSection .app-collections-card .app-share-card {
  border: 1px solid #0E7490;
}
#trSection .app-collections-card .app-share-quote {
  color: #0891B2;
}
#trSection .app-collections-card .app-share-quote-content {
  color: #0891B2;
}
#trSection .app-collections-card .app-share-label {
  border-bottom: 2px solid #0891B2;
}
#trSection .app-collections-card .app-collections-card-share-btn.active,
#trSection .app-collections-card .app-collections-card-share-btn:active {
  color: #0891B2;
  background: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
@media (hover: hover) {
  #trSection .app-collections-card .app-collections-card-share-btn:hover {
    color: #0891B2;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
@media (hover: none) {
  #trSection .app-collections-card .app-collections-card-share-btn.is-hover {
    color: #0891B2;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
.app-collections-share-platform-tooltip {
  color: #0891B2;
}

/* -- Menu system: tooltips -- */
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  color: #6a0b0b;
}
.toolbar-custom-tooltip {
  color: #991B1B;
  border: 1px solid #991B1B;
}

/* -- Menu system: collections -- */
#trSection .app-menu-btn-wrapper .app-collection-detail-overlay {
  background: var( --tr-dropdown-wallpaper-snapshot, #ffffff );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #0891B2;
}
@media (hover: hover) {
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:hover,
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:hover,
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:hover,
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:hover,
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover,
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:hover {
    background: transparent !important;
    border: none !important;
    color: #DC2626 !important;
    transform: none !important;
  }
}
@media (hover: none) {
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.is-hover,
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.is-hover,
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.is-hover,
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.is-hover,
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover,
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.is-hover {
    background: transparent !important;
    border: none !important;
    color: #DC2626 !important;
    transform: none !important;
  }
}
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:active,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:active,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:active,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:active,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:active {
  background: transparent !important;
  border: none !important;
  color: #DC2626 !important;
  transform: none !important;
}
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.pressed,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.pressed,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.pressed,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.pressed,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.pressed {
  background: transparent !important;
  border: none !important;
  color: #DC2626 !important;
  transform: none !important;
}
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:focus-visible,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:focus-visible,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:focus-visible,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:focus-visible,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:focus-visible,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:focus-visible {
  outline: 3px solid #DC2626;
  outline-offset: 2px;
}
#ftSection .app-collections-button:active svg path,
#ftSection .app-collections-button.active svg path {
  fill: #DC2626;
}
@media (hover: hover) {
  #ftSection .app-collections-button:hover svg path {
    fill: #DC2626;
  }
}
@media (hover: none) {
  #ftSection .app-collections-button.is-hover svg path {
    fill: #DC2626;
  }
}
#ftSection .app-collections-dropdown {
  background: var( --ft-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #DC2626;
}
#ftSection .app-collections-dropdown-title .app-i18n-emoji {
  color: #DC2626;
}
#ftSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  border: 1px solid #DC2626;
}
#ftSection .app-collections-section-label > div > span.collections-filter-active {
  background: #DC2626;
  border-color: #DC2626;
  color: #FFFFFF;
}
#ftSection .app-collections-card .app-share-card {
  border: 1px solid #B91C1C;
}
#ftSection .app-collections-card .app-share-quote {
  color: #DC2626;
}
#ftSection .app-collections-card .app-share-quote-content {
  color: #DC2626;
}
#ftSection .app-collections-card .app-share-label {
  border-bottom: 2px solid #DC2626;
}
#ftSection .app-collections-card .app-collections-card-share-btn.active,
#ftSection .app-collections-card .app-collections-card-share-btn:active {
  color: #DC2626;
  background: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
@media (hover: hover) {
  #ftSection .app-collections-card .app-collections-card-share-btn:hover {
    color: #DC2626;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
@media (hover: none) {
  #ftSection .app-collections-card .app-collections-card-share-btn.is-hover {
    color: #DC2626;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
.app-collections-share-platform-tooltip {
  color: #DC2626;
}

/* -- Menu system: tooltips -- */
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  color: #0b6a2d;
}
.toolbar-custom-tooltip {
  color: #166534;
  border: 1px solid #166534;
}

/* -- Menu system: collections -- */
#ftSection .app-menu-btn-wrapper .app-collection-detail-overlay {
  background: var( --ft-dropdown-wallpaper-snapshot, #ffffff );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #DC2626;
}
@media (hover: hover) {
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:hover,
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:hover,
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:hover,
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:hover,
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover,
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:hover {
    background: transparent !important;
    border: none !important;
    color: #16A34A !important;
    transform: none !important;
  }
}
@media (hover: none) {
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.is-hover,
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.is-hover,
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.is-hover,
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.is-hover,
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover,
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.is-hover {
    background: transparent !important;
    border: none !important;
    color: #16A34A !important;
    transform: none !important;
  }
}
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:active,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:active,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:active,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:active,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:active {
  background: transparent !important;
  border: none !important;
  color: #16A34A !important;
  transform: none !important;
}
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.pressed,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.pressed,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.pressed,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.pressed,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.pressed {
  background: transparent !important;
  border: none !important;
  color: #16A34A !important;
  transform: none !important;
}
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:focus-visible,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:focus-visible,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:focus-visible,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:focus-visible,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:focus-visible,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:focus-visible {
  outline: 3px solid #16A34A;
  outline-offset: 2px;
}
#ntSection .app-collections-button:active svg path,
#ntSection .app-collections-button.active svg path {
  fill: #16A34A;
}
@media (hover: hover) {
  #ntSection .app-collections-button:hover svg path {
    fill: #16A34A;
  }
}
@media (hover: none) {
  #ntSection .app-collections-button.is-hover svg path {
    fill: #16A34A;
  }
}
#ntSection .app-collections-dropdown {
  background: var( --nt-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #16A34A;
}
#ntSection .app-collections-dropdown-title .app-i18n-emoji {
  color: #16A34A;
}
#ntSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  border: 1px solid #16A34A;
}
#ntSection .app-collections-section-label > div > span.collections-filter-active {
  background: #16A34A;
  border-color: #16A34A;
  color: #FFFFFF;
}
#ntSection .app-collections-card .app-share-card {
  border: 1px solid #15803D;
}
#ntSection .app-collections-card .app-share-quote {
  color: #16A34A;
}
#ntSection .app-collections-card .app-share-quote-content {
  color: #16A34A;
}
#ntSection .app-collections-card .app-share-label {
  border-bottom: 2px solid #16A34A;
}
#ntSection .app-collections-card .app-collections-card-share-btn.active,
#ntSection .app-collections-card .app-collections-card-share-btn:active {
  color: #16A34A;
  background: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
@media (hover: hover) {
  #ntSection .app-collections-card .app-collections-card-share-btn:hover {
    color: #16A34A;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
@media (hover: none) {
  #ntSection .app-collections-card .app-collections-card-share-btn.is-hover {
    color: #16A34A;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
.app-collections-share-platform-tooltip {
  color: #16A34A;
}

/* -- Menu system: tooltips -- */
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  color: #0b296a;
}
.toolbar-custom-tooltip {
  color: #1E40AF;
  border: 1px solid #1E40AF;
}

/* -- Menu system: collections -- */
#ntSection .app-menu-btn-wrapper .app-collection-detail-overlay {
  background: var( --nt-dropdown-wallpaper-snapshot, #ffffff );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #16A34A;
}
@media (hover: hover) {
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:hover,
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:hover,
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:hover,
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:hover,
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover,
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:hover {
    background: transparent !important;
    border: none !important;
    color: #2563EB !important;
    transform: none !important;
  }
}
@media (hover: none) {
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.is-hover,
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.is-hover,
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.is-hover,
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.is-hover,
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover,
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.is-hover {
    background: transparent !important;
    border: none !important;
    color: #2563EB !important;
    transform: none !important;
  }
}
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:active,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:active,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:active,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:active,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:active {
  background: transparent !important;
  border: none !important;
  color: #2563EB !important;
  transform: none !important;
}
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.pressed,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.pressed,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.pressed,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.pressed,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.pressed {
  background: transparent !important;
  border: none !important;
  color: #2563EB !important;
  transform: none !important;
}
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:focus-visible,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:focus-visible,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:focus-visible,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:focus-visible,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:focus-visible,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:focus-visible {
  outline: 3px solid #2563EB;
  outline-offset: 2px;
}
#mhiSection .app-collections-button:active svg path,
#mhiSection .app-collections-button.active svg path {
  fill: #2563EB;
}
@media (hover: hover) {
  #mhiSection .app-collections-button:hover svg path {
    fill: #2563EB;
  }
}
@media (hover: none) {
  #mhiSection .app-collections-button.is-hover svg path {
    fill: #2563EB;
  }
}
#mhiSection .app-collections-dropdown {
  background: var( --mhi-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #2563EB;
}
#mhiSection .app-collections-dropdown-title .app-i18n-emoji {
  color: #2563EB;
}
#mhiSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  border: 1px solid #2563EB;
}
#mhiSection .app-collections-section-label > div > span.collections-filter-active {
  background: #2563EB;
  border-color: #2563EB;
  color: #FFFFFF;
}
#mhiSection .app-collections-card .app-share-card {
  border: 1px solid #1E3A8A;
}
#mhiSection .app-collections-card .app-share-quote {
  color: #2563EB;
}
#mhiSection .app-collections-card .app-share-quote-content {
  color: #2563EB;
}
#mhiSection .app-collections-card .app-share-label {
  border-bottom: 2px solid #2563EB;
}
#mhiSection .app-collections-card .app-collections-card-share-btn.active,
#mhiSection .app-collections-card .app-collections-card-share-btn:active {
  color: #2563EB;
  background: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
@media (hover: hover) {
  #mhiSection .app-collections-card .app-collections-card-share-btn:hover {
    color: #2563EB;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
@media (hover: none) {
  #mhiSection .app-collections-card .app-collections-card-share-btn.is-hover {
    color: #2563EB;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
.app-collections-share-platform-tooltip {
  color: #2563EB;
}

/* -- Menu system: tooltips -- */
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  color: #6a0b1f;
}
.toolbar-custom-tooltip {
  color: #9F1239;
  border: 1px solid #9F1239;
}

/* -- Menu system: collections -- */
#mhiSection .app-menu-btn-wrapper .app-collection-detail-overlay {
  background: var( --mhi-dropdown-wallpaper-snapshot, #ffffff );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #2563EB;
}
@media (hover: hover) {
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:hover,
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:hover,
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:hover,
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:hover,
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover,
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:hover {
    background: transparent !important;
    border: none !important;
    color: #E11D48 !important;
    transform: none !important;
  }
}
@media (hover: none) {
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.is-hover,
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.is-hover,
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.is-hover,
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.is-hover,
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover,
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.is-hover {
    background: transparent !important;
    border: none !important;
    color: #E11D48 !important;
    transform: none !important;
  }
}
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:active,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:active,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:active,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:active,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:active {
  background: transparent !important;
  border: none !important;
  color: #E11D48 !important;
  transform: none !important;
}
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.pressed,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.pressed,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.pressed,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.pressed,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.pressed {
  background: transparent !important;
  border: none !important;
  color: #E11D48 !important;
  transform: none !important;
}
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:focus-visible,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:focus-visible,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:focus-visible,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:focus-visible,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:focus-visible,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:focus-visible {
  outline: 3px solid #E11D48;
  outline-offset: 2px;
}
#liSection .app-collections-button:active svg path,
#liSection .app-collections-button.active svg path {
  fill: #E11D48;
}
@media (hover: hover) {
  #liSection .app-collections-button:hover svg path {
    fill: #E11D48;
  }
}
@media (hover: none) {
  #liSection .app-collections-button.is-hover svg path {
    fill: #E11D48;
  }
}
#liSection .app-collections-dropdown {
  background: var( --li-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #E11D48;
}
#liSection .app-collections-dropdown-title .app-i18n-emoji {
  color: #E11D48;
}
#liSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  border: 1px solid #E11D48;
}
#liSection .app-collections-section-label > div > span.collections-filter-active {
  background: #E11D48;
  border-color: #E11D48;
  color: #FFFFFF;
}
#liSection .app-collections-card .app-share-card {
  border: 1px solid #BE123C;
}
#liSection .app-collections-card .app-share-quote {
  color: #E11D48;
}
#liSection .app-collections-card .app-share-quote-content {
  color: #E11D48;
}
#liSection .app-collections-card .app-share-label {
  border-bottom: 2px solid #E11D48;
}
#liSection .app-collections-card .app-collections-card-share-btn.active,
#liSection .app-collections-card .app-collections-card-share-btn:active {
  color: #E11D48;
  background: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
@media (hover: hover) {
  #liSection .app-collections-card .app-collections-card-share-btn:hover {
    color: #E11D48;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
@media (hover: none) {
  #liSection .app-collections-card .app-collections-card-share-btn.is-hover {
    color: #E11D48;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
.app-collections-share-platform-tooltip {
  color: #E11D48;
}

/* -- Menu system: tooltips -- */
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  color: #0b6a62;
}
.toolbar-custom-tooltip {
  color: #115E59;
  border: 1px solid #115E59;
}

/* -- Menu system: collections -- */
#liSection .app-menu-btn-wrapper .app-collection-detail-overlay {
  background: var( --li-dropdown-wallpaper-snapshot, #ffffff );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #E11D48;
}
@media (hover: hover) {
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:hover,
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:hover,
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:hover,
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:hover,
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover,
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:hover {
    background: transparent !important;
    border: none !important;
    color: #0D9488 !important;
    transform: none !important;
  }
}
@media (hover: none) {
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.is-hover,
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.is-hover,
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.is-hover,
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.is-hover,
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover,
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.is-hover {
    background: transparent !important;
    border: none !important;
    color: #0D9488 !important;
    transform: none !important;
  }
}
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:active,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:active,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:active,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:active,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:active {
  background: transparent !important;
  border: none !important;
  color: #0D9488 !important;
  transform: none !important;
}
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.pressed,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.pressed,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.pressed,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.pressed,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.pressed {
  background: transparent !important;
  border: none !important;
  color: #0D9488 !important;
  transform: none !important;
}
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:focus-visible,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:focus-visible,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:focus-visible,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:focus-visible,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:focus-visible,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:focus-visible {
  outline: 3px solid #0D9488;
  outline-offset: 2px;
}
#fshSection .app-collections-button:active svg path,
#fshSection .app-collections-button.active svg path {
  fill: #0D9488;
}
@media (hover: hover) {
  #fshSection .app-collections-button:hover svg path {
    fill: #0D9488;
  }
}
@media (hover: none) {
  #fshSection .app-collections-button.is-hover svg path {
    fill: #0D9488;
  }
}
#fshSection .app-collections-dropdown {
  background: var( --fsh-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #0D9488;
}
#fshSection .app-collections-dropdown-title .app-i18n-emoji {
  color: #0D9488;
}
#fshSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  border: 1px solid #0D9488;
}
#fshSection .app-collections-section-label > div > span.collections-filter-active {
  background: #0D9488;
  border-color: #0D9488;
  color: #FFFFFF;
}
#fshSection .app-collections-card .app-share-card {
  border: 1px solid #0F766E;
}
#fshSection .app-collections-card .app-share-quote {
  color: #0D9488;
}
#fshSection .app-collections-card .app-share-quote-content {
  color: #0D9488;
}
#fshSection .app-collections-card .app-share-label {
  border-bottom: 2px solid #0D9488;
}
#fshSection .app-collections-card .app-collections-card-share-btn.active,
#fshSection .app-collections-card .app-collections-card-share-btn:active {
  color: #0D9488;
  background: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
@media (hover: hover) {
  #fshSection .app-collections-card .app-collections-card-share-btn:hover {
    color: #0D9488;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
@media (hover: none) {
  #fshSection .app-collections-card .app-collections-card-share-btn.is-hover {
    color: #0D9488;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
.app-collections-share-platform-tooltip {
  color: #0D9488;
}

/* -- Menu system: tooltips -- */
.toolbar-custom-tooltip,
.app-collections-share-dropdown,
.app-collections-share-platform-tooltip {
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: start;
  text-transform: none;
  color: #1e293b;
}
.toolbar-custom-tooltip {
  position: fixed;
  z-index: 100000;
  background: #FFFFFF;
  color: #1E293B;
  border: 1px solid #1E293B;
  border-radius: 7px;
  padding: 7px 11px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-50%) translateY(-4px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

/* -- Menu system: collections -- */
#fshSection .app-menu-btn-wrapper .app-collection-detail-overlay {
  background: var( --fsh-dropdown-wallpaper-snapshot, #ffffff );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #0D9488;
}
@media (hover: hover) {
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:hover,
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:hover,
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:hover,
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:hover,
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover,
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:hover {
    background: transparent !important;
    border: none !important;
    color: #65A30D !important;
    transform: none !important;
  }
}
@media (hover: none) {
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.is-hover,
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.is-hover,
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.is-hover,
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.is-hover,
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover,
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.is-hover {
    background: transparent !important;
    border: none !important;
    color: #65A30D !important;
    transform: none !important;
  }
}
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:active,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:active,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:active,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:active,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:active {
  background: transparent !important;
  border: none !important;
  color: #65A30D !important;
  transform: none !important;
}
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button.pressed,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button.pressed,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.pressed,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button.pressed,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.pressed {
  background: transparent !important;
  border: none !important;
  color: #65A30D !important;
  transform: none !important;
}
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-button:focus-visible,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-button:focus-visible,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button:focus-visible,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-button:focus-visible,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:focus-visible,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button:focus-visible {
  outline: 3px solid #65A30D;
  outline-offset: 2px;
}
#aesSection .app-collections-button:active svg path,
#aesSection .app-collections-button.active svg path {
  fill: #65A30D;
}
@media (hover: hover) {
  #aesSection .app-collections-button:hover svg path {
    fill: #65A30D;
  }
}
@media (hover: none) {
  #aesSection .app-collections-button.is-hover svg path {
    fill: #65A30D;
  }
}
#mqSection .app-collections-card .app-collections-card-share-btn svg path,
#davSection .app-collections-card .app-collections-card-share-btn svg path,
#crSection .app-collections-card .app-collections-card-share-btn svg path,
#trSection .app-collections-card .app-collections-card-share-btn svg path,
#ftSection .app-collections-card .app-collections-card-share-btn svg path,
#ntSection .app-collections-card .app-collections-card-share-btn svg path,
#mhiSection .app-collections-card .app-collections-card-share-btn svg path,
#liSection .app-collections-card .app-collections-card-share-btn svg path,
#fshSection .app-collections-card .app-collections-card-share-btn svg path,
#aesSection .app-collections-card .app-collections-card-share-btn svg path {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
#mqSection .app-collections-card .app-collections-card-delete-btn svg path,
#davSection .app-collections-card .app-collections-card-delete-btn svg path,
#crSection .app-collections-card .app-collections-card-delete-btn svg path,
#trSection .app-collections-card .app-collections-card-delete-btn svg path,
#ftSection .app-collections-card .app-collections-card-delete-btn svg path,
#ntSection .app-collections-card .app-collections-card-delete-btn svg path,
#mhiSection .app-collections-card .app-collections-card-delete-btn svg path,
#liSection .app-collections-card .app-collections-card-delete-btn svg path,
#fshSection .app-collections-card .app-collections-card-delete-btn svg path,
#aesSection .app-collections-card .app-collections-card-delete-btn svg path {
  fill: currentColor;
}

/* -- Menu system: translate -- */
#mqSection .app-translate-button:active > svg > path,
#mqSection .app-translate-button.pressed > svg > path,
#mqSection .app-translate-button.active > svg > path {
  fill: #EA580C;
}
@media (hover: hover) {
  #mqSection .app-translate-button:hover > svg > path {
    fill: #EA580C;
  }
}
@media (hover: none) {
  #mqSection .app-translate-button.is-hover > svg > path {
    fill: #EA580C;
  }
}
#davSection .app-translate-button:active > svg > path,
#davSection .app-translate-button.pressed > svg > path,
#davSection .app-translate-button.active > svg > path {
  fill: #6B3FA0;
}
@media (hover: hover) {
  #davSection .app-translate-button:hover > svg > path {
    fill: #6B3FA0;
  }
}
@media (hover: none) {
  #davSection .app-translate-button.is-hover > svg > path {
    fill: #6B3FA0;
  }
}
#crSection .app-translate-button:active > svg > path,
#crSection .app-translate-button.pressed > svg > path,
#crSection .app-translate-button.active > svg > path {
  fill: #D97706;
}
@media (hover: hover) {
  #crSection .app-translate-button:hover > svg > path {
    fill: #D97706;
  }
}
@media (hover: none) {
  #crSection .app-translate-button.is-hover > svg > path {
    fill: #D97706;
  }
}
#trSection .app-translate-button:active > svg > path,
#trSection .app-translate-button.pressed > svg > path,
#trSection .app-translate-button.active > svg > path {
  fill: #0891B2;
}
@media (hover: hover) {
  #trSection .app-translate-button:hover > svg > path {
    fill: #0891B2;
  }
}
@media (hover: none) {
  #trSection .app-translate-button.is-hover > svg > path {
    fill: #0891B2;
  }
}
#ftSection .app-translate-button:active > svg > path,
#ftSection .app-translate-button.pressed > svg > path,
#ftSection .app-translate-button.active > svg > path {
  fill: #DC2626;
}
@media (hover: hover) {
  #ftSection .app-translate-button:hover > svg > path {
    fill: #DC2626;
  }
}
@media (hover: none) {
  #ftSection .app-translate-button.is-hover > svg > path {
    fill: #DC2626;
  }
}
#ntSection .app-translate-button:active > svg > path,
#ntSection .app-translate-button.pressed > svg > path,
#ntSection .app-translate-button.active > svg > path {
  fill: #16A34A;
}
@media (hover: hover) {
  #ntSection .app-translate-button:hover > svg > path {
    fill: #16A34A;
  }
}
@media (hover: none) {
  #ntSection .app-translate-button.is-hover > svg > path {
    fill: #16A34A;
  }
}
#mhiSection .app-translate-button:active > svg > path,
#mhiSection .app-translate-button.pressed > svg > path,
#mhiSection .app-translate-button.active > svg > path {
  fill: #2563EB;
}
@media (hover: hover) {
  #mhiSection .app-translate-button:hover > svg > path {
    fill: #2563EB;
  }
}
@media (hover: none) {
  #mhiSection .app-translate-button.is-hover > svg > path {
    fill: #2563EB;
  }
}
#liSection .app-translate-button:active > svg > path,
#liSection .app-translate-button.pressed > svg > path,
#liSection .app-translate-button.active > svg > path {
  fill: #E11D48;
}
@media (hover: hover) {
  #liSection .app-translate-button:hover > svg > path {
    fill: #E11D48;
  }
}
@media (hover: none) {
  #liSection .app-translate-button.is-hover > svg > path {
    fill: #E11D48;
  }
}
#fshSection .app-translate-button:active > svg > path,
#fshSection .app-translate-button.pressed > svg > path,
#fshSection .app-translate-button.active > svg > path {
  fill: #0D9488;
}
@media (hover: hover) {
  #fshSection .app-translate-button:hover > svg > path {
    fill: #0D9488;
  }
}
@media (hover: none) {
  #fshSection .app-translate-button.is-hover > svg > path {
    fill: #0D9488;
  }
}
#aesSection .app-translate-button:active > svg > path,
#aesSection .app-translate-button.pressed > svg > path,
#aesSection .app-translate-button.active > svg > path {
  fill: #65A30D;
}
@media (hover: hover) {
  #aesSection .app-translate-button:hover > svg > path {
    fill: #65A30D;
  }
}
@media (hover: none) {
  #aesSection .app-translate-button.is-hover > svg > path {
    fill: #65A30D;
  }
}

/* -- Menu system: collections -- */
#aesSection .app-collections-dropdown {
  background: var( --aes-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #65A30D;
}
#mqSection .app-collections-card,
#davSection .app-collections-card,
#crSection .app-collections-card,
#trSection .app-collections-card,
#ftSection .app-collections-card,
#ntSection .app-collections-card,
#mhiSection .app-collections-card,
#liSection .app-collections-card,
#fshSection .app-collections-card,
#aesSection .app-collections-card {
  container-type: inline-size;
  --cs: max(1px, min(calc(100cqw / 706), calc((calc(100 * var(--vh)) - 270px) / 480)));
  max-width: max(706px, calc(706 * (calc(100 * var(--vh)) - 270px) / 480));
  position: relative;
  display: block;
  min-width: 0;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
  border: none;
  cursor: pointer;
  opacity: 1;
  transform: none;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

/* -- Menu system: translate -- */
#mqSection .app-translate-button-wrapper,
#davSection .app-translate-button-wrapper,
#crSection .app-translate-button-wrapper,
#trSection .app-translate-button-wrapper,
#ftSection .app-translate-button-wrapper,
#ntSection .app-translate-button-wrapper,
#mhiSection .app-translate-button-wrapper,
#liSection .app-translate-button-wrapper,
#fshSection .app-translate-button-wrapper,
#aesSection .app-translate-button-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: static;
  z-index: 9999;
}

/* -- Menu system: collections -- */
#mqSection .app-collections-card-header,
#davSection .app-collections-card-header,
#crSection .app-collections-card-header,
#trSection .app-collections-card-header,
#ftSection .app-collections-card-header,
#ntSection .app-collections-card-header,
#mhiSection .app-collections-card-header,
#liSection .app-collections-card-header,
#fshSection .app-collections-card-header,
#aesSection .app-collections-card-header {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: calc(16 * var(--cs));
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #000000;
  position: absolute;
  top: calc(14 * var(--cs));
  left: 25%;
  transform: translateX(-50%);
  width: auto;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 10;
  pointer-events: none;
}
#mqSection .app-collections-card-thumbnail-wrapper,
#davSection .app-collections-card-thumbnail-wrapper,
#crSection .app-collections-card-thumbnail-wrapper,
#trSection .app-collections-card-thumbnail-wrapper,
#ftSection .app-collections-card-thumbnail-wrapper,
#ntSection .app-collections-card-thumbnail-wrapper,
#mhiSection .app-collections-card-thumbnail-wrapper,
#liSection .app-collections-card-thumbnail-wrapper,
#fshSection .app-collections-card-thumbnail-wrapper,
#aesSection .app-collections-card-thumbnail-wrapper,
#mqSection .app-collections-card-thumbnail,
#davSection .app-collections-card-thumbnail,
#crSection .app-collections-card-thumbnail,
#trSection .app-collections-card-thumbnail,
#ftSection .app-collections-card-thumbnail,
#ntSection .app-collections-card-thumbnail,
#mhiSection .app-collections-card-thumbnail,
#liSection .app-collections-card-thumbnail,
#fshSection .app-collections-card-thumbnail,
#aesSection .app-collections-card-thumbnail,
#mqSection .app-collections-card-thumbnail-overlay,
#davSection .app-collections-card-thumbnail-overlay,
#crSection .app-collections-card-thumbnail-overlay,
#trSection .app-collections-card-thumbnail-overlay,
#ftSection .app-collections-card-thumbnail-overlay,
#ntSection .app-collections-card-thumbnail-overlay,
#mhiSection .app-collections-card-thumbnail-overlay,
#liSection .app-collections-card-thumbnail-overlay,
#fshSection .app-collections-card-thumbnail-overlay,
#aesSection .app-collections-card-thumbnail-overlay,
#mqSection .app-collections-card-body,
#davSection .app-collections-card-body,
#crSection .app-collections-card-body,
#trSection .app-collections-card-body,
#ftSection .app-collections-card-body,
#ntSection .app-collections-card-body,
#mhiSection .app-collections-card-body,
#liSection .app-collections-card-body,
#fshSection .app-collections-card-body,
#aesSection .app-collections-card-body,
#mqSection .app-collections-card-saved-on-row,
#davSection .app-collections-card-saved-on-row,
#crSection .app-collections-card-saved-on-row,
#trSection .app-collections-card-saved-on-row,
#ftSection .app-collections-card-saved-on-row,
#ntSection .app-collections-card-saved-on-row,
#mhiSection .app-collections-card-saved-on-row,
#liSection .app-collections-card-saved-on-row,
#fshSection .app-collections-card-saved-on-row,
#aesSection .app-collections-card-saved-on-row,
#mqSection .app-collections-card-saved-on,
#davSection .app-collections-card-saved-on,
#crSection .app-collections-card-saved-on,
#trSection .app-collections-card-saved-on,
#ftSection .app-collections-card-saved-on,
#ntSection .app-collections-card-saved-on,
#mhiSection .app-collections-card-saved-on,
#liSection .app-collections-card-saved-on,
#fshSection .app-collections-card-saved-on,
#aesSection .app-collections-card-saved-on,
#mqSection .app-collections-card-text,
#davSection .app-collections-card-text,
#crSection .app-collections-card-text,
#trSection .app-collections-card-text,
#ftSection .app-collections-card-text,
#ntSection .app-collections-card-text,
#mhiSection .app-collections-card-text,
#liSection .app-collections-card-text,
#fshSection .app-collections-card-text,
#aesSection .app-collections-card-text,
#mqSection .app-collections-card-author,
#davSection .app-collections-card-author,
#crSection .app-collections-card-author,
#trSection .app-collections-card-author,
#ftSection .app-collections-card-author,
#ntSection .app-collections-card-author,
#mhiSection .app-collections-card-author,
#liSection .app-collections-card-author,
#fshSection .app-collections-card-author,
#aesSection .app-collections-card-author {
  display: none;
}
#mqSection .app-collection-detail-overlay,
#davSection .app-collection-detail-overlay,
#crSection .app-collection-detail-overlay,
#trSection .app-collection-detail-overlay,
#ftSection .app-collection-detail-overlay,
#ntSection .app-collection-detail-overlay,
#mhiSection .app-collection-detail-overlay,
#liSection .app-collection-detail-overlay,
#fshSection .app-collection-detail-overlay,
#aesSection .app-collection-detail-overlay {
  position: absolute;
  inset: 0;
  background: var(--container-bg, #ffffff);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  z-index: 10001;
  opacity: 0;
  pointer-events: none;
  transform: translateX(16px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
#mqSection .app-collection-detail-visible,
#davSection .app-collection-detail-visible,
#crSection .app-collection-detail-visible,
#trSection .app-collection-detail-visible,
#ftSection .app-collection-detail-visible,
#ntSection .app-collection-detail-visible,
#mhiSection .app-collection-detail-visible,
#liSection .app-collection-detail-visible,
#fshSection .app-collection-detail-visible,
#aesSection .app-collection-detail-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

/* -- Menu system: translate -- */
#mqSection .app-translate-dropdown-container,
#davSection .app-translate-dropdown-container,
#crSection .app-translate-dropdown-container,
#trSection .app-translate-dropdown-container,
#ftSection .app-translate-dropdown-container,
#ntSection .app-translate-dropdown-container,
#mhiSection .app-translate-dropdown-container,
#liSection .app-translate-dropdown-container,
#fshSection .app-translate-dropdown-container,
#aesSection .app-translate-dropdown-container {
  position: absolute;
  top: calc(100% + 8px);
  bottom: auto;
  inset-inline-start: 0;
  inset-inline-end: auto;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  height: 480px;
  min-height: 480px;
  max-height: 480px;
  box-sizing: border-box;
  border-radius: 12px;
  box-shadow: 0 8px 24px var(--app-shadow);
  border: 2px solid var(--app-border);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1600;
  display: flex;
  flex-direction: column;
  visibility: visible;
  opacity: 0;
  transform: none;
  transition: opacity 0.4s ease;
  scrollbar-gutter: stable;
  pointer-events: none;
}
#mqSection .app-translate-dropdown-container {
  background: var( --mq-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #EA580C;
}
#mqSection .app-translate-dropdown-item,
#davSection .app-translate-dropdown-item,
#crSection .app-translate-dropdown-item,
#trSection .app-translate-dropdown-item,
#ftSection .app-translate-dropdown-item,
#ntSection .app-translate-dropdown-item,
#mhiSection .app-translate-dropdown-item,
#liSection .app-translate-dropdown-item,
#fshSection .app-translate-dropdown-item,
#aesSection .app-translate-dropdown-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
  flex: 0 0 56px;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  box-sizing: border-box;
  padding: 0;
  cursor: pointer;
  transition: none;
  transform: none;
  border-bottom: 1px solid var(--border-light);
}
#mqSection .app-translate-dropdown-icon,
#davSection .app-translate-dropdown-icon,
#crSection .app-translate-dropdown-icon,
#trSection .app-translate-dropdown-icon,
#ftSection .app-translate-dropdown-icon,
#ntSection .app-translate-dropdown-icon,
#mhiSection .app-translate-dropdown-icon,
#liSection .app-translate-dropdown-icon,
#fshSection .app-translate-dropdown-icon,
#aesSection .app-translate-dropdown-icon {
  box-sizing: border-box;
  font-size: 32px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  align-self: center;
  flex: 0 0 32px;
  flex-shrink: 0;
  transform: none;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 768px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #davSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #crSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #trSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #ftSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #ntSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #mhiSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #liSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #fshSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #aesSection .app-translate-dropdown-container {
  min-width: 260px;
  max-width: 300px;
  height: 480px;
  min-height: 480px;
  max-height: 480px;
}
:where(html:not([data-layout="laptop"])) #mqSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #davSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #crSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #trSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #ftSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #ntSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #mhiSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #liSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #fshSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #aesSection .app-translate-dropdown-item {
  grid-template-columns: 1fr 1fr;
  flex: 0 0 56px;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 0;
}
:where(html:not([data-layout="laptop"])) #mqSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #davSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #crSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #trSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #ftSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #ntSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #mhiSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #liSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #fshSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #aesSection .app-translate-dropdown-icon {
  font-size: 32px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  line-height: 32px;
  flex: 0 0 32px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #davSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #crSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #trSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #ftSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #ntSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #mhiSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #liSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #fshSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #aesSection .app-translate-dropdown-container {
  min-width: 240px;
  max-width: 280px;
  height: 480px;
  min-height: 480px;
  max-height: 480px;
}
:where(html:not([data-layout="laptop"])) #mqSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #davSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #crSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #trSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #ftSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #ntSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #mhiSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #liSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #fshSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #aesSection .app-translate-dropdown-item {
  grid-template-columns: 1fr 1fr;
  flex: 0 0 56px;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 0;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #davSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #crSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #trSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #ftSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #ntSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #mhiSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #liSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #fshSection .app-translate-dropdown-container,
:where(html:not([data-layout="laptop"])) #aesSection .app-translate-dropdown-container {
  height: 480px;
  min-height: 480px;
  max-height: 480px;
}
:where(html:not([data-layout="laptop"])) #mqSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #davSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #crSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #trSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #ftSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #ntSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #mhiSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #liSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #fshSection .app-translate-dropdown-item,
:where(html:not([data-layout="laptop"])) #aesSection .app-translate-dropdown-item {
  grid-template-columns: 1fr 1fr;
  flex: 0 0 56px;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 0;
}
:where(html:not([data-layout="laptop"])) #mqSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #davSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #crSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #trSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #ftSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #ntSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #mhiSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #liSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #fshSection .app-translate-dropdown-icon,
:where(html:not([data-layout="laptop"])) #aesSection .app-translate-dropdown-icon {
  font-size: 32px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  line-height: 32px;
  flex: 0 0 32px;
}

@media (prefers-reduced-motion: reduce) {
  #mqSection .app-translate-dropdown-container,
#davSection .app-translate-dropdown-container,
#crSection .app-translate-dropdown-container,
#trSection .app-translate-dropdown-container,
#ftSection .app-translate-dropdown-container,
#ntSection .app-translate-dropdown-container,
#mhiSection .app-translate-dropdown-container,
#liSection .app-translate-dropdown-container,
#fshSection .app-translate-dropdown-container,
#aesSection .app-translate-dropdown-container,
#mqSection .app-translate-dropdown-item,
#davSection .app-translate-dropdown-item,
#crSection .app-translate-dropdown-item,
#trSection .app-translate-dropdown-item,
#ftSection .app-translate-dropdown-item,
#ntSection .app-translate-dropdown-item,
#mhiSection .app-translate-dropdown-item,
#liSection .app-translate-dropdown-item,
#fshSection .app-translate-dropdown-item,
#aesSection .app-translate-dropdown-item,
#mqSection .app-translate-dropdown-icon,
#davSection .app-translate-dropdown-icon,
#crSection .app-translate-dropdown-icon,
#trSection .app-translate-dropdown-icon,
#ftSection .app-translate-dropdown-icon,
#ntSection .app-translate-dropdown-icon,
#mhiSection .app-translate-dropdown-icon,
#liSection .app-translate-dropdown-icon,
#fshSection .app-translate-dropdown-icon,
#aesSection .app-translate-dropdown-icon,
#mqSection .app-translate-dropdown-text,
#davSection .app-translate-dropdown-text,
#crSection .app-translate-dropdown-text,
#trSection .app-translate-dropdown-text,
#ftSection .app-translate-dropdown-text,
#ntSection .app-translate-dropdown-text,
#mhiSection .app-translate-dropdown-text,
#liSection .app-translate-dropdown-text,
#fshSection .app-translate-dropdown-text,
#aesSection .app-translate-dropdown-text,
#mqSection .app-translate-button,
#davSection .app-translate-button,
#crSection .app-translate-button,
#trSection .app-translate-button,
#ftSection .app-translate-button,
#ntSection .app-translate-button,
#mhiSection .app-translate-button,
#liSection .app-translate-button,
#fshSection .app-translate-button,
#aesSection .app-translate-button {
    animation: none;
    transition: none;
  }
}
#davSection .app-translate-dropdown-container {
  background: var( --dav-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #6B3FA0;
}
#crSection .app-translate-dropdown-container {
  background: var( --cr-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #D97706;
}
#trSection .app-translate-dropdown-container {
  background: var( --tr-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #0891B2;
}
#ftSection .app-translate-dropdown-container {
  background: var( --ft-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #DC2626;
}
#ntSection .app-translate-dropdown-container {
  background: var( --nt-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #16A34A;
}
#mhiSection .app-translate-dropdown-container {
  background: var( --mhi-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #2563EB;
}
#liSection .app-translate-dropdown-container {
  background: var( --li-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #E11D48;
}
#fshSection .app-translate-dropdown-container {
  background: var( --fsh-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #0D9488;
}
#aesSection .app-translate-dropdown-container {
  background: var( --aes-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #65A30D;
}

/* -- Menu system: collections -- */
#mqSection .app-collection-detail-header,
#davSection .app-collection-detail-header,
#crSection .app-collection-detail-header,
#trSection .app-collection-detail-header,
#ftSection .app-collection-detail-header,
#ntSection .app-collection-detail-header,
#mhiSection .app-collection-detail-header,
#liSection .app-collection-detail-header,
#fshSection .app-collection-detail-header,
#aesSection .app-collection-detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid var(--app-surface-tint);
  flex-shrink: 0;
}
#mqSection .app-collection-detail-back-btn,
#davSection .app-collection-detail-back-btn,
#crSection .app-collection-detail-back-btn,
#trSection .app-collection-detail-back-btn,
#ftSection .app-collection-detail-back-btn,
#ntSection .app-collection-detail-back-btn,
#mhiSection .app-collection-detail-back-btn,
#liSection .app-collection-detail-back-btn,
#fshSection .app-collection-detail-back-btn,
#aesSection .app-collection-detail-back-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--app-primary);
  font-size: 0.8rem;
  font-weight: 600;
  padding: 4px 6px;
  border-radius: 6px;
  transition: background 0.2s ease;
}
#mqSection .app-collection-detail-close-btn,
#davSection .app-collection-detail-close-btn,
#crSection .app-collection-detail-close-btn,
#trSection .app-collection-detail-close-btn,
#ftSection .app-collection-detail-close-btn,
#ntSection .app-collection-detail-close-btn,
#mhiSection .app-collection-detail-close-btn,
#liSection .app-collection-detail-close-btn,
#fshSection .app-collection-detail-close-btn,
#aesSection .app-collection-detail-close-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
  color: var(--app-primary);
  padding: 2px 6px;
  border-radius: 6px;
  transition: background 0.2s ease, color 0.2s ease;
}
#mqSection .app-collection-detail-body,
#davSection .app-collection-detail-body,
#crSection .app-collection-detail-body,
#trSection .app-collection-detail-body,
#ftSection .app-collection-detail-body,
#ntSection .app-collection-detail-body,
#mhiSection .app-collection-detail-body,
#liSection .app-collection-detail-body,
#fshSection .app-collection-detail-body,
#aesSection .app-collection-detail-body {
  flex: 1;
  overflow-y: auto;
  padding: 14px;
}
#mqSection .app-collection-detail-thumbnail-wrapper,
#davSection .app-collection-detail-thumbnail-wrapper,
#crSection .app-collection-detail-thumbnail-wrapper,
#trSection .app-collection-detail-thumbnail-wrapper,
#ftSection .app-collection-detail-thumbnail-wrapper,
#ntSection .app-collection-detail-thumbnail-wrapper,
#mhiSection .app-collection-detail-thumbnail-wrapper,
#liSection .app-collection-detail-thumbnail-wrapper,
#fshSection .app-collection-detail-thumbnail-wrapper,
#aesSection .app-collection-detail-thumbnail-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
  background: var(--app-surface-tint);
  margin-bottom: 12px;
}
#mqSection .app-collection-detail-thumbnail,
#davSection .app-collection-detail-thumbnail,
#crSection .app-collection-detail-thumbnail,
#trSection .app-collection-detail-thumbnail,
#ftSection .app-collection-detail-thumbnail,
#ntSection .app-collection-detail-thumbnail,
#mhiSection .app-collection-detail-thumbnail,
#liSection .app-collection-detail-thumbnail,
#fshSection .app-collection-detail-thumbnail,
#aesSection .app-collection-detail-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#mqSection .app-collection-detail-thumbnail-overlay,
#davSection .app-collection-detail-thumbnail-overlay,
#crSection .app-collection-detail-thumbnail-overlay,
#trSection .app-collection-detail-thumbnail-overlay,
#ftSection .app-collection-detail-thumbnail-overlay,
#ntSection .app-collection-detail-thumbnail-overlay,
#mhiSection .app-collection-detail-thumbnail-overlay,
#liSection .app-collection-detail-thumbnail-overlay,
#fshSection .app-collection-detail-thumbnail-overlay,
#aesSection .app-collection-detail-thumbnail-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
}
#mqSection .app-collection-detail-content,
#davSection .app-collection-detail-content,
#crSection .app-collection-detail-content,
#trSection .app-collection-detail-content,
#ftSection .app-collection-detail-content,
#ntSection .app-collection-detail-content,
#mhiSection .app-collection-detail-content,
#liSection .app-collection-detail-content,
#fshSection .app-collection-detail-content,
#aesSection .app-collection-detail-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#mqSection .app-collection-detail-text,
#davSection .app-collection-detail-text,
#crSection .app-collection-detail-text,
#trSection .app-collection-detail-text,
#ftSection .app-collection-detail-text,
#ntSection .app-collection-detail-text,
#mhiSection .app-collection-detail-text,
#liSection .app-collection-detail-text,
#fshSection .app-collection-detail-text,
#aesSection .app-collection-detail-text {
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--text-primary, #222222);
  margin: 0;
}
#mqSection .app-collection-detail-author,
#davSection .app-collection-detail-author,
#crSection .app-collection-detail-author,
#trSection .app-collection-detail-author,
#ftSection .app-collection-detail-author,
#ntSection .app-collection-detail-author,
#mhiSection .app-collection-detail-author,
#liSection .app-collection-detail-author,
#fshSection .app-collection-detail-author,
#aesSection .app-collection-detail-author {
  font-size: 0.8rem;
  color: var(--app-primary);
  font-weight: 500;
  margin: 0;
}
#mqSection .app-collection-detail-saved-on,
#davSection .app-collection-detail-saved-on,
#crSection .app-collection-detail-saved-on,
#trSection .app-collection-detail-saved-on,
#ftSection .app-collection-detail-saved-on,
#ntSection .app-collection-detail-saved-on,
#mhiSection .app-collection-detail-saved-on,
#liSection .app-collection-detail-saved-on,
#fshSection .app-collection-detail-saved-on,
#aesSection .app-collection-detail-saved-on {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--text-muted, #888888);
  margin: 4px 0 0 0;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-collections-card-thumbnail-wrapper,
:where(html:not([data-layout="laptop"])) #davSection .app-collections-card-thumbnail-wrapper,
:where(html:not([data-layout="laptop"])) #crSection .app-collections-card-thumbnail-wrapper,
:where(html:not([data-layout="laptop"])) #trSection .app-collections-card-thumbnail-wrapper,
:where(html:not([data-layout="laptop"])) #ftSection .app-collections-card-thumbnail-wrapper,
:where(html:not([data-layout="laptop"])) #ntSection .app-collections-card-thumbnail-wrapper,
:where(html:not([data-layout="laptop"])) #mhiSection .app-collections-card-thumbnail-wrapper,
:where(html:not([data-layout="laptop"])) #liSection .app-collections-card-thumbnail-wrapper,
:where(html:not([data-layout="laptop"])) #fshSection .app-collections-card-thumbnail-wrapper,
:where(html:not([data-layout="laptop"])) #aesSection .app-collections-card-thumbnail-wrapper {
  width: 48px;
  height: 48px;
}

#aesSection .app-collections-dropdown-title .app-i18n-emoji {
  color: #65A30D;
}
#aesSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  border: 1px solid #65A30D;
}
#aesSection .app-collections-section-label > div > span.collections-filter-active {
  background: #65A30D;
  border-color: #65A30D;
  color: #FFFFFF;
}
#aesSection .app-collections-card .app-share-card {
  border: 1px solid #4D7C0F;
}
#aesSection .app-collections-card .app-share-quote {
  color: #65A30D;
}
#aesSection .app-collections-card .app-share-quote-content {
  color: #65A30D;
}
#aesSection .app-collections-card .app-share-label {
  border-bottom: 2px solid #65A30D;
}
#aesSection .app-collections-card .app-collections-card-share-btn.active,
#aesSection .app-collections-card .app-collections-card-share-btn:active {
  color: #65A30D;
  background: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
@media (hover: hover) {
  #aesSection .app-collections-card .app-collections-card-share-btn:hover {
    color: #65A30D;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
@media (hover: none) {
  #aesSection .app-collections-card .app-collections-card-share-btn.is-hover {
    color: #65A30D;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  }
}
.app-collections-share-dropdown .app-collections-share-dropdown-svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}
.app-collections-share-dropdown .app-collections-share-dropdown-svg svg {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
}
.app-collections-share-dropdown .app-collections-share-dropdown-svg svg path[fill="currentColor"] {
  fill: #ffffff;
  opacity: 0.64;
}
.app-collections-share-dropdown > :not(.app-collections-share-dropdown-svg) {
  position: relative;
  z-index: 1;
}
.app-collections-share-dropdown .app-collections-share-dropdown-title {
  color: #000000;
  margin-top: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
}
@media (hover: hover) {
  .app-collections-share-copy-btn:hover {
    background: var(--app-accent);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
  }
}
@media (hover: none) {
  .app-collections-share-copy-btn.is-hover {
    background: var(--app-accent);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
  }
}
.app-collections-share-platform-logo {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  object-fit: contain;
  display: block;
}
.app-collections-share-platform-tooltip {
  position: fixed;
  z-index: 100000;
  padding: 4px 8px;
  background: #FFFFFF;
  color: #475569;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -100%);
  transition: opacity 0.4s ease;
  margin: 0;
}
.app-collections-share-platform-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
}
.app-collections-share-platform-btn:focus,
.app-collections-share-platform-btn:active {
  background: #ffffff !important;
  border: none !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10) !important;
  outline: none !important;
  color: inherit;
}
@media (hover: hover) {
  .app-collections-share-platform-btn:hover {
    background: #ffffff !important;
    border: none !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10) !important;
    outline: none !important;
    color: inherit;
  }
}
@media (hover: none) {
  .app-collections-share-platform-btn.is-hover {
    background: #ffffff !important;
    border: none !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10) !important;
    outline: none !important;
    color: inherit;
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-collections-share-platform-tooltip {
    transition: none;
  }
}
#aesSection .app-menu-btn-wrapper .app-collection-detail-overlay {
  background: var( --aes-dropdown-wallpaper-snapshot, #ffffff );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #65A30D;
}

/* -- Menu system: profile -- */
#mqSection .app-menu-btn-wrapper .app-quiz-button svg path:first-child,
#davSection .app-menu-btn-wrapper .app-quiz-button svg path:first-child,
#crSection .app-menu-btn-wrapper .app-quiz-button svg path:first-child,
#trSection .app-menu-btn-wrapper .app-quiz-button svg path:first-child,
#ftSection .app-menu-btn-wrapper .app-quiz-button svg path:first-child,
#ntSection .app-menu-btn-wrapper .app-quiz-button svg path:first-child,
#mhiSection .app-menu-btn-wrapper .app-quiz-button svg path:first-child,
#liSection .app-menu-btn-wrapper .app-quiz-button svg path:first-child,
#fshSection .app-menu-btn-wrapper .app-quiz-button svg path:first-child,
#aesSection .app-menu-btn-wrapper .app-quiz-button svg path:first-child,
#mqSection .app-menu-btn-wrapper .app-profile-button svg path:first-child,
#davSection .app-menu-btn-wrapper .app-profile-button svg path:first-child,
#crSection .app-menu-btn-wrapper .app-profile-button svg path:first-child,
#trSection .app-menu-btn-wrapper .app-profile-button svg path:first-child,
#ftSection .app-menu-btn-wrapper .app-profile-button svg path:first-child,
#ntSection .app-menu-btn-wrapper .app-profile-button svg path:first-child,
#mhiSection .app-menu-btn-wrapper .app-profile-button svg path:first-child,
#liSection .app-menu-btn-wrapper .app-profile-button svg path:first-child,
#fshSection .app-menu-btn-wrapper .app-profile-button svg path:first-child,
#aesSection .app-menu-btn-wrapper .app-profile-button svg path:first-child {
  fill: none !important;
  stroke: none !important;
}
#mqSection .app-menu-btn-wrapper .app-quiz-button svg path:nth-child(2),
#davSection .app-menu-btn-wrapper .app-quiz-button svg path:nth-child(2),
#crSection .app-menu-btn-wrapper .app-quiz-button svg path:nth-child(2),
#trSection .app-menu-btn-wrapper .app-quiz-button svg path:nth-child(2),
#ftSection .app-menu-btn-wrapper .app-quiz-button svg path:nth-child(2),
#ntSection .app-menu-btn-wrapper .app-quiz-button svg path:nth-child(2),
#mhiSection .app-menu-btn-wrapper .app-quiz-button svg path:nth-child(2),
#liSection .app-menu-btn-wrapper .app-quiz-button svg path:nth-child(2),
#fshSection .app-menu-btn-wrapper .app-quiz-button svg path:nth-child(2),
#aesSection .app-menu-btn-wrapper .app-quiz-button svg path:nth-child(2),
#mqSection .app-menu-btn-wrapper .app-profile-button svg path:nth-child(2),
#davSection .app-menu-btn-wrapper .app-profile-button svg path:nth-child(2),
#crSection .app-menu-btn-wrapper .app-profile-button svg path:nth-child(2),
#trSection .app-menu-btn-wrapper .app-profile-button svg path:nth-child(2),
#ftSection .app-menu-btn-wrapper .app-profile-button svg path:nth-child(2),
#ntSection .app-menu-btn-wrapper .app-profile-button svg path:nth-child(2),
#mhiSection .app-menu-btn-wrapper .app-profile-button svg path:nth-child(2),
#liSection .app-menu-btn-wrapper .app-profile-button svg path:nth-child(2),
#fshSection .app-menu-btn-wrapper .app-profile-button svg path:nth-child(2),
#aesSection .app-menu-btn-wrapper .app-profile-button svg path:nth-child(2) {
  fill: currentColor !important;
  stroke: none !important;
}

/* -- Menu system: resources -- */
#mqSection .app-menu-btn-wrapper .app-resources-button svg path:first-child,
#davSection .app-menu-btn-wrapper .app-resources-button svg path:first-child,
#crSection .app-menu-btn-wrapper .app-resources-button svg path:first-child,
#trSection .app-menu-btn-wrapper .app-resources-button svg path:first-child,
#ftSection .app-menu-btn-wrapper .app-resources-button svg path:first-child,
#ntSection .app-menu-btn-wrapper .app-resources-button svg path:first-child,
#mhiSection .app-menu-btn-wrapper .app-resources-button svg path:first-child,
#liSection .app-menu-btn-wrapper .app-resources-button svg path:first-child,
#fshSection .app-menu-btn-wrapper .app-resources-button svg path:first-child,
#aesSection .app-menu-btn-wrapper .app-resources-button svg path:first-child {
  fill: none !important;
}
#mqSection .app-menu-btn-wrapper .app-resources-button svg path:nth-child(2),
#davSection .app-menu-btn-wrapper .app-resources-button svg path:nth-child(2),
#crSection .app-menu-btn-wrapper .app-resources-button svg path:nth-child(2),
#trSection .app-menu-btn-wrapper .app-resources-button svg path:nth-child(2),
#ftSection .app-menu-btn-wrapper .app-resources-button svg path:nth-child(2),
#ntSection .app-menu-btn-wrapper .app-resources-button svg path:nth-child(2),
#mhiSection .app-menu-btn-wrapper .app-resources-button svg path:nth-child(2),
#liSection .app-menu-btn-wrapper .app-resources-button svg path:nth-child(2),
#fshSection .app-menu-btn-wrapper .app-resources-button svg path:nth-child(2),
#aesSection .app-menu-btn-wrapper .app-resources-button svg path:nth-child(2) {
  fill: none !important;
  stroke: currentColor !important;
}
#mqSection .app-resources-dropdown,
#davSection .app-resources-dropdown,
#crSection .app-resources-dropdown,
#trSection .app-resources-dropdown,
#ftSection .app-resources-dropdown,
#ntSection .app-resources-dropdown,
#mhiSection .app-resources-dropdown,
#liSection .app-resources-dropdown,
#fshSection .app-resources-dropdown,
#aesSection .app-resources-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  bottom: auto;
  inset-inline-start: 0;
  inset-inline-end: auto;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  height: 480px;
  min-height: 480px;
  max-height: 480px;
  overflow: visible;
  border-radius: 12px;
  border: 2px solid var(--app-border);
  box-shadow: 0 8px 24px var(--app-shadow);
  box-sizing: border-box;
  z-index: 1600;
  display: flex;
  flex-direction: column;
  visibility: visible;
  opacity: 0;
  transform: none;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
#mqSection .app-resources-dropdown {
  background: var( --mq-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #EA580C;
}
#mqSection .app-resources-dropdown::before,
#davSection .app-resources-dropdown::before,
#crSection .app-resources-dropdown::before,
#trSection .app-resources-dropdown::before,
#ftSection .app-resources-dropdown::before,
#ntSection .app-resources-dropdown::before,
#mhiSection .app-resources-dropdown::before,
#liSection .app-resources-dropdown::before,
#fshSection .app-resources-dropdown::before,
#aesSection .app-resources-dropdown::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  height: 8px;
  pointer-events: auto;
}
#mqSection .app-resources-dropdown.show,
#davSection .app-resources-dropdown.show,
#crSection .app-resources-dropdown.show,
#trSection .app-resources-dropdown.show,
#ftSection .app-resources-dropdown.show,
#ntSection .app-resources-dropdown.show,
#mhiSection .app-resources-dropdown.show,
#liSection .app-resources-dropdown.show,
#fshSection .app-resources-dropdown.show,
#aesSection .app-resources-dropdown.show {
  visibility: visible;
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
#mqSection .app-resources-dropdown.hidden,
#davSection .app-resources-dropdown.hidden,
#crSection .app-resources-dropdown.hidden,
#trSection .app-resources-dropdown.hidden,
#ftSection .app-resources-dropdown.hidden,
#ntSection .app-resources-dropdown.hidden,
#mhiSection .app-resources-dropdown.hidden,
#liSection .app-resources-dropdown.hidden,
#fshSection .app-resources-dropdown.hidden,
#aesSection .app-resources-dropdown.hidden {
  display: flex !important;
  visibility: visible;
  opacity: 0;
  transform: none;
  pointer-events: none;
}
#mqSection .app-resources-dropdown::-webkit-scrollbar,
#davSection .app-resources-dropdown::-webkit-scrollbar,
#crSection .app-resources-dropdown::-webkit-scrollbar,
#trSection .app-resources-dropdown::-webkit-scrollbar,
#ftSection .app-resources-dropdown::-webkit-scrollbar,
#ntSection .app-resources-dropdown::-webkit-scrollbar,
#mhiSection .app-resources-dropdown::-webkit-scrollbar,
#liSection .app-resources-dropdown::-webkit-scrollbar,
#fshSection .app-resources-dropdown::-webkit-scrollbar,
#aesSection .app-resources-dropdown::-webkit-scrollbar {
  width: 8px;
}
#mqSection .app-resources-dropdown::-webkit-scrollbar-track,
#davSection .app-resources-dropdown::-webkit-scrollbar-track,
#crSection .app-resources-dropdown::-webkit-scrollbar-track,
#trSection .app-resources-dropdown::-webkit-scrollbar-track,
#ftSection .app-resources-dropdown::-webkit-scrollbar-track,
#ntSection .app-resources-dropdown::-webkit-scrollbar-track,
#mhiSection .app-resources-dropdown::-webkit-scrollbar-track,
#liSection .app-resources-dropdown::-webkit-scrollbar-track,
#fshSection .app-resources-dropdown::-webkit-scrollbar-track,
#aesSection .app-resources-dropdown::-webkit-scrollbar-track {
  background: var(--app-surface-tint);
  border-radius: 10px;
}
#mqSection .app-resources-dropdown::-webkit-scrollbar-thumb,
#davSection .app-resources-dropdown::-webkit-scrollbar-thumb,
#crSection .app-resources-dropdown::-webkit-scrollbar-thumb,
#trSection .app-resources-dropdown::-webkit-scrollbar-thumb,
#ftSection .app-resources-dropdown::-webkit-scrollbar-thumb,
#ntSection .app-resources-dropdown::-webkit-scrollbar-thumb,
#mhiSection .app-resources-dropdown::-webkit-scrollbar-thumb,
#liSection .app-resources-dropdown::-webkit-scrollbar-thumb,
#fshSection .app-resources-dropdown::-webkit-scrollbar-thumb,
#aesSection .app-resources-dropdown::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar);
  border-radius: 10px;
  transition: background 0.3s ease;
}
@media (hover: hover) {
  #mqSection .app-resources-dropdown::-webkit-scrollbar-thumb:hover,
  #davSection .app-resources-dropdown::-webkit-scrollbar-thumb:hover,
  #crSection .app-resources-dropdown::-webkit-scrollbar-thumb:hover,
  #trSection .app-resources-dropdown::-webkit-scrollbar-thumb:hover,
  #ftSection .app-resources-dropdown::-webkit-scrollbar-thumb:hover,
  #ntSection .app-resources-dropdown::-webkit-scrollbar-thumb:hover,
  #mhiSection .app-resources-dropdown::-webkit-scrollbar-thumb:hover,
  #liSection .app-resources-dropdown::-webkit-scrollbar-thumb:hover,
  #fshSection .app-resources-dropdown::-webkit-scrollbar-thumb:hover,
  #aesSection .app-resources-dropdown::-webkit-scrollbar-thumb:hover {
    background: var(--app-primary);
  }
}
#mqSection .app-resources-dropdown,
#davSection .app-resources-dropdown,
#crSection .app-resources-dropdown,
#trSection .app-resources-dropdown,
#ftSection .app-resources-dropdown,
#ntSection .app-resources-dropdown,
#mhiSection .app-resources-dropdown,
#liSection .app-resources-dropdown,
#fshSection .app-resources-dropdown,
#aesSection .app-resources-dropdown {
  scrollbar-width: thin;
  scrollbar-color: var(--app-scrollbar) var(--app-surface-tint);
}
#mqSection .app-resources-dropdown-header,
#davSection .app-resources-dropdown-header,
#crSection .app-resources-dropdown-header,
#trSection .app-resources-dropdown-header,
#ftSection .app-resources-dropdown-header,
#ntSection .app-resources-dropdown-header,
#mhiSection .app-resources-dropdown-header,
#liSection .app-resources-dropdown-header,
#fshSection .app-resources-dropdown-header,
#aesSection .app-resources-dropdown-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border-light);
  flex-shrink: 0;
}
#mqSection .app-resources-dropdown-title,
#davSection .app-resources-dropdown-title,
#crSection .app-resources-dropdown-title,
#trSection .app-resources-dropdown-title,
#ftSection .app-resources-dropdown-title,
#ntSection .app-resources-dropdown-title,
#mhiSection .app-resources-dropdown-title,
#liSection .app-resources-dropdown-title,
#fshSection .app-resources-dropdown-title,
#aesSection .app-resources-dropdown-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
/* Colon after the title (the menu reset above clears the shared rule). */
#mqSection .app-menu-btn-wrapper .app-resources-dropdown-title::after,
#davSection .app-menu-btn-wrapper .app-resources-dropdown-title::after,
#crSection .app-menu-btn-wrapper .app-resources-dropdown-title::after,
#trSection .app-menu-btn-wrapper .app-resources-dropdown-title::after,
#ftSection .app-menu-btn-wrapper .app-resources-dropdown-title::after,
#ntSection .app-menu-btn-wrapper .app-resources-dropdown-title::after,
#mhiSection .app-menu-btn-wrapper .app-resources-dropdown-title::after,
#liSection .app-menu-btn-wrapper .app-resources-dropdown-title::after,
#fshSection .app-menu-btn-wrapper .app-resources-dropdown-title::after,
#aesSection .app-menu-btn-wrapper .app-resources-dropdown-title::after {
  content: ":";
}
#mqSection .app-resources-dropdown-close-btn,
#davSection .app-resources-dropdown-close-btn,
#crSection .app-resources-dropdown-close-btn,
#trSection .app-resources-dropdown-close-btn,
#ftSection .app-resources-dropdown-close-btn,
#ntSection .app-resources-dropdown-close-btn,
#mhiSection .app-resources-dropdown-close-btn,
#liSection .app-resources-dropdown-close-btn,
#fshSection .app-resources-dropdown-close-btn,
#aesSection .app-resources-dropdown-close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  color: var(--context-text);
  cursor: pointer;
  border-radius: 6px;
  transition: color 0.25s ease, background 0.25s ease;
}
@media (hover: hover) {
  #mqSection .app-resources-dropdown-close-btn:hover,
  #davSection .app-resources-dropdown-close-btn:hover,
  #crSection .app-resources-dropdown-close-btn:hover,
  #trSection .app-resources-dropdown-close-btn:hover,
  #ftSection .app-resources-dropdown-close-btn:hover,
  #ntSection .app-resources-dropdown-close-btn:hover,
  #mhiSection .app-resources-dropdown-close-btn:hover,
  #liSection .app-resources-dropdown-close-btn:hover,
  #fshSection .app-resources-dropdown-close-btn:hover,
  #aesSection .app-resources-dropdown-close-btn:hover {
    color: var(--app-primary);
    background: var(--app-surface-tint);
  }
}
@media (hover: none) {
  #mqSection .app-resources-dropdown-close-btn.is-hover,
  #davSection .app-resources-dropdown-close-btn.is-hover,
  #crSection .app-resources-dropdown-close-btn.is-hover,
  #trSection .app-resources-dropdown-close-btn.is-hover,
  #ftSection .app-resources-dropdown-close-btn.is-hover,
  #ntSection .app-resources-dropdown-close-btn.is-hover,
  #mhiSection .app-resources-dropdown-close-btn.is-hover,
  #liSection .app-resources-dropdown-close-btn.is-hover,
  #fshSection .app-resources-dropdown-close-btn.is-hover,
  #aesSection .app-resources-dropdown-close-btn.is-hover {
    color: var(--app-primary);
    background: var(--app-surface-tint);
  }
}
#mqSection .app-resources-dropdown-close-btn svg,
#davSection .app-resources-dropdown-close-btn svg,
#crSection .app-resources-dropdown-close-btn svg,
#trSection .app-resources-dropdown-close-btn svg,
#ftSection .app-resources-dropdown-close-btn svg,
#ntSection .app-resources-dropdown-close-btn svg,
#mhiSection .app-resources-dropdown-close-btn svg,
#liSection .app-resources-dropdown-close-btn svg,
#fshSection .app-resources-dropdown-close-btn svg,
#aesSection .app-resources-dropdown-close-btn svg {
  width: 18px;
  height: 18px;
  display: block;
}
#mqSection .app-resources-accordion,
#davSection .app-resources-accordion,
#crSection .app-resources-accordion,
#trSection .app-resources-accordion,
#ftSection .app-resources-accordion,
#ntSection .app-resources-accordion,
#mhiSection .app-resources-accordion,
#liSection .app-resources-accordion,
#fshSection .app-resources-accordion,
#aesSection .app-resources-accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
  scrollbar-width: thin;
}
#mqSection .app-resources-accordion {
  scrollbar-color: #EA580C transparent;
}
#mqSection .app-resources-accordion::-webkit-scrollbar,
#davSection .app-resources-accordion::-webkit-scrollbar,
#crSection .app-resources-accordion::-webkit-scrollbar,
#trSection .app-resources-accordion::-webkit-scrollbar,
#ftSection .app-resources-accordion::-webkit-scrollbar,
#ntSection .app-resources-accordion::-webkit-scrollbar,
#mhiSection .app-resources-accordion::-webkit-scrollbar,
#liSection .app-resources-accordion::-webkit-scrollbar,
#fshSection .app-resources-accordion::-webkit-scrollbar,
#aesSection .app-resources-accordion::-webkit-scrollbar {
  width: 6px;
}
#mqSection .app-resources-accordion::-webkit-scrollbar-track,
#davSection .app-resources-accordion::-webkit-scrollbar-track,
#crSection .app-resources-accordion::-webkit-scrollbar-track,
#trSection .app-resources-accordion::-webkit-scrollbar-track,
#ftSection .app-resources-accordion::-webkit-scrollbar-track,
#ntSection .app-resources-accordion::-webkit-scrollbar-track,
#mhiSection .app-resources-accordion::-webkit-scrollbar-track,
#liSection .app-resources-accordion::-webkit-scrollbar-track,
#fshSection .app-resources-accordion::-webkit-scrollbar-track,
#aesSection .app-resources-accordion::-webkit-scrollbar-track {
  background: transparent;
}
#mqSection .app-resources-accordion::-webkit-scrollbar-thumb {
  background: #EA580C;
  border-radius: 6px;
}
#mqSection .app-resources-accordion-item,
#davSection .app-resources-accordion-item,
#crSection .app-resources-accordion-item,
#trSection .app-resources-accordion-item,
#ftSection .app-resources-accordion-item,
#ntSection .app-resources-accordion-item,
#mhiSection .app-resources-accordion-item,
#liSection .app-resources-accordion-item,
#fshSection .app-resources-accordion-item,
#aesSection .app-resources-accordion-item {
  border-bottom: 1px solid var(--border-light);
  flex: 1 1 0;
  min-height: 57px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#mqSection .app-resources-accordion-item:last-child,
#davSection .app-resources-accordion-item:last-child,
#crSection .app-resources-accordion-item:last-child,
#trSection .app-resources-accordion-item:last-child,
#ftSection .app-resources-accordion-item:last-child,
#ntSection .app-resources-accordion-item:last-child,
#mhiSection .app-resources-accordion-item:last-child,
#liSection .app-resources-accordion-item:last-child,
#fshSection .app-resources-accordion-item:last-child,
#aesSection .app-resources-accordion-item:last-child {
  border-bottom: none;
}
#mqSection .app-resources-accordion-trigger,
#davSection .app-resources-accordion-trigger,
#crSection .app-resources-accordion-trigger,
#trSection .app-resources-accordion-trigger,
#ftSection .app-resources-accordion-trigger,
#ntSection .app-resources-accordion-trigger,
#mhiSection .app-resources-accordion-trigger,
#liSection .app-resources-accordion-trigger,
#fshSection .app-resources-accordion-trigger,
#aesSection .app-resources-accordion-trigger {
  display: flex;
  align-items: center;
  width: 100%;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  box-sizing: border-box;
  flex: 0 0 56px;
  margin: 0;
  padding: 16px;
  background: transparent;
  border: none;
  color: #000000;
  cursor: pointer;
  text-align: start;
  transition: background 0.25s ease, color 0.25s ease;
}
@media (hover: hover) {
  #mqSection .app-resources-accordion-trigger:hover,
  #davSection .app-resources-accordion-trigger:hover,
  #crSection .app-resources-accordion-trigger:hover,
  #trSection .app-resources-accordion-trigger:hover,
  #ftSection .app-resources-accordion-trigger:hover,
  #ntSection .app-resources-accordion-trigger:hover,
  #mhiSection .app-resources-accordion-trigger:hover,
  #liSection .app-resources-accordion-trigger:hover,
  #fshSection .app-resources-accordion-trigger:hover,
  #aesSection .app-resources-accordion-trigger:hover {
    background: linear-gradient( 135deg, var(--app-surface-gradient-1), var(--app-surface-gradient-2) );
    color: #000000;
  }
}
@media (hover: none) {
  #mqSection .app-resources-accordion-trigger.is-hover,
  #davSection .app-resources-accordion-trigger.is-hover,
  #crSection .app-resources-accordion-trigger.is-hover,
  #trSection .app-resources-accordion-trigger.is-hover,
  #ftSection .app-resources-accordion-trigger.is-hover,
  #ntSection .app-resources-accordion-trigger.is-hover,
  #mhiSection .app-resources-accordion-trigger.is-hover,
  #liSection .app-resources-accordion-trigger.is-hover,
  #fshSection .app-resources-accordion-trigger.is-hover,
  #aesSection .app-resources-accordion-trigger.is-hover {
    background: linear-gradient( 135deg, var(--app-surface-gradient-1), var(--app-surface-gradient-2) );
    color: #000000;
  }
}
#mqSection .app-resources-accordion-icon,
#davSection .app-resources-accordion-icon,
#crSection .app-resources-accordion-icon,
#trSection .app-resources-accordion-icon,
#ftSection .app-resources-accordion-icon,
#ntSection .app-resources-accordion-icon,
#mhiSection .app-resources-accordion-icon,
#liSection .app-resources-accordion-icon,
#fshSection .app-resources-accordion-icon,
#aesSection .app-resources-accordion-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  margin-inline-end: 16px;
  flex: 0 0 32px;
  box-sizing: border-box;
}
#mqSection .app-resources-accordion-icon {
  color: #EA580C;
}
#mqSection .app-resources-accordion-icon svg,
#davSection .app-resources-accordion-icon svg,
#crSection .app-resources-accordion-icon svg,
#trSection .app-resources-accordion-icon svg,
#ftSection .app-resources-accordion-icon svg,
#ntSection .app-resources-accordion-icon svg,
#mhiSection .app-resources-accordion-icon svg,
#liSection .app-resources-accordion-icon svg,
#fshSection .app-resources-accordion-icon svg,
#aesSection .app-resources-accordion-icon svg {
  display: block;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  flex: 0 0 32px;
}

/* -- Menu system: translate -- */
#mqSection .app-translate-dropdown-icon > svg,
#davSection .app-translate-dropdown-icon > svg,
#crSection .app-translate-dropdown-icon > svg,
#trSection .app-translate-dropdown-icon > svg,
#ftSection .app-translate-dropdown-icon > svg,
#ntSection .app-translate-dropdown-icon > svg,
#mhiSection .app-translate-dropdown-icon > svg,
#liSection .app-translate-dropdown-icon > svg,
#fshSection .app-translate-dropdown-icon > svg,
#aesSection .app-translate-dropdown-icon > svg {
  display: block;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  flex: 0 0 32px;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 768px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #davSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #crSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #trSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #ftSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #ntSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #mhiSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #liSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #fshSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #aesSection .app-translate-dropdown-icon > svg {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  flex: 0 0 32px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #davSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #crSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #trSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #ftSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #ntSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #mhiSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #liSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #fshSection .app-translate-dropdown-icon > svg,
:where(html:not([data-layout="laptop"])) #aesSection .app-translate-dropdown-icon > svg {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  flex: 0 0 32px;
}


/* -- Menu system: resources -- */
#mqSection .app-resources-accordion-icon svg {
  color: #EA580C;
}
#mqSection .app-resources-accordion-label,
#davSection .app-resources-accordion-label,
#crSection .app-resources-accordion-label,
#trSection .app-resources-accordion-label,
#ftSection .app-resources-accordion-label,
#ntSection .app-resources-accordion-label,
#mhiSection .app-resources-accordion-label,
#liSection .app-resources-accordion-label,
#fshSection .app-resources-accordion-label,
#aesSection .app-resources-accordion-label {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}
#mqSection .app-resources-accordion-chevron,
#davSection .app-resources-accordion-chevron,
#crSection .app-resources-accordion-chevron,
#trSection .app-resources-accordion-chevron,
#ftSection .app-resources-accordion-chevron,
#ntSection .app-resources-accordion-chevron,
#mhiSection .app-resources-accordion-chevron,
#liSection .app-resources-accordion-chevron,
#fshSection .app-resources-accordion-chevron,
#aesSection .app-resources-accordion-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1;
  color: #000000;
  transform: rotate(90deg);
  transform-origin: center;
  transition: transform 0.3s ease;
}
#mqSection .app-resources-accordion-item.is-open .app-resources-accordion-chevron,
#davSection .app-resources-accordion-item.is-open .app-resources-accordion-chevron,
#crSection .app-resources-accordion-item.is-open .app-resources-accordion-chevron,
#trSection .app-resources-accordion-item.is-open .app-resources-accordion-chevron,
#ftSection .app-resources-accordion-item.is-open .app-resources-accordion-chevron,
#ntSection .app-resources-accordion-item.is-open .app-resources-accordion-chevron,
#mhiSection .app-resources-accordion-item.is-open .app-resources-accordion-chevron,
#liSection .app-resources-accordion-item.is-open .app-resources-accordion-chevron,
#fshSection .app-resources-accordion-item.is-open .app-resources-accordion-chevron,
#aesSection .app-resources-accordion-item.is-open .app-resources-accordion-chevron {
  color: #000000;
  transform: rotate(-90deg);
}
#mqSection .app-resources-accordion-panel,
#davSection .app-resources-accordion-panel,
#crSection .app-resources-accordion-panel,
#trSection .app-resources-accordion-panel,
#ftSection .app-resources-accordion-panel,
#ntSection .app-resources-accordion-panel,
#mhiSection .app-resources-accordion-panel,
#liSection .app-resources-accordion-panel,
#fshSection .app-resources-accordion-panel,
#aesSection .app-resources-accordion-panel {
  display: none;
  overflow: hidden;
}
#mqSection .app-resources-accordion-item.is-open,
#davSection .app-resources-accordion-item.is-open,
#crSection .app-resources-accordion-item.is-open,
#trSection .app-resources-accordion-item.is-open,
#ftSection .app-resources-accordion-item.is-open,
#ntSection .app-resources-accordion-item.is-open,
#mhiSection .app-resources-accordion-item.is-open,
#liSection .app-resources-accordion-item.is-open,
#fshSection .app-resources-accordion-item.is-open,
#aesSection .app-resources-accordion-item.is-open {
  flex: 0 0 auto;
  min-height: 0;
  overflow: visible;
}
#mqSection .app-resources-accordion-item.is-open .app-resources-accordion-panel,
#davSection .app-resources-accordion-item.is-open .app-resources-accordion-panel,
#crSection .app-resources-accordion-item.is-open .app-resources-accordion-panel,
#trSection .app-resources-accordion-item.is-open .app-resources-accordion-panel,
#ftSection .app-resources-accordion-item.is-open .app-resources-accordion-panel,
#ntSection .app-resources-accordion-item.is-open .app-resources-accordion-panel,
#mhiSection .app-resources-accordion-item.is-open .app-resources-accordion-panel,
#liSection .app-resources-accordion-item.is-open .app-resources-accordion-panel,
#fshSection .app-resources-accordion-item.is-open .app-resources-accordion-panel,
#aesSection .app-resources-accordion-item.is-open .app-resources-accordion-panel {
  display: block;
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  max-height: none;
  overflow: hidden;
  flex: 0 0 auto;
  box-sizing: border-box;
}
#mqSection .app-resources-list,
#davSection .app-resources-list,
#crSection .app-resources-list,
#trSection .app-resources-list,
#ftSection .app-resources-list,
#ntSection .app-resources-list,
#mhiSection .app-resources-list,
#liSection .app-resources-list,
#fshSection .app-resources-list,
#aesSection .app-resources-list {
  margin: 0;
  padding: 0 16px 14px;
  list-style: none;
  color: #000000;
}
#mqSection .app-resources-list-item,
#davSection .app-resources-list-item,
#crSection .app-resources-list-item,
#trSection .app-resources-list-item,
#ftSection .app-resources-list-item,
#ntSection .app-resources-list-item,
#mhiSection .app-resources-list-item,
#liSection .app-resources-list-item,
#fshSection .app-resources-list-item,
#aesSection .app-resources-list-item {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid var(--border-light);
  color: #000000;
}
#mqSection .app-resources-list-item:last-child,
#davSection .app-resources-list-item:last-child,
#crSection .app-resources-list-item:last-child,
#trSection .app-resources-list-item:last-child,
#ftSection .app-resources-list-item:last-child,
#ntSection .app-resources-list-item:last-child,
#mhiSection .app-resources-list-item:last-child,
#liSection .app-resources-list-item:last-child,
#fshSection .app-resources-list-item:last-child,
#aesSection .app-resources-list-item:last-child {
  border-bottom: none;
}
#mqSection .app-resources-list-link,
#davSection .app-resources-list-link,
#crSection .app-resources-list-link,
#trSection .app-resources-list-link,
#ftSection .app-resources-list-link,
#ntSection .app-resources-list-link,
#mhiSection .app-resources-list-link,
#liSection .app-resources-list-link,
#fshSection .app-resources-list-link,
#aesSection .app-resources-list-link {
  display: inline;
  position: relative;
  color: #000000;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  background-image: linear-gradient(#000000, #000000);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 1px;
  transition: background-size 0.3s ease, color 0.3s ease;
}
@media (hover: hover) {
  #mqSection .app-resources-list-link:hover,
  #davSection .app-resources-list-link:hover,
  #crSection .app-resources-list-link:hover,
  #trSection .app-resources-list-link:hover,
  #ftSection .app-resources-list-link:hover,
  #ntSection .app-resources-list-link:hover,
  #mhiSection .app-resources-list-link:hover,
  #liSection .app-resources-list-link:hover,
  #fshSection .app-resources-list-link:hover,
  #aesSection .app-resources-list-link:hover {
    color: #000000;
    background-size: 100% 1px;
  }
}
@media (hover: none) {
  #mqSection .app-resources-list-link.is-hover,
  #davSection .app-resources-list-link.is-hover,
  #crSection .app-resources-list-link.is-hover,
  #trSection .app-resources-list-link.is-hover,
  #ftSection .app-resources-list-link.is-hover,
  #ntSection .app-resources-list-link.is-hover,
  #mhiSection .app-resources-list-link.is-hover,
  #liSection .app-resources-list-link.is-hover,
  #fshSection .app-resources-list-link.is-hover,
  #aesSection .app-resources-list-link.is-hover {
    color: #000000;
    background-size: 100% 1px;
  }
}
#mqSection .app-resources-list-link:focus-visible,
#davSection .app-resources-list-link:focus-visible,
#crSection .app-resources-list-link:focus-visible,
#trSection .app-resources-list-link:focus-visible,
#ftSection .app-resources-list-link:focus-visible,
#ntSection .app-resources-list-link:focus-visible,
#mhiSection .app-resources-list-link:focus-visible,
#liSection .app-resources-list-link:focus-visible,
#fshSection .app-resources-list-link:focus-visible,
#aesSection .app-resources-list-link:focus-visible {
  color: #000000;
  outline-offset: 3px;
}
#mqSection .app-resources-list-link:focus-visible {
  outline: 2px solid #EA580C;
}
#mqSection .app-resources-list-empty,
#davSection .app-resources-list-empty,
#crSection .app-resources-list-empty,
#trSection .app-resources-list-empty,
#ftSection .app-resources-list-empty,
#ntSection .app-resources-list-empty,
#mhiSection .app-resources-list-empty,
#liSection .app-resources-list-empty,
#fshSection .app-resources-list-empty,
#aesSection .app-resources-list-empty {
  padding: 8px 0;
  color: #000000;
  opacity: 1;
  font-size: 13px;
  line-height: 1.5;
}
#mqSection .app-resources-list-desc,
#davSection .app-resources-list-desc,
#crSection .app-resources-list-desc,
#trSection .app-resources-list-desc,
#ftSection .app-resources-list-desc,
#ntSection .app-resources-list-desc,
#mhiSection .app-resources-list-desc,
#liSection .app-resources-list-desc,
#fshSection .app-resources-list-desc,
#aesSection .app-resources-list-desc {
  display: block;
  margin-top: 4px;
  color: #000000;
  opacity: 1;
  font-size: 12px;
  line-height: 1.45;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 768px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #davSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #crSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #trSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #ftSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #ntSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #mhiSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #liSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #fshSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #aesSection .app-resources-dropdown {
  width: 300px;
  max-width: calc(92 * var(--vw));
  max-height: calc(75 * var(--vh));
}
:where(html:not([data-layout="laptop"])) #mqSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #davSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #crSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #trSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #ftSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #ntSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #mhiSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #liSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #fshSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #aesSection .app-resources-accordion-trigger {
  min-height: 56px;
  padding: 16px;
}
:where(html:not([data-layout="laptop"])) #mqSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #davSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #crSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #trSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #ftSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #ntSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #mhiSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #liSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #fshSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #aesSection .app-resources-list {
  padding: 0 16px 16px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #davSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #crSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #trSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #ftSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #ntSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #mhiSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #liSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #fshSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #aesSection .app-resources-dropdown {
  width: 280px;
  max-width: calc(90 * var(--vw));
  max-height: calc(72 * var(--vh));
}
:where(html:not([data-layout="laptop"])) #mqSection .app-resources-dropdown-header,
:where(html:not([data-layout="laptop"])) #davSection .app-resources-dropdown-header,
:where(html:not([data-layout="laptop"])) #crSection .app-resources-dropdown-header,
:where(html:not([data-layout="laptop"])) #trSection .app-resources-dropdown-header,
:where(html:not([data-layout="laptop"])) #ftSection .app-resources-dropdown-header,
:where(html:not([data-layout="laptop"])) #ntSection .app-resources-dropdown-header,
:where(html:not([data-layout="laptop"])) #mhiSection .app-resources-dropdown-header,
:where(html:not([data-layout="laptop"])) #liSection .app-resources-dropdown-header,
:where(html:not([data-layout="laptop"])) #fshSection .app-resources-dropdown-header,
:where(html:not([data-layout="laptop"])) #aesSection .app-resources-dropdown-header {
  padding: 16px;
}


/* -- Menu system: translate -- */
#mqSection .app-translate-dropdown-header,
#davSection .app-translate-dropdown-header,
#crSection .app-translate-dropdown-header,
#trSection .app-translate-dropdown-header,
#ftSection .app-translate-dropdown-header,
#ntSection .app-translate-dropdown-header,
#mhiSection .app-translate-dropdown-header,
#liSection .app-translate-dropdown-header,
#fshSection .app-translate-dropdown-header,
#aesSection .app-translate-dropdown-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border-light);
  flex-shrink: 0;
}

/* -- Menu system: resources -- */
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-resources-dropdown-title,
:where(html:not([data-layout="laptop"])) #davSection .app-resources-dropdown-title,
:where(html:not([data-layout="laptop"])) #crSection .app-resources-dropdown-title,
:where(html:not([data-layout="laptop"])) #trSection .app-resources-dropdown-title,
:where(html:not([data-layout="laptop"])) #ftSection .app-resources-dropdown-title,
:where(html:not([data-layout="laptop"])) #ntSection .app-resources-dropdown-title,
:where(html:not([data-layout="laptop"])) #mhiSection .app-resources-dropdown-title,
:where(html:not([data-layout="laptop"])) #liSection .app-resources-dropdown-title,
:where(html:not([data-layout="laptop"])) #fshSection .app-resources-dropdown-title,
:where(html:not([data-layout="laptop"])) #aesSection .app-resources-dropdown-title {
  font-size: 16px;
}
:where(html:not([data-layout="laptop"])) #mqSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #davSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #crSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #trSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #ftSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #ntSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #mhiSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #liSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #fshSection .app-resources-accordion-trigger,
:where(html:not([data-layout="laptop"])) #aesSection .app-resources-accordion-trigger {
  min-height: 56px;
  padding: 16px;
}
:where(html:not([data-layout="laptop"])) #mqSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #davSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #crSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #trSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #ftSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #ntSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #mhiSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #liSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #fshSection .app-resources-list,
:where(html:not([data-layout="laptop"])) #aesSection .app-resources-list {
  padding: 0 16px 16px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #davSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #crSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #trSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #ftSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #ntSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #mhiSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #liSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #fshSection .app-resources-dropdown,
:where(html:not([data-layout="laptop"])) #aesSection .app-resources-dropdown {
  width: 260px;
  max-width: calc(88 * var(--vw));
}
:where(html:not([data-layout="laptop"])) #mqSection .app-resources-accordion-label,
:where(html:not([data-layout="laptop"])) #davSection .app-resources-accordion-label,
:where(html:not([data-layout="laptop"])) #crSection .app-resources-accordion-label,
:where(html:not([data-layout="laptop"])) #trSection .app-resources-accordion-label,
:where(html:not([data-layout="laptop"])) #ftSection .app-resources-accordion-label,
:where(html:not([data-layout="laptop"])) #ntSection .app-resources-accordion-label,
:where(html:not([data-layout="laptop"])) #mhiSection .app-resources-accordion-label,
:where(html:not([data-layout="laptop"])) #liSection .app-resources-accordion-label,
:where(html:not([data-layout="laptop"])) #fshSection .app-resources-accordion-label,
:where(html:not([data-layout="laptop"])) #aesSection .app-resources-accordion-label {
  font-size: 16px;
}

@media (prefers-reduced-motion: reduce) {
  #mqSection .app-resources-dropdown,
#davSection .app-resources-dropdown,
#crSection .app-resources-dropdown,
#trSection .app-resources-dropdown,
#ftSection .app-resources-dropdown,
#ntSection .app-resources-dropdown,
#mhiSection .app-resources-dropdown,
#liSection .app-resources-dropdown,
#fshSection .app-resources-dropdown,
#aesSection .app-resources-dropdown,
#mqSection .app-resources-accordion-panel,
#davSection .app-resources-accordion-panel,
#crSection .app-resources-accordion-panel,
#trSection .app-resources-accordion-panel,
#ftSection .app-resources-accordion-panel,
#ntSection .app-resources-accordion-panel,
#mhiSection .app-resources-accordion-panel,
#liSection .app-resources-accordion-panel,
#fshSection .app-resources-accordion-panel,
#aesSection .app-resources-accordion-panel,
#mqSection .app-resources-accordion-chevron,
#davSection .app-resources-accordion-chevron,
#crSection .app-resources-accordion-chevron,
#trSection .app-resources-accordion-chevron,
#ftSection .app-resources-accordion-chevron,
#ntSection .app-resources-accordion-chevron,
#mhiSection .app-resources-accordion-chevron,
#liSection .app-resources-accordion-chevron,
#fshSection .app-resources-accordion-chevron,
#aesSection .app-resources-accordion-chevron,
#mqSection .app-resources-list-link,
#davSection .app-resources-list-link,
#crSection .app-resources-list-link,
#trSection .app-resources-list-link,
#ftSection .app-resources-list-link,
#ntSection .app-resources-list-link,
#mhiSection .app-resources-list-link,
#liSection .app-resources-list-link,
#fshSection .app-resources-list-link,
#aesSection .app-resources-list-link {
    transition: none;
  }
}
@media (prefers-contrast: high) {
  #mqSection .app-resources-accordion-trigger,
#davSection .app-resources-accordion-trigger,
#crSection .app-resources-accordion-trigger,
#trSection .app-resources-accordion-trigger,
#ftSection .app-resources-accordion-trigger,
#ntSection .app-resources-accordion-trigger,
#mhiSection .app-resources-accordion-trigger,
#liSection .app-resources-accordion-trigger,
#fshSection .app-resources-accordion-trigger,
#aesSection .app-resources-accordion-trigger {
    border-bottom: 1px solid currentColor;
  }
}
@media print {
  #mqSection .app-resources-dropdown,
#davSection .app-resources-dropdown,
#crSection .app-resources-dropdown,
#trSection .app-resources-dropdown,
#ftSection .app-resources-dropdown,
#ntSection .app-resources-dropdown,
#mhiSection .app-resources-dropdown,
#liSection .app-resources-dropdown,
#fshSection .app-resources-dropdown,
#aesSection .app-resources-dropdown {
    display: none !important;
  }
}
#mqSection .app-menu-btn-wrapper .app-resources-dropdown,
#davSection .app-menu-btn-wrapper .app-resources-dropdown,
#crSection .app-menu-btn-wrapper .app-resources-dropdown,
#trSection .app-menu-btn-wrapper .app-resources-dropdown,
#ftSection .app-menu-btn-wrapper .app-resources-dropdown,
#ntSection .app-menu-btn-wrapper .app-resources-dropdown,
#mhiSection .app-menu-btn-wrapper .app-resources-dropdown,
#liSection .app-menu-btn-wrapper .app-resources-dropdown,
#fshSection .app-menu-btn-wrapper .app-resources-dropdown,
#aesSection .app-menu-btn-wrapper .app-resources-dropdown,
#mqSection .app-menu-btn-wrapper .app-translate-dropdown-container,
#davSection .app-menu-btn-wrapper .app-translate-dropdown-container,
#crSection .app-menu-btn-wrapper .app-translate-dropdown-container,
#trSection .app-menu-btn-wrapper .app-translate-dropdown-container,
#ftSection .app-menu-btn-wrapper .app-translate-dropdown-container,
#ntSection .app-menu-btn-wrapper .app-translate-dropdown-container,
#mhiSection .app-menu-btn-wrapper .app-translate-dropdown-container,
#liSection .app-menu-btn-wrapper .app-translate-dropdown-container,
#fshSection .app-menu-btn-wrapper .app-translate-dropdown-container,
#aesSection .app-menu-btn-wrapper .app-translate-dropdown-container {
  inset-inline-start: auto;
  inset-inline-end: 0;
}
#davSection .app-resources-dropdown {
  background: var( --dav-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #6B3FA0;
}
#davSection .app-resources-accordion {
  scrollbar-color: #6B3FA0 transparent;
}
#davSection .app-resources-accordion::-webkit-scrollbar-thumb {
  background: #6B3FA0;
  border-radius: 6px;
}
#davSection .app-resources-accordion-icon {
  color: #6B3FA0;
}
#davSection .app-resources-accordion-icon svg {
  color: #6B3FA0;
}
#davSection .app-resources-list-link:focus-visible {
  outline: 2px solid #6B3FA0;
}
#crSection .app-resources-dropdown {
  background: var( --cr-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #D97706;
}
#crSection .app-resources-accordion {
  scrollbar-color: #D97706 transparent;
}
#crSection .app-resources-accordion::-webkit-scrollbar-thumb {
  background: #D97706;
  border-radius: 6px;
}
#crSection .app-resources-accordion-icon {
  color: #D97706;
}
#crSection .app-resources-accordion-icon svg {
  color: #D97706;
}
#crSection .app-resources-list-link:focus-visible {
  outline: 2px solid #D97706;
}
#trSection .app-resources-dropdown {
  background: var( --tr-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #0891B2;
}
#trSection .app-resources-accordion {
  scrollbar-color: #0891B2 transparent;
}
#trSection .app-resources-accordion::-webkit-scrollbar-thumb {
  background: #0891B2;
  border-radius: 6px;
}
#trSection .app-resources-accordion-icon {
  color: #0891B2;
}
#trSection .app-resources-accordion-icon svg {
  color: #0891B2;
}
#trSection .app-resources-list-link:focus-visible {
  outline: 2px solid #0891B2;
}
#ftSection .app-resources-dropdown {
  background: var( --ft-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #DC2626;
}
#ftSection .app-resources-accordion {
  scrollbar-color: #DC2626 transparent;
}
#ftSection .app-resources-accordion::-webkit-scrollbar-thumb {
  background: #DC2626;
  border-radius: 6px;
}
#ftSection .app-resources-accordion-icon {
  color: #DC2626;
}
#ftSection .app-resources-accordion-icon svg {
  color: #DC2626;
}
#ftSection .app-resources-list-link:focus-visible {
  outline: 2px solid #DC2626;
}
#ntSection .app-resources-dropdown {
  background: var( --nt-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #16A34A;
}
#ntSection .app-resources-accordion {
  scrollbar-color: #16A34A transparent;
}
#ntSection .app-resources-accordion::-webkit-scrollbar-thumb {
  background: #16A34A;
  border-radius: 6px;
}
#ntSection .app-resources-accordion-icon {
  color: #16A34A;
}
#ntSection .app-resources-accordion-icon svg {
  color: #16A34A;
}
#ntSection .app-resources-list-link:focus-visible {
  outline: 2px solid #16A34A;
}
#mhiSection .app-resources-dropdown {
  background: var( --mhi-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #2563EB;
}
#mhiSection .app-resources-accordion {
  scrollbar-color: #2563EB transparent;
}
#mhiSection .app-resources-accordion::-webkit-scrollbar-thumb {
  background: #2563EB;
  border-radius: 6px;
}
#mhiSection .app-resources-accordion-icon {
  color: #2563EB;
}
#mhiSection .app-resources-accordion-icon svg {
  color: #2563EB;
}
#mhiSection .app-resources-list-link:focus-visible {
  outline: 2px solid #2563EB;
}
#liSection .app-resources-dropdown {
  background: var( --li-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #E11D48;
}
#liSection .app-resources-accordion {
  scrollbar-color: #E11D48 transparent;
}
#liSection .app-resources-accordion::-webkit-scrollbar-thumb {
  background: #E11D48;
  border-radius: 6px;
}
#liSection .app-resources-accordion-icon {
  color: #E11D48;
}
#liSection .app-resources-accordion-icon svg {
  color: #E11D48;
}
#liSection .app-resources-list-link:focus-visible {
  outline: 2px solid #E11D48;
}
#fshSection .app-resources-dropdown {
  background: var( --fsh-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #0D9488;
}
#fshSection .app-resources-accordion {
  scrollbar-color: #0D9488 transparent;
}
#fshSection .app-resources-accordion::-webkit-scrollbar-thumb {
  background: #0D9488;
  border-radius: 6px;
}
#fshSection .app-resources-accordion-icon {
  color: #0D9488;
}
#fshSection .app-resources-accordion-icon svg {
  color: #0D9488;
}
#fshSection .app-resources-list-link:focus-visible {
  outline: 2px solid #0D9488;
}
#aesSection .app-resources-dropdown {
  background: var( --aes-dropdown-wallpaper-snapshot, var(--container-bg, #ffffff) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-inline-start: 2px solid #65A30D;
}
@media (prefers-contrast: high) {
  #mqSection .app-resources-dropdown,
#davSection .app-resources-dropdown,
#crSection .app-resources-dropdown,
#trSection .app-resources-dropdown,
#ftSection .app-resources-dropdown,
#ntSection .app-resources-dropdown,
#mhiSection .app-resources-dropdown,
#liSection .app-resources-dropdown,
#fshSection .app-resources-dropdown,
#aesSection .app-resources-dropdown {
    border: 2px solid currentColor;
  }
  #mqSection .app-resources-dropdown {
    border-inline-start: 2px solid #EA580C;
  }
  #davSection .app-resources-dropdown {
    border-inline-start: 2px solid #6B3FA0;
  }
  #crSection .app-resources-dropdown {
    border-inline-start: 2px solid #D97706;
  }
  #trSection .app-resources-dropdown {
    border-inline-start: 2px solid #0891B2;
  }
  #ftSection .app-resources-dropdown {
    border-inline-start: 2px solid #DC2626;
  }
  #ntSection .app-resources-dropdown {
    border-inline-start: 2px solid #16A34A;
  }
  #mhiSection .app-resources-dropdown {
    border-inline-start: 2px solid #2563EB;
  }
  #liSection .app-resources-dropdown {
    border-inline-start: 2px solid #E11D48;
  }
  #fshSection .app-resources-dropdown {
    border-inline-start: 2px solid #0D9488;
  }
}
#aesSection .app-resources-accordion {
  scrollbar-color: #65A30D transparent;
}
#aesSection .app-resources-accordion::-webkit-scrollbar-thumb {
  background: #65A30D;
  border-radius: 6px;
}
#aesSection .app-resources-accordion-icon {
  color: #65A30D;
}
#mqSection .app-resources-accordion-panel,
#davSection .app-resources-accordion-panel,
#crSection .app-resources-accordion-panel,
#trSection .app-resources-accordion-panel,
#ftSection .app-resources-accordion-panel,
#ntSection .app-resources-accordion-panel,
#mhiSection .app-resources-accordion-panel,
#liSection .app-resources-accordion-panel,
#fshSection .app-resources-accordion-panel,
#aesSection .app-resources-accordion-panel,
#mqSection .app-resources-accordion-panel-inner,
#davSection .app-resources-accordion-panel-inner,
#crSection .app-resources-accordion-panel-inner,
#trSection .app-resources-accordion-panel-inner,
#ftSection .app-resources-accordion-panel-inner,
#ntSection .app-resources-accordion-panel-inner,
#mhiSection .app-resources-accordion-panel-inner,
#liSection .app-resources-accordion-panel-inner,
#fshSection .app-resources-accordion-panel-inner,
#aesSection .app-resources-accordion-panel-inner {
  color: #000000;
}

/* -- Menu system: translate -- */
#mqSection .app-translate-dropdown-title,
#davSection .app-translate-dropdown-title,
#crSection .app-translate-dropdown-title,
#trSection .app-translate-dropdown-title,
#ftSection .app-translate-dropdown-title,
#ntSection .app-translate-dropdown-title,
#mhiSection .app-translate-dropdown-title,
#liSection .app-translate-dropdown-title,
#fshSection .app-translate-dropdown-title,
#aesSection .app-translate-dropdown-title {
  margin: 0;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #000000;
}
#mqSection .app-translate-dropdown-text,
#davSection .app-translate-dropdown-text,
#crSection .app-translate-dropdown-text,
#trSection .app-translate-dropdown-text,
#ftSection .app-translate-dropdown-text,
#ntSection .app-translate-dropdown-text,
#mhiSection .app-translate-dropdown-text,
#liSection .app-translate-dropdown-text,
#fshSection .app-translate-dropdown-text,
#aesSection .app-translate-dropdown-text {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  justify-self: center;
  align-self: center;
  text-align: center;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) #mqSection .app-translate-dropdown-text,
:where(html:not([data-layout="laptop"])) #davSection .app-translate-dropdown-text,
:where(html:not([data-layout="laptop"])) #crSection .app-translate-dropdown-text,
:where(html:not([data-layout="laptop"])) #trSection .app-translate-dropdown-text,
:where(html:not([data-layout="laptop"])) #ftSection .app-translate-dropdown-text,
:where(html:not([data-layout="laptop"])) #ntSection .app-translate-dropdown-text,
:where(html:not([data-layout="laptop"])) #mhiSection .app-translate-dropdown-text,
:where(html:not([data-layout="laptop"])) #liSection .app-translate-dropdown-text,
:where(html:not([data-layout="laptop"])) #fshSection .app-translate-dropdown-text,
:where(html:not([data-layout="laptop"])) #aesSection .app-translate-dropdown-text {
  font-size: 16px;
}


/* -- Menu system: resources -- */
#aesSection .app-resources-accordion-icon svg {
  color: #65A30D;
}
#aesSection .app-resources-list-link:focus-visible {
  outline: 2px solid #65A30D;
}
@media (prefers-contrast: high) {
  #aesSection .app-resources-dropdown {
    border-inline-start: 2px solid #65A30D;
  }
}

/* -- Menu system: badges -- */
#mqSection .collection-published-date-badge,
#davSection .collection-published-date-badge,
#crSection .collection-published-date-badge,
#trSection .collection-published-date-badge,
#ftSection .collection-published-date-badge,
#ntSection .collection-published-date-badge,
#mhiSection .collection-published-date-badge,
#liSection .collection-published-date-badge,
#fshSection .collection-published-date-badge,
#aesSection .collection-published-date-badge {
  position: static;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: 2;
  grid-row: 3;
  justify-self: end;
  align-self: center;
  width: max-content;
  height: 36px;
  box-sizing: border-box;
  padding: 4px 16px;
  margin: 0 8px 0 0;
  background: #FFFFFF;
  border-radius: 8px;
  font-family: "Times New Roman", Times, serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: normal;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
  pointer-events: none;
  overflow: visible;
  transform: none;
  -webkit-mask: radial-gradient( circle 4px at 4px 50%, transparent 3.8px, #000 4px ), radial-gradient( circle 4px at calc(100% - 4px) 50%, transparent 3.8px, #000 4px ), linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out, destination-out;
  mask: radial-gradient( circle 4px at 4px 50%, transparent 3.8px, #000 4px ), radial-gradient( circle 4px at calc(100% - 4px) 50%, transparent 3.8px, #000 4px ), linear-gradient(#000 0 0);
  mask-composite: exclude;
}
#mqSection .collection-published-date-badge {
  color: #C2410C;
  border: 1px solid #9A3412;
}
#davSection .collection-published-date-badge {
  color: #4A2E6B;
  border: 1px solid #2E1A47;
}
#crSection .collection-published-date-badge {
  color: #B45309;
  border: 1px solid #92400E;
}
#trSection .collection-published-date-badge {
  color: #0E7490;
  border: 1px solid #155E75;
}
#ftSection .collection-published-date-badge {
  color: #B91C1C;
  border: 1px solid #991B1B;
}
#ntSection .collection-published-date-badge {
  color: #15803D;
  border: 1px solid #166534;
}
#mhiSection .collection-published-date-badge {
  color: #1E3A8A;
  border: 1px solid #1E40AF;
}
#liSection .collection-published-date-badge {
  color: #BE123C;
  border: 1px solid #9F1239;
}
#fshSection .collection-published-date-badge {
  color: #0F766E;
  border: 1px solid #115E59;
}
#aesSection .collection-published-date-badge {
  color: #4D7C0F;
  border: 1px solid #3F6212;
}

/* -- Menu system: return buttons -- */
#mqSection .app-menu-btn-wrapper .app-toolbar-return-button.disabled,
#davSection .app-menu-btn-wrapper .app-toolbar-return-button.disabled,
#crSection .app-menu-btn-wrapper .app-toolbar-return-button.disabled,
#trSection .app-menu-btn-wrapper .app-toolbar-return-button.disabled,
#ftSection .app-menu-btn-wrapper .app-toolbar-return-button.disabled,
#ntSection .app-menu-btn-wrapper .app-toolbar-return-button.disabled,
#mhiSection .app-menu-btn-wrapper .app-toolbar-return-button.disabled,
#liSection .app-menu-btn-wrapper .app-toolbar-return-button.disabled,
#fshSection .app-menu-btn-wrapper .app-toolbar-return-button.disabled,
#aesSection .app-menu-btn-wrapper .app-toolbar-return-button.disabled {
  pointer-events: none;
  cursor: default;
}

/* -- Quote -- */
#mqSection #mqQuote,
#davSection #davVerse,
#crSection #crRecommendation,
#trSection #trRecommendation,
#ftSection #ftTip,
#ntSection #ntTip,
#mhiSection #mhiInsight,
#liSection #liInsight,
#fshSection #fshTip,
#aesSection #aesTip {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 480px;
  min-width: 480px;
  max-width: 480px;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 48px auto 72px auto;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  border-radius: 20px;
  box-shadow: none;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.45;
  text-align: start;
}
#mqSection #mqQuote {
  color: #EA580C;
}
#mqSection #mqQuote::before,
#davSection #davVerse::before,
#crSection #crRecommendation::before,
#trSection #trRecommendation::before,
#ftSection #ftTip::before,
#ntSection #ntTip::before,
#mhiSection #mhiInsight::before,
#liSection #liInsight::before,
#fshSection #fshTip::before,
#aesSection #aesTip::before {
  content: "";
  position: absolute;
  top: -30px;
  left: -30px;
  width: calc(100% + 60px);
  height: calc(100% + 60px);
  z-index: -1;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.10);
  border-radius: 50px;
  filter: blur(12px);
  -webkit-filter: blur(12px);
}
#mqSection #mqQuote .quote-phoenix,
#davSection #davVerse .quote-phoenix,
#crSection #crRecommendation .quote-phoenix,
#trSection #trRecommendation .quote-phoenix,
#ftSection #ftTip .quote-phoenix,
#ntSection #ntTip .quote-phoenix,
#mhiSection #mhiInsight .quote-phoenix,
#liSection #liInsight .quote-phoenix,
#fshSection #fshTip .quote-phoenix,
#aesSection #aesTip .quote-phoenix {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(88%, 640px);
  height: auto;
  max-height: 100%;
  display: block;
  color: #FFFFFF;
  opacity: 0;
  transform: translate(-50%, -50%);
  object-fit: contain;
  pointer-events: none;
  z-index: 0;
}
#mqSection #mqQuote > :not(.quote-phoenix),
#davSection #davVerse > :not(.quote-phoenix),
#crSection #crRecommendation > :not(.quote-phoenix),
#trSection #trRecommendation > :not(.quote-phoenix),
#ftSection #ftTip > :not(.quote-phoenix),
#ntSection #ntTip > :not(.quote-phoenix),
#mhiSection #mhiInsight > :not(.quote-phoenix),
#liSection #liInsight > :not(.quote-phoenix),
#fshSection #fshTip > :not(.quote-phoenix),
#aesSection #aesTip > :not(.quote-phoenix) {
  position: relative;
  z-index: 1;
}
#mqSection #mqQuote .quote-kicker,
#davSection #davVerse .quote-kicker,
#crSection #crRecommendation .quote-kicker,
#trSection #trRecommendation .quote-kicker,
#ftSection #ftTip .quote-kicker,
#ntSection #ntTip .quote-kicker,
#mhiSection #mhiInsight .quote-kicker,
#liSection #liInsight .quote-kicker,
#fshSection #fshTip .quote-kicker,
#aesSection #aesTip .quote-kicker {
  display: block;
  width: fit-content;
  margin: 0 0 16px 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #000000;
  text-align: start;
}
#mqSection #mqQuote .quote-kicker {
  border-bottom: 1px solid #EA580C;
}
#mqSection #mqQuote .mq-description-text,
#davSection #davVerse .dav-description-text,
#crSection #crRecommendation .cr-description-text,
#trSection #trRecommendation .tr-description-text,
#ftSection #ftTip .ft-description-text,
#ntSection #ntTip .nt-description-text,
#mhiSection #mhiInsight .mhi-description-text,
#liSection #liInsight .li-description-text,
#fshSection #fshTip .fsh-description-text,
#aesSection #aesTip .aes-description-text {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  padding: 0;
  font-family: "Playfair Display", Georgia,"Times New Roman", serif;
  font-size: 32px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.32;
  letter-spacing: normal;
  text-align: start;
}
#mqSection #mqQuote .mq-description-text {
  color: #EA580C;
  -webkit-text-fill-color: #EA580C;
}
/* Opening quote mark (not shown on the "no quote yet" message) */
#mqSection #mqQuote #mqDescriptionPart1:not([data-i18n-key])::before,
#davSection #davVerse #davDescriptionPart1:not([data-i18n-key])::before,
#crSection #crRecommendation #crDescriptionPart1:not([data-i18n-key])::before,
#trSection #trRecommendation #trDescriptionPart1:not([data-i18n-key])::before,
#ftSection #ftTip #ftDescriptionPart1:not([data-i18n-key])::before,
#ntSection #ntTip #ntDescriptionPart1:not([data-i18n-key])::before,
#mhiSection #mhiInsight #mhiDescriptionPart1:not([data-i18n-key])::before,
#liSection #liInsight #liDescriptionPart1:not([data-i18n-key])::before,
#fshSection #fshTip #fshDescriptionPart1:not([data-i18n-key])::before,
#aesSection #aesTip #aesDescriptionPart1:not([data-i18n-key])::before,
#mqSection #mqQuote .mq-star-inline-anchor::before,
#davSection #davVerse .dav-star-inline-anchor::before,
#crSection #crRecommendation .cr-star-inline-anchor::before,
#trSection #trRecommendation .tr-star-inline-anchor::before,
#ftSection #ftTip .ft-star-inline-anchor::before,
#ntSection #ntTip .nt-star-inline-anchor::before,
#mhiSection #mhiInsight .mhi-star-inline-anchor::before,
#liSection #liInsight .li-star-inline-anchor::before,
#fshSection #fshTip .fsh-star-inline-anchor::before,
#aesSection #aesTip .aes-star-inline-anchor::before {
  display: inline-block;
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-size: 1em;
  font-weight: 700;
  transform: scale(1.2);
  transform-origin: center center;
}
#mqSection #mqQuote #mqDescriptionPart1:not([data-i18n-key])::before,
#davSection #davVerse #davDescriptionPart1:not([data-i18n-key])::before,
#crSection #crRecommendation #crDescriptionPart1:not([data-i18n-key])::before,
#trSection #trRecommendation #trDescriptionPart1:not([data-i18n-key])::before,
#ftSection #ftTip #ftDescriptionPart1:not([data-i18n-key])::before,
#ntSection #ntTip #ntDescriptionPart1:not([data-i18n-key])::before,
#mhiSection #mhiInsight #mhiDescriptionPart1:not([data-i18n-key])::before,
#liSection #liInsight #liDescriptionPart1:not([data-i18n-key])::before,
#fshSection #fshTip #fshDescriptionPart1:not([data-i18n-key])::before,
#aesSection #aesTip #aesDescriptionPart1:not([data-i18n-key])::before {
  content: "\201C";
}
#mqSection #mqQuote .mq-end-mark,
#davSection #davVerse .dav-end-mark,
#crSection #crRecommendation .cr-end-mark,
#trSection #trRecommendation .tr-end-mark,
#ftSection #ftTip .ft-end-mark,
#ntSection #ntTip .nt-end-mark,
#mhiSection #mhiInsight .mhi-end-mark,
#liSection #liInsight .li-end-mark,
#fshSection #fshTip .fsh-end-mark,
#aesSection #aesTip .aes-end-mark {
  display: none;
}
#mqSection #mqQuote .mq-bottom-row,
#davSection #davVerse .dav-bottom-row,
#crSection #crRecommendation .cr-bottom-row,
#trSection #trRecommendation .tr-bottom-row,
#ftSection #ftTip .ft-bottom-row,
#ntSection #ntTip .nt-bottom-row,
#mhiSection #mhiInsight .mhi-bottom-row,
#liSection #liInsight .li-bottom-row,
#fshSection #fshTip .fsh-bottom-row,
#aesSection #aesTip .aes-bottom-row {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
#mqSection #mqQuote .mq-attribution,
#davSection #davVerse .dav-attribution,
#crSection #crRecommendation .cr-attribution,
#trSection #trRecommendation .tr-attribution,
#ftSection #ftTip .ft-attribution,
#ntSection #ntTip .nt-attribution,
#mhiSection #mhiInsight .mhi-attribution,
#liSection #liInsight .li-attribution,
#fshSection #fshTip .fsh-attribution,
#aesSection #aesTip .aes-attribution {
  flex: none;
  width: 220px;
  max-width: 100%;
  margin: 24px 0 0 0;
  margin-inline-start: auto;
  padding: 0;
  padding-inline-start: 8px;
  box-sizing: border-box;
  text-align: start;
}
#mqSection #mqQuote .mq-attribution {
  border-inline-start: 2px solid #EA580C;
}
#mqSection #mqQuote .mq-author-row,
#davSection #davVerse .dav-author-row,
#crSection #crRecommendation .cr-author-row,
#trSection #trRecommendation .tr-author-row,
#ftSection #ftTip .ft-author-row,
#ntSection #ntTip .nt-author-row,
#mhiSection #mhiInsight .mhi-author-row,
#liSection #liInsight .li-author-row,
#fshSection #fshTip .fsh-author-row,
#aesSection #aesTip .aes-author-row {
  display: block;
  line-height: normal;
}
/* Default attribution ("Curated by Shisho") is shown as the signature; a custom
   attribution replaces it with its own text. */
#mqSection #mqQuote #mqSource,
#davSection #davVerse #davSource,
#crSection #crRecommendation #crSource,
#trSection #trRecommendation #trSource,
#ftSection #ftTip #ftSource,
#ntSection #ntTip #ntSource,
#mhiSection #mhiInsight #mhiSource,
#liSection #liInsight #liSource,
#fshSection #fshTip #fshSource,
#aesSection #aesTip #aesSource {
  display: block;
  margin: 0;
  padding: 0;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.04em;
  color: #000000;
}
#mqSection #mqQuote #mqSource::before,
#davSection #davVerse #davSource::before,
#crSection #crRecommendation #crSource::before,
#trSection #trRecommendation #trSource::before,
#ftSection #ftTip #ftSource::before,
#ntSection #ntTip #ntSource::before,
#mhiSection #mhiInsight #mhiSource::before,
#liSection #liInsight #liSource::before,
#fshSection #fshTip #fshSource::before,
#aesSection #aesTip #aesSource::before {
  content: "- ";
}
#mqSection #mqQuote #mqSource[data-i18n-key],
#davSection #davVerse #davSource[data-i18n-key],
#crSection #crRecommendation #crSource[data-i18n-key],
#trSection #trRecommendation #trSource[data-i18n-key],
#ftSection #ftTip #ftSource[data-i18n-key],
#ntSection #ntTip #ntSource[data-i18n-key],
#mhiSection #mhiInsight #mhiSource[data-i18n-key],
#liSection #liInsight #liSource[data-i18n-key],
#fshSection #fshTip #fshSource[data-i18n-key],
#aesSection #aesTip #aesSource[data-i18n-key] {
  display: none;
}
#mqSection #mqQuote #mqSource:not([data-i18n-key]) + .quote-signature,
#davSection #davVerse #davSource:not([data-i18n-key]) + .quote-signature,
#crSection #crRecommendation #crSource:not([data-i18n-key]) + .quote-signature,
#trSection #trRecommendation #trSource:not([data-i18n-key]) + .quote-signature,
#ftSection #ftTip #ftSource:not([data-i18n-key]) + .quote-signature,
#ntSection #ntTip #ntSource:not([data-i18n-key]) + .quote-signature,
#mhiSection #mhiInsight #mhiSource:not([data-i18n-key]) + .quote-signature,
#liSection #liInsight #liSource:not([data-i18n-key]) + .quote-signature,
#fshSection #fshTip #fshSource:not([data-i18n-key]) + .quote-signature,
#aesSection #aesTip #aesSource:not([data-i18n-key]) + .quote-signature {
  display: none;
}
#mqSection #mqQuote .quote-signature,
#davSection #davVerse .quote-signature,
#crSection #crRecommendation .quote-signature,
#trSection #trRecommendation .quote-signature,
#ftSection #ftTip .quote-signature,
#ntSection #ntTip .quote-signature,
#mhiSection #mhiInsight .quote-signature,
#liSection #liInsight .quote-signature,
#fshSection #fshTip .quote-signature,
#aesSection #aesTip .quote-signature {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 8px;
  width: auto;
  margin: 0;
  padding: 0;
  border-left: none;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-align: start;
}
#mqSection #mqQuote .quote-signature {
  color: #9A3412;
}
#mqSection #mqQuote .quote-curator-label,
#davSection #davVerse .quote-curator-label,
#crSection #crRecommendation .quote-curator-label,
#trSection #trRecommendation .quote-curator-label,
#ftSection #ftTip .quote-curator-label,
#ntSection #ntTip .quote-curator-label,
#mhiSection #mhiInsight .quote-curator-label,
#liSection #liInsight .quote-curator-label,
#fshSection #fshTip .quote-curator-label,
#aesSection #aesTip .quote-curator-label {
  display: inline;
  color: #000000;
  -webkit-text-fill-color: #000000;
}
#mqSection #mqQuote .shisho-brand,
#davSection #davVerse .shisho-brand,
#crSection #crRecommendation .shisho-brand,
#trSection #trRecommendation .shisho-brand,
#ftSection #ftTip .shisho-brand,
#ntSection #ntTip .shisho-brand,
#mhiSection #mhiInsight .shisho-brand,
#liSection #liInsight .shisho-brand,
#fshSection #fshTip .shisho-brand,
#aesSection #aesTip .shisho-brand {
  display: inline-flex;
  align-items: center;
  width: 72px;
  height: 23px;
  flex: 0 0 72px;
}
#mqSection #mqQuote .shisho-brand {
  color: #9A3412;
}
#mqSection #mqQuote .shisho-brand svg,
#davSection #davVerse .shisho-brand svg,
#crSection #crRecommendation .shisho-brand svg,
#trSection #trRecommendation .shisho-brand svg,
#ftSection #ftTip .shisho-brand svg,
#ntSection #ntTip .shisho-brand svg,
#mhiSection #mhiInsight .shisho-brand svg,
#liSection #liInsight .shisho-brand svg,
#fshSection #fshTip .shisho-brand svg,
#aesSection #aesTip .shisho-brand svg {
  display: block;
  width: 100%;
  height: 100%;
}
#mqSection #mqQuote #mqInspiredBy,
#davSection #davVerse #davInspiredBy,
#crSection #crRecommendation #crInspiredBy,
#trSection #trRecommendation #trInspiredBy,
#ftSection #ftTip #ftInspiredBy,
#ntSection #ntTip #ntInspiredBy,
#mhiSection #mhiInsight #mhiInspiredBy,
#liSection #liInsight #liInspiredBy,
#fshSection #fshTip #fshInspiredBy,
#aesSection #aesTip #aesInspiredBy {
  display: block;
  margin: 16px 0 0 0;
  padding: 0;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16.8px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 0;
  word-break: normal;
  text-align: start;
}
#mqSection #mqQuote #mqInspiredBy {
  color: #C2410C;
}
#mqSection #mqQuote #mqInspiredBy::before,
#davSection #davVerse #davInspiredBy::before,
#crSection #crRecommendation #crInspiredBy::before,
#trSection #trRecommendation #trInspiredBy::before,
#ftSection #ftTip #ftInspiredBy::before,
#ntSection #ntTip #ntInspiredBy::before,
#mhiSection #mhiInsight #mhiInspiredBy::before,
#liSection #liInsight #liInspiredBy::before,
#fshSection #fshTip #fshInspiredBy::before,
#aesSection #aesTip #aesInspiredBy::before {
  content: attr(data-prefix)" ";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 0.03em;
  color: #000000;
  -webkit-text-fill-color: #000000;
}
/* No source published → show nothing (not a lone "Inspired By:") */
#mqSection #mqQuote #mqInspiredBy:empty,
#davSection #davVerse #davInspiredBy:empty,
#crSection #crRecommendation #crInspiredBy:empty,
#trSection #trRecommendation #trInspiredBy:empty,
#ftSection #ftTip #ftInspiredBy:empty,
#ntSection #ntTip #ntInspiredBy:empty,
#mhiSection #mhiInsight #mhiInspiredBy:empty,
#liSection #liInsight #liInspiredBy:empty,
#fshSection #fshTip #fshInspiredBy:empty,
#aesSection #aesTip #aesInspiredBy:empty {
  display: none;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 560px)). */
:where(html:not([data-layout="laptop"])) #mqSection #mqQuote,
:where(html:not([data-layout="laptop"])) #davSection #davVerse,
:where(html:not([data-layout="laptop"])) #crSection #crRecommendation,
:where(html:not([data-layout="laptop"])) #trSection #trRecommendation,
:where(html:not([data-layout="laptop"])) #ftSection #ftTip,
:where(html:not([data-layout="laptop"])) #ntSection #ntTip,
:where(html:not([data-layout="laptop"])) #mhiSection #mhiInsight,
:where(html:not([data-layout="laptop"])) #liSection #liInsight,
:where(html:not([data-layout="laptop"])) #fshSection #fshTip,
:where(html:not([data-layout="laptop"])) #aesSection #aesTip {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

#davSection #davVerse {
  color: #6B3FA0;
}
#davSection #davVerse .quote-kicker {
  border-bottom: 1px solid #6B3FA0;
}
#davSection #davVerse .dav-description-text {
  color: #6B3FA0;
  -webkit-text-fill-color: #6B3FA0;
}
#davSection #davVerse .dav-attribution {
  border-inline-start: 2px solid #6B3FA0;
}
#davSection #davVerse .quote-signature {
  color: #4A2E6B;
}
#davSection #davVerse .shisho-brand {
  color: #4A2E6B;
}
#davSection #davVerse #davInspiredBy {
  color: #5D3494;
}
#crSection #crRecommendation {
  color: #D97706;
}
#crSection #crRecommendation .quote-kicker {
  border-bottom: 1px solid #D97706;
}
#crSection #crRecommendation .cr-description-text {
  color: #D97706;
  -webkit-text-fill-color: #D97706;
}
#crSection #crRecommendation .cr-attribution {
  border-inline-start: 2px solid #D97706;
}
#crSection #crRecommendation .quote-signature {
  color: #92400E;
}
#crSection #crRecommendation .shisho-brand {
  color: #92400E;
}
#crSection #crRecommendation #crInspiredBy {
  color: #B45309;
}
#trSection #trRecommendation {
  color: #0891B2;
}
#trSection #trRecommendation .quote-kicker {
  border-bottom: 1px solid #0891B2;
}
#trSection #trRecommendation .tr-description-text {
  color: #0891B2;
  -webkit-text-fill-color: #0891B2;
}
#trSection #trRecommendation .tr-attribution {
  border-inline-start: 2px solid #0891B2;
}
#trSection #trRecommendation .quote-signature {
  color: #155E75;
}
#trSection #trRecommendation .shisho-brand {
  color: #155E75;
}
#trSection #trRecommendation #trInspiredBy {
  color: #0E7490;
}
#ftSection #ftTip {
  color: #DC2626;
}
#ftSection #ftTip .quote-kicker {
  border-bottom: 1px solid #DC2626;
}
#ftSection #ftTip .ft-description-text {
  color: #DC2626;
  -webkit-text-fill-color: #DC2626;
}
#ftSection #ftTip .ft-attribution {
  border-inline-start: 2px solid #DC2626;
}
#ftSection #ftTip .quote-signature {
  color: #991B1B;
}
#ftSection #ftTip .shisho-brand {
  color: #991B1B;
}
#ftSection #ftTip #ftInspiredBy {
  color: #B91C1C;
}
#ntSection #ntTip {
  color: #16A34A;
}
#ntSection #ntTip .quote-kicker {
  border-bottom: 1px solid #16A34A;
}
#ntSection #ntTip .nt-description-text {
  color: #16A34A;
  -webkit-text-fill-color: #16A34A;
}
#ntSection #ntTip .nt-attribution {
  border-inline-start: 2px solid #16A34A;
}
#ntSection #ntTip .quote-signature {
  color: #166534;
}
#ntSection #ntTip .shisho-brand {
  color: #166534;
}
#ntSection #ntTip #ntInspiredBy {
  color: #15803D;
}
#mhiSection #mhiInsight {
  color: #2563EB;
}
#mhiSection #mhiInsight .quote-kicker {
  border-bottom: 1px solid #2563EB;
}
#mhiSection #mhiInsight .mhi-description-text {
  color: #2563EB;
  -webkit-text-fill-color: #2563EB;
}
#mhiSection #mhiInsight .mhi-attribution {
  border-inline-start: 2px solid #2563EB;
}
#mhiSection #mhiInsight .quote-signature {
  color: #1E40AF;
}
#mhiSection #mhiInsight .shisho-brand {
  color: #1E40AF;
}
#mhiSection #mhiInsight #mhiInspiredBy {
  color: #1D4ED8;
}
#liSection #liInsight {
  color: #E11D48;
}
#liSection #liInsight .quote-kicker {
  border-bottom: 1px solid #E11D48;
}
#liSection #liInsight .li-description-text {
  color: #E11D48;
  -webkit-text-fill-color: #E11D48;
}
#liSection #liInsight .li-attribution {
  border-inline-start: 2px solid #E11D48;
}
#liSection #liInsight .quote-signature {
  color: #9F1239;
}
#liSection #liInsight .shisho-brand {
  color: #9F1239;
}
#liSection #liInsight #liInspiredBy {
  color: #BE123C;
}
#fshSection #fshTip {
  color: #0D9488;
}
#fshSection #fshTip .quote-kicker {
  border-bottom: 1px solid #0D9488;
}
#fshSection #fshTip .fsh-description-text {
  color: #0D9488;
  -webkit-text-fill-color: #0D9488;
}
#fshSection #fshTip .fsh-attribution {
  border-inline-start: 2px solid #0D9488;
}
#fshSection #fshTip .quote-signature {
  color: #115E59;
}
#fshSection #fshTip .shisho-brand {
  color: #115E59;
}
#fshSection #fshTip #fshInspiredBy {
  color: #0F766E;
}
#aesSection #aesTip {
  color: #65A30D;
}
#aesSection #aesTip .quote-kicker {
  border-bottom: 1px solid #65A30D;
}
#aesSection #aesTip .aes-description-text {
  color: #65A30D;
  -webkit-text-fill-color: #65A30D;
}
#aesSection #aesTip .aes-attribution {
  border-inline-start: 2px solid #65A30D;
}
#aesSection #aesTip .quote-signature {
  color: #3F6212;
}
#aesSection #aesTip .shisho-brand {
  color: #3F6212;
}
#aesSection #aesTip #aesInspiredBy {
  color: #4D7C0F;
}

/* -- Quote: star button -- */
#mqSection #mqQuote .mq-star-inline-anchor::before,
#davSection #davVerse .dav-star-inline-anchor::before,
#crSection #crRecommendation .cr-star-inline-anchor::before,
#trSection #trRecommendation .tr-star-inline-anchor::before,
#ftSection #ftTip .ft-star-inline-anchor::before,
#ntSection #ntTip .nt-star-inline-anchor::before,
#mhiSection #mhiInsight .mhi-star-inline-anchor::before,
#liSection #liInsight .li-star-inline-anchor::before,
#fshSection #fshTip .fsh-star-inline-anchor::before,
#aesSection #aesTip .aes-star-inline-anchor::before {
  content: "\201D";
}
#mqSection #mqQuote .mq-star-inline-anchor,
#davSection #davVerse .dav-star-inline-anchor,
#crSection #crRecommendation .cr-star-inline-anchor,
#trSection #trRecommendation .tr-star-inline-anchor,
#ftSection #ftTip .ft-star-inline-anchor,
#ntSection #ntTip .nt-star-inline-anchor,
#mhiSection #mhiInsight .mhi-star-inline-anchor,
#liSection #liInsight .li-star-inline-anchor,
#fshSection #fshTip .fsh-star-inline-anchor,
#aesSection #aesTip .aes-star-inline-anchor {
  display: inline;
  margin-inline-start: 0;
  vertical-align: baseline;
}

/* -- Story sections -- */
#mqSection #mqStory,
#davSection #davStory,
#crSection #crStory,
#trSection #trStory,
#ftSection #ftStory,
#ntSection #ntStory,
#mhiSection #mhiStory,
#liSection #liStory,
#fshSection #fshStory,
#aesSection #aesStory,
#mqSection #mqStory *,
#davSection #davStory *,
#crSection #crStory *,
#trSection #trStory *,
#ftSection #ftStory *,
#ntSection #ntStory *,
#mhiSection #mhiStory *,
#liSection #liStory *,
#fshSection #fshStory *,
#aesSection #aesStory *,
#mqSection #mqStory *::before,
#davSection #davStory *::before,
#crSection #crStory *::before,
#trSection #trStory *::before,
#ftSection #ftStory *::before,
#ntSection #ntStory *::before,
#mhiSection #mhiStory *::before,
#liSection #liStory *::before,
#fshSection #fshStory *::before,
#aesSection #aesStory *::before,
#mqSection #mqStory *::after,
#davSection #davStory *::after,
#crSection #crStory *::after,
#trSection #trStory *::after,
#ftSection #ftStory *::after,
#ntSection #ntStory *::after,
#mhiSection #mhiStory *::after,
#liSection #liStory *::after,
#fshSection #fshStory *::after,
#aesSection #aesStory *::after,
#mqClosureStarTooltip,
#davClosureStarTooltip,
#crClosureStarTooltip,
#trClosureStarTooltip,
#ftClosureStarTooltip,
#ntClosureStarTooltip,
#mhiClosureStarTooltip,
#liClosureStarTooltip,
#fshClosureStarTooltip,
#aesClosureStarTooltip,
#mqClosureStarTooltip *,
#davClosureStarTooltip *,
#crClosureStarTooltip *,
#trClosureStarTooltip *,
#ftClosureStarTooltip *,
#ntClosureStarTooltip *,
#mhiClosureStarTooltip *,
#liClosureStarTooltip *,
#fshClosureStarTooltip *,
#aesClosureStarTooltip * {
  box-sizing: border-box;
}
#mqSection #mqStory,
#davSection #davStory,
#crSection #crStory,
#trSection #trStory,
#ftSection #ftStory,
#ntSection #ntStory,
#mhiSection #mhiStory,
#liSection #liStory,
#fshSection #fshStory,
#aesSection #aesStory {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  white-space: normal;
  text-align: start;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
#mqSection #mqStory {
  color: #6C2108;
}
#davSection #davStory {
  color: #2E1A47;
}
#crSection #crStory {
  color: #6A470B;
}
#trSection #trStory {
  color: #0B5A6A;
}
#ftSection #ftStory {
  color: #6A0B0B;
}
#ntSection #ntStory {
  color: #0B6A2D;
}
#mhiSection #mhiStory {
  color: #0B296A;
}
#liSection #liStory {
  color: #6A0B1F;
}
#fshSection #fshStory {
  color: #0B6A62;
}
#aesSection #aesStory {
  color: #3F6212;
}

/* -- Editorial rule -- */
#mqSection #mqStory .mq-editorial-rule,
#davSection #davStory .dav-editorial-rule,
#crSection #crStory .cr-editorial-rule,
#trSection #trStory .tr-editorial-rule,
#ftSection #ftStory .ft-editorial-rule,
#ntSection #ntStory .nt-editorial-rule,
#mhiSection #mhiStory .mhi-editorial-rule,
#liSection #liStory .li-editorial-rule,
#fshSection #fshStory .fsh-editorial-rule,
#aesSection #aesStory .aes-editorial-rule {
  display: block;
  width: 72px;
  height: 1px;
  margin: 24px auto 32px;
  padding: 0;
  border: 0;
}
#mqSection #mqStory .mq-editorial-rule {
  background: #EA580C !important;
}
#davSection #davStory .dav-editorial-rule {
  background: #6B3FA0 !important;
}
#crSection #crStory .cr-editorial-rule {
  background: #D97706 !important;
}
#trSection #trStory .tr-editorial-rule {
  background: #0891B2 !important;
}
#ftSection #ftStory .ft-editorial-rule {
  background: #DC2626 !important;
}
#ntSection #ntStory .nt-editorial-rule {
  background: #16A34A !important;
}
#mhiSection #mhiStory .mhi-editorial-rule {
  background: #2563EB !important;
}
#liSection #liStory .li-editorial-rule {
  background: #E11D48 !important;
}
#fshSection #fshStory .fsh-editorial-rule {
  background: #0D9488 !important;
}
#aesSection #aesStory .aes-editorial-rule {
  background: #65A30D !important;
}

/* -- Body copy -- */
#mqSection #mqStory .mq-story-section,
#davSection #davStory .dav-story-section,
#crSection #crStory .cr-story-section,
#trSection #trStory .tr-story-section,
#ftSection #ftStory .ft-story-section,
#ntSection #ntStory .nt-story-section,
#mhiSection #mhiStory .mhi-story-section,
#liSection #liStory .li-story-section,
#fshSection #fshStory .fsh-story-section,
#aesSection #aesStory .aes-story-section {
  display: block;
  margin: 0;
  padding: 0;
}
#mqSection #mqStory .mq-story-section p,
#davSection #davStory .dav-story-section p,
#crSection #crStory .cr-story-section p,
#trSection #trStory .tr-story-section p,
#ftSection #ftStory .ft-story-section p,
#ntSection #ntStory .nt-story-section p,
#mhiSection #mhiStory .mhi-story-section p,
#liSection #liStory .li-story-section p,
#fshSection #fshStory .fsh-story-section p,
#aesSection #aesStory .aes-story-section p {
  margin: 0;
  color: #000000;
  font-size: clamp(15.68px, calc(1.12 * var(--vw)), 18.56px);
  font-weight: 400;
  font-style: normal;
  line-height: 1.72;
}
#mqSection #mqStory #mqStoryDescription > p::first-letter,
#davSection #davStory #davStoryDescription > p::first-letter,
#crSection #crStory #crStoryDescription > p::first-letter,
#trSection #trStory #trStoryDescription > p::first-letter,
#ftSection #ftStory #ftStoryDescription > p::first-letter,
#ntSection #ntStory #ntStoryDescription > p::first-letter,
#mhiSection #mhiStory #mhiStoryDescription > p::first-letter,
#liSection #liStory #liStoryDescription > p::first-letter,
#fshSection #fshStory #fshStoryDescription > p::first-letter,
#aesSection #aesStory #aesStoryDescription > p::first-letter {
  float: left;
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 0.82;
  margin-right: 4px;
  margin-top: 4px;
  color: #000000;
}
#mqSection #mqStory .mq-story-section strong {
  color: #C2410C;
}
#mqSection #mqStory .mq-story-section u,
#davSection #davStory .dav-story-section u,
#crSection #crStory .cr-story-section u,
#trSection #trStory .tr-story-section u,
#ftSection #ftStory .ft-story-section u,
#ntSection #ntStory .nt-story-section u,
#mhiSection #mhiStory .mhi-story-section u,
#liSection #liStory .li-story-section u,
#fshSection #fshStory .fsh-story-section u,
#aesSection #aesStory .aes-story-section u,
#mqSection #mqStory .mq-context-callout u,
#davSection #davStory .dav-context-callout u,
#crSection #crStory .cr-context-callout u,
#trSection #trStory .tr-context-callout u,
#ftSection #ftStory .ft-context-callout u,
#ntSection #ntStory .nt-context-callout u,
#mhiSection #mhiStory .mhi-context-callout u,
#liSection #liStory .li-context-callout u,
#fshSection #fshStory .fsh-context-callout u,
#aesSection #aesStory .aes-context-callout u {
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#mqSection #mqStory .mq-story-section u,
#mqSection #mqStory .mq-context-callout u {
  text-decoration-color: #EA580C;
}
#davSection #davStory .dav-story-section strong {
  color: #4A2E6B;
}
#davSection #davStory .dav-story-section u,
#davSection #davStory .dav-context-callout u {
  text-decoration-color: #6B3FA0;
}
#crSection #crStory .cr-story-section strong {
  color: #B45309;
}
#crSection #crStory .cr-story-section u,
#crSection #crStory .cr-context-callout u {
  text-decoration-color: #D97706;
}
#trSection #trStory .tr-story-section strong {
  color: #0E7490;
}
#trSection #trStory .tr-story-section u,
#trSection #trStory .tr-context-callout u {
  text-decoration-color: #0891B2;
}
#ftSection #ftStory .ft-story-section strong {
  color: #B91C1C;
}
#ftSection #ftStory .ft-story-section u,
#ftSection #ftStory .ft-context-callout u {
  text-decoration-color: #DC2626;
}
#ntSection #ntStory .nt-story-section strong {
  color: #15803D;
}
#ntSection #ntStory .nt-story-section u,
#ntSection #ntStory .nt-context-callout u {
  text-decoration-color: #16A34A;
}
#mhiSection #mhiStory .mhi-story-section strong {
  color: #1E3A8A;
}
#mhiSection #mhiStory .mhi-story-section u,
#mhiSection #mhiStory .mhi-context-callout u {
  text-decoration-color: #2563EB;
}
#liSection #liStory .li-story-section strong {
  color: #BE123C;
}
#liSection #liStory .li-story-section u,
#liSection #liStory .li-context-callout u {
  text-decoration-color: #E11D48;
}
#fshSection #fshStory .fsh-story-section strong {
  color: #0F766E;
}
#fshSection #fshStory .fsh-story-section u,
#fshSection #fshStory .fsh-context-callout u {
  text-decoration-color: #0D9488;
}
#aesSection #aesStory .aes-story-section strong {
  color: #4D7C0F;
}
#aesSection #aesStory .aes-story-section u,
#aesSection #aesStory .aes-context-callout u {
  text-decoration-color: #65A30D;
}

/* -- Evidence module (Real Thread / Science / ...) -- */
#mqSection #mqStory .mq-context-callout,
#davSection #davStory .dav-context-callout,
#crSection #crStory .cr-context-callout,
#trSection #trStory .tr-context-callout,
#ftSection #ftStory .ft-context-callout,
#ntSection #ntStory .nt-context-callout,
#mhiSection #mhiStory .mhi-context-callout,
#liSection #liStory .li-context-callout,
#fshSection #fshStory .fsh-context-callout,
#aesSection #aesStory .aes-context-callout {
  position: relative;
  isolation: isolate;
  display: block;
  margin: 24px 0;
  padding: 16px calc(2 * var(--vw));
  box-sizing: border-box;
  border-radius: 16px;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #000000;
  overflow: hidden;
}
#mqSection #mqStory .mq-context-callout {
  border: 1px solid #EA580C;
  border-left: 3px solid #EA580C;
  box-shadow: -10px 0 8px -4px rgba(234, 88, 12, 0.80);
}
/* Background image — 20% opacity (context-callout.png) */
#mqSection #mqStory .mq-context-callout::before,
#davSection #davStory .dav-context-callout::before,
#crSection #crStory .cr-context-callout::before,
#trSection #trStory .tr-context-callout::before,
#ftSection #ftStory .ft-context-callout::before,
#ntSection #ntStory .nt-context-callout::before,
#mhiSection #mhiStory .mhi-context-callout::before,
#liSection #liStory .li-context-callout::before,
#fshSection #fshStory .fsh-context-callout::before,
#aesSection #aesStory .aes-context-callout::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background-image: url("context-callout.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.20;
}
#mqSection #mqStory .mq-real-thread-divider,
#davSection #davStory .dav-beneath-the-noise-divider,
#crSection #crStory .cr-real-thread-divider,
#trSection #trStory .tr-real-thread-divider,
#ftSection #ftStory .ft-science-divider,
#ntSection #ntStory .nt-science-divider,
#mhiSection #mhiStory .mhi-science-divider,
#liSection #liStory .li-science-divider,
#fshSection #fshStory .fsh-seams-divider,
#aesSection #aesStory .aes-science-divider {
  display: block;
  height: 2px;
  flex: 1 1 auto;
  opacity: 0.80;
  align-self: center;
}
#mqSection #mqStory .mq-real-thread-divider {
  background: #EA580C;
}
#mqSection #mqStory .mq-callout-label,
#davSection #davStory .dav-callout-label,
#crSection #crStory .cr-callout-label,
#trSection #trStory .tr-callout-label,
#ftSection #ftStory .ft-callout-label,
#ntSection #ntStory .nt-callout-label,
#mhiSection #mhiStory .mhi-callout-label,
#liSection #liStory .li-callout-label,
#fshSection #fshStory .fsh-callout-label,
#aesSection #aesStory .aes-callout-label {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
#mqSection #mqStory .mq-callout-label {
  color: #EA580C;
  -webkit-text-fill-color: #EA580C;
}
#mqSection #mqStory .mq-real-thread-leaf,
#davSection #davStory .dav-beneath-the-noise-leaf,
#crSection #crStory .cr-real-thread-leaf,
#trSection #trStory .tr-real-thread-leaf,
#ftSection #ftStory .ft-science-leaf,
#ntSection #ntStory .nt-science-leaf,
#mhiSection #mhiStory .mhi-science-leaf,
#liSection #liStory .li-science-leaf,
#fshSection #fshStory .fsh-seams-leaf,
#aesSection #aesStory .aes-science-leaf {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  pointer-events: none;
}
#mqSection #mqStory .mq-real-thread-leaf {
  color: #EA580C;
}
#mqSection #mqStory .mq-real-thread-leaf svg,
#davSection #davStory .dav-beneath-the-noise-leaf svg,
#crSection #crStory .cr-real-thread-leaf svg,
#trSection #trStory .tr-real-thread-leaf svg,
#ftSection #ftStory .ft-science-leaf svg,
#ntSection #ntStory .nt-science-leaf svg,
#mhiSection #mhiStory .mhi-science-leaf svg,
#liSection #liStory .li-science-leaf svg,
#fshSection #fshStory .fsh-seams-leaf svg,
#aesSection #aesStory .aes-science-leaf svg {
  width: 40px;
  height: 40px;
  display: block;
  fill: currentColor;
}
#mqSection #mqStory .mq-real-thread-leaf svg {
  color: #EA580C;
}
#mqSection #mqStory .mq-real-thread-leaf svg path,
#davSection #davStory .dav-beneath-the-noise-leaf svg path,
#crSection #crStory .cr-real-thread-leaf svg path,
#trSection #trStory .tr-real-thread-leaf svg path,
#ftSection #ftStory .ft-science-leaf svg path,
#ntSection #ntStory .nt-science-leaf svg path,
#mhiSection #mhiStory .mhi-science-leaf svg path,
#liSection #liStory .li-science-leaf svg path,
#fshSection #fshStory .fsh-seams-leaf svg path,
#aesSection #aesStory .aes-science-leaf svg path {
  fill: #9CA3AF !important;
  transition: fill 400ms ease;
}
@media (hover: hover) {
  #mqSection #mqStory .mq-context-callout:hover .mq-real-thread-leaf svg path {
    fill: #EA580C !important;
  }
}
@media (hover: none) {
  #mqSection #mqStory .mq-context-callout.is-hover .mq-real-thread-leaf svg path {
    fill: #EA580C !important;
  }
}
#mqSection #mqStory .mq-real-thread-viewport p,
#davSection #davStory .dav-beneath-the-noise-viewport p,
#crSection #crStory .cr-real-thread-viewport p,
#trSection #trStory .tr-real-thread-viewport p,
#ftSection #ftStory .ft-science-viewport p,
#ntSection #ntStory .nt-science-viewport p,
#mhiSection #mhiStory .mhi-science-viewport p,
#liSection #liStory .li-science-viewport p,
#fshSection #fshStory .fsh-seams-viewport p,
#aesSection #aesStory .aes-science-viewport p {
  margin: 0;
  font-size: clamp(15.68px, calc(1.12 * var(--vw)), 18.56px);
  line-height: 1.72;
}
#mqSection #mqStory .mq-real-thread-viewport,
#davSection #davStory .dav-beneath-the-noise-viewport,
#crSection #crStory .cr-real-thread-viewport,
#trSection #trStory .tr-real-thread-viewport,
#ftSection #ftStory .ft-science-viewport,
#ntSection #ntStory .nt-science-viewport,
#mhiSection #mhiStory .mhi-science-viewport,
#liSection #liStory .li-science-viewport,
#fshSection #fshStory .fsh-seams-viewport,
#aesSection #aesStory .aes-science-viewport,
#mqSection #mqStory .mq-real-thread-viewport p,
#davSection #davStory .dav-beneath-the-noise-viewport p,
#crSection #crStory .cr-real-thread-viewport p,
#trSection #trStory .tr-real-thread-viewport p,
#ftSection #ftStory .ft-science-viewport p,
#ntSection #ntStory .nt-science-viewport p,
#mhiSection #mhiStory .mhi-science-viewport p,
#liSection #liStory .li-science-viewport p,
#fshSection #fshStory .fsh-seams-viewport p,
#aesSection #aesStory .aes-science-viewport p {
  color: #000000;
  -webkit-text-fill-color: #000000;
}
#mqSection #mqStory .mq-real-thread-viewport u,
#mqSection #mqStory .mq-real-thread-viewport ins,
#mqSection #mqStory .mq-real-thread-viewport [style*="text-decoration: underline"],
#mqSection #mqStory .mq-real-thread-viewport .underline,
#mqSection #mqStory .mq-real-thread-viewport .underlined {
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: #EA580C;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#mqSection #mqStory .mq-real-thread-viewport,
#crSection #crStory .cr-real-thread-viewport,
#trSection #trStory .tr-real-thread-viewport {
  max-height: var(--real-thread-collapsed-height, 110px);
  overflow: hidden;
  transition: max-height 400ms ease;
}
@media (hover: hover) {
  #mqSection #mqStory .mq-context-callout:hover .mq-real-thread-viewport,
  #crSection #crStory .cr-context-callout:hover .cr-real-thread-viewport,
  #trSection #trStory .tr-context-callout:hover .tr-real-thread-viewport {
    max-height: var(--real-thread-expanded-height, 2000px);
  }
}
@media (hover: none) {
  #mqSection #mqStory .mq-context-callout.is-hover .mq-real-thread-viewport,
  #crSection #crStory .cr-context-callout.is-hover .cr-real-thread-viewport,
  #trSection #trStory .tr-context-callout.is-hover .tr-real-thread-viewport {
    max-height: var(--real-thread-expanded-height, 2000px);
  }
}
#davSection #davStory .dav-context-callout {
  border: 1px solid #6B3FA0;
  border-left: 3px solid #6B3FA0;
  box-shadow: -10px 0 8px -4px rgba(107, 63, 160, 0.80);
}
#davSection #davStory .dav-beneath-the-noise-divider {
  background: #6B3FA0;
}
#davSection #davStory .dav-callout-label {
  color: #6B3FA0;
  -webkit-text-fill-color: #6B3FA0;
}
#davSection #davStory .dav-beneath-the-noise-leaf {
  color: #6B3FA0;
}
#davSection #davStory .dav-beneath-the-noise-leaf svg {
  color: #6B3FA0;
}
@media (hover: hover) {
  #davSection #davStory .dav-context-callout:hover .dav-beneath-the-noise-leaf svg path {
    fill: #6B3FA0 !important;
  }
}
@media (hover: none) {
  #davSection #davStory .dav-context-callout.is-hover .dav-beneath-the-noise-leaf svg path {
    fill: #6B3FA0 !important;
  }
}
#davSection #davStory .dav-beneath-the-noise-viewport u,
#davSection #davStory .dav-beneath-the-noise-viewport ins,
#davSection #davStory .dav-beneath-the-noise-viewport [style*="text-decoration: underline"],
#davSection #davStory .dav-beneath-the-noise-viewport .underline,
#davSection #davStory .dav-beneath-the-noise-viewport .underlined {
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: #6B3FA0;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#davSection #davStory .dav-beneath-the-noise-viewport {
  max-height: var(--beneath-the-noise-collapsed-height, 110px);
  overflow: hidden;
  transition: max-height 400ms ease;
}
@media (hover: hover) {
  #davSection #davStory .dav-context-callout:hover .dav-beneath-the-noise-viewport {
    max-height: var(--beneath-the-noise-expanded-height, 2000px);
  }
}
@media (hover: none) {
  #davSection #davStory .dav-context-callout.is-hover .dav-beneath-the-noise-viewport {
    max-height: var(--beneath-the-noise-expanded-height, 2000px);
  }
}
#crSection #crStory .cr-context-callout {
  border: 1px solid #D97706;
  border-left: 3px solid #D97706;
  box-shadow: -10px 0 8px -4px rgba(217, 119, 6, 0.80);
}
#crSection #crStory .cr-real-thread-divider {
  background: #D97706;
}
#crSection #crStory .cr-callout-label {
  color: #D97706;
  -webkit-text-fill-color: #D97706;
}
#crSection #crStory .cr-real-thread-leaf {
  color: #D97706;
}
#crSection #crStory .cr-real-thread-leaf svg {
  color: #D97706;
}
@media (hover: hover) {
  #crSection #crStory .cr-context-callout:hover .cr-real-thread-leaf svg path {
    fill: #D97706 !important;
  }
}
@media (hover: none) {
  #crSection #crStory .cr-context-callout.is-hover .cr-real-thread-leaf svg path {
    fill: #D97706 !important;
  }
}
#crSection #crStory .cr-real-thread-viewport u,
#crSection #crStory .cr-real-thread-viewport ins,
#crSection #crStory .cr-real-thread-viewport [style*="text-decoration: underline"],
#crSection #crStory .cr-real-thread-viewport .underline,
#crSection #crStory .cr-real-thread-viewport .underlined {
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: #D97706;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#trSection #trStory .tr-context-callout {
  border: 1px solid #0891B2;
  border-left: 3px solid #0891B2;
  box-shadow: -10px 0 8px -4px rgba(8, 145, 178, 0.80);
}
#trSection #trStory .tr-real-thread-divider {
  background: #0891B2;
}
#trSection #trStory .tr-callout-label {
  color: #0891B2;
  -webkit-text-fill-color: #0891B2;
}
#trSection #trStory .tr-real-thread-leaf {
  color: #0891B2;
}
#trSection #trStory .tr-real-thread-leaf svg {
  color: #0891B2;
}
@media (hover: hover) {
  #trSection #trStory .tr-context-callout:hover .tr-real-thread-leaf svg path {
    fill: #0891B2 !important;
  }
}
@media (hover: none) {
  #trSection #trStory .tr-context-callout.is-hover .tr-real-thread-leaf svg path {
    fill: #0891B2 !important;
  }
}
#trSection #trStory .tr-real-thread-viewport u,
#trSection #trStory .tr-real-thread-viewport ins,
#trSection #trStory .tr-real-thread-viewport [style*="text-decoration: underline"],
#trSection #trStory .tr-real-thread-viewport .underline,
#trSection #trStory .tr-real-thread-viewport .underlined {
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: #0891B2;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#ftSection #ftStory .ft-context-callout {
  border: 1px solid #DC2626;
  border-left: 3px solid #DC2626;
  box-shadow: -10px 0 8px -4px rgba(220, 38, 38, 0.80);
}
#ftSection #ftStory .ft-science-divider {
  background: #DC2626;
}
#ftSection #ftStory .ft-callout-label {
  color: #DC2626;
  -webkit-text-fill-color: #DC2626;
}
#ftSection #ftStory .ft-science-leaf {
  color: #DC2626;
}
#ftSection #ftStory .ft-science-leaf svg {
  color: #DC2626;
}
@media (hover: hover) {
  #ftSection #ftStory .ft-context-callout:hover .ft-science-leaf svg path {
    fill: #DC2626 !important;
  }
}
@media (hover: none) {
  #ftSection #ftStory .ft-context-callout.is-hover .ft-science-leaf svg path {
    fill: #DC2626 !important;
  }
}
#ftSection #ftStory .ft-science-viewport u,
#ftSection #ftStory .ft-science-viewport ins,
#ftSection #ftStory .ft-science-viewport [style*="text-decoration: underline"],
#ftSection #ftStory .ft-science-viewport .underline,
#ftSection #ftStory .ft-science-viewport .underlined {
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: #DC2626;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#ftSection #ftStory .ft-science-viewport,
#ntSection #ntStory .nt-science-viewport,
#mhiSection #mhiStory .mhi-science-viewport,
#liSection #liStory .li-science-viewport,
#aesSection #aesStory .aes-science-viewport {
  max-height: var(--science-collapsed-height, 110px);
  overflow: hidden;
  transition: max-height 400ms ease;
}
@media (hover: hover) {
  #ftSection #ftStory .ft-context-callout:hover .ft-science-viewport,
  #ntSection #ntStory .nt-context-callout:hover .nt-science-viewport,
  #mhiSection #mhiStory .mhi-context-callout:hover .mhi-science-viewport,
  #liSection #liStory .li-context-callout:hover .li-science-viewport,
  #aesSection #aesStory .aes-context-callout:hover .aes-science-viewport {
    max-height: var(--science-expanded-height, 2000px);
  }
}
@media (hover: none) {
  #ftSection #ftStory .ft-context-callout.is-hover .ft-science-viewport,
  #ntSection #ntStory .nt-context-callout.is-hover .nt-science-viewport,
  #mhiSection #mhiStory .mhi-context-callout.is-hover .mhi-science-viewport,
  #liSection #liStory .li-context-callout.is-hover .li-science-viewport,
  #aesSection #aesStory .aes-context-callout.is-hover .aes-science-viewport {
    max-height: var(--science-expanded-height, 2000px);
  }
}
#ntSection #ntStory .nt-context-callout {
  border: 1px solid #16A34A;
  border-left: 3px solid #16A34A;
  box-shadow: -10px 0 8px -4px rgba(22, 163, 74, 0.80);
}
#ntSection #ntStory .nt-science-divider {
  background: #16A34A;
}
#ntSection #ntStory .nt-callout-label {
  color: #16A34A;
  -webkit-text-fill-color: #16A34A;
}
#ntSection #ntStory .nt-science-leaf {
  color: #16A34A;
}
#ntSection #ntStory .nt-science-leaf svg {
  color: #16A34A;
}
@media (hover: hover) {
  #ntSection #ntStory .nt-context-callout:hover .nt-science-leaf svg path {
    fill: #16A34A !important;
  }
}
@media (hover: none) {
  #ntSection #ntStory .nt-context-callout.is-hover .nt-science-leaf svg path {
    fill: #16A34A !important;
  }
}
#ntSection #ntStory .nt-science-viewport u,
#ntSection #ntStory .nt-science-viewport ins,
#ntSection #ntStory .nt-science-viewport [style*="text-decoration: underline"],
#ntSection #ntStory .nt-science-viewport .underline,
#ntSection #ntStory .nt-science-viewport .underlined {
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: #16A34A;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#mhiSection #mhiStory .mhi-context-callout {
  border: 1px solid #2563EB;
  border-left: 3px solid #2563EB;
  box-shadow: -10px 0 8px -4px rgba(37, 99, 235, 0.80);
}
#mhiSection #mhiStory .mhi-science-divider {
  background: #2563EB;
}
#mhiSection #mhiStory .mhi-callout-label {
  color: #2563EB;
  -webkit-text-fill-color: #2563EB;
}
#mhiSection #mhiStory .mhi-science-leaf {
  color: #2563EB;
}
#mhiSection #mhiStory .mhi-science-leaf svg {
  color: #2563EB;
}
@media (hover: hover) {
  #mhiSection #mhiStory .mhi-context-callout:hover .mhi-science-leaf svg path {
    fill: #2563EB !important;
  }
}
@media (hover: none) {
  #mhiSection #mhiStory .mhi-context-callout.is-hover .mhi-science-leaf svg path {
    fill: #2563EB !important;
  }
}
#mhiSection #mhiStory .mhi-science-viewport u,
#mhiSection #mhiStory .mhi-science-viewport ins,
#mhiSection #mhiStory .mhi-science-viewport [style*="text-decoration: underline"],
#mhiSection #mhiStory .mhi-science-viewport .underline,
#mhiSection #mhiStory .mhi-science-viewport .underlined {
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: #2563EB;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#liSection #liStory .li-context-callout {
  border: 1px solid #E11D48;
  border-left: 3px solid #E11D48;
  box-shadow: -10px 0 8px -4px rgba(225, 29, 72, 0.80);
}
#liSection #liStory .li-science-divider {
  background: #E11D48;
}
#liSection #liStory .li-callout-label {
  color: #E11D48;
  -webkit-text-fill-color: #E11D48;
}
#liSection #liStory .li-science-leaf {
  color: #E11D48;
}
#liSection #liStory .li-science-leaf svg {
  color: #E11D48;
}
@media (hover: hover) {
  #liSection #liStory .li-context-callout:hover .li-science-leaf svg path {
    fill: #E11D48 !important;
  }
}
@media (hover: none) {
  #liSection #liStory .li-context-callout.is-hover .li-science-leaf svg path {
    fill: #E11D48 !important;
  }
}
#liSection #liStory .li-science-leaf {
  width: 72px;
  flex: 0 0 72px;
}
#liSection #liStory .li-science-leaf svg {
  width: 72px;
}
#liSection #liStory .li-science-viewport u,
#liSection #liStory .li-science-viewport ins,
#liSection #liStory .li-science-viewport [style*="text-decoration: underline"],
#liSection #liStory .li-science-viewport .underline,
#liSection #liStory .li-science-viewport .underlined {
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: #E11D48;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#fshSection #fshStory .fsh-context-callout {
  border: 1px solid #0D9488;
  border-left: 3px solid #0D9488;
  box-shadow: -10px 0 8px -4px rgba(13, 148, 136, 0.80);
}
#fshSection #fshStory .fsh-seams-divider {
  background: #0D9488;
}
#fshSection #fshStory .fsh-callout-label {
  color: #0D9488;
  -webkit-text-fill-color: #0D9488;
}
#fshSection #fshStory .fsh-seams-leaf {
  color: #0D9488;
}
#fshSection #fshStory .fsh-seams-leaf svg {
  color: #0D9488;
}
@media (hover: hover) {
  #fshSection #fshStory .fsh-context-callout:hover .fsh-seams-leaf svg path {
    fill: #0D9488 !important;
  }
}
@media (hover: none) {
  #fshSection #fshStory .fsh-context-callout.is-hover .fsh-seams-leaf svg path {
    fill: #0D9488 !important;
  }
}
#fshSection #fshStory .fsh-seams-leaf {
  width: 64px;
  flex: 0 0 64px;
}
#fshSection #fshStory .fsh-seams-leaf svg {
  width: 64px;
}
#fshSection #fshStory .fsh-seams-viewport u,
#fshSection #fshStory .fsh-seams-viewport ins,
#fshSection #fshStory .fsh-seams-viewport [style*="text-decoration: underline"],
#fshSection #fshStory .fsh-seams-viewport .underline,
#fshSection #fshStory .fsh-seams-viewport .underlined {
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: #0D9488;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#fshSection #fshStory .fsh-seams-viewport {
  max-height: var(--seams-collapsed-height, 110px);
  overflow: hidden;
  transition: max-height 400ms ease;
}
@media (prefers-reduced-motion: reduce) {
  #mqSection #mqStory .mq-real-thread-viewport,
#davSection #davStory .dav-beneath-the-noise-viewport,
#crSection #crStory .cr-real-thread-viewport,
#trSection #trStory .tr-real-thread-viewport,
#ftSection #ftStory .ft-science-viewport,
#ntSection #ntStory .nt-science-viewport,
#mhiSection #mhiStory .mhi-science-viewport,
#liSection #liStory .li-science-viewport,
#fshSection #fshStory .fsh-seams-viewport,
#aesSection #aesStory .aes-science-viewport,
#mqSection #mqStory .mq-real-thread-leaf svg path,
#davSection #davStory .dav-beneath-the-noise-leaf svg path,
#crSection #crStory .cr-real-thread-leaf svg path,
#trSection #trStory .tr-real-thread-leaf svg path,
#ftSection #ftStory .ft-science-leaf svg path,
#ntSection #ntStory .nt-science-leaf svg path,
#mhiSection #mhiStory .mhi-science-leaf svg path,
#liSection #liStory .li-science-leaf svg path,
#fshSection #fshStory .fsh-seams-leaf svg path,
#aesSection #aesStory .aes-science-leaf svg path {
    transition: none;
  }
}
@media (hover: hover) {
  #fshSection #fshStory .fsh-context-callout:hover .fsh-seams-viewport {
    max-height: var(--seams-expanded-height, 2000px);
  }
}
@media (hover: none) {
  #fshSection #fshStory .fsh-context-callout.is-hover .fsh-seams-viewport {
    max-height: var(--seams-expanded-height, 2000px);
  }
}
#aesSection #aesStory .aes-context-callout {
  border: 1px solid #65A30D;
  border-left: 3px solid #65A30D;
  box-shadow: -10px 0 8px -4px rgba(101, 163, 13, 0.80);
}
#aesSection #aesStory .aes-science-divider {
  background: #65A30D;
}
#aesSection #aesStory .aes-callout-label {
  color: #65A30D;
  -webkit-text-fill-color: #65A30D;
}
#aesSection #aesStory .aes-science-leaf {
  color: #65A30D;
}
#aesSection #aesStory .aes-science-leaf svg {
  color: #65A30D;
}
@media (hover: hover) {
  #aesSection #aesStory .aes-context-callout:hover .aes-science-leaf svg path {
    fill: #65A30D !important;
  }
}
@media (hover: none) {
  #aesSection #aesStory .aes-context-callout.is-hover .aes-science-leaf svg path {
    fill: #65A30D !important;
  }
}
#aesSection #aesStory .aes-science-viewport u,
#aesSection #aesStory .aes-science-viewport ins,
#aesSection #aesStory .aes-science-viewport [style*="text-decoration: underline"],
#aesSection #aesStory .aes-science-viewport .underline,
#aesSection #aesStory .aes-science-viewport .underlined {
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: #65A30D;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

/* -- Evidence module (Real Thread / Science / ...): titles -- */
#mqSection #mqStory .mq-real-thread-header,
#davSection #davStory .dav-beneath-the-noise-header,
#crSection #crStory .cr-real-thread-header,
#trSection #trStory .tr-real-thread-header,
#ftSection #ftStory .ft-science-header,
#ntSection #ntStory .nt-science-header,
#mhiSection #mhiStory .mhi-science-header,
#liSection #liStory .li-science-header,
#fshSection #fshStory .fsh-seams-header,
#aesSection #aesStory .aes-science-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 40px;
  min-height: 40px;
  box-sizing: border-box;
}

/* -- Closure: isolated prose -- */
#mqSection #mqStory .mq-closure,
#davSection #davStory .dav-closure,
#crSection #crStory .cr-closure,
#trSection #trStory .tr-closure,
#ftSection #ftStory .ft-closure,
#ntSection #ntStory .nt-closure,
#mhiSection #mhiStory .mhi-closure,
#liSection #liStory .li-closure,
#fshSection #fshStory .fsh-closure,
#aesSection #aesStory .aes-closure {
  margin: 24px 0 16px;
  padding: 0;
  border-top: none;
  border-bottom: none;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #000000;
  color: #000000;
  font-size: clamp(16.48px, calc(1.25 * var(--vw)), 19.84px);
  font-weight: 400;
  font-style: italic;
  line-height: 1.65;
}

/* -- Closure: star button -- */
#mqSection #mqStory .mq-closure-star-button,
#davSection #davStory .dav-closure-star-button,
#crSection #crStory .cr-closure-star-button,
#trSection #trStory .tr-closure-star-button,
#ftSection #ftStory .ft-closure-star-button,
#ntSection #ntStory .nt-closure-star-button,
#mhiSection #mhiStory .mhi-closure-star-button,
#liSection #liStory .li-closure-star-button,
#fshSection #fshStory .fsh-closure-star-button,
#aesSection #aesStory .aes-closure-star-button {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  margin: 0 0 0 16px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #9CA3AF;
  cursor: pointer;
  transition: color 0.4s ease;
}
#mqSection #mqStory .mq-closure-star-button.is-added {
  color: #EA580C;
}
@media (hover: hover) {
  #mqSection #mqStory .mq-closure-star-button:hover,
  #mqSection #mqStory .mq-closure-star-button.is-added:hover {
    color: #EA580C;
  }
}
@media (hover: none) {
  #mqSection #mqStory .mq-closure-star-button.is-hover,
  #mqSection #mqStory .mq-closure-star-button.is-added.is-hover {
    color: #EA580C;
  }
}
#mqSection #mqStory .mq-closure-star-button.is-processing,
#davSection #davStory .dav-closure-star-button.is-processing,
#crSection #crStory .cr-closure-star-button.is-processing,
#trSection #trStory .tr-closure-star-button.is-processing,
#ftSection #ftStory .ft-closure-star-button.is-processing,
#ntSection #ntStory .nt-closure-star-button.is-processing,
#mhiSection #mhiStory .mhi-closure-star-button.is-processing,
#liSection #liStory .li-closure-star-button.is-processing,
#fshSection #fshStory .fsh-closure-star-button.is-processing,
#aesSection #aesStory .aes-closure-star-button.is-processing,
#mqSection #mqStory .mq-closure-star-button:disabled,
#davSection #davStory .dav-closure-star-button:disabled,
#crSection #crStory .cr-closure-star-button:disabled,
#trSection #trStory .tr-closure-star-button:disabled,
#ftSection #ftStory .ft-closure-star-button:disabled,
#ntSection #ntStory .nt-closure-star-button:disabled,
#mhiSection #mhiStory .mhi-closure-star-button:disabled,
#liSection #liStory .li-closure-star-button:disabled,
#fshSection #fshStory .fsh-closure-star-button:disabled,
#aesSection #aesStory .aes-closure-star-button:disabled {
  cursor: wait;
}
#mqSection #mqStory .mq-closure-star-button:focus-visible {
  outline: 2px solid #EA580C;
  outline-offset: 4px;
}
#mqSection #mqStory .mq-closure-star-button svg,
#davSection #davStory .dav-closure-star-button svg,
#crSection #crStory .cr-closure-star-button svg,
#trSection #trStory .tr-closure-star-button svg,
#ftSection #ftStory .ft-closure-star-button svg,
#ntSection #ntStory .nt-closure-star-button svg,
#mhiSection #mhiStory .mhi-closure-star-button svg,
#liSection #liStory .li-closure-star-button svg,
#fshSection #fshStory .fsh-closure-star-button svg,
#aesSection #aesStory .aes-closure-star-button svg {
  display: block;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
}
#davSection #davStory .dav-closure-star-button.is-added {
  color: #6B3FA0;
}
@media (hover: hover) {
  #davSection #davStory .dav-closure-star-button:hover,
  #davSection #davStory .dav-closure-star-button.is-added:hover {
    color: #6B3FA0;
  }
}
@media (hover: none) {
  #davSection #davStory .dav-closure-star-button.is-hover,
  #davSection #davStory .dav-closure-star-button.is-added.is-hover {
    color: #6B3FA0;
  }
}
#davSection #davStory .dav-closure-star-button:focus-visible {
  outline: 2px solid #6B3FA0;
  outline-offset: 4px;
}
#crSection #crStory .cr-closure-star-button.is-added {
  color: #D97706;
}
@media (hover: hover) {
  #crSection #crStory .cr-closure-star-button:hover,
  #crSection #crStory .cr-closure-star-button.is-added:hover {
    color: #D97706;
  }
}
@media (hover: none) {
  #crSection #crStory .cr-closure-star-button.is-hover,
  #crSection #crStory .cr-closure-star-button.is-added.is-hover {
    color: #D97706;
  }
}
#crSection #crStory .cr-closure-star-button:focus-visible {
  outline: 2px solid #D97706;
  outline-offset: 4px;
}
#trSection #trStory .tr-closure-star-button.is-added {
  color: #0891B2;
}
@media (hover: hover) {
  #trSection #trStory .tr-closure-star-button:hover,
  #trSection #trStory .tr-closure-star-button.is-added:hover {
    color: #0891B2;
  }
}
@media (hover: none) {
  #trSection #trStory .tr-closure-star-button.is-hover,
  #trSection #trStory .tr-closure-star-button.is-added.is-hover {
    color: #0891B2;
  }
}
#trSection #trStory .tr-closure-star-button:focus-visible {
  outline: 2px solid #0891B2;
  outline-offset: 4px;
}
#ftSection #ftStory .ft-closure-star-button.is-added {
  color: #DC2626;
}
@media (hover: hover) {
  #ftSection #ftStory .ft-closure-star-button:hover,
  #ftSection #ftStory .ft-closure-star-button.is-added:hover {
    color: #DC2626;
  }
}
@media (hover: none) {
  #ftSection #ftStory .ft-closure-star-button.is-hover,
  #ftSection #ftStory .ft-closure-star-button.is-added.is-hover {
    color: #DC2626;
  }
}
#ftSection #ftStory .ft-closure-star-button:focus-visible {
  outline: 2px solid #DC2626;
  outline-offset: 4px;
}
#ntSection #ntStory .nt-closure-star-button.is-added {
  color: #16A34A;
}
@media (hover: hover) {
  #ntSection #ntStory .nt-closure-star-button:hover,
  #ntSection #ntStory .nt-closure-star-button.is-added:hover {
    color: #16A34A;
  }
}
@media (hover: none) {
  #ntSection #ntStory .nt-closure-star-button.is-hover,
  #ntSection #ntStory .nt-closure-star-button.is-added.is-hover {
    color: #16A34A;
  }
}
#ntSection #ntStory .nt-closure-star-button:focus-visible {
  outline: 2px solid #16A34A;
  outline-offset: 4px;
}
#mhiSection #mhiStory .mhi-closure-star-button.is-added {
  color: #2563EB;
}
@media (hover: hover) {
  #mhiSection #mhiStory .mhi-closure-star-button:hover,
  #mhiSection #mhiStory .mhi-closure-star-button.is-added:hover {
    color: #2563EB;
  }
}
@media (hover: none) {
  #mhiSection #mhiStory .mhi-closure-star-button.is-hover,
  #mhiSection #mhiStory .mhi-closure-star-button.is-added.is-hover {
    color: #2563EB;
  }
}
#mhiSection #mhiStory .mhi-closure-star-button:focus-visible {
  outline: 2px solid #2563EB;
  outline-offset: 4px;
}
#liSection #liStory .li-closure-star-button.is-added {
  color: #E11D48;
}
@media (hover: hover) {
  #liSection #liStory .li-closure-star-button:hover,
  #liSection #liStory .li-closure-star-button.is-added:hover {
    color: #E11D48;
  }
}
@media (hover: none) {
  #liSection #liStory .li-closure-star-button.is-hover,
  #liSection #liStory .li-closure-star-button.is-added.is-hover {
    color: #E11D48;
  }
}
#liSection #liStory .li-closure-star-button:focus-visible {
  outline: 2px solid #E11D48;
  outline-offset: 4px;
}
#fshSection #fshStory .fsh-closure-star-button.is-added {
  color: #0D9488;
}
@media (hover: hover) {
  #fshSection #fshStory .fsh-closure-star-button:hover,
  #fshSection #fshStory .fsh-closure-star-button.is-added:hover {
    color: #0D9488;
  }
}
@media (hover: none) {
  #fshSection #fshStory .fsh-closure-star-button.is-hover,
  #fshSection #fshStory .fsh-closure-star-button.is-added.is-hover {
    color: #0D9488;
  }
}
#fshSection #fshStory .fsh-closure-star-button:focus-visible {
  outline: 2px solid #0D9488;
  outline-offset: 4px;
}
#aesSection #aesStory .aes-closure-star-button.is-added {
  color: #65A30D;
}
@media (hover: hover) {
  #aesSection #aesStory .aes-closure-star-button:hover,
  #aesSection #aesStory .aes-closure-star-button.is-added:hover {
    color: #65A30D;
  }
}
@media (hover: none) {
  #aesSection #aesStory .aes-closure-star-button.is-hover,
  #aesSection #aesStory .aes-closure-star-button.is-added.is-hover {
    color: #65A30D;
  }
}
#aesSection #aesStory .aes-closure-star-button:focus-visible {
  outline: 2px solid #65A30D;
  outline-offset: 4px;
}

/* -- Closure: star tooltip -- */
#mqClosureStarTooltip.mq-closure-star-tooltip,
#davClosureStarTooltip.dav-closure-star-tooltip,
#crClosureStarTooltip.cr-closure-star-tooltip,
#trClosureStarTooltip.tr-closure-star-tooltip,
#ftClosureStarTooltip.ft-closure-star-tooltip,
#ntClosureStarTooltip.nt-closure-star-tooltip,
#mhiClosureStarTooltip.mhi-closure-star-tooltip,
#liClosureStarTooltip.li-closure-star-tooltip,
#fshClosureStarTooltip.fsh-closure-star-tooltip,
#aesClosureStarTooltip.aes-closure-star-tooltip {
  position: fixed;
  z-index: 99999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 7px 10px;
  background: #FFFFFF;
  border-radius: 6px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;
  white-space: nowrap;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, background-color 0.4s ease, color 0.4s ease, visibility 0.4s ease;
}
#mqClosureStarTooltip.mq-closure-star-tooltip {
  color: #EA580C;
}
#mqClosureStarTooltip.mq-closure-star-tooltip.is-visible,
#davClosureStarTooltip.dav-closure-star-tooltip.is-visible,
#crClosureStarTooltip.cr-closure-star-tooltip.is-visible,
#trClosureStarTooltip.tr-closure-star-tooltip.is-visible,
#ftClosureStarTooltip.ft-closure-star-tooltip.is-visible,
#ntClosureStarTooltip.nt-closure-star-tooltip.is-visible,
#mhiClosureStarTooltip.mhi-closure-star-tooltip.is-visible,
#liClosureStarTooltip.li-closure-star-tooltip.is-visible,
#fshClosureStarTooltip.fsh-closure-star-tooltip.is-visible,
#aesClosureStarTooltip.aes-closure-star-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
}
#mqClosureStarTooltip.mq-closure-star-tooltip.tooltip-original,
#mqClosureStarTooltip.mq-closure-star-tooltip.tooltip-added,
#mqClosureStarTooltip.mq-closure-star-tooltip.tooltip-removed {
  background: #FFFFFF;
  color: #EA580C;
}
#mqClosureStarTooltip .mq-closure-star-tooltip-text,
#davClosureStarTooltip .dav-closure-star-tooltip-text,
#crClosureStarTooltip .cr-closure-star-tooltip-text,
#trClosureStarTooltip .tr-closure-star-tooltip-text,
#ftClosureStarTooltip .ft-closure-star-tooltip-text,
#ntClosureStarTooltip .nt-closure-star-tooltip-text,
#mhiClosureStarTooltip .mhi-closure-star-tooltip-text,
#liClosureStarTooltip .li-closure-star-tooltip-text,
#fshClosureStarTooltip .fsh-closure-star-tooltip-text,
#aesClosureStarTooltip .aes-closure-star-tooltip-text {
  display: inline-block;
}
#mqClosureStarTooltip .mq-closure-star-tooltip-icon,
#davClosureStarTooltip .dav-closure-star-tooltip-icon,
#crClosureStarTooltip .cr-closure-star-tooltip-icon,
#trClosureStarTooltip .tr-closure-star-tooltip-icon,
#ftClosureStarTooltip .ft-closure-star-tooltip-icon,
#ntClosureStarTooltip .nt-closure-star-tooltip-icon,
#mhiClosureStarTooltip .mhi-closure-star-tooltip-icon,
#liClosureStarTooltip .li-closure-star-tooltip-icon,
#fshClosureStarTooltip .fsh-closure-star-tooltip-icon,
#aesClosureStarTooltip .aes-closure-star-tooltip-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-left: 4px;
  line-height: 1;
}
#mqClosureStarTooltip.tooltip-original .mq-closure-star-tooltip-icon,
#davClosureStarTooltip.tooltip-original .dav-closure-star-tooltip-icon,
#crClosureStarTooltip.tooltip-original .cr-closure-star-tooltip-icon,
#trClosureStarTooltip.tooltip-original .tr-closure-star-tooltip-icon,
#ftClosureStarTooltip.tooltip-original .ft-closure-star-tooltip-icon,
#ntClosureStarTooltip.tooltip-original .nt-closure-star-tooltip-icon,
#mhiClosureStarTooltip.tooltip-original .mhi-closure-star-tooltip-icon,
#liClosureStarTooltip.tooltip-original .li-closure-star-tooltip-icon,
#fshClosureStarTooltip.tooltip-original .fsh-closure-star-tooltip-icon,
#aesClosureStarTooltip.tooltip-original .aes-closure-star-tooltip-icon {
  display: none;
}
#mqClosureStarTooltip.tooltip-added .mq-closure-star-tooltip-icon,
#davClosureStarTooltip.tooltip-added .dav-closure-star-tooltip-icon,
#crClosureStarTooltip.tooltip-added .cr-closure-star-tooltip-icon,
#trClosureStarTooltip.tooltip-added .tr-closure-star-tooltip-icon,
#ftClosureStarTooltip.tooltip-added .ft-closure-star-tooltip-icon,
#ntClosureStarTooltip.tooltip-added .nt-closure-star-tooltip-icon,
#mhiClosureStarTooltip.tooltip-added .mhi-closure-star-tooltip-icon,
#liClosureStarTooltip.tooltip-added .li-closure-star-tooltip-icon,
#fshClosureStarTooltip.tooltip-added .fsh-closure-star-tooltip-icon,
#aesClosureStarTooltip.tooltip-added .aes-closure-star-tooltip-icon {
  color: #16A34A;
}
#mqClosureStarTooltip.tooltip-removed .mq-closure-star-tooltip-icon,
#davClosureStarTooltip.tooltip-removed .dav-closure-star-tooltip-icon,
#crClosureStarTooltip.tooltip-removed .cr-closure-star-tooltip-icon,
#trClosureStarTooltip.tooltip-removed .tr-closure-star-tooltip-icon,
#ftClosureStarTooltip.tooltip-removed .ft-closure-star-tooltip-icon,
#ntClosureStarTooltip.tooltip-removed .nt-closure-star-tooltip-icon,
#mhiClosureStarTooltip.tooltip-removed .mhi-closure-star-tooltip-icon,
#liClosureStarTooltip.tooltip-removed .li-closure-star-tooltip-icon,
#fshClosureStarTooltip.tooltip-removed .fsh-closure-star-tooltip-icon,
#aesClosureStarTooltip.tooltip-removed .aes-closure-star-tooltip-icon {
  color: #DC2626;
}
#mqClosureStarTooltip .mq-closure-star-tooltip-icon svg,
#davClosureStarTooltip .dav-closure-star-tooltip-icon svg,
#crClosureStarTooltip .cr-closure-star-tooltip-icon svg,
#trClosureStarTooltip .tr-closure-star-tooltip-icon svg,
#ftClosureStarTooltip .ft-closure-star-tooltip-icon svg,
#ntClosureStarTooltip .nt-closure-star-tooltip-icon svg,
#mhiClosureStarTooltip .mhi-closure-star-tooltip-icon svg,
#liClosureStarTooltip .li-closure-star-tooltip-icon svg,
#fshClosureStarTooltip .fsh-closure-star-tooltip-icon svg,
#aesClosureStarTooltip .aes-closure-star-tooltip-icon svg {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
#mqClosureStarTooltip .mq-closure-star-tooltip-arrow,
#davClosureStarTooltip .dav-closure-star-tooltip-arrow,
#crClosureStarTooltip .cr-closure-star-tooltip-arrow,
#trClosureStarTooltip .tr-closure-star-tooltip-arrow,
#ftClosureStarTooltip .ft-closure-star-tooltip-arrow,
#ntClosureStarTooltip .nt-closure-star-tooltip-arrow,
#mhiClosureStarTooltip .mhi-closure-star-tooltip-arrow,
#liClosureStarTooltip .li-closure-star-tooltip-arrow,
#fshClosureStarTooltip .fsh-closure-star-tooltip-arrow,
#aesClosureStarTooltip .aes-closure-star-tooltip-arrow {
  position: absolute;
  left: -7px;
  top: 50%;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #FFFFFF;
  transition: border-right-color 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  #mqSection #mqStory .mq-closure-star-button,
  #davSection #davStory .dav-closure-star-button,
  #crSection #crStory .cr-closure-star-button,
  #trSection #trStory .tr-closure-star-button,
  #ftSection #ftStory .ft-closure-star-button,
  #ntSection #ntStory .nt-closure-star-button,
  #mhiSection #mhiStory .mhi-closure-star-button,
  #liSection #liStory .li-closure-star-button,
  #fshSection #fshStory .fsh-closure-star-button,
  #aesSection #aesStory .aes-closure-star-button,
  #mqClosureStarTooltip.mq-closure-star-tooltip,
  #davClosureStarTooltip.dav-closure-star-tooltip,
  #crClosureStarTooltip.cr-closure-star-tooltip,
  #trClosureStarTooltip.tr-closure-star-tooltip,
  #ftClosureStarTooltip.ft-closure-star-tooltip,
  #ntClosureStarTooltip.nt-closure-star-tooltip,
  #mhiClosureStarTooltip.mhi-closure-star-tooltip,
  #liClosureStarTooltip.li-closure-star-tooltip,
  #fshClosureStarTooltip.fsh-closure-star-tooltip,
  #aesClosureStarTooltip.aes-closure-star-tooltip,
  #mqClosureStarTooltip .mq-closure-star-tooltip-arrow,
  #davClosureStarTooltip .dav-closure-star-tooltip-arrow,
  #crClosureStarTooltip .cr-closure-star-tooltip-arrow,
  #trClosureStarTooltip .tr-closure-star-tooltip-arrow,
  #ftClosureStarTooltip .ft-closure-star-tooltip-arrow,
  #ntClosureStarTooltip .nt-closure-star-tooltip-arrow,
  #mhiClosureStarTooltip .mhi-closure-star-tooltip-arrow,
  #liClosureStarTooltip .li-closure-star-tooltip-arrow,
  #fshClosureStarTooltip .fsh-closure-star-tooltip-arrow,
  #aesClosureStarTooltip .aes-closure-star-tooltip-arrow {
    transition: none;
  }
}
#davClosureStarTooltip.dav-closure-star-tooltip {
  color: #6B3FA0;
}
#davClosureStarTooltip.dav-closure-star-tooltip.tooltip-original,
#davClosureStarTooltip.dav-closure-star-tooltip.tooltip-added,
#davClosureStarTooltip.dav-closure-star-tooltip.tooltip-removed {
  background: #FFFFFF;
  color: #6B3FA0;
}
#crClosureStarTooltip.cr-closure-star-tooltip {
  color: #D97706;
}
#crClosureStarTooltip.cr-closure-star-tooltip.tooltip-original,
#crClosureStarTooltip.cr-closure-star-tooltip.tooltip-added,
#crClosureStarTooltip.cr-closure-star-tooltip.tooltip-removed {
  background: #FFFFFF;
  color: #D97706;
}
#trClosureStarTooltip.tr-closure-star-tooltip {
  color: #0891B2;
}
#trClosureStarTooltip.tr-closure-star-tooltip.tooltip-original,
#trClosureStarTooltip.tr-closure-star-tooltip.tooltip-added,
#trClosureStarTooltip.tr-closure-star-tooltip.tooltip-removed {
  background: #FFFFFF;
  color: #0891B2;
}
#ftClosureStarTooltip.ft-closure-star-tooltip {
  color: #DC2626;
}
#ftClosureStarTooltip.ft-closure-star-tooltip.tooltip-original,
#ftClosureStarTooltip.ft-closure-star-tooltip.tooltip-added,
#ftClosureStarTooltip.ft-closure-star-tooltip.tooltip-removed {
  background: #FFFFFF;
  color: #DC2626;
}
#ntClosureStarTooltip.nt-closure-star-tooltip {
  color: #16A34A;
}
#ntClosureStarTooltip.nt-closure-star-tooltip.tooltip-original,
#ntClosureStarTooltip.nt-closure-star-tooltip.tooltip-added,
#ntClosureStarTooltip.nt-closure-star-tooltip.tooltip-removed {
  background: #FFFFFF;
  color: #16A34A;
}
#mhiClosureStarTooltip.mhi-closure-star-tooltip {
  color: #2563EB;
}
#mhiClosureStarTooltip.mhi-closure-star-tooltip.tooltip-original,
#mhiClosureStarTooltip.mhi-closure-star-tooltip.tooltip-added,
#mhiClosureStarTooltip.mhi-closure-star-tooltip.tooltip-removed {
  background: #FFFFFF;
  color: #2563EB;
}
#liClosureStarTooltip.li-closure-star-tooltip {
  color: #E11D48;
}
#liClosureStarTooltip.li-closure-star-tooltip.tooltip-original,
#liClosureStarTooltip.li-closure-star-tooltip.tooltip-added,
#liClosureStarTooltip.li-closure-star-tooltip.tooltip-removed {
  background: #FFFFFF;
  color: #E11D48;
}
#fshClosureStarTooltip.fsh-closure-star-tooltip {
  color: #0D9488;
}
#fshClosureStarTooltip.fsh-closure-star-tooltip.tooltip-original,
#fshClosureStarTooltip.fsh-closure-star-tooltip.tooltip-added,
#fshClosureStarTooltip.fsh-closure-star-tooltip.tooltip-removed {
  background: #FFFFFF;
  color: #0D9488;
}
#aesClosureStarTooltip.aes-closure-star-tooltip {
  color: #65A30D;
}
#aesClosureStarTooltip.aes-closure-star-tooltip.tooltip-original,
#aesClosureStarTooltip.aes-closure-star-tooltip.tooltip-added,
#aesClosureStarTooltip.aes-closure-star-tooltip.tooltip-removed {
  background: #FFFFFF;
  color: #65A30D;
}

/* -- Closing mark -- */
#mqSection #mqStory .mq-end-mark {
  display: flex;
  align-items: center;
  gap: 8px;
  width: var(--mq-end-mark-width, 80px);
  margin-top: 16px;
  margin-bottom: 0;
  margin-left: var(--mq-end-mark-offset, 0px);
}
#mqSection #mqStory .mq-end-mark-line {
  flex: 1;
  height: 2px;
  background: #EA580C;
  opacity: 1;
}
#mqSection #mqStory .mq-end-mark-diamond {
  width: 8px;
  height: 8px;
  background: #000000;
  transform: rotate(45deg);
  opacity: 1;
  flex-shrink: 0;
}
#davSection #davStory .dav-closing-mark,
#crSection #crStory .cr-closing-mark,
#trSection #trStory .tr-closing-mark,
#ftSection #ftStory .ft-closing-mark,
#ntSection #ntStory .nt-closing-mark,
#mhiSection #mhiStory .mhi-closing-mark,
#liSection #liStory .li-closing-mark,
#fshSection #fshStory .fsh-closing-mark,
#aesSection #aesStory .aes-closing-mark {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  margin-bottom: 0;
}
#davSection #davStory .dav-closing-mark {
  width: var(--dav-closing-mark-width, 80px);
  margin-left: var(--dav-closing-mark-offset, 0px);
}
#davSection #davStory .dav-closing-mark-line,
#crSection #crStory .cr-closing-mark-line,
#trSection #trStory .tr-closing-mark-line,
#ftSection #ftStory .ft-closing-mark-line,
#ntSection #ntStory .nt-closing-mark-line,
#mhiSection #mhiStory .mhi-closing-mark-line,
#liSection #liStory .li-closing-mark-line,
#fshSection #fshStory .fsh-closing-mark-line,
#aesSection #aesStory .aes-closing-mark-line {
  flex: 1;
  height: 2px;
  opacity: 1;
}
#davSection #davStory .dav-closing-mark-line {
  background: #6B3FA0;
}
#davSection #davStory .dav-closing-mark-diamond,
#crSection #crStory .cr-closing-mark-diamond,
#trSection #trStory .tr-closing-mark-diamond,
#ftSection #ftStory .ft-closing-mark-diamond,
#ntSection #ntStory .nt-closing-mark-diamond,
#mhiSection #mhiStory .mhi-closing-mark-diamond,
#liSection #liStory .li-closing-mark-diamond,
#fshSection #fshStory .fsh-closing-mark-diamond,
#aesSection #aesStory .aes-closing-mark-diamond {
  width: 8px;
  height: 8px;
  background: #000000;
  transform: rotate(45deg);
  opacity: 1;
  flex-shrink: 0;
}
#crSection #crStory .cr-closing-mark {
  width: var(--cr-closing-mark-width, 80px);
  margin-left: var(--cr-closing-mark-offset, 0px);
}
#crSection #crStory .cr-closing-mark-line {
  background: #D97706;
}
#trSection #trStory .tr-closing-mark {
  width: var(--tr-closing-mark-width, 80px);
  margin-left: var(--tr-closing-mark-offset, 0px);
}
#trSection #trStory .tr-closing-mark-line {
  background: #0891B2;
}
#ftSection #ftStory .ft-closing-mark {
  width: var(--ft-closing-mark-width, 80px);
  margin-left: var(--ft-closing-mark-offset, 0px);
}
#ftSection #ftStory .ft-closing-mark-line {
  background: #DC2626;
}
#ntSection #ntStory .nt-closing-mark {
  width: var(--nt-closing-mark-width, 80px);
  margin-left: var(--nt-closing-mark-offset, 0px);
}
#ntSection #ntStory .nt-closing-mark-line {
  background: #16A34A;
}
#mhiSection #mhiStory .mhi-closing-mark {
  width: var(--mhi-closing-mark-width, 80px);
  margin-left: var(--mhi-closing-mark-offset, 0px);
}
#mhiSection #mhiStory .mhi-closing-mark-line {
  background: #2563EB;
}
#liSection #liStory .li-closing-mark {
  width: var(--li-closing-mark-width, 80px);
  margin-left: var(--li-closing-mark-offset, 0px);
}
#liSection #liStory .li-closing-mark-line {
  background: #E11D48;
}
#fshSection #fshStory .fsh-closing-mark {
  width: var(--fsh-closing-mark-width, 80px);
  margin-left: var(--fsh-closing-mark-offset, 0px);
}
#fshSection #fshStory .fsh-closing-mark-line {
  background: #0D9488;
}
#aesSection #aesStory .aes-closing-mark {
  width: var(--aes-closing-mark-width, 80px);
  margin-left: var(--aes-closing-mark-offset, 0px);
}
#aesSection #aesStory .aes-closing-mark-line {
  background: #65A30D;
}

/* -- Your-charge modal: control -- */
#mqSection #mqStory .mq-your-charge-control {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: none;
  margin: 80px 0;
  padding: 0;
  position: relative;
  left: auto;
  overflow: visible;
  box-sizing: border-box;
  transform: none;
}
#mqSection #mqStory .mq-your-charge-control.hidden,
#davSection #davStory .dav-steady-yourself-control.hidden,
#crSection #crStory .cr-honour-the-craft-control.hidden,
#trSection #trStory .tr-know-the-ground-control.hidden,
#ftSection #ftStory .ft-form-first-control.hidden,
#ntSection #ntStory .nt-eat-with-intent-control.hidden,
#mhiSection #mhiStory .mhi-reframe-it-control.hidden,
#liSection #liStory .li-meet-them-halfway-control.hidden,
#fshSection #fshStory .fsh-wear-it-well-control.hidden,
#aesSection #aesStory .aes-make-it-a-ritual-control.hidden {
  display: none !important;
}
/* Frosted glass behind the button + text (size/position set by script.js). */
#mqSection #mqStory .mq-your-charge-glass,
#davSection #davStory .dav-steady-yourself-glass,
#crSection #crStory .cr-honour-the-craft-glass,
#trSection #trStory .tr-know-the-ground-glass,
#ftSection #ftStory .ft-form-first-glass,
#ntSection #ntStory .nt-eat-with-intent-glass,
#mhiSection #mhiStory .mhi-reframe-it-glass,
#liSection #liStory .li-meet-them-halfway-glass,
#fshSection #fshStory .fsh-wear-it-well-glass,
#aesSection #aesStory .aes-make-it-a-ritual-glass {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.72);
  border-radius: 16px;
  -webkit-filter: blur(16px);
  filter: blur(16px);
  box-sizing: border-box;
}
#mqSection #mqStory .mq-your-charge-btn,
#davSection #davStory .dav-steady-yourself-btn,
#crSection #crStory .cr-honour-the-craft-btn,
#trSection #trStory .tr-know-the-ground-btn,
#ftSection #ftStory .ft-form-first-btn,
#ntSection #ntStory .nt-eat-with-intent-btn,
#mhiSection #mhiStory .mhi-reframe-it-btn,
#liSection #liStory .li-meet-them-halfway-btn,
#fshSection #fshStory .fsh-wear-it-well-btn,
#aesSection #aesStory .aes-make-it-a-ritual-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  position: relative;
  left: auto;
  z-index: 1;
  flex-shrink: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
#mqSection #mqStory .mq-your-charge-icon,
#davSection #davStory .dav-steady-yourself-icon,
#crSection #crStory .cr-honour-the-craft-icon,
#trSection #trStory .tr-know-the-ground-icon,
#ftSection #ftStory .ft-form-first-icon,
#ntSection #ntStory .nt-eat-with-intent-icon,
#mhiSection #mhiStory .mhi-reframe-it-icon,
#liSection #liStory .li-meet-them-halfway-icon,
#fshSection #fshStory .fsh-wear-it-well-icon,
#aesSection #aesStory .aes-make-it-a-ritual-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  flex-shrink: 0;
  color: #9CA3AF;
  transition: color 0.4s ease;
}
#mqSection #mqStory .mq-your-charge-icon svg,
#davSection #davStory .dav-steady-yourself-icon svg,
#crSection #crStory .cr-honour-the-craft-icon svg,
#trSection #trStory .tr-know-the-ground-icon svg,
#ftSection #ftStory .ft-form-first-icon svg,
#ntSection #ntStory .nt-eat-with-intent-icon svg,
#mhiSection #mhiStory .mhi-reframe-it-icon svg,
#liSection #liStory .li-meet-them-halfway-icon svg,
#fshSection #fshStory .fsh-wear-it-well-icon svg,
#aesSection #aesStory .aes-make-it-a-ritual-icon svg {
  display: block;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
}
#mqSection #mqStory .mq-your-charge-pill,
#davSection #davStory .dav-steady-yourself-pill,
#crSection #crStory .cr-honour-the-craft-pill,
#trSection #trStory .tr-know-the-ground-pill,
#ftSection #ftStory .ft-form-first-pill,
#ntSection #ntStory .nt-eat-with-intent-pill,
#mhiSection #mhiStory .mhi-reframe-it-pill,
#liSection #liStory .li-meet-them-halfway-pill,
#fshSection #fshStory .fsh-wear-it-well-pill,
#aesSection #aesStory .aes-make-it-a-ritual-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  position: relative;
  z-index: 1;
  cursor: pointer;
  box-sizing: border-box;
}
#mqSection #mqStory .mq-your-charge-pill {
  color: #EA580C;
  white-space: nowrap;
}
@media (hover: hover) {
  #mqSection #mqStory .mq-your-charge-control:hover .mq-your-charge-icon,
  #davSection #davStory .dav-steady-yourself-control:hover .dav-steady-yourself-icon,
  #crSection #crStory .cr-honour-the-craft-control:hover .cr-honour-the-craft-icon,
  #trSection #trStory .tr-know-the-ground-control:hover .tr-know-the-ground-icon,
  #ftSection #ftStory .ft-form-first-control:hover .ft-form-first-icon,
  #ntSection #ntStory .nt-eat-with-intent-control:hover .nt-eat-with-intent-icon,
  #mhiSection #mhiStory .mhi-reframe-it-control:hover .mhi-reframe-it-icon,
  #liSection #liStory .li-meet-them-halfway-control:hover .li-meet-them-halfway-icon,
  #fshSection #fshStory .fsh-wear-it-well-control:hover .fsh-wear-it-well-icon,
  #aesSection #aesStory .aes-make-it-a-ritual-control:hover .aes-make-it-a-ritual-icon {
    color: #9CA3AF !important;
  }
}
@media (hover: none) {
  #mqSection #mqStory .mq-your-charge-control.is-hover .mq-your-charge-icon,
  #davSection #davStory .dav-steady-yourself-control.is-hover .dav-steady-yourself-icon,
  #crSection #crStory .cr-honour-the-craft-control.is-hover .cr-honour-the-craft-icon,
  #trSection #trStory .tr-know-the-ground-control.is-hover .tr-know-the-ground-icon,
  #ftSection #ftStory .ft-form-first-control.is-hover .ft-form-first-icon,
  #ntSection #ntStory .nt-eat-with-intent-control.is-hover .nt-eat-with-intent-icon,
  #mhiSection #mhiStory .mhi-reframe-it-control.is-hover .mhi-reframe-it-icon,
  #liSection #liStory .li-meet-them-halfway-control.is-hover .li-meet-them-halfway-icon,
  #fshSection #fshStory .fsh-wear-it-well-control.is-hover .fsh-wear-it-well-icon,
  #aesSection #aesStory .aes-make-it-a-ritual-control.is-hover .aes-make-it-a-ritual-icon {
    color: #9CA3AF !important;
  }
}
@media (hover: hover) {
  #mqSection #mqStory .mq-your-charge-btn .mq-your-charge-icon:hover {
    color: #EA580C !important;
  }
}
@media (hover: none) {
  #mqSection #mqStory .mq-your-charge-btn .mq-your-charge-icon.is-hover {
    color: #EA580C !important;
  }
}
@media (hover: hover) {
  #mqSection #mqStory .mq-your-charge-control:has(.mq-your-charge-pill:hover) .mq-your-charge-icon {
    color: #EA580C !important;
  }
}
@media (hover: none) {
  #mqSection #mqStory .mq-your-charge-control:has(.mq-your-charge-pill.is-hover) .mq-your-charge-icon {
    color: #EA580C !important;
  }
}
#mqSection #mqStory .mq-your-charge-btn:active .mq-your-charge-icon,
#mqSection #mqStory .mq-your-charge-btn.pressed .mq-your-charge-icon,
#mqSection #mqStory .mq-your-charge-btn.active-page .mq-your-charge-icon {
  color: #EA580C !important;
}
#mqSection #mqStory .mq-your-charge-btn:focus-visible {
  outline: 2px solid #C2410C;
  outline-offset: 4px;
}
#davSection #davStory .dav-steady-yourself-control,
#crSection #crStory .cr-honour-the-craft-control,
#trSection #trStory .tr-know-the-ground-control,
#ftSection #ftStory .ft-form-first-control,
#ntSection #ntStory .nt-eat-with-intent-control,
#mhiSection #mhiStory .mhi-reframe-it-control,
#liSection #liStory .li-meet-them-halfway-control,
#fshSection #fshStory .fsh-wear-it-well-control,
#aesSection #aesStory .aes-make-it-a-ritual-control {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 480px;
  margin: 80px auto;
  padding: 0;
  position: relative;
  left: auto;
  overflow: visible;
  box-sizing: border-box;
  transform: none;
}
#davSection #davStory .dav-steady-yourself-pill {
  color: #6B3FA0;
  white-space: normal;
  flex: 0 1 auto;
  min-width: 0;
  text-align: start;
}
@media (hover: hover) {
  #davSection #davStory .dav-steady-yourself-btn .dav-steady-yourself-icon:hover {
    color: #6B3FA0 !important;
  }
}
@media (hover: none) {
  #davSection #davStory .dav-steady-yourself-btn .dav-steady-yourself-icon.is-hover {
    color: #6B3FA0 !important;
  }
}
@media (hover: hover) {
  #davSection #davStory .dav-steady-yourself-control:has(.dav-steady-yourself-pill:hover) .dav-steady-yourself-icon {
    color: #6B3FA0 !important;
  }
}
@media (hover: none) {
  #davSection #davStory .dav-steady-yourself-control:has(.dav-steady-yourself-pill.is-hover) .dav-steady-yourself-icon {
    color: #6B3FA0 !important;
  }
}
#davSection #davStory .dav-steady-yourself-btn:active .dav-steady-yourself-icon,
#davSection #davStory .dav-steady-yourself-btn.pressed .dav-steady-yourself-icon,
#davSection #davStory .dav-steady-yourself-btn.active-page .dav-steady-yourself-icon {
  color: #6B3FA0 !important;
}
#davSection #davStory .dav-steady-yourself-btn:focus-visible {
  outline: 2px solid #4A2E6B;
  outline-offset: 4px;
}
#crSection #crStory .cr-honour-the-craft-pill {
  color: #D97706;
  white-space: normal;
  flex: 0 1 auto;
  min-width: 0;
  text-align: start;
}
@media (hover: hover) {
  #crSection #crStory .cr-honour-the-craft-btn .cr-honour-the-craft-icon:hover {
    color: #D97706 !important;
  }
}
@media (hover: none) {
  #crSection #crStory .cr-honour-the-craft-btn .cr-honour-the-craft-icon.is-hover {
    color: #D97706 !important;
  }
}
@media (hover: hover) {
  #crSection #crStory .cr-honour-the-craft-control:has(.cr-honour-the-craft-pill:hover) .cr-honour-the-craft-icon {
    color: #D97706 !important;
  }
}
@media (hover: none) {
  #crSection #crStory .cr-honour-the-craft-control:has(.cr-honour-the-craft-pill.is-hover) .cr-honour-the-craft-icon {
    color: #D97706 !important;
  }
}
#crSection #crStory .cr-honour-the-craft-btn:active .cr-honour-the-craft-icon,
#crSection #crStory .cr-honour-the-craft-btn.pressed .cr-honour-the-craft-icon,
#crSection #crStory .cr-honour-the-craft-btn.active-page .cr-honour-the-craft-icon {
  color: #D97706 !important;
}
#crSection #crStory .cr-honour-the-craft-btn:focus-visible {
  outline: 2px solid #B45309;
  outline-offset: 4px;
}
#trSection #trStory .tr-know-the-ground-pill {
  color: #0891B2;
  white-space: normal;
  flex: 0 1 auto;
  min-width: 0;
  text-align: start;
}
@media (hover: hover) {
  #trSection #trStory .tr-know-the-ground-btn .tr-know-the-ground-icon:hover {
    color: #0891B2 !important;
  }
}
@media (hover: none) {
  #trSection #trStory .tr-know-the-ground-btn .tr-know-the-ground-icon.is-hover {
    color: #0891B2 !important;
  }
}
@media (hover: hover) {
  #trSection #trStory .tr-know-the-ground-control:has(.tr-know-the-ground-pill:hover) .tr-know-the-ground-icon {
    color: #0891B2 !important;
  }
}
@media (hover: none) {
  #trSection #trStory .tr-know-the-ground-control:has(.tr-know-the-ground-pill.is-hover) .tr-know-the-ground-icon {
    color: #0891B2 !important;
  }
}
#trSection #trStory .tr-know-the-ground-btn:active .tr-know-the-ground-icon,
#trSection #trStory .tr-know-the-ground-btn.pressed .tr-know-the-ground-icon,
#trSection #trStory .tr-know-the-ground-btn.active-page .tr-know-the-ground-icon {
  color: #0891B2 !important;
}
#trSection #trStory .tr-know-the-ground-btn:focus-visible {
  outline: 2px solid #0E7490;
  outline-offset: 4px;
}
#ftSection #ftStory .ft-form-first-pill {
  color: #DC2626;
  white-space: normal;
  flex: 0 1 auto;
  min-width: 0;
  text-align: start;
}
@media (hover: hover) {
  #ftSection #ftStory .ft-form-first-btn .ft-form-first-icon:hover {
    color: #DC2626 !important;
  }
}
@media (hover: none) {
  #ftSection #ftStory .ft-form-first-btn .ft-form-first-icon.is-hover {
    color: #DC2626 !important;
  }
}
@media (hover: hover) {
  #ftSection #ftStory .ft-form-first-control:has(.ft-form-first-pill:hover) .ft-form-first-icon {
    color: #DC2626 !important;
  }
}
@media (hover: none) {
  #ftSection #ftStory .ft-form-first-control:has(.ft-form-first-pill.is-hover) .ft-form-first-icon {
    color: #DC2626 !important;
  }
}
#ftSection #ftStory .ft-form-first-btn:active .ft-form-first-icon,
#ftSection #ftStory .ft-form-first-btn.pressed .ft-form-first-icon,
#ftSection #ftStory .ft-form-first-btn.active-page .ft-form-first-icon {
  color: #DC2626 !important;
}
#ftSection #ftStory .ft-form-first-btn:focus-visible {
  outline: 2px solid #B91C1C;
  outline-offset: 4px;
}
#ntSection #ntStory .nt-eat-with-intent-pill {
  color: #16A34A;
  white-space: normal;
  flex: 0 1 auto;
  min-width: 0;
  text-align: start;
}
@media (hover: hover) {
  #ntSection #ntStory .nt-eat-with-intent-btn .nt-eat-with-intent-icon:hover {
    color: #16A34A !important;
  }
}
@media (hover: none) {
  #ntSection #ntStory .nt-eat-with-intent-btn .nt-eat-with-intent-icon.is-hover {
    color: #16A34A !important;
  }
}
@media (hover: hover) {
  #ntSection #ntStory .nt-eat-with-intent-control:has(.nt-eat-with-intent-pill:hover) .nt-eat-with-intent-icon {
    color: #16A34A !important;
  }
}
@media (hover: none) {
  #ntSection #ntStory .nt-eat-with-intent-control:has(.nt-eat-with-intent-pill.is-hover) .nt-eat-with-intent-icon {
    color: #16A34A !important;
  }
}
#ntSection #ntStory .nt-eat-with-intent-btn:active .nt-eat-with-intent-icon,
#ntSection #ntStory .nt-eat-with-intent-btn.pressed .nt-eat-with-intent-icon,
#ntSection #ntStory .nt-eat-with-intent-btn.active-page .nt-eat-with-intent-icon {
  color: #16A34A !important;
}
#ntSection #ntStory .nt-eat-with-intent-btn:focus-visible {
  outline: 2px solid #15803D;
  outline-offset: 4px;
}
#mhiSection #mhiStory .mhi-reframe-it-pill {
  color: #2563EB;
  white-space: normal;
  flex: 0 1 auto;
  min-width: 0;
  text-align: start;
}
@media (hover: hover) {
  #mhiSection #mhiStory .mhi-reframe-it-btn .mhi-reframe-it-icon:hover {
    color: #2563EB !important;
  }
}
@media (hover: none) {
  #mhiSection #mhiStory .mhi-reframe-it-btn .mhi-reframe-it-icon.is-hover {
    color: #2563EB !important;
  }
}
@media (hover: hover) {
  #mhiSection #mhiStory .mhi-reframe-it-control:has(.mhi-reframe-it-pill:hover) .mhi-reframe-it-icon {
    color: #2563EB !important;
  }
}
@media (hover: none) {
  #mhiSection #mhiStory .mhi-reframe-it-control:has(.mhi-reframe-it-pill.is-hover) .mhi-reframe-it-icon {
    color: #2563EB !important;
  }
}
#mhiSection #mhiStory .mhi-reframe-it-btn:active .mhi-reframe-it-icon,
#mhiSection #mhiStory .mhi-reframe-it-btn.pressed .mhi-reframe-it-icon,
#mhiSection #mhiStory .mhi-reframe-it-btn.active-page .mhi-reframe-it-icon {
  color: #2563EB !important;
}
#mhiSection #mhiStory .mhi-reframe-it-btn:focus-visible {
  outline: 2px solid #1E3A8A;
  outline-offset: 4px;
}
#liSection #liStory .li-meet-them-halfway-pill {
  color: #E11D48;
  white-space: normal;
  flex: 0 1 auto;
  min-width: 0;
  text-align: start;
}
@media (hover: hover) {
  #liSection #liStory .li-meet-them-halfway-btn .li-meet-them-halfway-icon:hover {
    color: #E11D48 !important;
  }
}
@media (hover: none) {
  #liSection #liStory .li-meet-them-halfway-btn .li-meet-them-halfway-icon.is-hover {
    color: #E11D48 !important;
  }
}
@media (hover: hover) {
  #liSection #liStory .li-meet-them-halfway-control:has(.li-meet-them-halfway-pill:hover) .li-meet-them-halfway-icon {
    color: #E11D48 !important;
  }
}
@media (hover: none) {
  #liSection #liStory .li-meet-them-halfway-control:has(.li-meet-them-halfway-pill.is-hover) .li-meet-them-halfway-icon {
    color: #E11D48 !important;
  }
}
#liSection #liStory .li-meet-them-halfway-btn:active .li-meet-them-halfway-icon,
#liSection #liStory .li-meet-them-halfway-btn.pressed .li-meet-them-halfway-icon,
#liSection #liStory .li-meet-them-halfway-btn.active-page .li-meet-them-halfway-icon {
  color: #E11D48 !important;
}
#liSection #liStory .li-meet-them-halfway-btn:focus-visible {
  outline: 2px solid #BE123C;
  outline-offset: 4px;
}
#fshSection #fshStory .fsh-wear-it-well-pill {
  color: #0D9488;
  white-space: normal;
  flex: 0 1 auto;
  min-width: 0;
  text-align: start;
}
@media (hover: hover) {
  #fshSection #fshStory .fsh-wear-it-well-btn .fsh-wear-it-well-icon:hover {
    color: #0D9488 !important;
  }
}
@media (hover: none) {
  #fshSection #fshStory .fsh-wear-it-well-btn .fsh-wear-it-well-icon.is-hover {
    color: #0D9488 !important;
  }
}
@media (hover: hover) {
  #fshSection #fshStory .fsh-wear-it-well-control:has(.fsh-wear-it-well-pill:hover) .fsh-wear-it-well-icon {
    color: #0D9488 !important;
  }
}
@media (hover: none) {
  #fshSection #fshStory .fsh-wear-it-well-control:has(.fsh-wear-it-well-pill.is-hover) .fsh-wear-it-well-icon {
    color: #0D9488 !important;
  }
}
#fshSection #fshStory .fsh-wear-it-well-btn:active .fsh-wear-it-well-icon,
#fshSection #fshStory .fsh-wear-it-well-btn.pressed .fsh-wear-it-well-icon,
#fshSection #fshStory .fsh-wear-it-well-btn.active-page .fsh-wear-it-well-icon {
  color: #0D9488 !important;
}
#fshSection #fshStory .fsh-wear-it-well-btn:focus-visible {
  outline: 2px solid #0F766E;
  outline-offset: 4px;
}
#aesSection #aesStory .aes-make-it-a-ritual-pill {
  color: #65A30D;
  white-space: normal;
  flex: 0 1 auto;
  min-width: 0;
  text-align: start;
}
@media (hover: hover) {
  #aesSection #aesStory .aes-make-it-a-ritual-btn .aes-make-it-a-ritual-icon:hover {
    color: #65A30D !important;
  }
}
@media (hover: none) {
  #aesSection #aesStory .aes-make-it-a-ritual-btn .aes-make-it-a-ritual-icon.is-hover {
    color: #65A30D !important;
  }
}
@media (hover: hover) {
  #aesSection #aesStory .aes-make-it-a-ritual-control:has(.aes-make-it-a-ritual-pill:hover) .aes-make-it-a-ritual-icon {
    color: #65A30D !important;
  }
}
@media (hover: none) {
  #aesSection #aesStory .aes-make-it-a-ritual-control:has(.aes-make-it-a-ritual-pill.is-hover) .aes-make-it-a-ritual-icon {
    color: #65A30D !important;
  }
}
#aesSection #aesStory .aes-make-it-a-ritual-btn:active .aes-make-it-a-ritual-icon,
#aesSection #aesStory .aes-make-it-a-ritual-btn.pressed .aes-make-it-a-ritual-icon,
#aesSection #aesStory .aes-make-it-a-ritual-btn.active-page .aes-make-it-a-ritual-icon {
  color: #65A30D !important;
}
#aesSection #aesStory .aes-make-it-a-ritual-btn:focus-visible {
  outline: 2px solid #4D7C0F;
  outline-offset: 4px;
}

/* -- Your-charge modal: page blur -- */
body.mq-your-charge-modal-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10003;
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
body.dav-steady-yourself-modal-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10003;
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
body.cr-honour-the-craft-modal-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10003;
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
body.tr-know-the-ground-modal-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10003;
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
body.ft-form-first-modal-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10003;
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
body.nt-eat-with-intent-modal-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10003;
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
body.mhi-reframe-it-modal-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10003;
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
body.li-meet-them-halfway-modal-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10003;
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
body.fsh-wear-it-well-modal-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10003;
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
body.aes-make-it-a-ritual-modal-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10003;
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

/* -- Your-charge modal: window -- */
#mqYourChargeModal,
#davSteadyYourselfModal,
#crHonourTheCraftModal,
#trKnowTheGroundModal,
#ftFormFirstModal,
#ntEatWithIntentModal,
#mhiReframeItModal,
#liMeetThemHalfwayModal,
#fshWearItWellModal,
#aesMakeItARitualModal,
#mqYourChargeModal::before,
#davSteadyYourselfModal::before,
#crHonourTheCraftModal::before,
#trKnowTheGroundModal::before,
#ftFormFirstModal::before,
#ntEatWithIntentModal::before,
#mhiReframeItModal::before,
#liMeetThemHalfwayModal::before,
#fshWearItWellModal::before,
#aesMakeItARitualModal::before,
#mqYourChargeModal *,
#davSteadyYourselfModal *,
#crHonourTheCraftModal *,
#trKnowTheGroundModal *,
#ftFormFirstModal *,
#ntEatWithIntentModal *,
#mhiReframeItModal *,
#liMeetThemHalfwayModal *,
#fshWearItWellModal *,
#aesMakeItARitualModal *,
#mqYourChargeModal *::before,
#davSteadyYourselfModal *::before,
#crHonourTheCraftModal *::before,
#trKnowTheGroundModal *::before,
#ftFormFirstModal *::before,
#ntEatWithIntentModal *::before,
#mhiReframeItModal *::before,
#liMeetThemHalfwayModal *::before,
#fshWearItWellModal *::before,
#aesMakeItARitualModal *::before,
#mqYourChargeModal *::after,
#davSteadyYourselfModal *::after,
#crHonourTheCraftModal *::after,
#trKnowTheGroundModal *::after,
#ftFormFirstModal *::after,
#ntEatWithIntentModal *::after,
#mhiReframeItModal *::after,
#liMeetThemHalfwayModal *::after,
#fshWearItWellModal *::after,
#aesMakeItARitualModal *::after {
  box-sizing: border-box;
}
#mqYourChargeModal,
#davSteadyYourselfModal,
#crHonourTheCraftModal,
#trKnowTheGroundModal,
#ftFormFirstModal,
#ntEatWithIntentModal,
#mhiReframeItModal,
#liMeetThemHalfwayModal,
#fshWearItWellModal,
#aesMakeItARitualModal {
  display: grid;
  position: fixed;
  top: calc(10 * var(--vh));
  left: calc(10 * var(--vh));
  width: calc(calc(100 * var(--vw)) - calc(20 * var(--vh)));
  height: calc(80 * var(--vh));
  margin: 0;
  padding: 0;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 56px minmax(0, 1fr);
  overflow: hidden;
  z-index: 11000;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
  isolation: isolate;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: start;
  text-transform: none;
}
#mqYourChargeModal {
  background: rgba(255, 248, 236, 0.82);
  color: rgb(108, 33, 8);
}
#mqYourChargeModal.is-open,
#davSteadyYourselfModal.is-open,
#crHonourTheCraftModal.is-open,
#trKnowTheGroundModal.is-open,
#ftFormFirstModal.is-open,
#ntEatWithIntentModal.is-open,
#mhiReframeItModal.is-open,
#liMeetThemHalfwayModal.is-open,
#fshWearItWellModal.is-open,
#aesMakeItARitualModal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.4s ease, visibility 0s linear 0s;
}
#mqYourChargeModal::before,
#davSteadyYourselfModal::before,
#crHonourTheCraftModal::before,
#trKnowTheGroundModal::before,
#ftFormFirstModal::before,
#ntEatWithIntentModal::before,
#mhiReframeItModal::before,
#liMeetThemHalfwayModal::before,
#fshWearItWellModal::before,
#aesMakeItARitualModal::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 120px);
  width: 240px;
  z-index: 2;
  pointer-events: none;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100%);
}
#mqYourChargeModal #mqYourChargeWallpaper,
#davSteadyYourselfModal #davSteadyYourselfWallpaper,
#crHonourTheCraftModal #crHonourTheCraftWallpaper,
#trKnowTheGroundModal #trKnowTheGroundWallpaper,
#ftFormFirstModal #ftFormFirstWallpaper,
#ntEatWithIntentModal #ntEatWithIntentWallpaper,
#mhiReframeItModal #mhiReframeItWallpaper,
#liMeetThemHalfwayModal #liMeetThemHalfwayWallpaper,
#fshWearItWellModal #fshWearItWellWallpaper,
#aesMakeItARitualModal #aesMakeItARitualWallpaper {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 50%;
  max-width: 50%;
  height: 100%;
  display: block;
  z-index: 0;
  pointer-events: none;
}
#mqYourChargeModal .mq-your-charge-modal-right,
#davSteadyYourselfModal .dav-steady-yourself-modal-right,
#crHonourTheCraftModal .cr-honour-the-craft-modal-right,
#trKnowTheGroundModal .tr-know-the-ground-modal-right,
#ftFormFirstModal .ft-form-first-modal-right,
#ntEatWithIntentModal .nt-eat-with-intent-modal-right,
#mhiReframeItModal .mhi-reframe-it-modal-right,
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-right,
#fshWearItWellModal .fsh-wear-it-well-modal-right,
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-right {
  grid-column: 2;
  grid-row: 1 / -1;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
  isolation: isolate;
  background: rgb(255, 255, 255);
  pointer-events: none;
}
#mqYourChargeModal .mq-your-charge-modal-image,
#davSteadyYourselfModal .dav-steady-yourself-modal-image,
#crHonourTheCraftModal .cr-honour-the-craft-modal-image,
#trKnowTheGroundModal .tr-know-the-ground-modal-image,
#ftFormFirstModal .ft-form-first-modal-image,
#ntEatWithIntentModal .nt-eat-with-intent-modal-image,
#mhiReframeItModal .mhi-reframe-it-modal-image,
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-image,
#fshWearItWellModal .fsh-wear-it-well-modal-image,
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-image {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: cover;
  object-position: center center;
  z-index: 0;
  pointer-events: none;
}
#mqYourChargeModal .mq-your-charge-cover-layer,
#davSteadyYourselfModal .dav-steady-yourself-cover-layer,
#crHonourTheCraftModal .cr-honour-the-craft-cover-layer,
#trKnowTheGroundModal .tr-know-the-ground-cover-layer,
#ftFormFirstModal .ft-form-first-cover-layer,
#ntEatWithIntentModal .nt-eat-with-intent-cover-layer,
#mhiReframeItModal .mhi-reframe-it-cover-layer,
#liMeetThemHalfwayModal .li-meet-them-halfway-cover-layer,
#fshWearItWellModal .fsh-wear-it-well-cover-layer,
#aesMakeItARitualModal .aes-make-it-a-ritual-cover-layer {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  background: #FFFFFF;
  opacity: 1;
  pointer-events: none;
}
#mqYourChargeModal .mq-your-charge-cover-image,
#davSteadyYourselfModal .dav-steady-yourself-cover-image,
#crHonourTheCraftModal .cr-honour-the-craft-cover-image,
#trKnowTheGroundModal .tr-know-the-ground-cover-image,
#ftFormFirstModal .ft-form-first-cover-image,
#ntEatWithIntentModal .nt-eat-with-intent-cover-image,
#mhiReframeItModal .mhi-reframe-it-cover-image,
#liMeetThemHalfwayModal .li-meet-them-halfway-cover-image,
#fshWearItWellModal .fsh-wear-it-well-cover-image,
#aesMakeItARitualModal .aes-make-it-a-ritual-cover-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center center;
  background: #FFFFFF;
  pointer-events: none;
}
#mqYourChargeModal .mq-your-charge-modal-header,
#davSteadyYourselfModal .dav-steady-yourself-modal-header,
#crHonourTheCraftModal .cr-honour-the-craft-modal-header,
#trKnowTheGroundModal .tr-know-the-ground-modal-header,
#ftFormFirstModal .ft-form-first-modal-header,
#ntEatWithIntentModal .nt-eat-with-intent-modal-header,
#mhiReframeItModal .mhi-reframe-it-modal-header,
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-header,
#fshWearItWellModal .fsh-wear-it-well-modal-header,
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-header {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  width: 100%;
  height: 72px;
  min-height: 56px;
  margin: 0;
  padding: 0;
  position: static;
  z-index: 3;
  background: transparent;
}
#mqYourChargeModal .mq-your-charge-modal-title-wrapper,
#davSteadyYourselfModal .dav-steady-yourself-modal-title-wrapper,
#crHonourTheCraftModal .cr-honour-the-craft-modal-title-wrapper,
#trKnowTheGroundModal .tr-know-the-ground-modal-title-wrapper,
#ftFormFirstModal .ft-form-first-modal-title-wrapper,
#ntEatWithIntentModal .nt-eat-with-intent-modal-title-wrapper,
#mhiReframeItModal .mhi-reframe-it-modal-title-wrapper,
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-title-wrapper,
#fshWearItWellModal .fsh-wear-it-well-modal-title-wrapper,
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-title-wrapper {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 3;
}
#mqYourChargeModal .mq-your-charge-modal-title-logo,
#davSteadyYourselfModal .dav-steady-yourself-modal-title-logo,
#crHonourTheCraftModal .cr-honour-the-craft-modal-title-logo,
#trKnowTheGroundModal .tr-know-the-ground-modal-title-logo,
#ftFormFirstModal .ft-form-first-modal-title-logo,
#ntEatWithIntentModal .nt-eat-with-intent-modal-title-logo,
#mhiReframeItModal .mhi-reframe-it-modal-title-logo,
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-title-logo,
#fshWearItWellModal .fsh-wear-it-well-modal-title-logo,
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-title-logo {
  display: block;
  width: 320px;
  height: 320px;
  min-width: 320px;
  min-height: 320px;
  flex: none;
  color: #FFFFFF;
  position: fixed;
  left: calc(calc(25 * var(--vw)) + calc(5 * var(--vh)) + 0.5px);
  top: calc(calc(50 * var(--vh)) + 28px);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
}
#mqYourChargeModal .mq-your-charge-modal-title,
#davSteadyYourselfModal .dav-steady-yourself-modal-title,
#crHonourTheCraftModal .cr-honour-the-craft-modal-title,
#trKnowTheGroundModal .tr-know-the-ground-modal-title,
#ftFormFirstModal .ft-form-first-modal-title,
#ntEatWithIntentModal .nt-eat-with-intent-modal-title,
#mhiReframeItModal .mhi-reframe-it-modal-title,
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-title,
#fshWearItWellModal .fsh-wear-it-well-modal-title,
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-title {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 32px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.7px;
  line-height: 1.2;
  text-transform: none;
  position: relative;
  z-index: 3;
}
#mqYourChargeModal .mq-your-charge-modal-title {
  color: #EA580C;
}
#mqYourChargeModal .mq-your-charge-modal-close,
#davSteadyYourselfModal .dav-steady-yourself-modal-close,
#crHonourTheCraftModal .cr-honour-the-craft-modal-close,
#trKnowTheGroundModal .tr-know-the-ground-modal-close,
#ftFormFirstModal .ft-form-first-modal-close,
#ntEatWithIntentModal .nt-eat-with-intent-modal-close,
#mhiReframeItModal .mhi-reframe-it-modal-close,
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-close,
#fshWearItWellModal .fsh-wear-it-well-modal-close,
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  left: auto;
  bottom: auto;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: #FFFFFF;
  color: #6B7280;
  cursor: pointer;
  z-index: 3;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  line-height: 1;
  text-align: center;
  -webkit-appearance: none;
  appearance: none;
}
#mqYourChargeModal .mq-your-charge-modal-close svg,
#davSteadyYourselfModal .dav-steady-yourself-modal-close svg,
#crHonourTheCraftModal .cr-honour-the-craft-modal-close svg,
#trKnowTheGroundModal .tr-know-the-ground-modal-close svg,
#ftFormFirstModal .ft-form-first-modal-close svg,
#ntEatWithIntentModal .nt-eat-with-intent-modal-close svg,
#mhiReframeItModal .mhi-reframe-it-modal-close svg,
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-close svg,
#fshWearItWellModal .fsh-wear-it-well-modal-close svg,
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-close svg {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0;
  flex: 0 0 32px;
  color: #6B7280;
}
@media (hover: hover) {
  #mqYourChargeModal .mq-your-charge-modal-close:hover svg {
    color: #C2410C;
  }
}
@media (hover: none) {
  #mqYourChargeModal .mq-your-charge-modal-close.is-hover svg {
    color: #C2410C;
  }
}
#mqYourChargeModal .mq-your-charge-modal-close:focus-visible {
  outline: 2px solid #C2410C;
  outline-offset: 4px;
}
#mqYourChargeModal .mq-your-charge-modal-left,
#davSteadyYourselfModal .dav-steady-yourself-modal-left,
#crHonourTheCraftModal .cr-honour-the-craft-modal-left,
#trKnowTheGroundModal .tr-know-the-ground-modal-left,
#ftFormFirstModal .ft-form-first-modal-left,
#ntEatWithIntentModal .nt-eat-with-intent-modal-left,
#mhiReframeItModal .mhi-reframe-it-modal-left,
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-left,
#fshWearItWellModal .fsh-wear-it-well-modal-left,
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-left {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  min-height: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 16px 16px 16px 16px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  border: 0;
  border-right: none;
  position: relative;
  z-index: 3;
  isolation: isolate;
  background: transparent;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#mqYourChargeModal .mq-your-charge-modal-left::-webkit-scrollbar,
#davSteadyYourselfModal .dav-steady-yourself-modal-left::-webkit-scrollbar,
#crHonourTheCraftModal .cr-honour-the-craft-modal-left::-webkit-scrollbar,
#trKnowTheGroundModal .tr-know-the-ground-modal-left::-webkit-scrollbar,
#ftFormFirstModal .ft-form-first-modal-left::-webkit-scrollbar,
#ntEatWithIntentModal .nt-eat-with-intent-modal-left::-webkit-scrollbar,
#mhiReframeItModal .mhi-reframe-it-modal-left::-webkit-scrollbar,
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-left::-webkit-scrollbar,
#fshWearItWellModal .fsh-wear-it-well-modal-left::-webkit-scrollbar,
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-left::-webkit-scrollbar {
  display: none;
}
#mqYourChargeModal #mqYourChargeParticles,
#davSteadyYourselfModal #davSteadyYourselfParticles,
#crHonourTheCraftModal #crHonourTheCraftParticles,
#trKnowTheGroundModal #trKnowTheGroundParticles,
#ftFormFirstModal #ftFormFirstParticles,
#ntEatWithIntentModal #ntEatWithIntentParticles,
#mhiReframeItModal #mhiReframeItParticles,
#liMeetThemHalfwayModal #liMeetThemHalfwayParticles,
#fshWearItWellModal #fshWearItWellParticles,
#aesMakeItARitualModal #aesMakeItARitualParticles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 4;
  pointer-events: none;
}
#davSteadyYourselfModal {
  background: rgba(245, 243, 255, 0.82);
  color: rgb(46, 26, 71);
}
#davSteadyYourselfModal .dav-steady-yourself-modal-title {
  color: #6B3FA0;
}
@media (hover: hover) {
  #davSteadyYourselfModal .dav-steady-yourself-modal-close:hover svg {
    color: #4A2E6B;
  }
}
@media (hover: none) {
  #davSteadyYourselfModal .dav-steady-yourself-modal-close.is-hover svg {
    color: #4A2E6B;
  }
}
#davSteadyYourselfModal .dav-steady-yourself-modal-close:focus-visible {
  outline: 2px solid #4A2E6B;
  outline-offset: 4px;
}
#crHonourTheCraftModal {
  background: rgba(255, 251, 235, 0.82);
  color: rgb(106, 71, 11);
}
#crHonourTheCraftModal .cr-honour-the-craft-modal-title {
  color: #D97706;
}
@media (hover: hover) {
  #crHonourTheCraftModal .cr-honour-the-craft-modal-close:hover svg {
    color: #B45309;
  }
}
@media (hover: none) {
  #crHonourTheCraftModal .cr-honour-the-craft-modal-close.is-hover svg {
    color: #B45309;
  }
}
#crHonourTheCraftModal .cr-honour-the-craft-modal-close:focus-visible {
  outline: 2px solid #B45309;
  outline-offset: 4px;
}
#trKnowTheGroundModal {
  background: rgba(236, 254, 255, 0.82);
  color: rgb(11, 90, 106);
}
#trKnowTheGroundModal .tr-know-the-ground-modal-title {
  color: #0891B2;
}
@media (hover: hover) {
  #trKnowTheGroundModal .tr-know-the-ground-modal-close:hover svg {
    color: #0E7490;
  }
}
@media (hover: none) {
  #trKnowTheGroundModal .tr-know-the-ground-modal-close.is-hover svg {
    color: #0E7490;
  }
}
#trKnowTheGroundModal .tr-know-the-ground-modal-close:focus-visible {
  outline: 2px solid #0E7490;
  outline-offset: 4px;
}
#ftFormFirstModal {
  background: rgba(254, 242, 242, 0.82);
  color: rgb(106, 11, 11);
}
#ftFormFirstModal .ft-form-first-modal-title {
  color: #DC2626;
}
@media (hover: hover) {
  #ftFormFirstModal .ft-form-first-modal-close:hover svg {
    color: #B91C1C;
  }
}
@media (hover: none) {
  #ftFormFirstModal .ft-form-first-modal-close.is-hover svg {
    color: #B91C1C;
  }
}
#ftFormFirstModal .ft-form-first-modal-close:focus-visible {
  outline: 2px solid #B91C1C;
  outline-offset: 4px;
}
#ntEatWithIntentModal {
  background: rgba(240, 253, 244, 0.82);
  color: rgb(11, 106, 45);
}
#ntEatWithIntentModal .nt-eat-with-intent-modal-title {
  color: #16A34A;
}
@media (hover: hover) {
  #ntEatWithIntentModal .nt-eat-with-intent-modal-close:hover svg {
    color: #15803D;
  }
}
@media (hover: none) {
  #ntEatWithIntentModal .nt-eat-with-intent-modal-close.is-hover svg {
    color: #15803D;
  }
}
#ntEatWithIntentModal .nt-eat-with-intent-modal-close:focus-visible {
  outline: 2px solid #15803D;
  outline-offset: 4px;
}
#mhiReframeItModal {
  background: rgba(239, 246, 255, 0.82);
  color: rgb(11, 41, 106);
}
#mhiReframeItModal .mhi-reframe-it-modal-title {
  color: #2563EB;
}
@media (hover: hover) {
  #mhiReframeItModal .mhi-reframe-it-modal-close:hover svg {
    color: #1E3A8A;
  }
}
@media (hover: none) {
  #mhiReframeItModal .mhi-reframe-it-modal-close.is-hover svg {
    color: #1E3A8A;
  }
}
#mhiReframeItModal .mhi-reframe-it-modal-close:focus-visible {
  outline: 2px solid #1E3A8A;
  outline-offset: 4px;
}
#liMeetThemHalfwayModal {
  background: rgba(255, 241, 242, 0.82);
  color: rgb(106, 11, 31);
}
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-title {
  color: #E11D48;
}
@media (hover: hover) {
  #liMeetThemHalfwayModal .li-meet-them-halfway-modal-close:hover svg {
    color: #BE123C;
  }
}
@media (hover: none) {
  #liMeetThemHalfwayModal .li-meet-them-halfway-modal-close.is-hover svg {
    color: #BE123C;
  }
}
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-close:focus-visible {
  outline: 2px solid #BE123C;
  outline-offset: 4px;
}
#fshWearItWellModal {
  background: rgba(240, 253, 250, 0.82);
  color: rgb(11, 106, 98);
}
#fshWearItWellModal .fsh-wear-it-well-modal-title {
  color: #0D9488;
}
@media (hover: hover) {
  #fshWearItWellModal .fsh-wear-it-well-modal-close:hover svg {
    color: #0F766E;
  }
}
@media (hover: none) {
  #fshWearItWellModal .fsh-wear-it-well-modal-close.is-hover svg {
    color: #0F766E;
  }
}
#fshWearItWellModal .fsh-wear-it-well-modal-close:focus-visible {
  outline: 2px solid #0F766E;
  outline-offset: 4px;
}
#aesMakeItARitualModal {
  background: rgba(247, 254, 231, 0.82);
  color: rgb(63, 98, 18);
}
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-title {
  color: #65A30D;
}
@media (hover: hover) {
  #aesMakeItARitualModal .aes-make-it-a-ritual-modal-close:hover svg {
    color: #4D7C0F;
  }
}
@media (hover: none) {
  #aesMakeItARitualModal .aes-make-it-a-ritual-modal-close.is-hover svg {
    color: #4D7C0F;
  }
}
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-close:focus-visible {
  outline: 2px solid #4D7C0F;
  outline-offset: 4px;
}

/* -- Your-charge modal: the five items -- */
#mqYourChargeModal .mq-charge-section,
#davSteadyYourselfModal .dav-steady-yourself-section,
#crHonourTheCraftModal .cr-honour-the-craft-section,
#trKnowTheGroundModal .tr-know-the-ground-section,
#ftFormFirstModal .ft-form-first-section,
#ntEatWithIntentModal .nt-eat-with-intent-section,
#mhiReframeItModal .mhi-reframe-it-section,
#liMeetThemHalfwayModal .li-meet-them-halfway-section,
#fshWearItWellModal .fsh-wear-it-well-section,
#aesMakeItARitualModal .aes-make-it-a-ritual-section {
  display: block;
  margin: 8px;
  padding: 0;
}
#mqYourChargeModal .mq-charge,
#davSteadyYourselfModal .dav-steady-yourself,
#crHonourTheCraftModal .cr-honour-the-craft,
#trKnowTheGroundModal .tr-know-the-ground,
#ftFormFirstModal .ft-form-first,
#ntEatWithIntentModal .nt-eat-with-intent,
#mhiReframeItModal .mhi-reframe-it,
#liMeetThemHalfwayModal .li-meet-them-halfway,
#fshWearItWellModal .fsh-wear-it-well,
#aesMakeItARitualModal .aes-make-it-a-ritual {
  display: block;
  margin: 0 0 calc(4.5 * var(--vh));
  padding: 0;
  border: 0;
}
#mqYourChargeModal .mq-charge-premium-header,
#davSteadyYourselfModal .dav-steady-yourself-premium-header,
#crHonourTheCraftModal .cr-honour-the-craft-premium-header,
#trKnowTheGroundModal .tr-know-the-ground-premium-header,
#ftFormFirstModal .ft-form-first-premium-header,
#ntEatWithIntentModal .nt-eat-with-intent-premium-header,
#mhiReframeItModal .mhi-reframe-it-premium-header,
#liMeetThemHalfwayModal .li-meet-them-halfway-premium-header,
#fshWearItWellModal .fsh-wear-it-well-premium-header,
#aesMakeItARitualModal .aes-make-it-a-ritual-premium-header {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0 0 8px;
  padding: 0;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: start;
  text-transform: none;
  position: relative;
  z-index: 3;
}
#mqYourChargeModal .mq-charge-premium-header {
  color: #C2410C !important;
}
#mqYourChargeModal .mq-charge-premium-number,
#davSteadyYourselfModal .dav-steady-yourself-premium-number,
#crHonourTheCraftModal .cr-honour-the-craft-premium-number,
#trKnowTheGroundModal .tr-know-the-ground-premium-number,
#ftFormFirstModal .ft-form-first-premium-number,
#ntEatWithIntentModal .nt-eat-with-intent-premium-number,
#mhiReframeItModal .mhi-reframe-it-premium-number,
#liMeetThemHalfwayModal .li-meet-them-halfway-premium-number,
#fshWearItWellModal .fsh-wear-it-well-premium-number,
#aesMakeItARitualModal .aes-make-it-a-ritual-premium-number {
  flex: 0 0 auto;
  margin: 0 8px 0 0;
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.8px;
}
#mqYourChargeModal .mq-charge-premium-number {
  color: #C2410C;
}
#mqYourChargeModal .mq-charge-premium-divider,
#davSteadyYourselfModal .dav-steady-yourself-premium-divider,
#crHonourTheCraftModal .cr-honour-the-craft-premium-divider,
#trKnowTheGroundModal .tr-know-the-ground-premium-divider,
#ftFormFirstModal .ft-form-first-premium-divider,
#ntEatWithIntentModal .nt-eat-with-intent-premium-divider,
#mhiReframeItModal .mhi-reframe-it-premium-divider,
#liMeetThemHalfwayModal .li-meet-them-halfway-premium-divider,
#fshWearItWellModal .fsh-wear-it-well-premium-divider,
#aesMakeItARitualModal .aes-make-it-a-ritual-premium-divider {
  flex: 0 0 1px;
  width: 1px;
  height: 28px;
  margin: 0 8px 0 0;
  opacity: 0.45;
}
#mqYourChargeModal .mq-charge-premium-divider {
  background: #C2410C;
}
#mqYourChargeModal .mq-charge-premium-title,
#davSteadyYourselfModal .dav-steady-yourself-premium-title,
#crHonourTheCraftModal .cr-honour-the-craft-premium-title,
#trKnowTheGroundModal .tr-know-the-ground-premium-title,
#ftFormFirstModal .ft-form-first-premium-title,
#ntEatWithIntentModal .nt-eat-with-intent-premium-title,
#mhiReframeItModal .mhi-reframe-it-premium-title,
#liMeetThemHalfwayModal .li-meet-them-halfway-premium-title,
#fshWearItWellModal .fsh-wear-it-well-premium-title,
#aesMakeItARitualModal .aes-make-it-a-ritual-premium-title {
  margin: 0;
  padding: 0;
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
}
#mqYourChargeModal .mq-charge-premium-title {
  color: #C2410C;
}
#mqYourChargeModal .mq-charge p,
#davSteadyYourselfModal .dav-steady-yourself p,
#crHonourTheCraftModal .cr-honour-the-craft p,
#trKnowTheGroundModal .tr-know-the-ground p,
#ftFormFirstModal .ft-form-first p,
#ntEatWithIntentModal .nt-eat-with-intent p,
#mhiReframeItModal .mhi-reframe-it p,
#liMeetThemHalfwayModal .li-meet-them-halfway p,
#fshWearItWellModal .fsh-wear-it-well p,
#aesMakeItARitualModal .aes-make-it-a-ritual p {
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: Georgia,"Times New Roman", serif;
  font-size: clamp(15.68px, calc(1.12 * var(--vw)), 18.56px);
  font-weight: 400;
  line-height: 1.72;
  text-align: start;
}
#mqYourChargeModal .mq-charge u,
#davSteadyYourselfModal .dav-steady-yourself u,
#crHonourTheCraftModal .cr-honour-the-craft u,
#trKnowTheGroundModal .tr-know-the-ground u,
#ftFormFirstModal .ft-form-first u,
#ntEatWithIntentModal .nt-eat-with-intent u,
#mhiReframeItModal .mhi-reframe-it u,
#liMeetThemHalfwayModal .li-meet-them-halfway u,
#fshWearItWellModal .fsh-wear-it-well u,
#aesMakeItARitualModal .aes-make-it-a-ritual u {
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#mqYourChargeModal .mq-charge u {
  text-decoration-color: #EA580C;
}
#mqYourChargeModal .mq-charge p:first-of-type::first-letter,
#davSteadyYourselfModal .dav-steady-yourself p:first-of-type::first-letter,
#crHonourTheCraftModal .cr-honour-the-craft p:first-of-type::first-letter,
#trKnowTheGroundModal .tr-know-the-ground p:first-of-type::first-letter,
#ftFormFirstModal .ft-form-first p:first-of-type::first-letter,
#ntEatWithIntentModal .nt-eat-with-intent p:first-of-type::first-letter,
#mhiReframeItModal .mhi-reframe-it p:first-of-type::first-letter,
#liMeetThemHalfwayModal .li-meet-them-halfway p:first-of-type::first-letter,
#fshWearItWellModal .fsh-wear-it-well p:first-of-type::first-letter,
#aesMakeItARitualModal .aes-make-it-a-ritual p:first-of-type::first-letter {
  float: left;
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 0.82;
  margin-right: 2px;
  margin-top: 2px;
  color: #000000;
}
/* Small end mark (line · phoenix · line) after techniques 1–4. */
#mqYourChargeModal .mq-charge-end-mark,
#davSteadyYourselfModal .dav-steady-yourself-end-mark,
#crHonourTheCraftModal .cr-honour-the-craft-end-mark,
#trKnowTheGroundModal .tr-know-the-ground-end-mark,
#ftFormFirstModal .ft-form-first-end-mark,
#ntEatWithIntentModal .nt-eat-with-intent-end-mark,
#mhiReframeItModal .mhi-reframe-it-end-mark,
#liMeetThemHalfwayModal .li-meet-them-halfway-end-mark,
#fshWearItWellModal .fsh-wear-it-well-end-mark,
#aesMakeItARitualModal .aes-make-it-a-ritual-end-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 16px;
  margin: 8px 0 0 0;
  padding: 0;
  position: relative;
  z-index: 3;
}
#mqYourChargeModal .mq-charge-end-mark {
  color: #C2410C;
}
#mqYourChargeModal .mq-charge-end-mark-line,
#davSteadyYourselfModal .dav-steady-yourself-end-mark-line,
#crHonourTheCraftModal .cr-honour-the-craft-end-mark-line,
#trKnowTheGroundModal .tr-know-the-ground-end-mark-line,
#ftFormFirstModal .ft-form-first-end-mark-line,
#ntEatWithIntentModal .nt-eat-with-intent-end-mark-line,
#mhiReframeItModal .mhi-reframe-it-end-mark-line,
#liMeetThemHalfwayModal .li-meet-them-halfway-end-mark-line,
#fshWearItWellModal .fsh-wear-it-well-end-mark-line,
#aesMakeItARitualModal .aes-make-it-a-ritual-end-mark-line {
  display: block;
  width: 80px;
  height: 1px;
  flex: 0 0 80px;
  background: currentColor;
}
#mqYourChargeModal .mq-charge-end-mark-phoenix,
#davSteadyYourselfModal .dav-steady-yourself-end-mark-phoenix,
#crHonourTheCraftModal .cr-honour-the-craft-end-mark-phoenix,
#trKnowTheGroundModal .tr-know-the-ground-end-mark-phoenix,
#ftFormFirstModal .ft-form-first-end-mark-phoenix,
#ntEatWithIntentModal .nt-eat-with-intent-end-mark-phoenix,
#mhiReframeItModal .mhi-reframe-it-end-mark-phoenix,
#liMeetThemHalfwayModal .li-meet-them-halfway-end-mark-phoenix,
#fshWearItWellModal .fsh-wear-it-well-end-mark-phoenix,
#aesMakeItARitualModal .aes-make-it-a-ritual-end-mark-phoenix {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin: 0 8px;
  color: currentColor;
}
#mqYourChargeModal .mq-charge-end-mark-phoenix svg,
#davSteadyYourselfModal .dav-steady-yourself-end-mark-phoenix svg,
#crHonourTheCraftModal .cr-honour-the-craft-end-mark-phoenix svg,
#trKnowTheGroundModal .tr-know-the-ground-end-mark-phoenix svg,
#ftFormFirstModal .ft-form-first-end-mark-phoenix svg,
#ntEatWithIntentModal .nt-eat-with-intent-end-mark-phoenix svg,
#mhiReframeItModal .mhi-reframe-it-end-mark-phoenix svg,
#liMeetThemHalfwayModal .li-meet-them-halfway-end-mark-phoenix svg,
#fshWearItWellModal .fsh-wear-it-well-end-mark-phoenix svg,
#aesMakeItARitualModal .aes-make-it-a-ritual-end-mark-phoenix svg {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  color: currentColor;
}
/* Narrow screens: the rule for the reading panels. */
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 900px)). */
:where(html:not([data-layout="laptop"])) #mqYourChargeModal .mq-your-charge-modal-left,
:where(html:not([data-layout="laptop"])) #davSteadyYourselfModal .dav-steady-yourself-modal-left,
:where(html:not([data-layout="laptop"])) #crHonourTheCraftModal .cr-honour-the-craft-modal-left,
:where(html:not([data-layout="laptop"])) #trKnowTheGroundModal .tr-know-the-ground-modal-left,
:where(html:not([data-layout="laptop"])) #ftFormFirstModal .ft-form-first-modal-left,
:where(html:not([data-layout="laptop"])) #ntEatWithIntentModal .nt-eat-with-intent-modal-left,
:where(html:not([data-layout="laptop"])) #mhiReframeItModal .mhi-reframe-it-modal-left,
:where(html:not([data-layout="laptop"])) #liMeetThemHalfwayModal .li-meet-them-halfway-modal-left,
:where(html:not([data-layout="laptop"])) #fshWearItWellModal .fsh-wear-it-well-modal-left,
:where(html:not([data-layout="laptop"])) #aesMakeItARitualModal .aes-make-it-a-ritual-modal-left {
  width: 94%;
  padding-inline: calc(5 * var(--vw) * var(--phone-base)); /* 5vw of a reading panel drawn at 75% */
}

@media print {
  #mqSection #mqStory .mq-your-charge-control,
  #davSection #davStory .dav-steady-yourself-control,
  #crSection #crStory .cr-honour-the-craft-control,
  #trSection #trStory .tr-know-the-ground-control,
  #ftSection #ftStory .ft-form-first-control,
  #ntSection #ntStory .nt-eat-with-intent-control,
  #mhiSection #mhiStory .mhi-reframe-it-control,
  #liSection #liStory .li-meet-them-halfway-control,
  #fshSection #fshStory .fsh-wear-it-well-control,
  #aesSection #aesStory .aes-make-it-a-ritual-control,
  #mqYourChargeModal,
  #davSteadyYourselfModal,
  #crHonourTheCraftModal,
  #trKnowTheGroundModal,
  #ftFormFirstModal,
  #ntEatWithIntentModal,
  #mhiReframeItModal,
  #liMeetThemHalfwayModal,
  #fshWearItWellModal,
  #aesMakeItARitualModal {
    display: none;
  }
}
#davSteadyYourselfModal .dav-steady-yourself-premium-header {
  color: #5D3494 !important;
}
#davSteadyYourselfModal .dav-steady-yourself-premium-number {
  color: #5D3494;
}
#davSteadyYourselfModal .dav-steady-yourself-premium-divider {
  background: #5D3494;
}
#davSteadyYourselfModal .dav-steady-yourself-premium-title {
  color: #5D3494;
}
#davSteadyYourselfModal .dav-steady-yourself u {
  text-decoration-color: #6B3FA0;
}
#davSteadyYourselfModal .dav-steady-yourself-end-mark {
  color: #4A2E6B;
}
#crHonourTheCraftModal .cr-honour-the-craft-premium-header {
  color: #B45309 !important;
}
#crHonourTheCraftModal .cr-honour-the-craft-premium-number {
  color: #B45309;
}
#crHonourTheCraftModal .cr-honour-the-craft-premium-divider {
  background: #B45309;
}
#crHonourTheCraftModal .cr-honour-the-craft-premium-title {
  color: #B45309;
}
#crHonourTheCraftModal .cr-honour-the-craft u {
  text-decoration-color: #D97706;
}
#crHonourTheCraftModal .cr-honour-the-craft-end-mark {
  color: #B45309;
}
#trKnowTheGroundModal .tr-know-the-ground-premium-header {
  color: #0E7490 !important;
}
#trKnowTheGroundModal .tr-know-the-ground-premium-number {
  color: #0E7490;
}
#trKnowTheGroundModal .tr-know-the-ground-premium-divider {
  background: #0E7490;
}
#trKnowTheGroundModal .tr-know-the-ground-premium-title {
  color: #0E7490;
}
#trKnowTheGroundModal .tr-know-the-ground u {
  text-decoration-color: #0891B2;
}
#trKnowTheGroundModal .tr-know-the-ground-end-mark {
  color: #0E7490;
}
#ftFormFirstModal .ft-form-first-premium-header {
  color: #B91C1C !important;
}
#ftFormFirstModal .ft-form-first-premium-number {
  color: #B91C1C;
}
#ftFormFirstModal .ft-form-first-premium-divider {
  background: #B91C1C;
}
#ftFormFirstModal .ft-form-first-premium-title {
  color: #B91C1C;
}
#ftFormFirstModal .ft-form-first u {
  text-decoration-color: #DC2626;
}
#ftFormFirstModal .ft-form-first-end-mark {
  color: #B91C1C;
}
#ntEatWithIntentModal .nt-eat-with-intent-premium-header {
  color: #15803D !important;
}
#ntEatWithIntentModal .nt-eat-with-intent-premium-number {
  color: #15803D;
}
#ntEatWithIntentModal .nt-eat-with-intent-premium-divider {
  background: #15803D;
}
#ntEatWithIntentModal .nt-eat-with-intent-premium-title {
  color: #15803D;
}
#ntEatWithIntentModal .nt-eat-with-intent u {
  text-decoration-color: #16A34A;
}
#ntEatWithIntentModal .nt-eat-with-intent-end-mark {
  color: #15803D;
}
#mhiReframeItModal .mhi-reframe-it-premium-header {
  color: #1D4ED8 !important;
}
#mhiReframeItModal .mhi-reframe-it-premium-number {
  color: #1D4ED8;
}
#mhiReframeItModal .mhi-reframe-it-premium-divider {
  background: #1D4ED8;
}
#mhiReframeItModal .mhi-reframe-it-premium-title {
  color: #1D4ED8;
}
#mhiReframeItModal .mhi-reframe-it u {
  text-decoration-color: #2563EB;
}
#mhiReframeItModal .mhi-reframe-it-end-mark {
  color: #1E3A8A;
}
#liMeetThemHalfwayModal .li-meet-them-halfway-premium-header {
  color: #BE123C !important;
}
#liMeetThemHalfwayModal .li-meet-them-halfway-premium-number {
  color: #BE123C;
}
#liMeetThemHalfwayModal .li-meet-them-halfway-premium-divider {
  background: #BE123C;
}
#liMeetThemHalfwayModal .li-meet-them-halfway-premium-title {
  color: #BE123C;
}
#liMeetThemHalfwayModal .li-meet-them-halfway u {
  text-decoration-color: #E11D48;
}
#liMeetThemHalfwayModal .li-meet-them-halfway-end-mark {
  color: #BE123C;
}
#fshWearItWellModal .fsh-wear-it-well-premium-header {
  color: #0F766E !important;
}
#fshWearItWellModal .fsh-wear-it-well-premium-number {
  color: #0F766E;
}
#fshWearItWellModal .fsh-wear-it-well-premium-divider {
  background: #0F766E;
}
#fshWearItWellModal .fsh-wear-it-well-premium-title {
  color: #0F766E;
}
#fshWearItWellModal .fsh-wear-it-well u {
  text-decoration-color: #0D9488;
}
#fshWearItWellModal .fsh-wear-it-well-end-mark {
  color: #0F766E;
}
#aesMakeItARitualModal .aes-make-it-a-ritual-premium-header {
  color: #4D7C0F !important;
}
#aesMakeItARitualModal .aes-make-it-a-ritual-premium-number {
  color: #4D7C0F;
}
#aesMakeItARitualModal .aes-make-it-a-ritual-premium-divider {
  background: #4D7C0F;
}
#aesMakeItARitualModal .aes-make-it-a-ritual-premium-title {
  color: #4D7C0F;
}
#aesMakeItARitualModal .aes-make-it-a-ritual u {
  text-decoration-color: #65A30D;
}
#aesMakeItARitualModal .aes-make-it-a-ritual-end-mark {
  color: #4D7C0F;
}

/* -- Right-half backing -- */
#mqRightPanel,
#davRightPanel,
#crRightPanel,
#trRightPanel,
#ftRightPanel,
#ntRightPanel,
#mhiRightPanel,
#liRightPanel,
#fshRightPanel,
#aesRightPanel {
  background: rgb(var(--wp-bg-light-0-a));
}

/* -- Published badge -- */
#mqSection .mq-published-badge,
#davSection .dav-published-badge,
#crSection .cr-published-badge,
#trSection .tr-published-badge,
#ftSection .ft-published-badge,
#ntSection .nt-published-badge,
#mhiSection .mhi-published-badge,
#liSection .li-published-badge,
#fshSection .fsh-published-badge,
#aesSection .aes-published-badge {
  position: fixed;
  right: 24px;
  bottom: 43.5px;
  left: auto;
  top: auto;
  margin: 0;
  z-index: 97;
  display: block;
  width: max-content;
  height: 36px;
  box-sizing: border-box;
  padding: 8px 16px;
  background: #FFFFFF;
  border-radius: 8px;
  font-family: "Times New Roman", Times, serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: normal;
  text-align: left;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
  overflow: visible;
  opacity: 1;
  transform: none;
  transition: opacity 400ms ease;
  -webkit-mask: radial-gradient( circle 4px at 4px 50%, transparent 3.8px, #000 4px ), radial-gradient( circle 4px at calc(100% - 4px) 50%, transparent 3.8px, #000 4px ), linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out, destination-out;
  mask: radial-gradient( circle 4px at 4px 50%, transparent 3.8px, #000 4px ), radial-gradient( circle 4px at calc(100% - 4px) 50%, transparent 3.8px, #000 4px ), linear-gradient(#000 0 0);
  mask-composite: exclude;
}
#mqSection .mq-published-badge {
  color: #C2410C;
  border: 1px solid #9A3412;
}
#davSection .dav-published-badge {
  color: #4A2E6B;
  border: 1px solid #2E1A47;
}
#crSection .cr-published-badge {
  color: #B45309;
  border: 1px solid #92400E;
}
#trSection .tr-published-badge {
  color: #0E7490;
  border: 1px solid #155E75;
}
#ftSection .ft-published-badge {
  color: #B91C1C;
  border: 1px solid #991B1B;
}
#ntSection .nt-published-badge {
  color: #15803D;
  border: 1px solid #166534;
}
#mhiSection .mhi-published-badge {
  color: #1E3A8A;
  border: 1px solid #1E40AF;
}
#liSection .li-published-badge {
  color: #BE123C;
  border: 1px solid #9F1239;
}
#fshSection .fsh-published-badge {
  color: #0F766E;
  border: 1px solid #115E59;
}
#aesSection .aes-published-badge {
  color: #4D7C0F;
  border: 1px solid #3F6212;
}

/* -- Lock -- */
#mqLockBlur,
#davLockBlur,
#crLockBlur,
#trLockBlur,
#ftLockBlur,
#ntLockBlur,
#mhiLockBlur,
#liLockBlur,
#fshLockBlur,
#aesLockBlur {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
#mqSectionOverlay.active ~ #mqLockBlur,
#davSectionOverlay.active ~ #davLockBlur,
#crSectionOverlay.active ~ #crLockBlur,
#trSectionOverlay.active ~ #trLockBlur,
#ftSectionOverlay.active ~ #ftLockBlur,
#ntSectionOverlay.active ~ #ntLockBlur,
#mhiSectionOverlay.active ~ #mhiLockBlur,
#liSectionOverlay.active ~ #liLockBlur,
#fshSectionOverlay.active ~ #fshLockBlur,
#aesSectionOverlay.active ~ #aesLockBlur {
  display: block;
}
#mqSectionOverlay,
#davSectionOverlay,
#crSectionOverlay,
#trSectionOverlay,
#ftSectionOverlay,
#ntSectionOverlay,
#mhiSectionOverlay,
#liSectionOverlay,
#fshSectionOverlay,
#aesSectionOverlay {
  transform: none;
  -webkit-transform: none;
  will-change: opacity;
}
#mqSectionOverlay .lock-content,
#davSectionOverlay .lock-content,
#crSectionOverlay .lock-content,
#trSectionOverlay .lock-content,
#ftSectionOverlay .lock-content,
#ntSectionOverlay .lock-content,
#mhiSectionOverlay .lock-content,
#liSectionOverlay .lock-content,
#fshSectionOverlay .lock-content,
#aesSectionOverlay .lock-content {
  position: fixed;
  inset: 0;
  margin: auto;
  width: max-content;
  height: max-content;
  max-width: calc(100% - 32px);
  z-index: 2;
  text-align: center;
  animation: none;
  transition: none;
}
#mqSectionOverlay .lock-icon,
#davSectionOverlay .lock-icon,
#crSectionOverlay .lock-icon,
#trSectionOverlay .lock-icon,
#ftSectionOverlay .lock-icon,
#ntSectionOverlay .lock-icon,
#mhiSectionOverlay .lock-icon,
#liSectionOverlay .lock-icon,
#fshSectionOverlay .lock-icon,
#aesSectionOverlay .lock-icon {
  animation: none;
  transition: none;
  transform: none;
  filter: none;
  opacity: 1;
}
#mqSectionOverlay .lock-icon {
  color: #EA580C;
}
#mqSectionOverlay .lock-label,
#davSectionOverlay .lock-label,
#crSectionOverlay .lock-label,
#trSectionOverlay .lock-label,
#ftSectionOverlay .lock-label,
#ntSectionOverlay .lock-label,
#mhiSectionOverlay .lock-label,
#liSectionOverlay .lock-label,
#fshSectionOverlay .lock-label,
#aesSectionOverlay .lock-label {
  background: rgba(255, 255, 255, 0.24);
  animation: none;
  transition: none;
}
#mqSectionOverlay .lock-label {
  color: #EA580C;
}
#mqSectionOverlay .vanta-bg,
#davSectionOverlay .vanta-bg,
#crSectionOverlay .vanta-bg,
#trSectionOverlay .vanta-bg,
#ftSectionOverlay .vanta-bg,
#ntSectionOverlay .vanta-bg,
#mhiSectionOverlay .vanta-bg,
#liSectionOverlay .vanta-bg,
#fshSectionOverlay .vanta-bg,
#aesSectionOverlay .vanta-bg {
  position: fixed;
  inset: 0;
  z-index: 1;
}
#davSectionOverlay .lock-icon {
  color: #6B3FA0;
}
#davSectionOverlay .lock-label {
  color: #6B3FA0;
}
#crSectionOverlay .lock-icon {
  color: #D97706;
}
#crSectionOverlay .lock-label {
  color: #D97706;
}
#trSectionOverlay .lock-icon {
  color: #0891B2;
}
#trSectionOverlay .lock-label {
  color: #0891B2;
}
#ftSectionOverlay .lock-icon {
  color: #DC2626;
}
#ftSectionOverlay .lock-label {
  color: #DC2626;
}
#ntSectionOverlay .lock-icon {
  color: #16A34A;
}
#ntSectionOverlay .lock-label {
  color: #16A34A;
}
#mhiSectionOverlay .lock-icon {
  color: #2563EB;
}
#mhiSectionOverlay .lock-label {
  color: #2563EB;
}
#liSectionOverlay .lock-icon {
  color: #E11D48;
}
#liSectionOverlay .lock-label {
  color: #E11D48;
}
#fshSectionOverlay .lock-icon {
  color: #0D9488;
}
#fshSectionOverlay .lock-label {
  color: #0D9488;
}
#aesSectionOverlay .lock-icon {
  color: #65A30D;
}
#aesSectionOverlay .lock-label {
  color: #65A30D;
}

/* -- Locked page: no scrolling, particles under the lock -- */
/* A page is "locked" while its time-lock overlay is .active (the page is supposed to be
   blurred today). script.js ("LOCKED PAGES") puts .page-locked on that page's .child-page.
   Applies to EVERY page — each of the 10 child pages has the class. */
/* No scrolling: every page's scroll containers stop scrolling (no wheel / trackpad / touch
   / keyboard / scrollbar). script.js blocks the gestures themselves as well. */
.child-page.page-locked #mqLeftPanel,
.child-page.page-locked .mq-content,
.child-page.page-locked #davLeftPanel,
.child-page.page-locked .dav-content,
.child-page.page-locked #crLeftPanel,
.child-page.page-locked .cr-content,
.child-page.page-locked #trLeftPanel,
.child-page.page-locked .tr-content,
.child-page.page-locked #ftLeftPanel,
.child-page.page-locked .ft-content,
.child-page.page-locked #ntLeftPanel,
.child-page.page-locked .nt-content,
.child-page.page-locked #mhiLeftPanel,
.child-page.page-locked .mhi-content,
.child-page.page-locked #liLeftPanel,
.child-page.page-locked .li-content,
.child-page.page-locked #fshLeftPanel,
.child-page.page-locked .fsh-content,
.child-page.page-locked #aesLeftPanel,
.child-page.page-locked .aes-content {
  overflow-y: hidden !important;
  overscroll-behavior: none;
}
.child-page.page-locked canvas[id$="ParticleWallpaper"] {
  z-index: 1;
}

/* -- Return buttons and tooltips -- */
.mq-return-tooltip {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 8px 24px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}

/* -- Menu system: collections -- */
.app-collections-share-dropdown {
  background: var( --dav-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
}
.app-collections-share-link-input {
  border: 1px solid rgba(74, 46, 107, 0.22);
  background: #f9f6fc;
}
.app-collections-share-copy-btn {
  background: #6B3FA0;
}

/* -- Return buttons and tooltips -- */
.mq-return-tooltip {
  color: #EA580C;
  border: 1px solid #EA580C;
}
.mq-return-tooltip.is-visible,
.dav-return-tooltip.is-visible,
.cr-return-tooltip.is-visible,
.tr-return-tooltip.is-visible,
.ft-return-tooltip.is-visible,
.nt-return-tooltip.is-visible,
.mhi-return-tooltip.is-visible,
.li-return-tooltip.is-visible,
.fsh-return-tooltip.is-visible,
.aes-return-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.4s ease, visibility 0s linear 0s;
}
/* The hover bridge: invisible, fills the 8px gap between the button and the pill, and only
   exists (catches the pointer) while the pill is showing. */
.mq-return-bridge,
.dav-return-bridge,
.cr-return-bridge,
.tr-return-bridge,
.ft-return-bridge,
.nt-return-bridge,
.mhi-return-bridge,
.li-return-bridge,
.fsh-return-bridge,
.aes-return-bridge {
  position: fixed;
  z-index: 99999;
  background: transparent;
  pointer-events: none;
}
.mq-return-bridge.is-on,
.dav-return-bridge.is-on,
.cr-return-bridge.is-on,
.tr-return-bridge.is-on,
.ft-return-bridge.is-on,
.nt-return-bridge.is-on,
.mhi-return-bridge.is-on,
.li-return-bridge.is-on,
.fsh-return-bridge.is-on,
.aes-return-bridge.is-on {
  pointer-events: auto;
}
#mqSectionOverlay .app-overlay-return-button,
#davSectionOverlay .app-overlay-return-button,
#crSectionOverlay .app-overlay-return-button,
#trSectionOverlay .app-overlay-return-button,
#ftSectionOverlay .app-overlay-return-button,
#ntSectionOverlay .app-overlay-return-button,
#mhiSectionOverlay .app-overlay-return-button,
#liSectionOverlay .app-overlay-return-button,
#fshSectionOverlay .app-overlay-return-button,
#aesSectionOverlay .app-overlay-return-button {
  color: #9CA3AF;
  transform: none;
  transition: color 0.4s ease;
}
#mqSectionOverlay .app-overlay-return-button.mq-return-hot:not(.disabled) {
  color: #EA580C;
}
#mqSectionOverlay .app-overlay-return-button svg,
#davSectionOverlay .app-overlay-return-button svg,
#crSectionOverlay .app-overlay-return-button svg,
#trSectionOverlay .app-overlay-return-button svg,
#ftSectionOverlay .app-overlay-return-button svg,
#ntSectionOverlay .app-overlay-return-button svg,
#mhiSectionOverlay .app-overlay-return-button svg,
#liSectionOverlay .app-overlay-return-button svg,
#fshSectionOverlay .app-overlay-return-button svg,
#aesSectionOverlay .app-overlay-return-button svg {
  transform: none;
  transition: none;
}
#mqSectionOverlay .app-overlay-return-button svg path,
#davSectionOverlay .app-overlay-return-button svg path,
#crSectionOverlay .app-overlay-return-button svg path,
#trSectionOverlay .app-overlay-return-button svg path,
#ftSectionOverlay .app-overlay-return-button svg path,
#ntSectionOverlay .app-overlay-return-button svg path,
#mhiSectionOverlay .app-overlay-return-button svg path,
#liSectionOverlay .app-overlay-return-button svg path,
#fshSectionOverlay .app-overlay-return-button svg path,
#aesSectionOverlay .app-overlay-return-button svg path {
  fill: currentColor;
}
#mqSectionOverlay .app-overlay-return-button:focus-visible:not(.disabled) {
  outline: 3px solid #EA580C;
  outline-offset: 3px;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active:not(.mq-return-hot),
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed:not(.mq-return-hot),
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active:not(.dav-return-hot),
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed:not(.dav-return-hot),
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active:not(.cr-return-hot),
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed:not(.cr-return-hot),
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active:not(.tr-return-hot),
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed:not(.tr-return-hot),
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active:not(.ft-return-hot),
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed:not(.ft-return-hot),
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active:not(.nt-return-hot),
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed:not(.nt-return-hot),
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active:not(.mhi-return-hot),
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed:not(.mhi-return-hot),
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active:not(.li-return-hot),
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed:not(.li-return-hot),
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active:not(.fsh-return-hot),
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed:not(.fsh-return-hot),
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:active:not(.aes-return-hot),
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.pressed:not(.aes-return-hot) {
  color: #9CA3AF !important;
}
@media (hover: hover) {
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover:not(.mq-return-hot),
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover:not(.dav-return-hot),
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover:not(.cr-return-hot),
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover:not(.tr-return-hot),
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover:not(.ft-return-hot),
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover:not(.nt-return-hot),
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover:not(.mhi-return-hot),
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover:not(.li-return-hot),
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover:not(.fsh-return-hot),
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button:hover:not(.aes-return-hot) {
    color: #9CA3AF !important;
  }
}
@media (hover: none) {
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover:not(.mq-return-hot),
  #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover:not(.dav-return-hot),
  #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover:not(.cr-return-hot),
  #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover:not(.tr-return-hot),
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover:not(.ft-return-hot),
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover:not(.nt-return-hot),
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover:not(.mhi-return-hot),
  #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover:not(.li-return-hot),
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover:not(.fsh-return-hot),
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.is-hover:not(.aes-return-hot) {
    color: #9CA3AF !important;
  }
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.mq-return-hot:not(.disabled) {
  color: #EA580C !important;
}
@media (prefers-reduced-motion: reduce) {
  .mq-return-tooltip.is-visible,
.dav-return-tooltip.is-visible,
.cr-return-tooltip.is-visible,
.tr-return-tooltip.is-visible,
.ft-return-tooltip.is-visible,
.nt-return-tooltip.is-visible,
.mhi-return-tooltip.is-visible,
.li-return-tooltip.is-visible,
.fsh-return-tooltip.is-visible,
.aes-return-tooltip.is-visible {
    transition: opacity 0.4s linear, visibility 0s linear 0s;
  }
  #mqSectionOverlay .app-overlay-return-button,
#davSectionOverlay .app-overlay-return-button,
#crSectionOverlay .app-overlay-return-button,
#trSectionOverlay .app-overlay-return-button,
#ftSectionOverlay .app-overlay-return-button,
#ntSectionOverlay .app-overlay-return-button,
#mhiSectionOverlay .app-overlay-return-button,
#liSectionOverlay .app-overlay-return-button,
#fshSectionOverlay .app-overlay-return-button,
#aesSectionOverlay .app-overlay-return-button {
    transition: color 0.4s linear;
  }
}
/* The template's own (never-used) in-button tooltip is hidden on this page so there is
   only one tooltip and no invisible wide box next to the button. */
#mqSectionOverlay .app-overlay-return-tooltip,
#davSectionOverlay .app-overlay-return-tooltip,
#crSectionOverlay .app-overlay-return-tooltip,
#trSectionOverlay .app-overlay-return-tooltip,
#ftSectionOverlay .app-overlay-return-tooltip,
#ntSectionOverlay .app-overlay-return-tooltip,
#mhiSectionOverlay .app-overlay-return-tooltip,
#liSectionOverlay .app-overlay-return-tooltip,
#fshSectionOverlay .app-overlay-return-tooltip,
#aesSectionOverlay .app-overlay-return-tooltip {
  display: none;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper {
  position: absolute;
  top: 0;
  right: calc(100% + 8px);
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 48px;
  min-width: 48px;
  height: 48px;
  margin: 0;
  padding: 8px;
  box-sizing: border-box;
  background: #ffffff;
  border: none;
  border-radius: 12px;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
}
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button::after,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button::after,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button::after,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button::after,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button::after,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button::after,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button::after,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button::after,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button::after,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button-wrapper .app-toolbar-return-button::after {
  content: "";
  position: absolute;
  inset: -8px;
}
#mqSectionOverlay .app-overlay-return-button-wrapper,
#davSectionOverlay .app-overlay-return-button-wrapper,
#crSectionOverlay .app-overlay-return-button-wrapper,
#trSectionOverlay .app-overlay-return-button-wrapper,
#ftSectionOverlay .app-overlay-return-button-wrapper,
#ntSectionOverlay .app-overlay-return-button-wrapper,
#mhiSectionOverlay .app-overlay-return-button-wrapper,
#liSectionOverlay .app-overlay-return-button-wrapper,
#fshSectionOverlay .app-overlay-return-button-wrapper,
#aesSectionOverlay .app-overlay-return-button-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 8px;
  box-sizing: border-box;
  background: #ffffff;
  border: none;
  border-radius: 12px;
}
#mqSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button,
#davSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button,
#crSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button,
#trSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button,
#ftSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button,
#ntSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button,
#mhiSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button,
#liSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button,
#fshSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button,
#aesSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}
#mqSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button::after,
#davSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button::after,
#crSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button::after,
#trSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button::after,
#ftSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button::after,
#ntSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button::after,
#mhiSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button::after,
#liSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button::after,
#fshSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button::after,
#aesSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button::after {
  content: "";
  position: absolute;
  inset: -8px;
}
#mqSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button svg,
#davSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button svg,
#crSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button svg,
#trSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button svg,
#ftSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button svg,
#ntSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button svg,
#mhiSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button svg,
#liSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button svg,
#fshSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button svg,
#aesSectionOverlay .app-overlay-return-button-wrapper .app-overlay-return-button svg {
  display: block;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  flex: 0 0 40px;
}
.dav-return-tooltip {
  color: #6B3FA0;
  border: 1px solid #6B3FA0;
}
.dav-return-tooltip {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 8px 24px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}

/* -- Menu system: collections -- */
.app-collections-share-dropdown {
  background: var( --cr-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
}
.app-collections-share-link-input {
  border: 1px solid rgba(180, 83, 9, 0.22);
  background: #fffbf3;
}
.app-collections-share-copy-btn {
  background: #D97706;
}

/* -- Return buttons and tooltips -- */
#davSectionOverlay .app-overlay-return-button.dav-return-hot:not(.disabled) {
  color: #6B3FA0;
}
#davSectionOverlay .app-overlay-return-button:focus-visible:not(.disabled) {
  outline: 3px solid #6B3FA0;
  outline-offset: 3px;
}
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.dav-return-hot:not(.disabled) {
  color: #6B3FA0 !important;
}
.cr-return-tooltip {
  color: #D97706;
  border: 1px solid #D97706;
}
.cr-return-tooltip {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 8px 24px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}

/* -- Menu system: collections -- */
.app-collections-share-dropdown {
  background: var( --tr-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
}
.app-collections-share-link-input {
  border: 1px solid rgba(14, 116, 144, 0.22);
  background: #f3fdff;
}
.app-collections-share-copy-btn {
  background: #0891B2;
}

/* -- Return buttons and tooltips -- */
#crSectionOverlay .app-overlay-return-button.cr-return-hot:not(.disabled) {
  color: #D97706;
}
#crSectionOverlay .app-overlay-return-button:focus-visible:not(.disabled) {
  outline: 3px solid #D97706;
  outline-offset: 3px;
}
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.cr-return-hot:not(.disabled) {
  color: #D97706 !important;
}
.tr-return-tooltip {
  color: #0891B2;
  border: 1px solid #0891B2;
}
.tr-return-tooltip {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 8px 24px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}

/* -- Menu system: collections -- */
.app-collections-share-dropdown {
  background: var( --ft-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
}
.app-collections-share-link-input {
  border: 1px solid rgba(185, 28, 28, 0.22);
  background: #fff3f3;
}
.app-collections-share-copy-btn {
  background: #DC2626;
}

/* -- Return buttons and tooltips -- */
#trSectionOverlay .app-overlay-return-button.tr-return-hot:not(.disabled) {
  color: #0891B2;
}
#trSectionOverlay .app-overlay-return-button:focus-visible:not(.disabled) {
  outline: 3px solid #0891B2;
  outline-offset: 3px;
}
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.tr-return-hot:not(.disabled) {
  color: #0891B2 !important;
}
.ft-return-tooltip {
  color: #DC2626;
  border: 1px solid #DC2626;
}
.ft-return-tooltip {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 8px 24px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}

/* -- Menu system: collections -- */
.app-collections-share-dropdown {
  background: var( --nt-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
}
.app-collections-share-link-input {
  border: 1px solid rgba(21, 128, 61, 0.22);
  background: #f3fff7;
}
.app-collections-share-copy-btn {
  background: #16A34A;
}

/* -- Return buttons and tooltips -- */
#ftSectionOverlay .app-overlay-return-button.ft-return-hot:not(.disabled) {
  color: #DC2626;
}
#ftSectionOverlay .app-overlay-return-button:focus-visible:not(.disabled) {
  outline: 3px solid #DC2626;
  outline-offset: 3px;
}
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.ft-return-hot:not(.disabled) {
  color: #DC2626 !important;
}
.nt-return-tooltip {
  color: #16A34A;
  border: 1px solid #16A34A;
}
.nt-return-tooltip {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 8px 24px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}

/* -- Menu system: collections -- */
.app-collections-share-dropdown {
  background: var( --mhi-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
}
.app-collections-share-link-input {
  border: 1px solid rgba(30, 58, 138, 0.22);
  background: #f3f7ff;
}
.app-collections-share-copy-btn {
  background: #2563EB;
}

/* -- Return buttons and tooltips -- */
#ntSectionOverlay .app-overlay-return-button.nt-return-hot:not(.disabled) {
  color: #16A34A;
}
#ntSectionOverlay .app-overlay-return-button:focus-visible:not(.disabled) {
  outline: 3px solid #16A34A;
  outline-offset: 3px;
}
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.nt-return-hot:not(.disabled) {
  color: #16A34A !important;
}
.mhi-return-tooltip {
  color: #2563EB;
  border: 1px solid #2563EB;
}
.mhi-return-tooltip {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 8px 24px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}

/* -- Menu system: collections -- */
.app-collections-share-dropdown {
  background: var( --li-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
}
.app-collections-share-link-input {
  border: 1px solid rgba(190, 18, 60, 0.22);
  background: #fff3f6;
}
.app-collections-share-copy-btn {
  background: #E11D48;
}

/* -- Return buttons and tooltips -- */
#mhiSectionOverlay .app-overlay-return-button.mhi-return-hot:not(.disabled) {
  color: #2563EB;
}
#mhiSectionOverlay .app-overlay-return-button:focus-visible:not(.disabled) {
  outline: 3px solid #2563EB;
  outline-offset: 3px;
}
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.mhi-return-hot:not(.disabled) {
  color: #2563EB !important;
}
.li-return-tooltip {
  color: #E11D48;
  border: 1px solid #E11D48;
}
.li-return-tooltip {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 8px 24px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}

/* -- Menu system: collections -- */
.app-collections-share-dropdown {
  background: var( --fsh-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
}
.app-collections-share-link-input {
  border: 1px solid rgba(15, 118, 110, 0.22);
  background: #f3fffe;
}
.app-collections-share-copy-btn {
  background: #0D9488;
}

/* -- Return buttons and tooltips -- */
#liSectionOverlay .app-overlay-return-button.li-return-hot:not(.disabled) {
  color: #E11D48;
}
#liSectionOverlay .app-overlay-return-button:focus-visible:not(.disabled) {
  outline: 3px solid #E11D48;
  outline-offset: 3px;
}
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.li-return-hot:not(.disabled) {
  color: #E11D48 !important;
}
.fsh-return-tooltip {
  color: #0D9488;
  border: 1px solid #0D9488;
}
.fsh-return-tooltip {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 8px 24px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}

/* -- Menu system: tooltips -- */
.toolbar-custom-tooltip,
.toolbar-custom-tooltip *,
.app-collections-share-dropdown,
.app-collections-share-dropdown *,
.app-collections-share-dropdown *::before,
.app-collections-share-dropdown *::after,
.app-collections-share-platform-tooltip {
  box-sizing: border-box;
}

/* -- Menu system: collections -- */
.app-collections-share-dropdown {
  position: absolute;
  z-index: 10050;
  width: 300px;
  height: 300px;
  min-width: 300px;
  min-height: 300px;
  max-width: 300px;
  max-height: 300px;
  padding: 0;
  box-sizing: border-box;
  background: var( --aes-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
  isolation: isolate;
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  overflow: hidden;
  transition: opacity 0.4s ease;
}
.app-collections-share-dropdown-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.app-collections-share-dropdown-hidden {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
}
.app-collections-share-link-row {
  display: flex;
  align-items: stretch;
  width: calc(100% - 16px);
  min-width: 0;
  margin: 0 8px 8px 8px;
  padding: 0;
  box-sizing: border-box;
  gap: 8px;
}
.app-collections-share-link-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 36px;
  margin: 0;
  padding: 0 10px;
  box-sizing: border-box;
  border: 1px solid rgba(51, 65, 85, 0.22);
  border-radius: 6px;
  background: #f8fafc;
  color: var(--app-primary);
  font-family: Georgia,"Times New Roman", serif;
  font-size: 12px;
  line-height: 36px;
  outline: none;
}
.app-collections-share-copy-btn {
  flex: 0 0 auto;
  height: 36px;
  min-width: 78px;
  margin: 0;
  padding: 0 12px;
  box-sizing: border-box;
  border: none;
  border-radius: 8px;
  background: #475569;
  color: #ffffff;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 36px;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.app-collections-share-platforms {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
  height: calc(100% - 92px);
  gap: 8px;
  width: 100%;
  margin: 12px 0 0 0;
  padding: 0;
  box-sizing: border-box;
}
.app-collections-share-platform-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  justify-self: center;
  align-self: center;
  background: #ffffff;
  border: none;
  border-radius: 6px;
  color: var(--app-primary);
  font-family: Georgia,"Times New Roman", serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10);
  transition: none;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 480px)). */
:where(html:not([data-layout="laptop"])) .app-collections-share-dropdown {
  width: calc(calc(100 * var(--vw)) - 24px);
  max-width: calc(calc(100 * var(--vw)) - 24px);
  padding: 12px;
}
:where(html:not([data-layout="laptop"])) .app-collections-share-link-row {
  gap: 6px;
}
:where(html:not([data-layout="laptop"])) .app-collections-share-copy-btn {
  min-width: 72px;
  padding: 0 8px;
}
:where(html:not([data-layout="laptop"])) .app-collections-share-platforms {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
:where(html:not([data-layout="laptop"])) .app-collections-share-platform-btn {
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
}

/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 360px)). */
:where(html:not([data-layout="laptop"])) .app-collections-share-link-input {
  font-size: 11px;
}
:where(html:not([data-layout="laptop"])) .app-collections-share-copy-btn {
  min-width: 68px;
  font-size: 11px;
}

@media (prefers-reduced-motion: reduce) {
  .app-collections-share-dropdown {
    transition: none;
  }
}

/* -- Return buttons and tooltips -- */
#fshSectionOverlay .app-overlay-return-button.fsh-return-hot:not(.disabled) {
  color: #0D9488;
}
#fshSectionOverlay .app-overlay-return-button:focus-visible:not(.disabled) {
  outline: 3px solid #0D9488;
  outline-offset: 3px;
}
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.fsh-return-hot:not(.disabled) {
  color: #0D9488 !important;
}
.aes-return-tooltip {
  color: #65A30D;
  border: 1px solid #65A30D;
}
.aes-return-tooltip {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 8px 24px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  .mq-return-tooltip,
  .dav-return-tooltip,
  .cr-return-tooltip,
  .tr-return-tooltip,
  .ft-return-tooltip,
  .nt-return-tooltip,
  .mhi-return-tooltip,
  .li-return-tooltip,
  .fsh-return-tooltip,
  .aes-return-tooltip {
    transition: opacity 0.4s linear, visibility 0s linear 0.4s;
  }
}
#aesSectionOverlay .app-overlay-return-button.aes-return-hot:not(.disabled) {
  color: #65A30D;
}
#aesSectionOverlay .app-overlay-return-button:focus-visible:not(.disabled) {
  outline: 3px solid #65A30D;
  outline-offset: 3px;
}
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-toolbar-return-button.aes-return-hot:not(.disabled) {
  color: #65A30D !important;
}

/* -- Full-width container -- */
.explore-container:has(#crChildPage.child-page-shown),
.explore-container:has(#trChildPage.child-page-shown) {
  width: 100%;
  max-width: 100%;
  min-height: calc(100 * var(--vh));
  margin: 0;
}
.health-container:has(#ftChildPage.child-page-shown),
.health-container:has(#ntChildPage.child-page-shown) {
  width: 100%;
  max-width: 100%;
  min-height: calc(100 * var(--vh));
  margin: 0;
}
.soul-container:has(#mhiChildPage.child-page-shown),
.soul-container:has(#liChildPage.child-page-shown) {
  width: 100%;
  max-width: 100%;
  min-height: calc(100 * var(--vh));
  margin: 0;
}
.style-container:has(#fshChildPage.child-page-shown),
.style-container:has(#aesChildPage.child-page-shown) {
  width: 100%;
  max-width: 100%;
  min-height: calc(100 * var(--vh));
  margin: 0;
}

/* ==========================================================================
   10. Cross-page additions: labels, forward button, title zoom, Arabic (RTL)
   ========================================================================== */

/* -- Do / Don't labels in the your-charge pop-up -- */
#ftFormFirstModal .ft-form-first-tag,
#ntEatWithIntentModal .nt-eat-with-intent-tag,
#mhiReframeItModal .mhi-reframe-it-tag,
#liMeetThemHalfwayModal .li-meet-them-halfway-tag,
#fshWearItWellModal .fsh-wear-it-well-tag,
#aesMakeItARitualModal .aes-make-it-a-ritual-tag {
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin: 0 0 8px;
  padding: 3px 11px;
  border-radius: 999px;
  background: transparent;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
}
#ftFormFirstModal .ft-form-first-tag {
  border: 1px solid #A41B1B;
  color: #A41B1B;
}
#ftFormFirstModal .ft-form-first-tag--do::before,
#ntEatWithIntentModal .nt-eat-with-intent-tag--do::before,
#mhiReframeItModal .mhi-reframe-it-tag--do::before,
#liMeetThemHalfwayModal .li-meet-them-halfway-tag--do::before,
#fshWearItWellModal .fsh-wear-it-well-tag--do::before,
#aesMakeItARitualModal .aes-make-it-a-ritual-tag--do::before {
  content: "\2713";
  font-size: 12px;
}
#ftFormFirstModal .ft-form-first-tag--dont {
  background: #A41B1B;
  color: #FFFFFF;
}
#ftFormFirstModal .ft-form-first-tag--dont::before,
#ntEatWithIntentModal .nt-eat-with-intent-tag--dont::before,
#mhiReframeItModal .mhi-reframe-it-tag--dont::before,
#liMeetThemHalfwayModal .li-meet-them-halfway-tag--dont::before,
#fshWearItWellModal .fsh-wear-it-well-tag--dont::before,
#aesMakeItARitualModal .aes-make-it-a-ritual-tag--dont::before {
  content: "\2715";
  font-size: 11px;
}
#ntEatWithIntentModal .nt-eat-with-intent-tag {
  border: 1px solid #1BA44D;
  color: #1BA44D;
}
#ntEatWithIntentModal .nt-eat-with-intent-tag--dont {
  background: #1BA44D;
  color: #FFFFFF;
}
#mhiReframeItModal .mhi-reframe-it-tag {
  border: 1px solid #1B46A4;
  color: #1B46A4;
}
#mhiReframeItModal .mhi-reframe-it-tag--dont {
  background: #1B46A4;
  color: #FFFFFF;
}
#liMeetThemHalfwayModal .li-meet-them-halfway-tag {
  border: 1px solid #A41B38;
  color: #A41B38;
}
#liMeetThemHalfwayModal .li-meet-them-halfway-tag--dont {
  background: #A41B38;
  color: #FFFFFF;
}
#fshWearItWellModal .fsh-wear-it-well-tag {
  border: 1px solid #1BA499;
  color: #1BA499;
}
#fshWearItWellModal .fsh-wear-it-well-tag--dont {
  background: #1BA499;
  color: #FFFFFF;
}
#aesMakeItARitualModal .aes-make-it-a-ritual-tag {
  border: 1px solid #4D7C0F;
  color: #4D7C0F;
}
#aesMakeItARitualModal .aes-make-it-a-ritual-tag--dont {
  background: #4D7C0F;
  color: #FFFFFF;
}

/* -- Published-on badge hidden on time-locked pages -- */
#mqSection:has(#mqSectionOverlay.active) .mq-published-badge,
#davSection:has(#davSectionOverlay.active) .dav-published-badge,
#crSection:has(#crSectionOverlay.active) .cr-published-badge,
#trSection:has(#trSectionOverlay.active) .tr-published-badge,
#ftSection:has(#ftSectionOverlay.active) .ft-published-badge,
#ntSection:has(#ntSectionOverlay.active) .nt-published-badge,
#mhiSection:has(#mhiSectionOverlay.active) .mhi-published-badge,
#liSection:has(#liSectionOverlay.active) .li-published-badge,
#fshSection:has(#fshSectionOverlay.active) .fsh-published-badge,
#aesSection:has(#aesSectionOverlay.active) .aes-published-badge {
  display: none !important;
}

/* -- Forward button -- */
.app-forward-wrapper:not(.is-on) {
  display: none !important;
}
.app-forward-wrapper .app-forward-button svg {
  transform: scaleX(-1) !important;
}
.app-tools-toolbar .app-toolbar-return-button-wrapper.app-return-makes-room:not(.app-forward-wrapper) {
  right: calc(100% + 64px) !important;
}
.app-overlay-return-button-wrapper.app-forward-wrapper {
  inset-inline-start: 80px !important;
}

/* -- Translate list: current language stays zoomed -- */
#mqSection .app-translate-dropdown-item.is-current .app-translate-dropdown-icon,
#davSection .app-translate-dropdown-item.is-current .app-translate-dropdown-icon,
#crSection .app-translate-dropdown-item.is-current .app-translate-dropdown-icon,
#trSection .app-translate-dropdown-item.is-current .app-translate-dropdown-icon,
#ftSection .app-translate-dropdown-item.is-current .app-translate-dropdown-icon,
#ntSection .app-translate-dropdown-item.is-current .app-translate-dropdown-icon,
#mhiSection .app-translate-dropdown-item.is-current .app-translate-dropdown-icon,
#liSection .app-translate-dropdown-item.is-current .app-translate-dropdown-icon,
#fshSection .app-translate-dropdown-item.is-current .app-translate-dropdown-icon,
#aesSection .app-translate-dropdown-item.is-current .app-translate-dropdown-icon,
#mqSection .app-translate-dropdown-item.is-current .app-translate-dropdown-text,
#davSection .app-translate-dropdown-item.is-current .app-translate-dropdown-text,
#crSection .app-translate-dropdown-item.is-current .app-translate-dropdown-text,
#trSection .app-translate-dropdown-item.is-current .app-translate-dropdown-text,
#ftSection .app-translate-dropdown-item.is-current .app-translate-dropdown-text,
#ntSection .app-translate-dropdown-item.is-current .app-translate-dropdown-text,
#mhiSection .app-translate-dropdown-item.is-current .app-translate-dropdown-text,
#liSection .app-translate-dropdown-item.is-current .app-translate-dropdown-text,
#fshSection .app-translate-dropdown-item.is-current .app-translate-dropdown-text,
#aesSection .app-translate-dropdown-item.is-current .app-translate-dropdown-text {
  transform: scale(1.75);
}

/* -- Longer section titles grow the header -- */
#ftSection #ftStory .ft-science-header,
#ntSection #ntStory .nt-science-header,
#mhiSection #mhiStory .mhi-science-header,
#liSection #liStory .li-science-header,
#fshSection #fshStory .fsh-seams-header,
#aesSection #aesStory .aes-science-header,
#crSection #crStory .cr-real-thread-header,
#trSection #trStory .tr-real-thread-header {
  height: auto;
}
#ftSection #ftStory .ft-callout-label,
#ntSection #ntStory .nt-callout-label,
#mhiSection #mhiStory .mhi-callout-label,
#liSection #liStory .li-callout-label,
#fshSection #fshStory .fsh-callout-label,
#aesSection #aesStory .aes-callout-label,
#crSection #crStory .cr-callout-label,
#trSection #trStory .tr-callout-label {
  height: auto;
  min-height: 40px;
  line-height: 1.2;
  padding-block: 4px;
}

/* -- Section-title zoom -- */
#mqSection #mqStory .mq-callout-label,
#davSection #davStory .dav-callout-label,
#crSection #crStory .cr-callout-label,
#trSection #trStory .tr-callout-label,
#ftSection #ftStory .ft-callout-label,
#ntSection #ntStory .nt-callout-label,
#mhiSection #mhiStory .mhi-callout-label,
#liSection #liStory .li-callout-label,
#fshSection #fshStory .fsh-callout-label,
#aesSection #aesStory .aes-callout-label {
  transform-origin: left center;
  transition: transform 400ms ease;
  will-change: transform;
}
#mqSection #mqStory .mq-real-thread-leaf,
#davSection #davStory .dav-beneath-the-noise-leaf,
#crSection #crStory .cr-real-thread-leaf,
#trSection #trStory .tr-real-thread-leaf,
#ftSection #ftStory .ft-science-leaf,
#ntSection #ntStory .nt-science-leaf,
#mhiSection #mhiStory .mhi-science-leaf,
#aesSection #aesStory .aes-science-leaf {
  transform-origin: right 70%;
  transition: transform 400ms ease;
}
#mqSection #mqStory .mq-real-thread-divider,
#davSection #davStory .dav-beneath-the-noise-divider,
#crSection #crStory .cr-real-thread-divider,
#trSection #trStory .tr-real-thread-divider,
#ftSection #ftStory .ft-science-divider,
#ntSection #ntStory .nt-science-divider,
#mhiSection #mhiStory .mhi-science-divider,
#liSection #liStory .li-science-divider,
#fshSection #fshStory .fsh-seams-divider,
#aesSection #aesStory .aes-science-divider {
  transition: margin-inline-start 400ms ease, margin-inline-end 400ms ease;
}
html[dir="rtl"] #mqSection #mqStory .mq-callout-label,
html[dir="rtl"] #davSection #davStory .dav-callout-label,
html[dir="rtl"] #crSection #crStory .cr-callout-label,
html[dir="rtl"] #trSection #trStory .tr-callout-label,
html[dir="rtl"] #ftSection #ftStory .ft-callout-label,
html[dir="rtl"] #ntSection #ntStory .nt-callout-label,
html[dir="rtl"] #mhiSection #mhiStory .mhi-callout-label,
html[dir="rtl"] #liSection #liStory .li-callout-label,
html[dir="rtl"] #fshSection #fshStory .fsh-callout-label,
html[dir="rtl"] #aesSection #aesStory .aes-callout-label {
  transform-origin: right center;
}
html[dir="rtl"] #mqSection #mqStory .mq-real-thread-leaf,
html[dir="rtl"] #davSection #davStory .dav-beneath-the-noise-leaf,
html[dir="rtl"] #crSection #crStory .cr-real-thread-leaf,
html[dir="rtl"] #trSection #trStory .tr-real-thread-leaf,
html[dir="rtl"] #ftSection #ftStory .ft-science-leaf,
html[dir="rtl"] #ntSection #ntStory .nt-science-leaf,
html[dir="rtl"] #mhiSection #mhiStory .mhi-science-leaf,
html[dir="rtl"] #liSection #liStory .li-science-leaf,
html[dir="rtl"] #fshSection #fshStory .fsh-seams-leaf,
html[dir="rtl"] #aesSection #aesStory .aes-science-leaf {
  transform-origin: left 70%;
}
@media (hover: hover) {
  #mqSection #mqStory .mq-context-callout:hover .mq-callout-label,
  #davSection #davStory .dav-context-callout:hover .dav-callout-label,
  #crSection #crStory .cr-context-callout:hover .cr-callout-label,
  #trSection #trStory .tr-context-callout:hover .tr-callout-label,
  #ftSection #ftStory .ft-context-callout:hover .ft-callout-label,
  #ntSection #ntStory .nt-context-callout:hover .nt-callout-label,
  #mhiSection #mhiStory .mhi-context-callout:hover .mhi-callout-label,
  #liSection #liStory .li-context-callout:hover .li-callout-label,
  #fshSection #fshStory .fsh-context-callout:hover .fsh-callout-label,
  #aesSection #aesStory .aes-context-callout:hover .aes-callout-label,
  #mqSection #mqStory .mq-context-callout:hover .mq-real-thread-leaf,
  #davSection #davStory .dav-context-callout:hover .dav-beneath-the-noise-leaf,
  #crSection #crStory .cr-context-callout:hover .cr-real-thread-leaf,
  #trSection #trStory .tr-context-callout:hover .tr-real-thread-leaf,
  #ftSection #ftStory .ft-context-callout:hover .ft-science-leaf,
  #ntSection #ntStory .nt-context-callout:hover .nt-science-leaf,
  #mhiSection #mhiStory .mhi-context-callout:hover .mhi-science-leaf,
  #liSection #liStory .li-context-callout:hover .li-science-leaf,
  #fshSection #fshStory .fsh-context-callout:hover .fsh-seams-leaf,
  #aesSection #aesStory .aes-context-callout:hover .aes-science-leaf {
    transform: scale(var(--hz, 1));
  }
}
@media (hover: none) {
  #mqSection #mqStory .mq-context-callout.is-hover .mq-callout-label,
  #davSection #davStory .dav-context-callout.is-hover .dav-callout-label,
  #crSection #crStory .cr-context-callout.is-hover .cr-callout-label,
  #trSection #trStory .tr-context-callout.is-hover .tr-callout-label,
  #ftSection #ftStory .ft-context-callout.is-hover .ft-callout-label,
  #ntSection #ntStory .nt-context-callout.is-hover .nt-callout-label,
  #mhiSection #mhiStory .mhi-context-callout.is-hover .mhi-callout-label,
  #liSection #liStory .li-context-callout.is-hover .li-callout-label,
  #fshSection #fshStory .fsh-context-callout.is-hover .fsh-callout-label,
  #aesSection #aesStory .aes-context-callout.is-hover .aes-callout-label,
  #mqSection #mqStory .mq-context-callout.is-hover .mq-real-thread-leaf,
  #davSection #davStory .dav-context-callout.is-hover .dav-beneath-the-noise-leaf,
  #crSection #crStory .cr-context-callout.is-hover .cr-real-thread-leaf,
  #trSection #trStory .tr-context-callout.is-hover .tr-real-thread-leaf,
  #ftSection #ftStory .ft-context-callout.is-hover .ft-science-leaf,
  #ntSection #ntStory .nt-context-callout.is-hover .nt-science-leaf,
  #mhiSection #mhiStory .mhi-context-callout.is-hover .mhi-science-leaf,
  #liSection #liStory .li-context-callout.is-hover .li-science-leaf,
  #fshSection #fshStory .fsh-context-callout.is-hover .fsh-seams-leaf,
  #aesSection #aesStory .aes-context-callout.is-hover .aes-science-leaf {
    transform: scale(var(--hz, 1));
  }
}
@media (hover: hover) {
  #mqSection #mqStory .mq-context-callout:hover .mq-real-thread-divider,
  #davSection #davStory .dav-context-callout:hover .dav-beneath-the-noise-divider,
  #crSection #crStory .cr-context-callout:hover .cr-real-thread-divider,
  #trSection #trStory .tr-context-callout:hover .tr-real-thread-divider,
  #ftSection #ftStory .ft-context-callout:hover .ft-science-divider,
  #ntSection #ntStory .nt-context-callout:hover .nt-science-divider,
  #mhiSection #mhiStory .mhi-context-callout:hover .mhi-science-divider,
  #liSection #liStory .li-context-callout:hover .li-science-divider,
  #fshSection #fshStory .fsh-context-callout:hover .fsh-seams-divider,
  #aesSection #aesStory .aes-context-callout:hover .aes-science-divider {
    margin-inline-start: var(--hz-label-extra, 0px);
    margin-inline-end: var(--hz-leaf-extra, 0px);
  }
}
@media (hover: none) {
  #mqSection #mqStory .mq-context-callout.is-hover .mq-real-thread-divider,
  #davSection #davStory .dav-context-callout.is-hover .dav-beneath-the-noise-divider,
  #crSection #crStory .cr-context-callout.is-hover .cr-real-thread-divider,
  #trSection #trStory .tr-context-callout.is-hover .tr-real-thread-divider,
  #ftSection #ftStory .ft-context-callout.is-hover .ft-science-divider,
  #ntSection #ntStory .nt-context-callout.is-hover .nt-science-divider,
  #mhiSection #mhiStory .mhi-context-callout.is-hover .mhi-science-divider,
  #liSection #liStory .li-context-callout.is-hover .li-science-divider,
  #fshSection #fshStory .fsh-context-callout.is-hover .fsh-seams-divider,
  #aesSection #aesStory .aes-context-callout.is-hover .aes-science-divider {
    margin-inline-start: var(--hz-label-extra, 0px);
    margin-inline-end: var(--hz-leaf-extra, 0px);
  }
}
#liSection #liStory .li-science-leaf,
#fshSection #fshStory .fsh-seams-leaf {
  transform-origin: right 70%;
  transition: transform 400ms ease;
}
@media (prefers-reduced-motion: reduce) {
  #mqSection #mqStory .mq-callout-label,
  #mqSection #mqStory .mq-real-thread-leaf,
  #mqSection #mqStory .mq-real-thread-divider,
  #davSection #davStory .dav-callout-label,
  #davSection #davStory .dav-beneath-the-noise-leaf,
  #davSection #davStory .dav-beneath-the-noise-divider,
  #crSection #crStory .cr-callout-label,
  #crSection #crStory .cr-real-thread-leaf,
  #crSection #crStory .cr-real-thread-divider,
  #trSection #trStory .tr-callout-label,
  #trSection #trStory .tr-real-thread-leaf,
  #trSection #trStory .tr-real-thread-divider,
  #ftSection #ftStory .ft-callout-label,
  #ftSection #ftStory .ft-science-leaf,
  #ftSection #ftStory .ft-science-divider,
  #ntSection #ntStory .nt-callout-label,
  #ntSection #ntStory .nt-science-leaf,
  #ntSection #ntStory .nt-science-divider,
  #mhiSection #mhiStory .mhi-callout-label,
  #mhiSection #mhiStory .mhi-science-leaf,
  #mhiSection #mhiStory .mhi-science-divider,
  #liSection #liStory .li-callout-label,
  #liSection #liStory .li-science-leaf,
  #liSection #liStory .li-science-divider,
  #fshSection #fshStory .fsh-callout-label,
  #fshSection #fshStory .fsh-seams-leaf,
  #fshSection #fshStory .fsh-seams-divider,
  #aesSection #aesStory .aes-callout-label,
  #aesSection #aesStory .aes-science-leaf,
  #aesSection #aesStory .aes-science-divider {
    transition: none;
  }
}

/* -- Arabic (RTL): mirrored spread -- */
/* The page: picture panel to the left half, wallpaper (mirrored) behind the text on the
   right half, "Published On" badge to the bottom-left corner. The seam blur and the
   particle layer are symmetric. */
html[dir="rtl"] [id$="RightPanel"] {
  right: auto !important;
  left: 0 !important;
}
html[dir="rtl"] canvas[id$="LeftWallpaper"] {
  left: auto !important;
  right: 0 !important;
  transform: scaleX(-1);
}
html[dir="rtl"] [id$="PublishedBadge"] {
  right: auto !important;
  left: 24px !important;
}
/* Navigation Buttons Container, crest dots and Home button: centred on the RIGHT half
   (text half). */
html[dir="rtl"] #masterNavContainer1,
html[dir="rtl"] #masterNavContainer2,
html[dir="rtl"] #masterNavContainerSunday,
html[dir="rtl"] #masterCrestsContainer,
html[dir="rtl"] #masterHomeBtn {
  left: auto;
  right: 25%;
  transform: translateX(50%);
}
html[dir="rtl"] .app-menu-btn-wrapper .app-tools-toolbar {
  left: 0 !important;
  right: auto !important;
  transform-origin: top left;
}
html[dir="rtl"] .app-tools-toolbar .app-toolbar-return-button-wrapper {
  right: auto !important;
  left: calc(100% + 8px) !important;
}
html[dir="rtl"] .app-tools-toolbar .app-toolbar-return-button-wrapper.app-return-makes-room:not(.app-forward-wrapper) {
  right: auto !important;
  left: calc(100% + 64px) !important;
}
/* Modals (Your Charge and its 9 sisters): text on the RIGHT, picture on the LEFT (the grid
   does that by itself), so the wallpaper goes to the right half, the faint logo to the
   middle of the right half and the Close (cross) button to the top-LEFT corner of the
   modal. */
html[dir="rtl"] section[role="dialog"][id$="Modal"] canvas[id$="Wallpaper"] {
  left: auto !important;
  right: 0 !important;
  transform: scaleX(-1);
}
html[dir="rtl"] section[role="dialog"][id$="Modal"] svg[class$="-modal-title-logo"] {
  left: calc(calc(75 * var(--vw)) - calc(5 * var(--vh)) - 0.5px) !important;
}
html[dir="rtl"] section[role="dialog"][id$="Modal"] button[id$="ModalClose"] {
  right: auto !important;
  left: 16px !important;
}

/* -- Arabic (RTL): body text and saved collections -- */
/* Same rule as above: everything starts with html[dir="rtl"], English is untouched.
   script.js (appAutoDirScan) gives every text block dir="auto", so Arabic text reads
   right-to-left and any entry that is still English reads left-to-right. :dir(rtl) /
   :dir(ltr) below follow that per-block direction. */
/* A) Drop caps. English keeps its big first letter (float:left). Arabic letters join up,
   so a separated big first letter would break the word: Arabic paragraphs get a plain
   first letter instead. */
html[dir="rtl"] [id$="StoryDescription"] > p:dir(rtl)::first-letter,
html[dir="rtl"] section[role="dialog"][id$="Modal"] article p:first-of-type:dir(rtl)::first-letter {
  float: none !important;
  font: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
}
/* B) Modal headings "01 | Title": in a right-to-left row the number sits on the right, so
   its gap goes on its LEFT. */
html[dir="rtl"] [class*="premium-header"]:dir(rtl) > [class*="premium-number"],
html[dir="rtl"] [class*="premium-header"]:dir(rtl) > [class*="premium-divider"] {
  margin: 0 0 0 8px !important;
}
/* C) Saved Collections (the card list, the card and its Share panel): the card is already
   two columns that swap by themselves (picture left, text right); the things pinned with
   left / right swap here. */
html[dir="rtl"] .app-collections-dropdown-close-btn {
  right: auto !important;
  left: 16px !important;
}
html[dir="rtl"] .app-collections-card .app-collections-card-header {
  left: 75% !important;
}
html[dir="rtl"] .app-collections-card .app-collections-card-share-btn {
  right: auto !important;
  left: calc(56 * var(--cs)) !important;
}
html[dir="rtl"] .app-collections-card .app-collections-card-delete-btn {
  right: auto !important;
  left: calc(8 * var(--cs)) !important;
}
html[dir="rtl"] .app-collections-card .app-collections-open-in-full {
  margin: 0 auto 0 0 !important;
}
html[dir="rtl"] .app-collection-detail-overlay:not(.app-collection-detail-visible) {
  transform: translateX(-16px) !important;
}
html[dir="rtl"] .app-collections-share-dropdown .app-collections-share-dropdown-title {
  margin-left: 0 !important;
  margin-right: 8px !important;
}

/* -- Arabic (RTL): remaining rules -- */
#mqSection .app-collections-empty-state,
#davSection .app-collections-empty-state,
#crSection .app-collections-empty-state,
#trSection .app-collections-empty-state,
#ftSection .app-collections-empty-state,
#ntSection .app-collections-empty-state,
#mhiSection .app-collections-empty-state,
#liSection .app-collections-empty-state,
#fshSection .app-collections-empty-state,
#aesSection .app-collections-empty-state {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 32px);
  margin: 0;
  padding: 0;
}
#mqSection .app-collections-empty-icon,
#davSection .app-collections-empty-icon,
#crSection .app-collections-empty-icon,
#trSection .app-collections-empty-icon,
#ftSection .app-collections-empty-icon,
#ntSection .app-collections-empty-icon,
#mhiSection .app-collections-empty-icon,
#liSection .app-collections-empty-icon,
#fshSection .app-collections-empty-icon,
#aesSection .app-collections-empty-icon {
  font-size: 2rem;
  line-height: 0;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
#mqSection .app-collections-empty-icon svg,
#davSection .app-collections-empty-icon svg,
#crSection .app-collections-empty-icon svg,
#trSection .app-collections-empty-icon svg,
#ftSection .app-collections-empty-icon svg,
#ntSection .app-collections-empty-icon svg,
#mhiSection .app-collections-empty-icon svg,
#liSection .app-collections-empty-icon svg,
#fshSection .app-collections-empty-icon svg,
#aesSection .app-collections-empty-icon svg {
  width: 32px;
  height: 32px;
  display: block;
  fill: currentColor;
}
#mqSection .app-collections-empty-icon {
  color: #EA580C;
}
#davSection .app-collections-empty-icon {
  color: #6B3FA0;
}
#crSection .app-collections-empty-icon {
  color: #D97706;
}
#trSection .app-collections-empty-icon {
  color: #0891B2;
}
#ftSection .app-collections-empty-icon {
  color: #DC2626;
}
#ntSection .app-collections-empty-icon {
  color: #16A34A;
}
#mhiSection .app-collections-empty-icon {
  color: #2563EB;
}
#liSection .app-collections-empty-icon {
  color: #E11D48;
}
#fshSection .app-collections-empty-icon {
  color: #0D9488;
}
#aesSection .app-collections-empty-icon {
  color: #65A30D;
}
#mqSection .app-collections-empty-title,
#davSection .app-collections-empty-title,
#crSection .app-collections-empty-title,
#trSection .app-collections-empty-title,
#ftSection .app-collections-empty-title,
#ntSection .app-collections-empty-title,
#mhiSection .app-collections-empty-title,
#liSection .app-collections-empty-title,
#fshSection .app-collections-empty-title,
#aesSection .app-collections-empty-title {
  font-size: 16px;
}
#mqSection .app-collections-empty-subtitle,
#davSection .app-collections-empty-subtitle,
#crSection .app-collections-empty-subtitle,
#trSection .app-collections-empty-subtitle,
#ftSection .app-collections-empty-subtitle,
#ntSection .app-collections-empty-subtitle,
#mhiSection .app-collections-empty-subtitle,
#liSection .app-collections-empty-subtitle,
#fshSection .app-collections-empty-subtitle,
#aesSection .app-collections-empty-subtitle {
  font-size: 16px;
  max-width: 300px;
}
#wisdomPage:has(:is(.app-collections-dropdown-visible, .app-translate-dropdown-container.show, .app-resources-dropdown.visible, .app-resources-dropdown.show, .sqp-dropdown.show, .app-profile-dropdown.show)),
#explorePage:has(:is(.app-collections-dropdown-visible, .app-translate-dropdown-container.show, .app-resources-dropdown.visible, .app-resources-dropdown.show, .sqp-dropdown.show, .app-profile-dropdown.show)),
#healthPage:has(:is(.app-collections-dropdown-visible, .app-translate-dropdown-container.show, .app-resources-dropdown.visible, .app-resources-dropdown.show, .sqp-dropdown.show, .app-profile-dropdown.show)),
#soulPage:has(:is(.app-collections-dropdown-visible, .app-translate-dropdown-container.show, .app-resources-dropdown.visible, .app-resources-dropdown.show, .sqp-dropdown.show, .app-profile-dropdown.show)),
#stylePage:has(:is(.app-collections-dropdown-visible, .app-translate-dropdown-container.show, .app-resources-dropdown.visible, .app-resources-dropdown.show, .sqp-dropdown.show, .app-profile-dropdown.show)) {
  position: relative;
  z-index: 250;
}
#mqSection .app-collection-detail-back-btn,
#davSection .app-collection-detail-back-btn,
#crSection .app-collection-detail-back-btn,
#trSection .app-collection-detail-back-btn,
#ftSection .app-collection-detail-back-btn,
#ntSection .app-collection-detail-back-btn,
#mhiSection .app-collection-detail-back-btn,
#liSection .app-collection-detail-back-btn,
#fshSection .app-collection-detail-back-btn,
#aesSection .app-collection-detail-back-btn {
  color: #9CA3AF;
}
@media (hover: hover) {
  #mqSection .app-collection-detail-back-btn:hover {
    color: #EA580C;
  }
}
@media (hover: none) {
  #mqSection .app-collection-detail-back-btn.is-hover {
    color: #EA580C;
  }
}
#mqSection .app-collection-detail-back-btn svg path,
#davSection .app-collection-detail-back-btn svg path,
#crSection .app-collection-detail-back-btn svg path,
#trSection .app-collection-detail-back-btn svg path,
#ftSection .app-collection-detail-back-btn svg path,
#ntSection .app-collection-detail-back-btn svg path,
#mhiSection .app-collection-detail-back-btn svg path,
#liSection .app-collection-detail-back-btn svg path,
#fshSection .app-collection-detail-back-btn svg path,
#aesSection .app-collection-detail-back-btn svg path {
  fill: #9CA3AF;
}
@media (hover: hover) {
  #mqSection .app-collection-detail-back-btn:hover svg path {
    fill: #EA580C;
  }
}
@media (hover: none) {
  #mqSection .app-collection-detail-back-btn.is-hover svg path {
    fill: #EA580C;
  }
}
#mqSection .app-collection-detail-saved-on svg path,
#davSection .app-collection-detail-saved-on svg path,
#crSection .app-collection-detail-saved-on svg path,
#trSection .app-collection-detail-saved-on svg path,
#ftSection .app-collection-detail-saved-on svg path,
#ntSection .app-collection-detail-saved-on svg path,
#mhiSection .app-collection-detail-saved-on svg path,
#liSection .app-collection-detail-saved-on svg path,
#fshSection .app-collection-detail-saved-on svg path,
#aesSection .app-collection-detail-saved-on svg path {
  fill: #9CA3AF;
}
#mqSection .app-collection-detail-close-btn,
#davSection .app-collection-detail-close-btn,
#crSection .app-collection-detail-close-btn,
#trSection .app-collection-detail-close-btn,
#ftSection .app-collection-detail-close-btn,
#ntSection .app-collection-detail-close-btn,
#mhiSection .app-collection-detail-close-btn,
#liSection .app-collection-detail-close-btn,
#fshSection .app-collection-detail-close-btn,
#aesSection .app-collection-detail-close-btn {
  color: #9CA3AF;
  transition: color 0.4s ease;
}
@media (hover: hover) {
  #mqSection .app-collection-detail-close-btn:hover,
  #davSection .app-collection-detail-close-btn:hover,
  #crSection .app-collection-detail-close-btn:hover,
  #trSection .app-collection-detail-close-btn:hover,
  #ftSection .app-collection-detail-close-btn:hover,
  #ntSection .app-collection-detail-close-btn:hover,
  #mhiSection .app-collection-detail-close-btn:hover,
  #liSection .app-collection-detail-close-btn:hover,
  #fshSection .app-collection-detail-close-btn:hover,
  #aesSection .app-collection-detail-close-btn:hover {
    color: #DC2626;
    background: transparent;
  }
}
@media (hover: none) {
  #mqSection .app-collection-detail-close-btn.is-hover,
  #davSection .app-collection-detail-close-btn.is-hover,
  #crSection .app-collection-detail-close-btn.is-hover,
  #trSection .app-collection-detail-close-btn.is-hover,
  #ftSection .app-collection-detail-close-btn.is-hover,
  #ntSection .app-collection-detail-close-btn.is-hover,
  #mhiSection .app-collection-detail-close-btn.is-hover,
  #liSection .app-collection-detail-close-btn.is-hover,
  #fshSection .app-collection-detail-close-btn.is-hover,
  #aesSection .app-collection-detail-close-btn.is-hover {
    color: #DC2626;
    background: transparent;
  }
}
#mqYourChargeModal .mq-your-charge-modal-close svg,
#davSteadyYourselfModal .dav-steady-yourself-modal-close svg,
#crHonourTheCraftModal .cr-honour-the-craft-modal-close svg,
#trKnowTheGroundModal .tr-know-the-ground-modal-close svg,
#ftFormFirstModal .ft-form-first-modal-close svg,
#ntEatWithIntentModal .nt-eat-with-intent-modal-close svg,
#mhiReframeItModal .mhi-reframe-it-modal-close svg,
#liMeetThemHalfwayModal .li-meet-them-halfway-modal-close svg,
#fshWearItWellModal .fsh-wear-it-well-modal-close svg,
#aesMakeItARitualModal .aes-make-it-a-ritual-modal-close svg {
  color: #9CA3AF;
  transition: color 0.4s ease;
}
@media (hover: hover) {
  #mqYourChargeModal .mq-your-charge-modal-close:hover svg,
  #davSteadyYourselfModal .dav-steady-yourself-modal-close:hover svg,
  #crHonourTheCraftModal .cr-honour-the-craft-modal-close:hover svg,
  #trKnowTheGroundModal .tr-know-the-ground-modal-close:hover svg,
  #ftFormFirstModal .ft-form-first-modal-close:hover svg,
  #ntEatWithIntentModal .nt-eat-with-intent-modal-close:hover svg,
  #mhiReframeItModal .mhi-reframe-it-modal-close:hover svg,
  #liMeetThemHalfwayModal .li-meet-them-halfway-modal-close:hover svg,
  #fshWearItWellModal .fsh-wear-it-well-modal-close:hover svg,
  #aesMakeItARitualModal .aes-make-it-a-ritual-modal-close:hover svg {
    color: #DC2626;
  }
}
@media (hover: none) {
  #mqYourChargeModal .mq-your-charge-modal-close.is-hover svg,
  #davSteadyYourselfModal .dav-steady-yourself-modal-close.is-hover svg,
  #crHonourTheCraftModal .cr-honour-the-craft-modal-close.is-hover svg,
  #trKnowTheGroundModal .tr-know-the-ground-modal-close.is-hover svg,
  #ftFormFirstModal .ft-form-first-modal-close.is-hover svg,
  #ntEatWithIntentModal .nt-eat-with-intent-modal-close.is-hover svg,
  #mhiReframeItModal .mhi-reframe-it-modal-close.is-hover svg,
  #liMeetThemHalfwayModal .li-meet-them-halfway-modal-close.is-hover svg,
  #fshWearItWellModal .fsh-wear-it-well-modal-close.is-hover svg,
  #aesMakeItARitualModal .aes-make-it-a-ritual-modal-close.is-hover svg {
    color: #DC2626;
  }
}
#mqSection .app-collections-card .app-collections-card-delete-btn,
#davSection .app-collections-card .app-collections-card-delete-btn,
#crSection .app-collections-card .app-collections-card-delete-btn,
#trSection .app-collections-card .app-collections-card-delete-btn,
#ftSection .app-collections-card .app-collections-card-delete-btn,
#ntSection .app-collections-card .app-collections-card-delete-btn,
#mhiSection .app-collections-card .app-collections-card-delete-btn,
#liSection .app-collections-card .app-collections-card-delete-btn,
#fshSection .app-collections-card .app-collections-card-delete-btn,
#aesSection .app-collections-card .app-collections-card-delete-btn {
  color: #9CA3AF;
  transition: color 0.4s ease, background 0.4s ease, box-shadow 0.4s ease;
}
@media (hover: hover) {
  #mqSection .app-collections-card .app-collections-card-delete-btn:hover,
  #davSection .app-collections-card .app-collections-card-delete-btn:hover,
  #crSection .app-collections-card .app-collections-card-delete-btn:hover,
  #trSection .app-collections-card .app-collections-card-delete-btn:hover,
  #ftSection .app-collections-card .app-collections-card-delete-btn:hover,
  #ntSection .app-collections-card .app-collections-card-delete-btn:hover,
  #mhiSection .app-collections-card .app-collections-card-delete-btn:hover,
  #liSection .app-collections-card .app-collections-card-delete-btn:hover,
  #fshSection .app-collections-card .app-collections-card-delete-btn:hover,
  #aesSection .app-collections-card .app-collections-card-delete-btn:hover {
    color: #DC2626;
    background: #FFFFFF;
  }
}
@media (hover: none) {
  #mqSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #davSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #crSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #trSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #ftSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #ntSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #mhiSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #liSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #fshSection .app-collections-card .app-collections-card-delete-btn.is-hover,
  #aesSection .app-collections-card .app-collections-card-delete-btn.is-hover {
    color: #DC2626;
    background: #FFFFFF;
  }
}
@media (hover: hover) {
  #davSection .app-collection-detail-back-btn:hover {
    color: #6B3FA0;
  }
}
@media (hover: none) {
  #davSection .app-collection-detail-back-btn.is-hover {
    color: #6B3FA0;
  }
}
@media (hover: hover) {
  #davSection .app-collection-detail-back-btn:hover svg path {
    fill: #6B3FA0;
  }
}
@media (hover: none) {
  #davSection .app-collection-detail-back-btn.is-hover svg path {
    fill: #6B3FA0;
  }
}
@media (hover: hover) {
  #crSection .app-collection-detail-back-btn:hover {
    color: #D97706;
  }
}
@media (hover: none) {
  #crSection .app-collection-detail-back-btn.is-hover {
    color: #D97706;
  }
}
@media (hover: hover) {
  #crSection .app-collection-detail-back-btn:hover svg path {
    fill: #D97706;
  }
}
@media (hover: none) {
  #crSection .app-collection-detail-back-btn.is-hover svg path {
    fill: #D97706;
  }
}
@media (hover: hover) {
  #trSection .app-collection-detail-back-btn:hover {
    color: #0891B2;
  }
}
@media (hover: none) {
  #trSection .app-collection-detail-back-btn.is-hover {
    color: #0891B2;
  }
}
@media (hover: hover) {
  #trSection .app-collection-detail-back-btn:hover svg path {
    fill: #0891B2;
  }
}
@media (hover: none) {
  #trSection .app-collection-detail-back-btn.is-hover svg path {
    fill: #0891B2;
  }
}
@media (hover: hover) {
  #ftSection .app-collection-detail-back-btn:hover {
    color: #DC2626;
  }
}
@media (hover: none) {
  #ftSection .app-collection-detail-back-btn.is-hover {
    color: #DC2626;
  }
}
@media (hover: hover) {
  #ftSection .app-collection-detail-back-btn:hover svg path {
    fill: #DC2626;
  }
}
@media (hover: none) {
  #ftSection .app-collection-detail-back-btn.is-hover svg path {
    fill: #DC2626;
  }
}
@media (hover: hover) {
  #ntSection .app-collection-detail-back-btn:hover {
    color: #16A34A;
  }
}
@media (hover: none) {
  #ntSection .app-collection-detail-back-btn.is-hover {
    color: #16A34A;
  }
}
@media (hover: hover) {
  #ntSection .app-collection-detail-back-btn:hover svg path {
    fill: #16A34A;
  }
}
@media (hover: none) {
  #ntSection .app-collection-detail-back-btn.is-hover svg path {
    fill: #16A34A;
  }
}
@media (hover: hover) {
  #mhiSection .app-collection-detail-back-btn:hover {
    color: #2563EB;
  }
}
@media (hover: none) {
  #mhiSection .app-collection-detail-back-btn.is-hover {
    color: #2563EB;
  }
}
@media (hover: hover) {
  #mhiSection .app-collection-detail-back-btn:hover svg path {
    fill: #2563EB;
  }
}
@media (hover: none) {
  #mhiSection .app-collection-detail-back-btn.is-hover svg path {
    fill: #2563EB;
  }
}
@media (hover: hover) {
  #liSection .app-collection-detail-back-btn:hover {
    color: #E11D48;
  }
}
@media (hover: none) {
  #liSection .app-collection-detail-back-btn.is-hover {
    color: #E11D48;
  }
}
@media (hover: hover) {
  #liSection .app-collection-detail-back-btn:hover svg path {
    fill: #E11D48;
  }
}
@media (hover: none) {
  #liSection .app-collection-detail-back-btn.is-hover svg path {
    fill: #E11D48;
  }
}
@media (hover: hover) {
  #fshSection .app-collection-detail-back-btn:hover {
    color: #0D9488;
  }
}
@media (hover: none) {
  #fshSection .app-collection-detail-back-btn.is-hover {
    color: #0D9488;
  }
}
@media (hover: hover) {
  #fshSection .app-collection-detail-back-btn:hover svg path {
    fill: #0D9488;
  }
}
@media (hover: none) {
  #fshSection .app-collection-detail-back-btn.is-hover svg path {
    fill: #0D9488;
  }
}
@media (hover: hover) {
  #aesSection .app-collection-detail-back-btn:hover {
    color: #65A30D;
  }
}
@media (hover: none) {
  #aesSection .app-collection-detail-back-btn.is-hover {
    color: #65A30D;
  }
}
@media (hover: hover) {
  #aesSection .app-collection-detail-back-btn:hover svg path {
    fill: #65A30D;
  }
}
@media (hover: none) {
  #aesSection .app-collection-detail-back-btn.is-hover svg path {
    fill: #65A30D;
  }
}
#mqClosureStarTooltip.is-flipped,
#davClosureStarTooltip.is-flipped,
#crClosureStarTooltip.is-flipped,
#trClosureStarTooltip.is-flipped,
#ftClosureStarTooltip.is-flipped,
#ntClosureStarTooltip.is-flipped,
#mhiClosureStarTooltip.is-flipped,
#liClosureStarTooltip.is-flipped,
#fshClosureStarTooltip.is-flipped,
#aesClosureStarTooltip.is-flipped {
  transform: translate(-100%, -50%);
}
#mqClosureStarTooltip.is-flipped .mq-closure-star-tooltip-arrow,
#mqClosureStarTooltip.is-flipped .dav-closure-star-tooltip-arrow,
#mqClosureStarTooltip.is-flipped .cr-closure-star-tooltip-arrow,
#mqClosureStarTooltip.is-flipped .tr-closure-star-tooltip-arrow,
#mqClosureStarTooltip.is-flipped .ft-closure-star-tooltip-arrow,
#mqClosureStarTooltip.is-flipped .nt-closure-star-tooltip-arrow,
#mqClosureStarTooltip.is-flipped .mhi-closure-star-tooltip-arrow,
#mqClosureStarTooltip.is-flipped .li-closure-star-tooltip-arrow,
#mqClosureStarTooltip.is-flipped .fsh-closure-star-tooltip-arrow,
#mqClosureStarTooltip.is-flipped .aes-closure-star-tooltip-arrow,
#davClosureStarTooltip.is-flipped .mq-closure-star-tooltip-arrow,
#davClosureStarTooltip.is-flipped .dav-closure-star-tooltip-arrow,
#davClosureStarTooltip.is-flipped .cr-closure-star-tooltip-arrow,
#davClosureStarTooltip.is-flipped .tr-closure-star-tooltip-arrow,
#davClosureStarTooltip.is-flipped .ft-closure-star-tooltip-arrow,
#davClosureStarTooltip.is-flipped .nt-closure-star-tooltip-arrow,
#davClosureStarTooltip.is-flipped .mhi-closure-star-tooltip-arrow,
#davClosureStarTooltip.is-flipped .li-closure-star-tooltip-arrow,
#davClosureStarTooltip.is-flipped .fsh-closure-star-tooltip-arrow,
#davClosureStarTooltip.is-flipped .aes-closure-star-tooltip-arrow,
#crClosureStarTooltip.is-flipped .mq-closure-star-tooltip-arrow,
#crClosureStarTooltip.is-flipped .dav-closure-star-tooltip-arrow,
#crClosureStarTooltip.is-flipped .cr-closure-star-tooltip-arrow,
#crClosureStarTooltip.is-flipped .tr-closure-star-tooltip-arrow,
#crClosureStarTooltip.is-flipped .ft-closure-star-tooltip-arrow,
#crClosureStarTooltip.is-flipped .nt-closure-star-tooltip-arrow,
#crClosureStarTooltip.is-flipped .mhi-closure-star-tooltip-arrow,
#crClosureStarTooltip.is-flipped .li-closure-star-tooltip-arrow,
#crClosureStarTooltip.is-flipped .fsh-closure-star-tooltip-arrow,
#crClosureStarTooltip.is-flipped .aes-closure-star-tooltip-arrow,
#trClosureStarTooltip.is-flipped .mq-closure-star-tooltip-arrow,
#trClosureStarTooltip.is-flipped .dav-closure-star-tooltip-arrow,
#trClosureStarTooltip.is-flipped .cr-closure-star-tooltip-arrow,
#trClosureStarTooltip.is-flipped .tr-closure-star-tooltip-arrow,
#trClosureStarTooltip.is-flipped .ft-closure-star-tooltip-arrow,
#trClosureStarTooltip.is-flipped .nt-closure-star-tooltip-arrow,
#trClosureStarTooltip.is-flipped .mhi-closure-star-tooltip-arrow,
#trClosureStarTooltip.is-flipped .li-closure-star-tooltip-arrow,
#trClosureStarTooltip.is-flipped .fsh-closure-star-tooltip-arrow,
#trClosureStarTooltip.is-flipped .aes-closure-star-tooltip-arrow,
#ftClosureStarTooltip.is-flipped .mq-closure-star-tooltip-arrow,
#ftClosureStarTooltip.is-flipped .dav-closure-star-tooltip-arrow,
#ftClosureStarTooltip.is-flipped .cr-closure-star-tooltip-arrow,
#ftClosureStarTooltip.is-flipped .tr-closure-star-tooltip-arrow,
#ftClosureStarTooltip.is-flipped .ft-closure-star-tooltip-arrow,
#ftClosureStarTooltip.is-flipped .nt-closure-star-tooltip-arrow,
#ftClosureStarTooltip.is-flipped .mhi-closure-star-tooltip-arrow,
#ftClosureStarTooltip.is-flipped .li-closure-star-tooltip-arrow,
#ftClosureStarTooltip.is-flipped .fsh-closure-star-tooltip-arrow,
#ftClosureStarTooltip.is-flipped .aes-closure-star-tooltip-arrow,
#ntClosureStarTooltip.is-flipped .mq-closure-star-tooltip-arrow,
#ntClosureStarTooltip.is-flipped .dav-closure-star-tooltip-arrow,
#ntClosureStarTooltip.is-flipped .cr-closure-star-tooltip-arrow,
#ntClosureStarTooltip.is-flipped .tr-closure-star-tooltip-arrow,
#ntClosureStarTooltip.is-flipped .ft-closure-star-tooltip-arrow,
#ntClosureStarTooltip.is-flipped .nt-closure-star-tooltip-arrow,
#ntClosureStarTooltip.is-flipped .mhi-closure-star-tooltip-arrow,
#ntClosureStarTooltip.is-flipped .li-closure-star-tooltip-arrow,
#ntClosureStarTooltip.is-flipped .fsh-closure-star-tooltip-arrow,
#ntClosureStarTooltip.is-flipped .aes-closure-star-tooltip-arrow,
#mhiClosureStarTooltip.is-flipped .mq-closure-star-tooltip-arrow,
#mhiClosureStarTooltip.is-flipped .dav-closure-star-tooltip-arrow,
#mhiClosureStarTooltip.is-flipped .cr-closure-star-tooltip-arrow,
#mhiClosureStarTooltip.is-flipped .tr-closure-star-tooltip-arrow,
#mhiClosureStarTooltip.is-flipped .ft-closure-star-tooltip-arrow,
#mhiClosureStarTooltip.is-flipped .nt-closure-star-tooltip-arrow,
#mhiClosureStarTooltip.is-flipped .mhi-closure-star-tooltip-arrow,
#mhiClosureStarTooltip.is-flipped .li-closure-star-tooltip-arrow,
#mhiClosureStarTooltip.is-flipped .fsh-closure-star-tooltip-arrow,
#mhiClosureStarTooltip.is-flipped .aes-closure-star-tooltip-arrow,
#liClosureStarTooltip.is-flipped .mq-closure-star-tooltip-arrow,
#liClosureStarTooltip.is-flipped .dav-closure-star-tooltip-arrow,
#liClosureStarTooltip.is-flipped .cr-closure-star-tooltip-arrow,
#liClosureStarTooltip.is-flipped .tr-closure-star-tooltip-arrow,
#liClosureStarTooltip.is-flipped .ft-closure-star-tooltip-arrow,
#liClosureStarTooltip.is-flipped .nt-closure-star-tooltip-arrow,
#liClosureStarTooltip.is-flipped .mhi-closure-star-tooltip-arrow,
#liClosureStarTooltip.is-flipped .li-closure-star-tooltip-arrow,
#liClosureStarTooltip.is-flipped .fsh-closure-star-tooltip-arrow,
#liClosureStarTooltip.is-flipped .aes-closure-star-tooltip-arrow,
#fshClosureStarTooltip.is-flipped .mq-closure-star-tooltip-arrow,
#fshClosureStarTooltip.is-flipped .dav-closure-star-tooltip-arrow,
#fshClosureStarTooltip.is-flipped .cr-closure-star-tooltip-arrow,
#fshClosureStarTooltip.is-flipped .tr-closure-star-tooltip-arrow,
#fshClosureStarTooltip.is-flipped .ft-closure-star-tooltip-arrow,
#fshClosureStarTooltip.is-flipped .nt-closure-star-tooltip-arrow,
#fshClosureStarTooltip.is-flipped .mhi-closure-star-tooltip-arrow,
#fshClosureStarTooltip.is-flipped .li-closure-star-tooltip-arrow,
#fshClosureStarTooltip.is-flipped .fsh-closure-star-tooltip-arrow,
#fshClosureStarTooltip.is-flipped .aes-closure-star-tooltip-arrow,
#aesClosureStarTooltip.is-flipped .mq-closure-star-tooltip-arrow,
#aesClosureStarTooltip.is-flipped .dav-closure-star-tooltip-arrow,
#aesClosureStarTooltip.is-flipped .cr-closure-star-tooltip-arrow,
#aesClosureStarTooltip.is-flipped .tr-closure-star-tooltip-arrow,
#aesClosureStarTooltip.is-flipped .ft-closure-star-tooltip-arrow,
#aesClosureStarTooltip.is-flipped .nt-closure-star-tooltip-arrow,
#aesClosureStarTooltip.is-flipped .mhi-closure-star-tooltip-arrow,
#aesClosureStarTooltip.is-flipped .li-closure-star-tooltip-arrow,
#aesClosureStarTooltip.is-flipped .fsh-closure-star-tooltip-arrow,
#aesClosureStarTooltip.is-flipped .aes-closure-star-tooltip-arrow {
  left: auto;
  right: -7px;
  border-right: 0 solid transparent;
  border-left: 7px solid #FFFFFF;
  transition: none;
}

/* ==========================================================================
   11. Sunday quiz
   ========================================================================== */

/* -- Sunday quiz -- */
#sqPageBlur {
  position: fixed;
  inset: 0;
  z-index: 10003;
  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}
#sqPageBlur.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.4s ease, visibility 0s linear 0s;
}
/* The quiz window (fades in over 0.8 s, out over 0.4 s — the toolbar's fade). */
#sundayQuizModal,
#sundayQuizModal::before,
#sundayQuizModal *,
#sundayQuizModal *::before,
#sundayQuizModal *::after {
  box-sizing: border-box;
}
#sundayQuizModal {
  display: grid;
  position: fixed;
  top: calc(10 * var(--vh));
  left: calc(10 * var(--vh));
  width: calc(calc(100 * var(--vw)) - calc(20 * var(--vh)));
  height: calc(80 * var(--vh));
  margin: 0;
  padding: 0;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 56px minmax(0, 1fr);
  overflow: hidden;
  z-index: 11000;
  background: rgba(255, 248, 236, 0.82);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
  isolation: isolate;
  outline: none;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: start;
  text-transform: none;
  color: rgb(108, 33, 8);
}
#sundayQuizModal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.4s ease, visibility 0s linear 0s;
}
/* Soft blur strip along the seam between the two halves (same as Your Charge). */
#sundayQuizModal::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 120px);
  width: 240px;
  z-index: 2;
  pointer-events: none;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100%);
}
/* Left half: the live wallpaper (colours of the page the question came from). */
#sundayQuizModal #sqWallpaper {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 50%;
  max-width: 50%;
  height: 100%;
  display: block;
  z-index: 0;
  pointer-events: none;
}
/* The page's own symbol as a silhouette over the wallpaper, behind the question: white,
   16% — the same watermark each page shows behind its text. It fills the whole left
   half (the whole symbol, centred) and is there from the start. */
#sundayQuizModal .sq-watermark {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 50%;
  max-width: 50%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  color: #FFFFFF;
}
#sundayQuizModal .sq-watermark.sq-watermark-in {
  animation: sqWallpaperIn 0.5s ease both;
}
#sundayQuizModal .sq-watermark-svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  opacity: 0.16;
  pointer-events: none;
}
/* When the question comes from another page, the wallpaper fades softly into that page's
   colours. */
#sundayQuizModal #sqWallpaper.sq-wallpaper-in {
  animation: sqWallpaperIn 0.5s ease both;
}
@keyframes sqWallpaperIn {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
/* Right half: no blur. The entry's main-page picture fills it; the entry's pop-up picture
   sits in the bottom-right quarter with its left and top edges blended softly into the
   main picture. Both are visible all the time. */
#sundayQuizModal .sq-right {
  --sq-feather: 64px;
  grid-column: 2;
  grid-row: 1 / -1;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
  isolation: isolate;
  background: rgb(255, 255, 255);
  pointer-events: none;
}
#sundayQuizModal .sq-main-image,
#sundayQuizModal .sq-image {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
}
#sundayQuizModal .sq-main-image {
  position: absolute;
  inset: 0;
  z-index: 0;
}
/* The pop-up picture: one quarter of the right half (bottom right). Its left and top edges
   fade out with the same soft, round fall-off the badge's frosted halo has — done with a
   mask, so nothing is blurred live. */
#sundayQuizModal .sq-modal-picture {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(50% + var(--sq-feather) / 2);
  height: calc(50% + var(--sq-feather) / 2);
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) calc(var(--sq-feather) * 0.15), rgba(0,0,0,0.2) calc(var(--sq-feather) * 0.32), rgba(0,0,0,0.5) calc(var(--sq-feather) * 0.5), rgba(0,0,0,0.8) calc(var(--sq-feather) * 0.68), rgba(0,0,0,0.96) calc(var(--sq-feather) * 0.85), #000 var(--sq-feather)), linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) calc(var(--sq-feather) * 0.15), rgba(0,0,0,0.2) calc(var(--sq-feather) * 0.32), rgba(0,0,0,0.5) calc(var(--sq-feather) * 0.5), rgba(0,0,0,0.8) calc(var(--sq-feather) * 0.68), rgba(0,0,0,0.96) calc(var(--sq-feather) * 0.85), #000 var(--sq-feather));
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) calc(var(--sq-feather) * 0.15), rgba(0,0,0,0.2) calc(var(--sq-feather) * 0.32), rgba(0,0,0,0.5) calc(var(--sq-feather) * 0.5), rgba(0,0,0,0.8) calc(var(--sq-feather) * 0.68), rgba(0,0,0,0.96) calc(var(--sq-feather) * 0.85), #000 var(--sq-feather)), linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) calc(var(--sq-feather) * 0.15), rgba(0,0,0,0.2) calc(var(--sq-feather) * 0.32), rgba(0,0,0,0.5) calc(var(--sq-feather) * 0.5), rgba(0,0,0,0.8) calc(var(--sq-feather) * 0.68), rgba(0,0,0,0.96) calc(var(--sq-feather) * 0.85), #000 var(--sq-feather));
  mask-composite: intersect;
}
/* The reader's level symbol: only the symbol, top-left of the window. Same height as the
   title (32px), centred on the title's line and on the left arrow's axis, and it takes the
   page's colour exactly like the title does. */
#sundayQuizModal .sq-level-mark {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  color: var(--sq-accent, #EA580C);
  transition: color 0.4s ease;
  pointer-events: none;
  z-index: 4;
}
#sundayQuizModal .sq-level-mark-icon {
  display: block;
  width: 100%;
  height: 100%;
}
#sundayQuizModal .sq-header {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  width: 100%;
  height: 72px;
  min-height: 56px;
  margin: 0;
  padding: 0;
  position: static;
  z-index: 3;
  background: transparent;
}
#sundayQuizModal .sq-title-wrapper {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 3;
}
#sundayQuizModal .sq-title {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: center;
  color: var(--sq-accent, #EA580C);
  transition: color 0.4s ease;
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 32px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.7px;
  line-height: 1.2;
  text-transform: none;
  position: relative;
  z-index: 3;
}
#sundayQuizModal .sq-close {
  position: absolute;
  top: 16px;
  right: 16px;
  left: auto;
  bottom: auto;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: #FFFFFF;
  color: var(--sq-accent, #EA580C);
  cursor: pointer;
  z-index: 7;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  line-height: 1;
  text-align: center;
  -webkit-appearance: none;
  appearance: none;
}
#sundayQuizModal .sq-close svg {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0;
  flex: 0 0 32px;
  color: #9CA3AF;
  transition: color 0.4s ease;
}
@media (hover: hover) {
  #sundayQuizModal .sq-close:hover svg {
    color: #DC2626;
  }
}
@media (hover: none) {
  #sundayQuizModal .sq-close.is-hover svg {
    color: #DC2626;
  }
}
#sundayQuizModal .sq-close:focus-visible {
  outline: 2px solid var(--sq-accent, #EA580C);
  outline-offset: 4px;
}
/* The reading panel: question + options. Side padding leaves room for the arrows. */
#sundayQuizModal .sq-left {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  min-height: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 16px 72px 24px 72px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  border: 0;
  border-right: none;
  position: relative;
  z-index: 3;
  isolation: isolate;
  background: transparent;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#sundayQuizModal .sq-left::-webkit-scrollbar {
  display: none;
}
/* Floating diamonds across the whole window (same as Your Charge). */
#sundayQuizModal #sqParticles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 4;
  pointer-events: none;
}
#sundayQuizModal .sq-step {
  display: block;
  margin: 0;
  padding: 0;
  animation: sqStepIn 0.32s ease both;
}
@keyframes sqStepIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
#sundayQuizModal .sq-head {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0 0 14px;
  padding: 0;
  color: var(--sq-accent, #EA580C);
  font-family: Georgia,"Times New Roman", serif;
  position: relative;
  z-index: 3;
}
#sundayQuizModal .sq-head-number {
  direction: ltr;
  unicode-bidi: isolate;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: baseline;
  margin: 0 8px 0 0;
  font-family: "Bodoni 72","Didot","Times New Roman", serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  color: var(--sq-accent, #EA580C);
  transition: color 0.4s ease;
}
#sundayQuizModal .sq-head-of {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2em;
  margin-left: 4px;
  font-size: 16px;
  font-weight: 600;
  opacity: 0.8;
}
#sundayQuizModal .sq-digits {
  direction: ltr;
  unicode-bidi: isolate;
  font-family: "Times New Roman", Times, serif;
  display: inline-flex;
  align-items: baseline;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1,"tnum" 1;
}
#sundayQuizModal .sq-digit {
  font-family: "Times New Roman", Times, serif;
  display: inline-block;
  width: 0.56em;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1,"tnum" 1;
}
#sundayQuizModal .sq-digit-sep {
  font-family: "Times New Roman", Times, serif;
  display: inline-block;
  text-align: center;
  padding: 0 0.12em;
}
#sundayQuizModal .sq-head-divider {
  flex: 0 0 1px;
  width: 1px;
  height: 28px;
  margin: 0 8px 0 0;
  background: var(--sq-accent, #EA580C);
  opacity: 0.45;
  transition: background-color 0.4s ease;
}
#sundayQuizModal .sq-head-title {
  margin: 0;
  padding: 0;
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: var(--sq-accent, #EA580C);
  transition: color 0.4s ease;
}
#sundayQuizModal .sq-question {
  margin: 0 0 18px;
  padding: 0;
  color: #000000;
  font-family: Georgia,"Times New Roman", serif;
  font-size: clamp(16px, calc(1.2 * var(--vw)), 19.5px);
  font-weight: 400;
  line-height: 1.6;
  text-align: start;
}
#sundayQuizModal .sq-options {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#sundayQuizModal .sq-option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid rgba(168, 67, 23, 0.32);
  border-color: color-mix(in srgb, var(--sq-accent, #EA580C) 45%, transparent);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.55);
  color: #000000;
  font-family: Georgia,"Times New Roman", serif;
  font-size: clamp(14.5px, calc(1.05 * var(--vw)), 17px);
  font-weight: 400;
  line-height: 1.45;
  text-align: start;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
}
@media (hover: hover) {
  #sundayQuizModal .sq-option:hover:not(:disabled) {
    border-color: var(--sq-accent, #EA580C);
    background: rgba(255, 255, 255, 0.88);
  }
}
@media (hover: none) {
  #sundayQuizModal .sq-option.is-hover:not(:disabled) {
    border-color: var(--sq-accent, #EA580C);
    background: rgba(255, 255, 255, 0.88);
  }
}
#sundayQuizModal .sq-option:focus-visible {
  outline: 2px solid var(--sq-accent, #EA580C);
  outline-offset: 2px;
}
#sundayQuizModal .sq-option:disabled {
  cursor: default;
}
#sundayQuizModal .sq-letter {
  flex: 0 0 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-top: 0;
  border: 1px solid var(--sq-accent, #EA580C);
  border-radius: 50%;
  color: var(--sq-accent, #EA580C);
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
#sundayQuizModal .sq-option-text {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 2px;
}
#sundayQuizModal .sq-option.is-correct {
  border-color: #15803D;
  background: rgba(21, 128, 61, 0.13);
}
#sundayQuizModal .sq-option.is-correct .sq-letter {
  border-color: #15803D;
  background: #15803D;
  color: #FFFFFF;
}
#sundayQuizModal .sq-option.is-wrong {
  border-color: #B91C1C;
  background: rgba(185, 28, 28, 0.10);
}
#sundayQuizModal .sq-option.is-wrong .sq-letter {
  border-color: #B91C1C;
  background: #B91C1C;
  color: #FFFFFF;
}
#sundayQuizModal .sq-option.is-dim {
  opacity: 0.58;
}
#sundayQuizModal .sq-feedback {
  margin: 16px 0 0;
  padding: 12px 16px;
  border-left: 3px solid var(--sq-accent, #EA580C);
  border-radius: 0 8px 8px 0;
  background: rgba(255, 255, 255, 0.55);
  color: #000000;
  font-family: Georgia,"Times New Roman", serif;
  font-size: clamp(14px, calc(1 * var(--vw)), 16.5px);
  line-height: 1.6;
  animation: sqStepIn 0.32s ease both;
}
#sundayQuizModal .sq-feedback.is-right {
  border-left-color: #15803D;
}
#sundayQuizModal .sq-feedback.is-miss {
  border-left-color: #B91C1C;
}
#sundayQuizModal .sq-feedback-verdict {
  display: block;
  margin: 0 0 4px;
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--sq-accent, #EA580C);
}
#sundayQuizModal .sq-feedback.is-right .sq-feedback-verdict {
  color: #15803D;
}
#sundayQuizModal .sq-feedback.is-miss .sq-feedback-verdict {
  color: #B91C1C;
}
#sundayQuizModal .sq-btn {
  display: inline-block;
  margin: 16px 10px 0 0;
  padding: 10px 22px;
  border: 1px solid var(--sq-accent, #EA580C);
  border-radius: 999px;
  background: var(--sq-accent, #EA580C);
  color: #FFFFFF;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.4px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color 0.2s ease, color 0.2s ease, filter 0.2s ease;
}
@media (hover: hover) {
  #sundayQuizModal .sq-btn:hover {
    filter: brightness(0.88);
  }
}
@media (hover: none) {
  #sundayQuizModal .sq-btn.is-hover {
    filter: brightness(0.88);
  }
}
#sundayQuizModal .sq-btn:focus-visible {
  outline: 2px solid var(--sq-accent, #EA580C);
  outline-offset: 3px;
}
#sundayQuizModal .sq-score {
  margin: 6px 0 4px;
  color: var(--sq-accent, #EA580C);
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  display: flex;
  align-items: baseline;
}
/* Level: badge (symbol) + title + message + average. Colour follows the page, like
   everything else. */
#sundayQuizModal .sq-level {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 4px 0 18px;
}
#sundayQuizModal .sq-level-badge {
  flex: 0 0 64px;
  display: block;
  width: 64px;
  height: 64px;
  color: var(--sq-accent, #EA580C);
  transition: color 0.4s ease;
}
#sundayQuizModal .sq-level-words {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
#sundayQuizModal .sq-level-kicker {
  color: var(--sq-accent, #EA580C);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  opacity: 0.75;
}
#sundayQuizModal .sq-level-name {
  color: var(--sq-accent, #EA580C);
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.4px;
}
#sundayQuizModal .sq-level-line {
  color: #000000;
  font-size: clamp(14px, calc(1 * var(--vw)), 16.5px);
  line-height: 1.5;
}
/* A pair of numbers such as "7 / 10" inside a right-to-left sentence reads left to right. */
#sundayQuizModal .sq-ltr {
  direction: ltr;
  unicode-bidi: isolate;
}
/* The big score "7/10": its digits stay left to right and the block stays on the reading
   start (the right in Arabic). */
html[dir="rtl"] #sundayQuizModal .sq-score {
  direction: ltr;
  unicode-bidi: isolate;
  justify-content: flex-end;
}
#sundayQuizModal .sq-level-avg {
  display: block;
  margin-top: 4px;
  color: #000000;
  font-size: 13px;
  opacity: 0.7;
}
#sundayQuizModal .sq-score-note {
  margin: 0 0 18px;
  color: #000000;
  font-family: Georgia,"Times New Roman", serif;
  font-size: clamp(15px, calc(1.1 * var(--vw)), 18px);
  line-height: 1.6;
}
#sundayQuizModal .sq-review {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#sundayQuizModal .sq-review-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  width: 100%;
  margin: 0;
  padding: 8px 4px;
  border: 1px solid rgba(168, 67, 23, 0.32);
  border-color: color-mix(in srgb, var(--sq-accent, #EA580C) 45%, transparent);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.55);
  color: var(--sq-accent, #EA580C);
  font-family: "Bodoni 72","Didot", Georgia, serif;
  font-size: 15px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
@media (hover: hover) {
  #sundayQuizModal .sq-review-item:hover {
    border-color: var(--sq-accent, #EA580C);
  }
}
@media (hover: none) {
  #sundayQuizModal .sq-review-item.is-hover {
    border-color: var(--sq-accent, #EA580C);
  }
}
#sundayQuizModal .sq-review-item.is-correct {
  border-color: #15803D;
  background: rgba(21, 128, 61, 0.13);
  color: #15803D;
}
#sundayQuizModal .sq-review-item.is-wrong {
  border-color: #B91C1C;
  background: rgba(185, 28, 28, 0.10);
  color: #B91C1C;
}
#sundayQuizModal .sq-review-mark {
  font-size: 16px;
  line-height: 1;
}
#sundayQuizModal .sq-arrow {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin: -22px 0 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #FFFFFF;
  color: var(--sq-accent, #EA580C);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 6;
  opacity: 0;
  visibility: hidden;
  -webkit-appearance: none;
  appearance: none;
  transition: opacity 0.25s ease, visibility 0s linear 0.25s, color 0.2s ease;
}
#sundayQuizModal .sq-arrow[hidden] {
  display: none;
}
#sundayQuizModal .sq-arrow-prev {
  left: 14px;
}
#sundayQuizModal .sq-arrow-next {
  right: 14px;
}
#sundayQuizModal.sq-arrows-on .sq-arrow {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s ease, visibility 0s linear 0s, color 0.2s ease;
}
@media (hover: hover) {
  #sundayQuizModal .sq-arrow:hover svg {
    filter: brightness(0.78);
  }
}
@media (hover: none) {
  #sundayQuizModal .sq-arrow.is-hover svg {
    filter: brightness(0.78);
  }
}
#sundayQuizModal .sq-arrow:focus-visible {
  outline: 2px solid var(--sq-accent, #EA580C);
  outline-offset: 3px;
}
/* Narrow screens: same rule Your Charge gives its reading panel. */
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 900px)). */
:where(html:not([data-layout="laptop"])) #sundayQuizModal .sq-left {
  padding-inline: 50px;
}
:where(html:not([data-layout="laptop"])) #sundayQuizModal .sq-arrow {
  width: 36px;
  height: 36px;
  margin-top: -18px;
}
:where(html:not([data-layout="laptop"])) #sundayQuizModal .sq-arrow svg {
  width: 18px;
  height: 18px;
}
:where(html:not([data-layout="laptop"])) #sundayQuizModal .sq-arrow-prev {
  left: 8px;
}
:where(html:not([data-layout="laptop"])) #sundayQuizModal .sq-arrow-next {
  right: 8px;
}

@media print {
  #sundayQuizModal,
  #sqPageBlur {
    display: none;
  }
}
html.sq-open,
body.sq-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}
/* The reading panel scrolls by itself and never passes the scroll on to the page. */
#sundayQuizModal .sq-left {
  overscroll-behavior: contain;
}
/* Skip: sits where the close button sits, until the quiz is finished (then the close
   button returns) */
#sundayQuizModal .sq-close[hidden],
#sundayQuizModal .sq-skip[hidden] {
  display: none;
}
#sundayQuizModal .sq-skip {
  position: absolute;
  top: 16px;
  right: 16px;
  left: auto;
  bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  margin: 0;
  padding: 0 16px;
  border: none;
  border-radius: 16px;
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  color: var(--sq-accent, #EA580C);
  font-family: Georgia,"Times New Roman", serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 1;
  cursor: pointer;
  z-index: 7;
  -webkit-appearance: none;
  appearance: none;
  transition: color 0.2s ease;
}
@media (hover: hover) {
  #sundayQuizModal .sq-skip:hover {
    color: color-mix(in srgb, var(--sq-accent, #EA580C) 78%, #000000);
  }
}
@media (hover: none) {
  #sundayQuizModal .sq-skip.is-hover {
    color: color-mix(in srgb, var(--sq-accent, #EA580C) 78%, #000000);
  }
}
#sundayQuizModal .sq-skip:focus-visible {
  outline: 2px solid var(--sq-accent, #EA580C);
  outline-offset: 4px;
}
.sq-note {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 11100;
  display: flex;
  align-items: center;
  gap: 18px;
  width: min(440px, calc(calc(100 * var(--vw)) - 32px));
  box-sizing: border-box;
  padding: 20px 24px 54px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.2);
  font-family: Georgia,"Times New Roman", serif;
  opacity: 0;
  transform: translate(-50%, calc(-50% + 10px));
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}
.sq-note.is-open {
  opacity: 1;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}
.sq-note .sq-note-icon {
  flex: 0 0 40px;
  display: block;
  width: 40px;
  height: 40px;
  color: var(--sq-accent, #EA580C);
}
.sq-note .sq-note-body {
  min-width: 0;
}
.sq-note .sq-note-title {
  margin: 0 0 4px;
  color: var(--sq-accent, #EA580C);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.sq-note .sq-note-text {
  margin: 0;
  color: #1F2937;
  font-size: 16px;
  line-height: 1.45;
}
.sq-note .sq-note-ok {
  position: absolute;
  inset-inline-end: 8px; /* bottom-right; bottom-left in right-to-left languages (Arabic) */
  bottom: 8px;
  margin: 0;
  padding: 7px 20px;
  border: 1px solid var(--sq-accent, #EA580C);
  border-radius: 999px;
  background: var(--sq-accent, #EA580C);
  color: #FFFFFF;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.3px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: filter 0.2s ease;
}
@media (hover: hover) {
  .sq-note .sq-note-ok:hover {
    filter: brightness(0.88);
  }
}
@media (hover: none) {
  .sq-note .sq-note-ok.is-hover {
    filter: brightness(0.88);
  }
}
.sq-note .sq-note-ok:focus-visible {
  outline: 2px solid var(--sq-accent, #EA580C);
  outline-offset: 3px;
}

/* SUNDAY WARNING - "Before the week ends": the same pop-up in Yellow 600, with a deadline chip above the icon row.
   The chip's left edge and the triangle's left edge are the same line (the card's 24px padding). */
.sq-note.sunday-warning {
  --sq-accent: #CA8A04;
  display: block;
  padding: 18px 24px 54px;
}
.sq-note.sunday-warning .sq-note-chip {
  display: inline-block;
  margin: 0 0 12px;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--sq-accent);
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.sq-note.sunday-warning .sq-note-chip:lang(ar),
.sq-note.sunday-warning .sq-note-chip:lang(hi) {
  letter-spacing: 0; /* joined scripts: no gaps between the letters */
}
.sq-note.sunday-warning .sq-note-chip:lang(ja),
.sq-note.sunday-warning .sq-note-chip:lang(ko),
.sq-note.sunday-warning .sq-note-chip:lang(zh) {
  letter-spacing: 0.06em;
}
.sq-note.sunday-warning .sq-note-row {
  display: flex;
  align-items: center;
  gap: 18px;
}
/* The digits (the chip's "12") use the same span system as the Quiz drop-down: lining, fixed-width figures
   that sit on the same line as the words. */
.sq-note .sq-digits {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-flex;
  align-items: baseline;
  font-family: "Times New Roman", Times, serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1,"tnum" 1;
}
.sq-note .sq-digit {
  display: inline-block;
  width: 0.56em;
  text-align: center;
  font-family: "Times New Roman", Times, serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1,"tnum" 1;
}
.sq-note .sq-digit-sep {
  display: inline-block;
  padding: 0 0.12em;
  text-align: center;
  font-family: "Times New Roman", Times, serif;
}
#sundayQuizModal .sq-profile-hint {
  margin: 16px 0 8px;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 14px;
  font-style: italic;
  line-height: 1.5;
  color: color-mix(in srgb, var(--sq-accent, #EA580C) 85%, #000);
}
#sundayQuizModal .sq-revisit-note {
  margin: 0 0 20px;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  line-height: 1.5;
  color: #4B5563;
}
/* The Results page's wallpaper: the Slate that was the Aesthetics page's own (white to slate 500, ending at slate 400).
   The wallpaper engine reads these from the quiz modal while the Results page is on screen. */
#sundayQuizModal {
  --wp-recipe: spectrum;
  --wp-spectrum-white: 255, 255, 255;
  --wp-spectrum-orange: 100, 116, 139;
  --wp-gradient-end: 148, 163, 184;
  --wp-bg-light-0-a: 255, 255, 255;
  --wp-bg-light-0-b: 241, 245, 249;
  --wp-bg-light-1-a: 241, 245, 249;
  --wp-bg-light-1-b: 226, 232, 240;
  --wp-bg-light-2-a: 226, 232, 240;
  --wp-bg-light-2-b: 203, 213, 225;
  --wp-bg-light-3-a: 148, 163, 184;
  --wp-bg-light-3-b: 100, 116, 139;
  --wp-glow-light-vivid: 80, 105, 140;
  --wp-glow-light-white: 252, 253, 254;
  --wp-glow-light-1: 65, 88, 120;
  --wp-glow-light-2: 95, 122, 158;
  --wp-glow-light-3: 140, 165, 200;
  --wp-particle-light-1: 51, 65, 85;
  --wp-particle-light-2: 30, 41, 59;
  --wp-particle-light-3: 71, 85, 105;
}
#sundayQuizModal .sq-practice-note {
  margin: 0 0 12px;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
}

/* ==========================================================================
   12. Quiz drop-down
   ========================================================================== */

/* -- Quiz drop-down -- */
#mqSection .sqp-dropdown,
#davSection .sqp-dropdown,
#crSection .sqp-dropdown,
#trSection .sqp-dropdown,
#ftSection .sqp-dropdown,
#ntSection .sqp-dropdown,
#mhiSection .sqp-dropdown,
#liSection .sqp-dropdown,
#fshSection .sqp-dropdown,
#aesSection .sqp-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  bottom: auto;
  inset-inline-start: 0;
  inset-inline-end: auto;
  width: 100%;
  height: 480px;
  min-height: 480px;
  max-height: 480px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0 none;
  border-inline-start: 2px solid var(--sqp-accent, #EA580C);
  border-radius: 12px;
  box-shadow: 0 8px 24px var(--app-shadow, rgba(0, 0, 0, 0.12));
  z-index: 1600;
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
  text-align: start;
  cursor: default;
}
#mqSection .sqp-dropdown.show,
#davSection .sqp-dropdown.show,
#crSection .sqp-dropdown.show,
#trSection .sqp-dropdown.show,
#ftSection .sqp-dropdown.show,
#ntSection .sqp-dropdown.show,
#mhiSection .sqp-dropdown.show,
#liSection .sqp-dropdown.show,
#fshSection .sqp-dropdown.show,
#aesSection .sqp-dropdown.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.4s ease, visibility 0s linear 0s;
}
/* The hover bridge: fills the gap between the Quiz button and the drop-down so the
   cursor can cross it at any speed. (The scrolling part is the inner box, so nothing clips
   this.) Its size is set by the script when the drop-down opens. */
#mqSection .sqp-dropdown::before,
#davSection .sqp-dropdown::before,
#crSection .sqp-dropdown::before,
#trSection .sqp-dropdown::before,
#ftSection .sqp-dropdown::before,
#ntSection .sqp-dropdown::before,
#mhiSection .sqp-dropdown::before,
#liSection .sqp-dropdown::before,
#fshSection .sqp-dropdown::before,
#aesSection .sqp-dropdown::before {
  content: "";
  position: absolute;
  left: var(--sqp-bl, -2px);
  width: var(--sqp-bw, calc(100% + 4px));
  top: calc(-1 * var(--sqp-gap, 8px) - var(--sqp-ct, 0px));
  height: calc(var(--sqp-gap, 8px) + var(--sqp-ct, 0px));
  pointer-events: none;
}
#mqSection .sqp-dropdown.show::before,
#davSection .sqp-dropdown.show::before,
#crSection .sqp-dropdown.show::before,
#trSection .sqp-dropdown.show::before,
#ftSection .sqp-dropdown.show::before,
#ntSection .sqp-dropdown.show::before,
#mhiSection .sqp-dropdown.show::before,
#liSection .sqp-dropdown.show::before,
#fshSection .sqp-dropdown.show::before,
#aesSection .sqp-dropdown.show::before {
  pointer-events: auto;
}
#mqSection .sqp-dropdown .sqp-scroll,
#davSection .sqp-dropdown .sqp-scroll,
#crSection .sqp-dropdown .sqp-scroll,
#trSection .sqp-dropdown .sqp-scroll,
#ftSection .sqp-dropdown .sqp-scroll,
#ntSection .sqp-dropdown .sqp-scroll,
#mhiSection .sqp-dropdown .sqp-scroll,
#liSection .sqp-dropdown .sqp-scroll,
#fshSection .sqp-dropdown .sqp-scroll,
#aesSection .sqp-dropdown .sqp-scroll {
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 14px 14px 16px;
  border-start-start-radius: 10px;
  border-end-start-radius: 10px;
  border-start-end-radius: 12px;
  border-end-end-radius: 12px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: var(--app-scrollbar, rgba(0, 0, 0, 0.25)) transparent;
  font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #111827;
}
#mqSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar,
#davSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar,
#crSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar,
#trSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar,
#ftSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar,
#ntSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar,
#mhiSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar,
#liSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar,
#fshSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar,
#aesSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar {
  width: 8px;
}
#mqSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-track,
#davSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-track,
#crSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-track,
#trSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-track,
#ftSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-track,
#ntSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-track,
#mhiSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-track,
#liSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-track,
#fshSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-track,
#aesSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-track {
  background: transparent;
}
#mqSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-thumb,
#davSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-thumb,
#crSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-thumb,
#trSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-thumb,
#ftSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-thumb,
#ntSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-thumb,
#mhiSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-thumb,
#liSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-thumb,
#fshSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-thumb,
#aesSection .sqp-dropdown .sqp-scroll::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar, rgba(0, 0, 0, 0.25));
  border-radius: 10px;
}
#mqSection .sqp-dropdown p,
#davSection .sqp-dropdown p,
#crSection .sqp-dropdown p,
#trSection .sqp-dropdown p,
#ftSection .sqp-dropdown p,
#ntSection .sqp-dropdown p,
#mhiSection .sqp-dropdown p,
#liSection .sqp-dropdown p,
#fshSection .sqp-dropdown p,
#aesSection .sqp-dropdown p,
#mqSection .sqp-dropdown h4,
#davSection .sqp-dropdown h4,
#crSection .sqp-dropdown h4,
#trSection .sqp-dropdown h4,
#ftSection .sqp-dropdown h4,
#ntSection .sqp-dropdown h4,
#mhiSection .sqp-dropdown h4,
#liSection .sqp-dropdown h4,
#fshSection .sqp-dropdown h4,
#aesSection .sqp-dropdown h4 {
  margin: 0;
  padding: 0;
}
#mqSection .sqp-dropdown .sqp-head,
#davSection .sqp-dropdown .sqp-head,
#crSection .sqp-dropdown .sqp-head,
#trSection .sqp-dropdown .sqp-head,
#ftSection .sqp-dropdown .sqp-head,
#ntSection .sqp-dropdown .sqp-head,
#mhiSection .sqp-dropdown .sqp-head,
#liSection .sqp-dropdown .sqp-head,
#fshSection .sqp-dropdown .sqp-head,
#aesSection .sqp-dropdown .sqp-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 2px 2px 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--sqp-accent, #EA580C) 28%, transparent);
}
#mqSection .sqp-dropdown .sqp-logo,
#davSection .sqp-dropdown .sqp-logo,
#crSection .sqp-dropdown .sqp-logo,
#trSection .sqp-dropdown .sqp-logo,
#ftSection .sqp-dropdown .sqp-logo,
#ntSection .sqp-dropdown .sqp-logo,
#mhiSection .sqp-dropdown .sqp-logo,
#liSection .sqp-dropdown .sqp-logo,
#fshSection .sqp-dropdown .sqp-logo,
#aesSection .sqp-dropdown .sqp-logo {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sqp-accent, #EA580C);
}
#mqSection .sqp-dropdown .sqp-logo-icon,
#davSection .sqp-dropdown .sqp-logo-icon,
#crSection .sqp-dropdown .sqp-logo-icon,
#trSection .sqp-dropdown .sqp-logo-icon,
#ftSection .sqp-dropdown .sqp-logo-icon,
#ntSection .sqp-dropdown .sqp-logo-icon,
#mhiSection .sqp-dropdown .sqp-logo-icon,
#liSection .sqp-dropdown .sqp-logo-icon,
#fshSection .sqp-dropdown .sqp-logo-icon,
#aesSection .sqp-dropdown .sqp-logo-icon {
  width: 100%;
  height: 100%;
  display: block;
  color: var(--sqp-accent, #EA580C);
}
#mqSection .sqp-dropdown .sqp-who,
#davSection .sqp-dropdown .sqp-who,
#crSection .sqp-dropdown .sqp-who,
#trSection .sqp-dropdown .sqp-who,
#ftSection .sqp-dropdown .sqp-who,
#ntSection .sqp-dropdown .sqp-who,
#mhiSection .sqp-dropdown .sqp-who,
#liSection .sqp-dropdown .sqp-who,
#fshSection .sqp-dropdown .sqp-who,
#aesSection .sqp-dropdown .sqp-who {
  min-width: 0;
}
@media (hover: hover) {
  #mqSection .sqp-dropdown .sqp-cta:hover:not(:disabled),
  #davSection .sqp-dropdown .sqp-cta:hover:not(:disabled),
  #crSection .sqp-dropdown .sqp-cta:hover:not(:disabled),
  #trSection .sqp-dropdown .sqp-cta:hover:not(:disabled),
  #ftSection .sqp-dropdown .sqp-cta:hover:not(:disabled),
  #ntSection .sqp-dropdown .sqp-cta:hover:not(:disabled),
  #mhiSection .sqp-dropdown .sqp-cta:hover:not(:disabled),
  #liSection .sqp-dropdown .sqp-cta:hover:not(:disabled),
  #fshSection .sqp-dropdown .sqp-cta:hover:not(:disabled),
  #aesSection .sqp-dropdown .sqp-cta:hover:not(:disabled) {
    filter: brightness(1.08);
  }
}
@media (hover: none) {
  #mqSection .sqp-dropdown .sqp-cta.is-hover:not(:disabled),
  #davSection .sqp-dropdown .sqp-cta.is-hover:not(:disabled),
  #crSection .sqp-dropdown .sqp-cta.is-hover:not(:disabled),
  #trSection .sqp-dropdown .sqp-cta.is-hover:not(:disabled),
  #ftSection .sqp-dropdown .sqp-cta.is-hover:not(:disabled),
  #ntSection .sqp-dropdown .sqp-cta.is-hover:not(:disabled),
  #mhiSection .sqp-dropdown .sqp-cta.is-hover:not(:disabled),
  #liSection .sqp-dropdown .sqp-cta.is-hover:not(:disabled),
  #fshSection .sqp-dropdown .sqp-cta.is-hover:not(:disabled),
  #aesSection .sqp-dropdown .sqp-cta.is-hover:not(:disabled) {
    filter: brightness(1.08);
  }
}
#mqSection .sqp-dropdown .sqp-cta:active:not(:disabled),
#davSection .sqp-dropdown .sqp-cta:active:not(:disabled),
#crSection .sqp-dropdown .sqp-cta:active:not(:disabled),
#trSection .sqp-dropdown .sqp-cta:active:not(:disabled),
#ftSection .sqp-dropdown .sqp-cta:active:not(:disabled),
#ntSection .sqp-dropdown .sqp-cta:active:not(:disabled),
#mhiSection .sqp-dropdown .sqp-cta:active:not(:disabled),
#liSection .sqp-dropdown .sqp-cta:active:not(:disabled),
#fshSection .sqp-dropdown .sqp-cta:active:not(:disabled),
#aesSection .sqp-dropdown .sqp-cta:active:not(:disabled) {
  transform: translateY(1px);
}
#mqSection .sqp-dropdown .sqp-cta:focus-visible,
#davSection .sqp-dropdown .sqp-cta:focus-visible,
#crSection .sqp-dropdown .sqp-cta:focus-visible,
#trSection .sqp-dropdown .sqp-cta:focus-visible,
#ftSection .sqp-dropdown .sqp-cta:focus-visible,
#ntSection .sqp-dropdown .sqp-cta:focus-visible,
#mhiSection .sqp-dropdown .sqp-cta:focus-visible,
#liSection .sqp-dropdown .sqp-cta:focus-visible,
#fshSection .sqp-dropdown .sqp-cta:focus-visible,
#aesSection .sqp-dropdown .sqp-cta:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}
#mqSection .sqp-dropdown .sqp-cta:disabled,
#davSection .sqp-dropdown .sqp-cta:disabled,
#crSection .sqp-dropdown .sqp-cta:disabled,
#trSection .sqp-dropdown .sqp-cta:disabled,
#ftSection .sqp-dropdown .sqp-cta:disabled,
#ntSection .sqp-dropdown .sqp-cta:disabled,
#mhiSection .sqp-dropdown .sqp-cta:disabled,
#liSection .sqp-dropdown .sqp-cta:disabled,
#fshSection .sqp-dropdown .sqp-cta:disabled,
#aesSection .sqp-dropdown .sqp-cta:disabled {
  background: rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid color-mix(in srgb, var(--sqp-accent, #EA580C) 30%, transparent);
  cursor: default;
}
#mqSection .sqp-dropdown .sqp-guide,
#davSection .sqp-dropdown .sqp-guide,
#crSection .sqp-dropdown .sqp-guide,
#trSection .sqp-dropdown .sqp-guide,
#ftSection .sqp-dropdown .sqp-guide,
#ntSection .sqp-dropdown .sqp-guide,
#mhiSection .sqp-dropdown .sqp-guide,
#liSection .sqp-dropdown .sqp-guide,
#fshSection .sqp-dropdown .sqp-guide,
#aesSection .sqp-dropdown .sqp-guide {
  stroke: color-mix(in srgb, var(--sqp-accent, #EA580C) 78%, #000);
  stroke-width: 1.4;
  stroke-dasharray: 0.1 4;
  stroke-linecap: round;
}
#mqSection .sqp-dropdown .sqp-base,
#davSection .sqp-dropdown .sqp-base,
#crSection .sqp-dropdown .sqp-base,
#trSection .sqp-dropdown .sqp-base,
#ftSection .sqp-dropdown .sqp-base,
#ntSection .sqp-dropdown .sqp-base,
#mhiSection .sqp-dropdown .sqp-base,
#liSection .sqp-dropdown .sqp-base,
#fshSection .sqp-dropdown .sqp-base,
#aesSection .sqp-dropdown .sqp-base {
  stroke: rgba(0, 0, 0, 0.28);
  stroke-width: 1;
}
#mqSection .sqp-dropdown .sqp-line,
#davSection .sqp-dropdown .sqp-line,
#crSection .sqp-dropdown .sqp-line,
#trSection .sqp-dropdown .sqp-line,
#ftSection .sqp-dropdown .sqp-line,
#ntSection .sqp-dropdown .sqp-line,
#mhiSection .sqp-dropdown .sqp-line,
#liSection .sqp-dropdown .sqp-line,
#fshSection .sqp-dropdown .sqp-line,
#aesSection .sqp-dropdown .sqp-line {
  fill: none;
  stroke: var(--sqp-accent, #EA580C);
  stroke-width: 2.4;
  stroke-linejoin: round;
  stroke-linecap: round;
}
#mqSection .sqp-dropdown .sqp-avg,
#davSection .sqp-dropdown .sqp-avg,
#crSection .sqp-dropdown .sqp-avg,
#trSection .sqp-dropdown .sqp-avg,
#ftSection .sqp-dropdown .sqp-avg,
#ntSection .sqp-dropdown .sqp-avg,
#mhiSection .sqp-dropdown .sqp-avg,
#liSection .sqp-dropdown .sqp-avg,
#fshSection .sqp-dropdown .sqp-avg,
#aesSection .sqp-dropdown .sqp-avg {
  fill: none;
  stroke: #000;
  stroke-width: 2.4;
  stroke-dasharray: 0.1 4.6;
  stroke-linecap: round;
}
#mqSection .sqp-dropdown .sqp-point,
#davSection .sqp-dropdown .sqp-point,
#crSection .sqp-dropdown .sqp-point,
#trSection .sqp-dropdown .sqp-point,
#ftSection .sqp-dropdown .sqp-point,
#ntSection .sqp-dropdown .sqp-point,
#mhiSection .sqp-dropdown .sqp-point,
#liSection .sqp-dropdown .sqp-point,
#fshSection .sqp-dropdown .sqp-point,
#aesSection .sqp-dropdown .sqp-point {
  fill: #FFFFFF;
  stroke: var(--sqp-accent, #EA580C);
  stroke-width: 2;
}
#mqSection .sqp-dropdown .sqp-axis-ch,
#davSection .sqp-dropdown .sqp-axis-ch,
#crSection .sqp-dropdown .sqp-axis-ch,
#trSection .sqp-dropdown .sqp-axis-ch,
#ftSection .sqp-dropdown .sqp-axis-ch,
#ntSection .sqp-dropdown .sqp-axis-ch,
#mhiSection .sqp-dropdown .sqp-axis-ch,
#liSection .sqp-dropdown .sqp-axis-ch,
#fshSection .sqp-dropdown .sqp-axis-ch,
#aesSection .sqp-dropdown .sqp-axis-ch {
  text-anchor: middle;
}
#mqSection .sqp-dropdown .sqp-split .sqp-h,
#davSection .sqp-dropdown .sqp-split .sqp-h,
#crSection .sqp-dropdown .sqp-split .sqp-h,
#trSection .sqp-dropdown .sqp-split .sqp-h,
#ftSection .sqp-dropdown .sqp-split .sqp-h,
#ntSection .sqp-dropdown .sqp-split .sqp-h,
#mhiSection .sqp-dropdown .sqp-split .sqp-h,
#liSection .sqp-dropdown .sqp-split .sqp-h,
#fshSection .sqp-dropdown .sqp-split .sqp-h,
#aesSection .sqp-dropdown .sqp-split .sqp-h {
  margin: 0;
  text-align: center;
  white-space: nowrap;
}
#mqSection .sqp-dropdown .sqp-split-amp,
#davSection .sqp-dropdown .sqp-split-amp,
#crSection .sqp-dropdown .sqp-split-amp,
#trSection .sqp-dropdown .sqp-split-amp,
#ftSection .sqp-dropdown .sqp-split-amp,
#ntSection .sqp-dropdown .sqp-split-amp,
#mhiSection .sqp-dropdown .sqp-split-amp,
#liSection .sqp-dropdown .sqp-split-amp,
#fshSection .sqp-dropdown .sqp-split-amp,
#aesSection .sqp-dropdown .sqp-split-amp {
  font-style: italic;
}
#mqSection .sqp-dropdown .sqp-dots + .sqp-key,
#davSection .sqp-dropdown .sqp-dots + .sqp-key,
#crSection .sqp-dropdown .sqp-dots + .sqp-key,
#trSection .sqp-dropdown .sqp-dots + .sqp-key,
#ftSection .sqp-dropdown .sqp-dots + .sqp-key,
#ntSection .sqp-dropdown .sqp-dots + .sqp-key,
#mhiSection .sqp-dropdown .sqp-dots + .sqp-key,
#liSection .sqp-dropdown .sqp-dots + .sqp-key,
#fshSection .sqp-dropdown .sqp-dots + .sqp-key,
#aesSection .sqp-dropdown .sqp-dots + .sqp-key {
  justify-content: center;
  margin-top: 16px;
}
#mqSection .sqp-dropdown .sqp-dotm.is-done,
#davSection .sqp-dropdown .sqp-dotm.is-done,
#crSection .sqp-dropdown .sqp-dotm.is-done,
#trSection .sqp-dropdown .sqp-dotm.is-done,
#ftSection .sqp-dropdown .sqp-dotm.is-done,
#ntSection .sqp-dropdown .sqp-dotm.is-done,
#mhiSection .sqp-dropdown .sqp-dotm.is-done,
#liSection .sqp-dropdown .sqp-dotm.is-done,
#fshSection .sqp-dropdown .sqp-dotm.is-done,
#aesSection .sqp-dropdown .sqp-dotm.is-done {
  background: var(--sqp-accent, #EA580C);
}
#mqSection .sqp-dropdown .sqp-dotm.is-missed,
#davSection .sqp-dropdown .sqp-dotm.is-missed,
#crSection .sqp-dropdown .sqp-dotm.is-missed,
#trSection .sqp-dropdown .sqp-dotm.is-missed,
#ftSection .sqp-dropdown .sqp-dotm.is-missed,
#ntSection .sqp-dropdown .sqp-dotm.is-missed,
#mhiSection .sqp-dropdown .sqp-dotm.is-missed,
#liSection .sqp-dropdown .sqp-dotm.is-missed,
#fshSection .sqp-dropdown .sqp-dotm.is-missed,
#aesSection .sqp-dropdown .sqp-dotm.is-missed {
  border: 1.6px solid color-mix(in srgb, var(--sqp-accent, #EA580C) 75%, transparent);
}
#mqSection .sqp-dropdown .sqp-dotm.is-pending,
#davSection .sqp-dropdown .sqp-dotm.is-pending,
#crSection .sqp-dropdown .sqp-dotm.is-pending,
#trSection .sqp-dropdown .sqp-dotm.is-pending,
#ftSection .sqp-dropdown .sqp-dotm.is-pending,
#ntSection .sqp-dropdown .sqp-dotm.is-pending,
#mhiSection .sqp-dropdown .sqp-dotm.is-pending,
#liSection .sqp-dropdown .sqp-dotm.is-pending,
#fshSection .sqp-dropdown .sqp-dotm.is-pending,
#aesSection .sqp-dropdown .sqp-dotm.is-pending {
  border: 1.6px dashed rgba(0, 0, 0, 0.35);
}
#mqYourChargeModal {
  --shade-700: #C2410C;
}
#davSteadyYourselfModal {
  --shade-700: #5D3494;
}
#crHonourTheCraftModal {
  --shade-700: #B45309;
}
#trKnowTheGroundModal {
  --shade-700: #0E7490;
}
#ftFormFirstModal {
  --shade-700: #B91C1C;
}
#ntEatWithIntentModal {
  --shade-700: #15803D;
}
#mhiReframeItModal {
  --shade-700: #1D4ED8;
}
#liMeetThemHalfwayModal {
  --shade-700: #BE123C;
}
#fshWearItWellModal {
  --shade-700: #0F766E;
}
#aesMakeItARitualModal {
  --shade-700: #4D7C0F;
}
#mqYourChargeModal .mq-charge strong,
#mqYourChargeModal .mq-charge b,
#davSteadyYourselfModal .dav-steady-yourself strong,
#davSteadyYourselfModal .dav-steady-yourself b,
#crHonourTheCraftModal .cr-honour-the-craft strong,
#crHonourTheCraftModal .cr-honour-the-craft b,
#trKnowTheGroundModal .tr-know-the-ground strong,
#trKnowTheGroundModal .tr-know-the-ground b,
#ftFormFirstModal .ft-form-first strong,
#ftFormFirstModal .ft-form-first b,
#ntEatWithIntentModal .nt-eat-with-intent strong,
#ntEatWithIntentModal .nt-eat-with-intent b,
#mhiReframeItModal .mhi-reframe-it strong,
#mhiReframeItModal .mhi-reframe-it b,
#liMeetThemHalfwayModal .li-meet-them-halfway strong,
#liMeetThemHalfwayModal .li-meet-them-halfway b,
#fshWearItWellModal .fsh-wear-it-well strong,
#fshWearItWellModal .fsh-wear-it-well b,
#aesMakeItARitualModal .aes-make-it-a-ritual strong,
#aesMakeItARitualModal .aes-make-it-a-ritual b {
  color: var(--shade-700);
  font-weight: 700;
}
#mqYourChargeModal [class$="-tag"],
#mqYourChargeModal [class*="-tag "],
#mqYourChargeModal [class*="-tag--"],
#davSteadyYourselfModal [class$="-tag"],
#davSteadyYourselfModal [class*="-tag "],
#davSteadyYourselfModal [class*="-tag--"],
#crHonourTheCraftModal [class$="-tag"],
#crHonourTheCraftModal [class*="-tag "],
#crHonourTheCraftModal [class*="-tag--"],
#trKnowTheGroundModal [class$="-tag"],
#trKnowTheGroundModal [class*="-tag "],
#trKnowTheGroundModal [class*="-tag--"],
#ftFormFirstModal [class$="-tag"],
#ftFormFirstModal [class*="-tag "],
#ftFormFirstModal [class*="-tag--"],
#ntEatWithIntentModal [class$="-tag"],
#ntEatWithIntentModal [class*="-tag "],
#ntEatWithIntentModal [class*="-tag--"],
#mhiReframeItModal [class$="-tag"],
#mhiReframeItModal [class*="-tag "],
#mhiReframeItModal [class*="-tag--"],
#liMeetThemHalfwayModal [class$="-tag"],
#liMeetThemHalfwayModal [class*="-tag "],
#liMeetThemHalfwayModal [class*="-tag--"],
#fshWearItWellModal [class$="-tag"],
#fshWearItWellModal [class*="-tag "],
#fshWearItWellModal [class*="-tag--"],
#aesMakeItARitualModal [class$="-tag"],
#aesMakeItARitualModal [class*="-tag "],
#aesMakeItARitualModal [class*="-tag--"] {
  display: none !important;
}
.mq-real-thread-divider,
.dav-beneath-the-noise-divider,
.cr-real-thread-divider,
.tr-real-thread-divider,
.ft-science-divider,
.nt-science-divider,
.mhi-science-divider,
.li-science-divider,
.fsh-seams-divider,
.aes-science-divider {
  height: 3px !important;
  -webkit-mask-image: radial-gradient(circle closest-side, #000 95%, transparent 100%);
  mask-image: radial-gradient(circle closest-side, #000 95%, transparent 100%);
  -webkit-mask-size: 7px 3px;
  mask-size: 7px 3px;
  -webkit-mask-repeat: space no-repeat;
  mask-repeat: space no-repeat;
}

/* -- Quiz drop-down: titles -- */
#mqSection .sqp-dropdown .sqp-title,
#davSection .sqp-dropdown .sqp-title,
#crSection .sqp-dropdown .sqp-title,
#trSection .sqp-dropdown .sqp-title,
#ftSection .sqp-dropdown .sqp-title,
#ntSection .sqp-dropdown .sqp-title,
#mhiSection .sqp-dropdown .sqp-title,
#liSection .sqp-dropdown .sqp-title,
#fshSection .sqp-dropdown .sqp-title,
#aesSection .sqp-dropdown .sqp-title {
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
}

/* -- Quiz drop-down -- */
#mqSection .sqp-dropdown .sqp-sub,
#davSection .sqp-dropdown .sqp-sub,
#crSection .sqp-dropdown .sqp-sub,
#trSection .sqp-dropdown .sqp-sub,
#ftSection .sqp-dropdown .sqp-sub,
#ntSection .sqp-dropdown .sqp-sub,
#mhiSection .sqp-dropdown .sqp-sub,
#liSection .sqp-dropdown .sqp-sub,
#fshSection .sqp-dropdown .sqp-sub,
#aesSection .sqp-dropdown .sqp-sub {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.62);
}
#mqSection .sqp-dropdown .sqp-action,
#davSection .sqp-dropdown .sqp-action,
#crSection .sqp-dropdown .sqp-action,
#trSection .sqp-dropdown .sqp-action,
#ftSection .sqp-dropdown .sqp-action,
#ntSection .sqp-dropdown .sqp-action,
#mhiSection .sqp-dropdown .sqp-action,
#liSection .sqp-dropdown .sqp-action,
#fshSection .sqp-dropdown .sqp-action,
#aesSection .sqp-dropdown .sqp-action {
  margin-top: 12px;
}
#mqSection .sqp-dropdown .sqp-cta,
#davSection .sqp-dropdown .sqp-cta,
#crSection .sqp-dropdown .sqp-cta,
#trSection .sqp-dropdown .sqp-cta,
#ftSection .sqp-dropdown .sqp-cta,
#ntSection .sqp-dropdown .sqp-cta,
#mhiSection .sqp-dropdown .sqp-cta,
#liSection .sqp-dropdown .sqp-cta,
#fshSection .sqp-dropdown .sqp-cta,
#aesSection .sqp-dropdown .sqp-cta {
  display: block;
  width: 100%;
  margin: 0;
  padding: 11px 14px;
  box-sizing: border-box;
  border: 0;
  border-radius: 10px;
  background: var(--sqp-accent, #EA580C);
  color: #FFFFFF;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  transition: filter 0.25s ease, transform 0.25s ease;
}
#mqSection .sqp-dropdown .sqp-action-note,
#davSection .sqp-dropdown .sqp-action-note,
#crSection .sqp-dropdown .sqp-action-note,
#trSection .sqp-dropdown .sqp-action-note,
#ftSection .sqp-dropdown .sqp-action-note,
#ntSection .sqp-dropdown .sqp-action-note,
#mhiSection .sqp-dropdown .sqp-action-note,
#liSection .sqp-dropdown .sqp-action-note,
#fshSection .sqp-dropdown .sqp-action-note,
#aesSection .sqp-dropdown .sqp-action-note {
  margin-top: 6px;
  text-align: center;
}
#mqSection .sqp-dropdown .sqp-section,
#davSection .sqp-dropdown .sqp-section,
#crSection .sqp-dropdown .sqp-section,
#trSection .sqp-dropdown .sqp-section,
#ftSection .sqp-dropdown .sqp-section,
#ntSection .sqp-dropdown .sqp-section,
#mhiSection .sqp-dropdown .sqp-section,
#liSection .sqp-dropdown .sqp-section,
#fshSection .sqp-dropdown .sqp-section,
#aesSection .sqp-dropdown .sqp-section {
  margin-top: 10px;
  padding: 11px 13px 12px;
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid color-mix(in srgb, var(--sqp-accent, #EA580C) 22%, transparent);
  border-radius: 10px;
}
#mqSection .sqp-dropdown .sqp-h,
#davSection .sqp-dropdown .sqp-h,
#crSection .sqp-dropdown .sqp-h,
#trSection .sqp-dropdown .sqp-h,
#ftSection .sqp-dropdown .sqp-h,
#ntSection .sqp-dropdown .sqp-h,
#mhiSection .sqp-dropdown .sqp-h,
#liSection .sqp-dropdown .sqp-h,
#fshSection .sqp-dropdown .sqp-h,
#aesSection .sqp-dropdown .sqp-h {
  margin-bottom: 8px;
  font-family: Georgia,"Times New Roman", serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sqp-accent, #EA580C);
}
#mqSection .sqp-dropdown .sqp-text,
#davSection .sqp-dropdown .sqp-text,
#crSection .sqp-dropdown .sqp-text,
#trSection .sqp-dropdown .sqp-text,
#ftSection .sqp-dropdown .sqp-text,
#ntSection .sqp-dropdown .sqp-text,
#mhiSection .sqp-dropdown .sqp-text,
#liSection .sqp-dropdown .sqp-text,
#fshSection .sqp-dropdown .sqp-text,
#aesSection .sqp-dropdown .sqp-text {
  font-size: 12px;
  line-height: 1.45;
  color: #111827;
}
#mqSection .sqp-dropdown .sqp-small,
#davSection .sqp-dropdown .sqp-small,
#crSection .sqp-dropdown .sqp-small,
#trSection .sqp-dropdown .sqp-small,
#ftSection .sqp-dropdown .sqp-small,
#ntSection .sqp-dropdown .sqp-small,
#mhiSection .sqp-dropdown .sqp-small,
#liSection .sqp-dropdown .sqp-small,
#fshSection .sqp-dropdown .sqp-small,
#aesSection .sqp-dropdown .sqp-small {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.58);
}
#mqSection .sqp-dropdown .sqp-graph,
#davSection .sqp-dropdown .sqp-graph,
#crSection .sqp-dropdown .sqp-graph,
#trSection .sqp-dropdown .sqp-graph,
#ftSection .sqp-dropdown .sqp-graph,
#ntSection .sqp-dropdown .sqp-graph,
#mhiSection .sqp-dropdown .sqp-graph,
#liSection .sqp-dropdown .sqp-graph,
#fshSection .sqp-dropdown .sqp-graph,
#aesSection .sqp-dropdown .sqp-graph {
  direction: ltr;
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
#mqSection .sqp-dropdown .sqp-axis,
#davSection .sqp-dropdown .sqp-axis,
#crSection .sqp-dropdown .sqp-axis,
#trSection .sqp-dropdown .sqp-axis,
#ftSection .sqp-dropdown .sqp-axis,
#ntSection .sqp-dropdown .sqp-axis,
#mhiSection .sqp-dropdown .sqp-axis,
#liSection .sqp-dropdown .sqp-axis,
#fshSection .sqp-dropdown .sqp-axis,
#aesSection .sqp-dropdown .sqp-axis {
  font-size: 12px;
  fill: rgba(0, 0, 0, 0.58);
  font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1,"tnum" 1;
}
#mqSection .sqp-dropdown .sqp-axis-digit,
#davSection .sqp-dropdown .sqp-axis-digit,
#crSection .sqp-dropdown .sqp-axis-digit,
#trSection .sqp-dropdown .sqp-axis-digit,
#ftSection .sqp-dropdown .sqp-axis-digit,
#ntSection .sqp-dropdown .sqp-axis-digit,
#mhiSection .sqp-dropdown .sqp-axis-digit,
#liSection .sqp-dropdown .sqp-axis-digit,
#fshSection .sqp-dropdown .sqp-axis-digit,
#aesSection .sqp-dropdown .sqp-axis-digit {
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
}
#mqSection .sqp-dropdown .sqp-axis-name,
#davSection .sqp-dropdown .sqp-axis-name,
#crSection .sqp-dropdown .sqp-axis-name,
#trSection .sqp-dropdown .sqp-axis-name,
#ftSection .sqp-dropdown .sqp-axis-name,
#ntSection .sqp-dropdown .sqp-axis-name,
#mhiSection .sqp-dropdown .sqp-axis-name,
#liSection .sqp-dropdown .sqp-axis-name,
#fshSection .sqp-dropdown .sqp-axis-name,
#aesSection .sqp-dropdown .sqp-axis-name {
  fill: #000;
}
#mqSection .sqp-dropdown .sqp-key,
#davSection .sqp-dropdown .sqp-key,
#crSection .sqp-dropdown .sqp-key,
#trSection .sqp-dropdown .sqp-key,
#ftSection .sqp-dropdown .sqp-key,
#ntSection .sqp-dropdown .sqp-key,
#mhiSection .sqp-dropdown .sqp-key,
#liSection .sqp-dropdown .sqp-key,
#fshSection .sqp-dropdown .sqp-key,
#aesSection .sqp-dropdown .sqp-key {
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.62);
}
#mqSection .sqp-dropdown .sqp-key-line,
#davSection .sqp-dropdown .sqp-key-line,
#crSection .sqp-dropdown .sqp-key-line,
#trSection .sqp-dropdown .sqp-key-line,
#ftSection .sqp-dropdown .sqp-key-line,
#ntSection .sqp-dropdown .sqp-key-line,
#mhiSection .sqp-dropdown .sqp-key-line,
#liSection .sqp-dropdown .sqp-key-line,
#fshSection .sqp-dropdown .sqp-key-line,
#aesSection .sqp-dropdown .sqp-key-line {
  display: inline-block;
  width: 18px;
  height: 0;
  border-top: 2px solid var(--sqp-accent, #EA580C);
  border-radius: 2px;
}
#mqSection .sqp-dropdown .sqp-key-avg,
#davSection .sqp-dropdown .sqp-key-avg,
#crSection .sqp-dropdown .sqp-key-avg,
#trSection .sqp-dropdown .sqp-key-avg,
#ftSection .sqp-dropdown .sqp-key-avg,
#ntSection .sqp-dropdown .sqp-key-avg,
#mhiSection .sqp-dropdown .sqp-key-avg,
#liSection .sqp-dropdown .sqp-key-avg,
#fshSection .sqp-dropdown .sqp-key-avg,
#aesSection .sqp-dropdown .sqp-key-avg {
  display: inline-block;
  width: 18px;
  height: 0;
  border-top: 2.4px dotted #000;
  margin-inline-start: 8px;
}
#mqSection .sqp-dropdown .sqp-split,
#davSection .sqp-dropdown .sqp-split,
#crSection .sqp-dropdown .sqp-split,
#trSection .sqp-dropdown .sqp-split,
#ftSection .sqp-dropdown .sqp-split,
#ntSection .sqp-dropdown .sqp-split,
#mhiSection .sqp-dropdown .sqp-split,
#liSection .sqp-dropdown .sqp-split,
#fshSection .sqp-dropdown .sqp-split,
#aesSection .sqp-dropdown .sqp-split {
  display: grid;
  grid-template-columns: 1fr 34px 1fr;
  align-items: center;
  row-gap: 8px;
}
#mqSection .sqp-dropdown .sqp-split-num,
#davSection .sqp-dropdown .sqp-split-num,
#crSection .sqp-dropdown .sqp-split-num,
#trSection .sqp-dropdown .sqp-split-num,
#ftSection .sqp-dropdown .sqp-split-num,
#ntSection .sqp-dropdown .sqp-split-num,
#mhiSection .sqp-dropdown .sqp-split-num,
#liSection .sqp-dropdown .sqp-split-num,
#fshSection .sqp-dropdown .sqp-split-num,
#aesSection .sqp-dropdown .sqp-split-num {
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: "Times New Roman", Times, serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1,"tnum" 1;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
  color: #000;
}
#mqSection .sqp-dropdown .sqp-streak-now,
#davSection .sqp-dropdown .sqp-streak-now,
#crSection .sqp-dropdown .sqp-streak-now,
#trSection .sqp-dropdown .sqp-streak-now,
#ftSection .sqp-dropdown .sqp-streak-now,
#ntSection .sqp-dropdown .sqp-streak-now,
#mhiSection .sqp-dropdown .sqp-streak-now,
#liSection .sqp-dropdown .sqp-streak-now,
#fshSection .sqp-dropdown .sqp-streak-now,
#aesSection .sqp-dropdown .sqp-streak-now {
  margin-top: 14px;
  text-align: center;
  color: #000;
}
#mqSection .sqp-dropdown .sqp-streak-digits,
#davSection .sqp-dropdown .sqp-streak-digits,
#crSection .sqp-dropdown .sqp-streak-digits,
#trSection .sqp-dropdown .sqp-streak-digits,
#ftSection .sqp-dropdown .sqp-streak-digits,
#ntSection .sqp-dropdown .sqp-streak-digits,
#mhiSection .sqp-dropdown .sqp-streak-digits,
#liSection .sqp-dropdown .sqp-streak-digits,
#fshSection .sqp-dropdown .sqp-streak-digits,
#aesSection .sqp-dropdown .sqp-streak-digits {
  font-weight: 700;
  color: var(--sqp-accent, #EA580C);
}
#mqSection .sqp-dropdown .sqp-dots,
#davSection .sqp-dropdown .sqp-dots,
#crSection .sqp-dropdown .sqp-dots,
#trSection .sqp-dropdown .sqp-dots,
#ftSection .sqp-dropdown .sqp-dots,
#ntSection .sqp-dropdown .sqp-dots,
#mhiSection .sqp-dropdown .sqp-dots,
#liSection .sqp-dropdown .sqp-dots,
#fshSection .sqp-dropdown .sqp-dots,
#aesSection .sqp-dropdown .sqp-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  margin-top: 24px;
}
#mqSection .sqp-dropdown .sqp-key-dots,
#davSection .sqp-dropdown .sqp-key-dots,
#crSection .sqp-dropdown .sqp-key-dots,
#trSection .sqp-dropdown .sqp-key-dots,
#ftSection .sqp-dropdown .sqp-key-dots,
#ntSection .sqp-dropdown .sqp-key-dots,
#mhiSection .sqp-dropdown .sqp-key-dots,
#liSection .sqp-dropdown .sqp-key-dots,
#fshSection .sqp-dropdown .sqp-key-dots,
#aesSection .sqp-dropdown .sqp-key-dots {
  gap: 8px;
}
#mqSection .sqp-dropdown .sqp-key-item,
#davSection .sqp-dropdown .sqp-key-item,
#crSection .sqp-dropdown .sqp-key-item,
#trSection .sqp-dropdown .sqp-key-item,
#ftSection .sqp-dropdown .sqp-key-item,
#ntSection .sqp-dropdown .sqp-key-item,
#mhiSection .sqp-dropdown .sqp-key-item,
#liSection .sqp-dropdown .sqp-key-item,
#fshSection .sqp-dropdown .sqp-key-item,
#aesSection .sqp-dropdown .sqp-key-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#mqSection .sqp-dropdown .sqp-dotm,
#davSection .sqp-dropdown .sqp-dotm,
#crSection .sqp-dropdown .sqp-dotm,
#trSection .sqp-dropdown .sqp-dotm,
#ftSection .sqp-dropdown .sqp-dotm,
#ntSection .sqp-dropdown .sqp-dotm,
#mhiSection .sqp-dropdown .sqp-dotm,
#liSection .sqp-dropdown .sqp-dotm,
#fshSection .sqp-dropdown .sqp-dotm,
#aesSection .sqp-dropdown .sqp-dotm {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-sizing: border-box;
}
#mqSection .sqp-dropdown .sqp-bar,
#davSection .sqp-dropdown .sqp-bar,
#crSection .sqp-dropdown .sqp-bar,
#trSection .sqp-dropdown .sqp-bar,
#ftSection .sqp-dropdown .sqp-bar,
#ntSection .sqp-dropdown .sqp-bar,
#mhiSection .sqp-dropdown .sqp-bar,
#liSection .sqp-dropdown .sqp-bar,
#fshSection .sqp-dropdown .sqp-bar,
#aesSection .sqp-dropdown .sqp-bar {
  height: 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
#mqSection .sqp-dropdown .sqp-bar-fill,
#davSection .sqp-dropdown .sqp-bar-fill,
#crSection .sqp-dropdown .sqp-bar-fill,
#trSection .sqp-dropdown .sqp-bar-fill,
#ftSection .sqp-dropdown .sqp-bar-fill,
#ntSection .sqp-dropdown .sqp-bar-fill,
#mhiSection .sqp-dropdown .sqp-bar-fill,
#liSection .sqp-dropdown .sqp-bar-fill,
#fshSection .sqp-dropdown .sqp-bar-fill,
#aesSection .sqp-dropdown .sqp-bar-fill {
  height: 100%;
  border-radius: 6px;
  background: var(--sqp-accent, #EA580C);
  min-width: 4px;
}
#mqSection .sqp-dropdown .sqp-bar-labels,
#davSection .sqp-dropdown .sqp-bar-labels,
#crSection .sqp-dropdown .sqp-bar-labels,
#trSection .sqp-dropdown .sqp-bar-labels,
#ftSection .sqp-dropdown .sqp-bar-labels,
#ntSection .sqp-dropdown .sqp-bar-labels,
#mhiSection .sqp-dropdown .sqp-bar-labels,
#liSection .sqp-dropdown .sqp-bar-labels,
#fshSection .sqp-dropdown .sqp-bar-labels,
#aesSection .sqp-dropdown .sqp-bar-labels {
  display: flex;
  justify-content: space-between;
  margin: 5px 0 8px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.62);
}
#mqSection .sqp-dropdown .sqp-page,
#davSection .sqp-dropdown .sqp-page,
#crSection .sqp-dropdown .sqp-page,
#trSection .sqp-dropdown .sqp-page,
#ftSection .sqp-dropdown .sqp-page,
#ntSection .sqp-dropdown .sqp-page,
#mhiSection .sqp-dropdown .sqp-page,
#liSection .sqp-dropdown .sqp-page,
#fshSection .sqp-dropdown .sqp-page,
#aesSection .sqp-dropdown .sqp-page {
  display: grid;
  grid-template-columns: minmax(0, 140px) 1fr 40px;
  align-items: center;
  gap: 8px;
  padding: 3px 0;
}
#mqSection .sqp-dropdown .sqp-page-name,
#davSection .sqp-dropdown .sqp-page-name,
#crSection .sqp-dropdown .sqp-page-name,
#trSection .sqp-dropdown .sqp-page-name,
#ftSection .sqp-dropdown .sqp-page-name,
#ntSection .sqp-dropdown .sqp-page-name,
#mhiSection .sqp-dropdown .sqp-page-name,
#liSection .sqp-dropdown .sqp-page-name,
#fshSection .sqp-dropdown .sqp-page-name,
#aesSection .sqp-dropdown .sqp-page-name {
  font-size: 12px;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mqSection .sqp-dropdown .sqp-page-bar,
#davSection .sqp-dropdown .sqp-page-bar,
#crSection .sqp-dropdown .sqp-page-bar,
#trSection .sqp-dropdown .sqp-page-bar,
#ftSection .sqp-dropdown .sqp-page-bar,
#ntSection .sqp-dropdown .sqp-page-bar,
#mhiSection .sqp-dropdown .sqp-page-bar,
#liSection .sqp-dropdown .sqp-page-bar,
#fshSection .sqp-dropdown .sqp-page-bar,
#aesSection .sqp-dropdown .sqp-page-bar {
  display: block;
  height: 8px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
#mqSection .sqp-dropdown .sqp-page-fill,
#davSection .sqp-dropdown .sqp-page-fill,
#crSection .sqp-dropdown .sqp-page-fill,
#trSection .sqp-dropdown .sqp-page-fill,
#ftSection .sqp-dropdown .sqp-page-fill,
#ntSection .sqp-dropdown .sqp-page-fill,
#mhiSection .sqp-dropdown .sqp-page-fill,
#liSection .sqp-dropdown .sqp-page-fill,
#fshSection .sqp-dropdown .sqp-page-fill,
#aesSection .sqp-dropdown .sqp-page-fill {
  display: block;
  height: 100%;
  border-radius: 5px;
  background: var(--sqp-accent, #EA580C);
}
#mqSection .sqp-dropdown .sqp-page-score,
#davSection .sqp-dropdown .sqp-page-score,
#crSection .sqp-dropdown .sqp-page-score,
#trSection .sqp-dropdown .sqp-page-score,
#ftSection .sqp-dropdown .sqp-page-score,
#ntSection .sqp-dropdown .sqp-page-score,
#mhiSection .sqp-dropdown .sqp-page-score,
#liSection .sqp-dropdown .sqp-page-score,
#fshSection .sqp-dropdown .sqp-page-score,
#aesSection .sqp-dropdown .sqp-page-score {
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.62);
}
#mqSection .sqp-dropdown .sq-digits,
#davSection .sqp-dropdown .sq-digits,
#crSection .sqp-dropdown .sq-digits,
#trSection .sqp-dropdown .sq-digits,
#ftSection .sqp-dropdown .sq-digits,
#ntSection .sqp-dropdown .sq-digits,
#mhiSection .sqp-dropdown .sq-digits,
#liSection .sqp-dropdown .sq-digits,
#fshSection .sqp-dropdown .sq-digits,
#aesSection .sqp-dropdown .sq-digits {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-flex;
  font-family: "Times New Roman", Times, serif;
  align-items: baseline;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1,"tnum" 1;
}
#mqSection .sqp-dropdown .sq-digit,
#davSection .sqp-dropdown .sq-digit,
#crSection .sqp-dropdown .sq-digit,
#trSection .sqp-dropdown .sq-digit,
#ftSection .sqp-dropdown .sq-digit,
#ntSection .sqp-dropdown .sq-digit,
#mhiSection .sqp-dropdown .sq-digit,
#liSection .sqp-dropdown .sq-digit,
#fshSection .sqp-dropdown .sq-digit,
#aesSection .sqp-dropdown .sq-digit {
  display: inline-block;
  font-family: "Times New Roman", Times, serif;
  width: 0.56em;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1,"tnum" 1;
}
#mqSection .sqp-dropdown .sq-digit-sep,
#davSection .sqp-dropdown .sq-digit-sep,
#crSection .sqp-dropdown .sq-digit-sep,
#trSection .sqp-dropdown .sq-digit-sep,
#ftSection .sqp-dropdown .sq-digit-sep,
#ntSection .sqp-dropdown .sq-digit-sep,
#mhiSection .sqp-dropdown .sq-digit-sep,
#liSection .sqp-dropdown .sq-digit-sep,
#fshSection .sqp-dropdown .sq-digit-sep,
#aesSection .sqp-dropdown .sq-digit-sep {
  display: inline-block;
  font-family: "Times New Roman", Times, serif;
  text-align: center;
  padding: 0 0.06em;
}

/* -- Quiz drop-down: quiz button -- */
/* The toolbar's Quiz logo is filled with the page's colour (its 600 shade) for as long
   as the cursor is on the button, the hover bridge or the drop-down: the same colour the
   other toolbar buttons show on hover. */
#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.sqp-open,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.sqp-open,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.sqp-open,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.sqp-open,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.sqp-open,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.sqp-open,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.sqp-open,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.sqp-open,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.sqp-open,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-quiz-button.sqp-open {
  color: var(--sqp-icon, #EA580C) !important;
}
/* The Profile button sits last in the toolbar, after Collections (which is order 1). */
#mqSection .app-profile-button-wrapper,
#davSection .app-profile-button-wrapper,
#crSection .app-profile-button-wrapper,
#trSection .app-profile-button-wrapper,
#ftSection .app-profile-button-wrapper,
#ntSection .app-profile-button-wrapper,
#mhiSection .app-profile-button-wrapper,
#liSection .app-profile-button-wrapper,
#fshSection .app-profile-button-wrapper,
#aesSection .app-profile-button-wrapper {
  order: 2;
}

/* -- Quiz drop-down: collections -- */
.app-collections-share-dropdown:where([data-share-page="mq"]) {
  --app-accent: #9A3412;
  --app-primary: #C2410C;
}
.app-collections-share-dropdown:where([data-share-page="dav"]) {
  --app-accent: #2E1A47;
  --app-primary: #4A2E6B;
}
.app-collections-share-dropdown:where([data-share-page="cr"]) {
  --app-accent: #92400E;
  --app-primary: #B45309;
}
.app-collections-share-dropdown:where([data-share-page="tr"]) {
  --app-accent: #155E75;
  --app-primary: #0E7490;
}
.app-collections-share-dropdown:where([data-share-page="ft"]) {
  --app-accent: #991B1B;
  --app-primary: #B91C1C;
}
.app-collections-share-dropdown:where([data-share-page="nt"]) {
  --app-accent: #166534;
  --app-primary: #15803D;
}
.app-collections-share-dropdown:where([data-share-page="mhi"]) {
  --app-accent: #1E40AF;
  --app-primary: #1E3A8A;
}
.app-collections-share-dropdown:where([data-share-page="li"]) {
  --app-accent: #9F1239;
  --app-primary: #BE123C;
}
.app-collections-share-dropdown:where([data-share-page="fsh"]) {
  --app-accent: #115E59;
  --app-primary: #0F766E;
}
.app-collections-share-dropdown:where([data-share-page="aes"]) {
  --app-accent: #3F6212;
  --app-primary: #4D7C0F;
}
.app-collections-share-dropdown:where([data-share-page="mq"]) {
  color: #6c2108;
}
.app-collections-share-dropdown:where([data-share-page="dav"]) {
  color: #2e1a47;
}
.app-collections-share-dropdown:where([data-share-page="cr"]) {
  color: #6a470b;
}
.app-collections-share-dropdown:where([data-share-page="tr"]) {
  color: #0b5a6a;
}
.app-collections-share-dropdown:where([data-share-page="ft"]) {
  color: #6a0b0b;
}
.app-collections-share-dropdown:where([data-share-page="nt"]) {
  color: #0b6a2d;
}
.app-collections-share-dropdown:where([data-share-page="mhi"]) {
  color: #0b296a;
}
.app-collections-share-dropdown:where([data-share-page="li"]) {
  color: #6a0b1f;
}
.app-collections-share-dropdown:where([data-share-page="fsh"]) {
  color: #0b6a62;
}
.app-collections-share-dropdown:where([data-share-page="aes"]) {
  color: #3F6212;
}
.app-collections-share-dropdown:where([data-share-page="mq"]) {
  background: var( --mq-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.app-collections-share-dropdown:where([data-share-page="dav"]) {
  background: var( --dav-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.app-collections-share-dropdown:where([data-share-page="cr"]) {
  background: var( --cr-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.app-collections-share-dropdown:where([data-share-page="tr"]) {
  background: var( --tr-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.app-collections-share-dropdown:where([data-share-page="ft"]) {
  background: var( --ft-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.app-collections-share-dropdown:where([data-share-page="nt"]) {
  background: var( --nt-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.app-collections-share-dropdown:where([data-share-page="mhi"]) {
  background: var( --mhi-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.app-collections-share-dropdown:where([data-share-page="li"]) {
  background: var( --li-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.app-collections-share-dropdown:where([data-share-page="fsh"]) {
  background: var( --fsh-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.app-collections-share-dropdown:where([data-share-page="aes"]) {
  background: var( --aes-dropdown-wallpaper-snapshot, var( --container-bg, #ffffff ) );
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
:where(.app-collections-share-dropdown[data-share-page="mq"]) .app-collections-share-link-input {
  background: #fffaf3;
  border: 1px solid rgba(194, 65, 12, 0.22);
}
:where(.app-collections-share-dropdown[data-share-page="dav"]) .app-collections-share-link-input {
  background: #f9f6fc;
  border: 1px solid rgba(74, 46, 107, 0.22);
}
:where(.app-collections-share-dropdown[data-share-page="cr"]) .app-collections-share-link-input {
  background: #fffbf3;
  border: 1px solid rgba(180, 83, 9, 0.22);
}
:where(.app-collections-share-dropdown[data-share-page="tr"]) .app-collections-share-link-input {
  background: #f3fdff;
  border: 1px solid rgba(14, 116, 144, 0.22);
}
:where(.app-collections-share-dropdown[data-share-page="ft"]) .app-collections-share-link-input {
  background: #fff3f3;
  border: 1px solid rgba(185, 28, 28, 0.22);
}
:where(.app-collections-share-dropdown[data-share-page="nt"]) .app-collections-share-link-input {
  background: #f3fff7;
  border: 1px solid rgba(21, 128, 61, 0.22);
}
:where(.app-collections-share-dropdown[data-share-page="mhi"]) .app-collections-share-link-input {
  background: #f3f7ff;
  border: 1px solid rgba(30, 58, 138, 0.22);
}
:where(.app-collections-share-dropdown[data-share-page="li"]) .app-collections-share-link-input {
  background: #fff3f6;
  border: 1px solid rgba(190, 18, 60, 0.22);
}
:where(.app-collections-share-dropdown[data-share-page="fsh"]) .app-collections-share-link-input {
  background: #f3fffe;
  border: 1px solid rgba(15, 118, 110, 0.22);
}
:where(.app-collections-share-dropdown[data-share-page="aes"]) .app-collections-share-link-input {
  background: #F7FEE7;
  border: 1px solid rgba(77, 124, 15, 0.22);
}
:where(.app-collections-share-dropdown[data-share-page="mq"]) .app-collections-share-copy-btn {
  background: #EA580C;
}
:where(.app-collections-share-dropdown[data-share-page="dav"]) .app-collections-share-copy-btn {
  background: #6B3FA0;
}
:where(.app-collections-share-dropdown[data-share-page="cr"]) .app-collections-share-copy-btn {
  background: #D97706;
}
:where(.app-collections-share-dropdown[data-share-page="tr"]) .app-collections-share-copy-btn {
  background: #0891B2;
}
:where(.app-collections-share-dropdown[data-share-page="ft"]) .app-collections-share-copy-btn {
  background: #DC2626;
}
:where(.app-collections-share-dropdown[data-share-page="nt"]) .app-collections-share-copy-btn {
  background: #16A34A;
}
:where(.app-collections-share-dropdown[data-share-page="mhi"]) .app-collections-share-copy-btn {
  background: #2563EB;
}
:where(.app-collections-share-dropdown[data-share-page="li"]) .app-collections-share-copy-btn {
  background: #E11D48;
}
:where(.app-collections-share-dropdown[data-share-page="fsh"]) .app-collections-share-copy-btn {
  background: #0D9488;
}
:where(.app-collections-share-dropdown[data-share-page="aes"]) .app-collections-share-copy-btn {
  background: #65A30D;
}
/* Collections card: tooltip beneath the garbage button (same box as the Star tooltip: 7px
   10px, 16px text; right edges aligned; fades in over 0.4s together with the icon's colour
   fill) */
#mqSection .app-collections-card .app-collections-card-delete-btn::after,
#davSection .app-collections-card .app-collections-card-delete-btn::after,
#crSection .app-collections-card .app-collections-card-delete-btn::after,
#trSection .app-collections-card .app-collections-card-delete-btn::after,
#ftSection .app-collections-card .app-collections-card-delete-btn::after,
#ntSection .app-collections-card .app-collections-card-delete-btn::after,
#mhiSection .app-collections-card .app-collections-card-delete-btn::after,
#liSection .app-collections-card .app-collections-card-delete-btn::after,
#fshSection .app-collections-card .app-collections-card-delete-btn::after,
#aesSection .app-collections-card .app-collections-card-delete-btn::after {
  content: attr(data-delete-tip);
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  display: block;
  width: max-content;
  margin: 0;
  padding: 7px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
  color: #DC2626;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 5;
}
#mqSection .app-collections-card .app-collections-card-delete-btn::before,
#davSection .app-collections-card .app-collections-card-delete-btn::before,
#crSection .app-collections-card .app-collections-card-delete-btn::before,
#trSection .app-collections-card .app-collections-card-delete-btn::before,
#ftSection .app-collections-card .app-collections-card-delete-btn::before,
#ntSection .app-collections-card .app-collections-card-delete-btn::before,
#mhiSection .app-collections-card .app-collections-card-delete-btn::before,
#liSection .app-collections-card .app-collections-card-delete-btn::before,
#fshSection .app-collections-card .app-collections-card-delete-btn::before,
#aesSection .app-collections-card .app-collections-card-delete-btn::before {
  content: "";
  position: absolute;
  top: calc(100% + 1px);
  right: calc(13 * var(--cs));
  left: auto;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFFFFF;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 5;
}
#mqSection .app-collections-card .app-collections-card-delete-btn:focus-visible::after,
#davSection .app-collections-card .app-collections-card-delete-btn:focus-visible::after,
#crSection .app-collections-card .app-collections-card-delete-btn:focus-visible::after,
#trSection .app-collections-card .app-collections-card-delete-btn:focus-visible::after,
#ftSection .app-collections-card .app-collections-card-delete-btn:focus-visible::after,
#ntSection .app-collections-card .app-collections-card-delete-btn:focus-visible::after,
#mhiSection .app-collections-card .app-collections-card-delete-btn:focus-visible::after,
#liSection .app-collections-card .app-collections-card-delete-btn:focus-visible::after,
#fshSection .app-collections-card .app-collections-card-delete-btn:focus-visible::after,
#aesSection .app-collections-card .app-collections-card-delete-btn:focus-visible::after,
#mqSection .app-collections-card .app-collections-card-delete-btn:focus-visible::before,
#davSection .app-collections-card .app-collections-card-delete-btn:focus-visible::before,
#crSection .app-collections-card .app-collections-card-delete-btn:focus-visible::before,
#trSection .app-collections-card .app-collections-card-delete-btn:focus-visible::before,
#ftSection .app-collections-card .app-collections-card-delete-btn:focus-visible::before,
#ntSection .app-collections-card .app-collections-card-delete-btn:focus-visible::before,
#mhiSection .app-collections-card .app-collections-card-delete-btn:focus-visible::before,
#liSection .app-collections-card .app-collections-card-delete-btn:focus-visible::before,
#fshSection .app-collections-card .app-collections-card-delete-btn:focus-visible::before,
#aesSection .app-collections-card .app-collections-card-delete-btn:focus-visible::before {
  opacity: 1;
}
@media (hover: hover) {
  #mqSection .app-collections-card .app-collections-card-delete-btn:hover::after,
  #davSection .app-collections-card .app-collections-card-delete-btn:hover::after,
  #crSection .app-collections-card .app-collections-card-delete-btn:hover::after,
  #trSection .app-collections-card .app-collections-card-delete-btn:hover::after,
  #ftSection .app-collections-card .app-collections-card-delete-btn:hover::after,
  #ntSection .app-collections-card .app-collections-card-delete-btn:hover::after,
  #mhiSection .app-collections-card .app-collections-card-delete-btn:hover::after,
  #liSection .app-collections-card .app-collections-card-delete-btn:hover::after,
  #fshSection .app-collections-card .app-collections-card-delete-btn:hover::after,
  #aesSection .app-collections-card .app-collections-card-delete-btn:hover::after,
  #mqSection .app-collections-card .app-collections-card-delete-btn:hover::before,
  #davSection .app-collections-card .app-collections-card-delete-btn:hover::before,
  #crSection .app-collections-card .app-collections-card-delete-btn:hover::before,
  #trSection .app-collections-card .app-collections-card-delete-btn:hover::before,
  #ftSection .app-collections-card .app-collections-card-delete-btn:hover::before,
  #ntSection .app-collections-card .app-collections-card-delete-btn:hover::before,
  #mhiSection .app-collections-card .app-collections-card-delete-btn:hover::before,
  #liSection .app-collections-card .app-collections-card-delete-btn:hover::before,
  #fshSection .app-collections-card .app-collections-card-delete-btn:hover::before,
  #aesSection .app-collections-card .app-collections-card-delete-btn:hover::before {
    opacity: 1;
  }
}
@media (hover: none) {
  #mqSection .app-collections-card .app-collections-card-delete-btn.is-hover::after,
  #davSection .app-collections-card .app-collections-card-delete-btn.is-hover::after,
  #crSection .app-collections-card .app-collections-card-delete-btn.is-hover::after,
  #trSection .app-collections-card .app-collections-card-delete-btn.is-hover::after,
  #ftSection .app-collections-card .app-collections-card-delete-btn.is-hover::after,
  #ntSection .app-collections-card .app-collections-card-delete-btn.is-hover::after,
  #mhiSection .app-collections-card .app-collections-card-delete-btn.is-hover::after,
  #liSection .app-collections-card .app-collections-card-delete-btn.is-hover::after,
  #fshSection .app-collections-card .app-collections-card-delete-btn.is-hover::after,
  #aesSection .app-collections-card .app-collections-card-delete-btn.is-hover::after,
  #mqSection .app-collections-card .app-collections-card-delete-btn.is-hover::before,
  #davSection .app-collections-card .app-collections-card-delete-btn.is-hover::before,
  #crSection .app-collections-card .app-collections-card-delete-btn.is-hover::before,
  #trSection .app-collections-card .app-collections-card-delete-btn.is-hover::before,
  #ftSection .app-collections-card .app-collections-card-delete-btn.is-hover::before,
  #ntSection .app-collections-card .app-collections-card-delete-btn.is-hover::before,
  #mhiSection .app-collections-card .app-collections-card-delete-btn.is-hover::before,
  #liSection .app-collections-card .app-collections-card-delete-btn.is-hover::before,
  #fshSection .app-collections-card .app-collections-card-delete-btn.is-hover::before,
  #aesSection .app-collections-card .app-collections-card-delete-btn.is-hover::before {
    opacity: 1;
  }
}
html[dir="rtl"] #mqSection .app-collections-card .app-collections-card-delete-btn::after,
html[dir="rtl"] #davSection .app-collections-card .app-collections-card-delete-btn::after,
html[dir="rtl"] #crSection .app-collections-card .app-collections-card-delete-btn::after,
html[dir="rtl"] #trSection .app-collections-card .app-collections-card-delete-btn::after,
html[dir="rtl"] #ftSection .app-collections-card .app-collections-card-delete-btn::after,
html[dir="rtl"] #ntSection .app-collections-card .app-collections-card-delete-btn::after,
html[dir="rtl"] #mhiSection .app-collections-card .app-collections-card-delete-btn::after,
html[dir="rtl"] #liSection .app-collections-card .app-collections-card-delete-btn::after,
html[dir="rtl"] #fshSection .app-collections-card .app-collections-card-delete-btn::after,
html[dir="rtl"] #aesSection .app-collections-card .app-collections-card-delete-btn::after {
  right: auto;
  left: 0;
}
html[dir="rtl"] #mqSection .app-collections-card .app-collections-card-delete-btn::before,
html[dir="rtl"] #davSection .app-collections-card .app-collections-card-delete-btn::before,
html[dir="rtl"] #crSection .app-collections-card .app-collections-card-delete-btn::before,
html[dir="rtl"] #trSection .app-collections-card .app-collections-card-delete-btn::before,
html[dir="rtl"] #ftSection .app-collections-card .app-collections-card-delete-btn::before,
html[dir="rtl"] #ntSection .app-collections-card .app-collections-card-delete-btn::before,
html[dir="rtl"] #mhiSection .app-collections-card .app-collections-card-delete-btn::before,
html[dir="rtl"] #liSection .app-collections-card .app-collections-card-delete-btn::before,
html[dir="rtl"] #fshSection .app-collections-card .app-collections-card-delete-btn::before,
html[dir="rtl"] #aesSection .app-collections-card .app-collections-card-delete-btn::before {
  right: auto;
  left: calc(13 * var(--cs));
}

/* -- Quiz drop-down: menu button and toolbar -- */
#mqSection .app-menu-btn-wrapper,
#davSection .app-menu-btn-wrapper,
#crSection .app-menu-btn-wrapper,
#trSection .app-menu-btn-wrapper,
#ftSection .app-menu-btn-wrapper,
#ntSection .app-menu-btn-wrapper,
#mhiSection .app-menu-btn-wrapper,
#liSection .app-menu-btn-wrapper,
#fshSection .app-menu-btn-wrapper,
#aesSection .app-menu-btn-wrapper {
  width: 44px;
  min-width: 44px;
}
#mqSection .app-menu-btn-wrapper .app-menu-btn,
#davSection .app-menu-btn-wrapper .app-menu-btn,
#crSection .app-menu-btn-wrapper .app-menu-btn,
#trSection .app-menu-btn-wrapper .app-menu-btn,
#ftSection .app-menu-btn-wrapper .app-menu-btn,
#ntSection .app-menu-btn-wrapper .app-menu-btn,
#mhiSection .app-menu-btn-wrapper .app-menu-btn,
#liSection .app-menu-btn-wrapper .app-menu-btn,
#fshSection .app-menu-btn-wrapper .app-menu-btn,
#aesSection .app-menu-btn-wrapper .app-menu-btn {
  width: 44px;
  min-width: 44px;
  justify-content: flex-end;
}

/* ==========================================================================
   13. Collections drop-down: split pane
   ========================================================================== */

/* -- Collections drop-down: split pane: collections -- */
#mqSection .app-collections-dropdown,
#davSection .app-collections-dropdown,
#crSection .app-collections-dropdown,
#trSection .app-collections-dropdown,
#ftSection .app-collections-dropdown,
#ntSection .app-collections-dropdown,
#mhiSection .app-collections-dropdown,
#liSection .app-collections-dropdown,
#fshSection .app-collections-dropdown,
#aesSection .app-collections-dropdown,
#mqSection .app-collections-dropdown.hidden,
#davSection .app-collections-dropdown.hidden,
#crSection .app-collections-dropdown.hidden,
#trSection .app-collections-dropdown.hidden,
#ftSection .app-collections-dropdown.hidden,
#ntSection .app-collections-dropdown.hidden,
#mhiSection .app-collections-dropdown.hidden,
#liSection .app-collections-dropdown.hidden,
#fshSection .app-collections-dropdown.hidden,
#aesSection .app-collections-dropdown.hidden {
  display: grid !important;
  grid-template-columns: 144px minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}
#mqSection .app-collections-dropdown-header,
#davSection .app-collections-dropdown-header,
#crSection .app-collections-dropdown-header,
#trSection .app-collections-dropdown-header,
#ftSection .app-collections-dropdown-header,
#ntSection .app-collections-dropdown-header,
#mhiSection .app-collections-dropdown-header,
#liSection .app-collections-dropdown-header,
#fshSection .app-collections-dropdown-header,
#aesSection .app-collections-dropdown-header {
  display: contents !important;
}
#mqSection .app-collections-dropdown-title-row,
#davSection .app-collections-dropdown-title-row,
#crSection .app-collections-dropdown-title-row,
#trSection .app-collections-dropdown-title-row,
#ftSection .app-collections-dropdown-title-row,
#ntSection .app-collections-dropdown-title-row,
#mhiSection .app-collections-dropdown-title-row,
#liSection .app-collections-dropdown-title-row,
#fshSection .app-collections-dropdown-title-row,
#aesSection .app-collections-dropdown-title-row {
  grid-column: 1 / -1;
  grid-row: 1;
  padding: 14px 16px 12px;
  border-bottom: 1px solid var(--app-surface-tint);
}
#mqSection .app-collections-section-label,
#davSection .app-collections-section-label,
#crSection .app-collections-section-label,
#trSection .app-collections-section-label,
#ftSection .app-collections-section-label,
#ntSection .app-collections-section-label,
#mhiSection .app-collections-section-label,
#liSection .app-collections-section-label,
#fshSection .app-collections-section-label,
#aesSection .app-collections-section-label {
  grid-column: 1;
  grid-row: 2;
  display: flex !important;
  flex-direction: column;
  margin: 0 !important;
  padding: 14px 8px 14px 14px !important;
  align-self: stretch;
  min-height: 0;
  overflow-y: auto;
  position: relative;
  border-inline-end: 1px solid transparent;
}
#mqSection .app-collections-section-label::after,
#davSection .app-collections-section-label::after,
#crSection .app-collections-section-label::after,
#trSection .app-collections-section-label::after,
#ftSection .app-collections-section-label::after,
#ntSection .app-collections-section-label::after,
#mhiSection .app-collections-section-label::after,
#liSection .app-collections-section-label::after,
#fshSection .app-collections-section-label::after,
#aesSection .app-collections-section-label::after {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  inset-inline-end: 0;
  width: 1px;
  background: #FFFFFF;
  opacity: var(--cc-white, 0.85);
  pointer-events: none;
}
#mqSection .app-collections-section-label > div,
#davSection .app-collections-section-label > div,
#crSection .app-collections-section-label > div,
#trSection .app-collections-section-label > div,
#ftSection .app-collections-section-label > div,
#ntSection .app-collections-section-label > div,
#mhiSection .app-collections-section-label > div,
#liSection .app-collections-section-label > div,
#fshSection .app-collections-section-label > div,
#aesSection .app-collections-section-label > div {
  flex: 1 0 auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
}
#mqSection .app-collections-section-label > div > span,
#davSection .app-collections-section-label > div > span,
#crSection .app-collections-section-label > div > span,
#trSection .app-collections-section-label > div > span,
#ftSection .app-collections-section-label > div > span,
#ntSection .app-collections-section-label > div > span,
#mhiSection .app-collections-section-label > div > span,
#liSection .app-collections-section-label > div > span,
#fshSection .app-collections-section-label > div > span,
#aesSection .app-collections-section-label > div > span {
  flex: 1 1 0 !important;
  min-height: 34px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 6px 10px !important;
  border-radius: 14px !important;
  font-size: 9.5px;
  letter-spacing: 0.03em;
  line-height: 1.25;
  white-space: normal;
  text-align: start;
  transition: background-color 40ms ease-out, border-color 40ms ease-out, color 40ms ease-out !important;
}
#mqSection .app-collections-section-label .collections-filter-separator,
#davSection .app-collections-section-label .collections-filter-separator,
#crSection .app-collections-section-label .collections-filter-separator,
#trSection .app-collections-section-label .collections-filter-separator,
#ftSection .app-collections-section-label .collections-filter-separator,
#ntSection .app-collections-section-label .collections-filter-separator,
#mhiSection .app-collections-section-label .collections-filter-separator,
#liSection .app-collections-section-label .collections-filter-separator,
#fshSection .app-collections-section-label .collections-filter-separator,
#aesSection .app-collections-section-label .collections-filter-separator {
  display: none !important;
}
#mqSection .app-collections-section-label .collections-filter-count,
#davSection .app-collections-section-label .collections-filter-count,
#crSection .app-collections-section-label .collections-filter-count,
#trSection .app-collections-section-label .collections-filter-count,
#ftSection .app-collections-section-label .collections-filter-count,
#ntSection .app-collections-section-label .collections-filter-count,
#mhiSection .app-collections-section-label .collections-filter-count,
#liSection .app-collections-section-label .collections-filter-count,
#fshSection .app-collections-section-label .collections-filter-count,
#aesSection .app-collections-section-label .collections-filter-count {
  margin-inline-start: auto;
}
#mqSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#davSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#crSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#trSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#ftSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#ntSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#mhiSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#liSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#fshSection .app-collections-section-label > div > span:not(.collections-filter-active)::before,
#aesSection .app-collections-section-label > div > span:not(.collections-filter-active)::before {
  display: none !important;
}
@media (hover: hover) {
  #mqSection .app-collections-section-label > div > span:not(.collections-filter-active):hover {
    background: #EA580C !important;
    border-color: #EA580C !important;
    color: #FFFFFF !important;
  }
}
@media (hover: none) {
  #mqSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover {
    background: #EA580C !important;
    border-color: #EA580C !important;
    color: #FFFFFF !important;
  }
}
#mqSection .app-collections-dropdown-body,
#davSection .app-collections-dropdown-body,
#crSection .app-collections-dropdown-body,
#trSection .app-collections-dropdown-body,
#ftSection .app-collections-dropdown-body,
#ntSection .app-collections-dropdown-body,
#mhiSection .app-collections-dropdown-body,
#liSection .app-collections-dropdown-body,
#fshSection .app-collections-dropdown-body,
#aesSection .app-collections-dropdown-body {
  grid-column: 2;
  grid-row: 2;
  min-height: 0;
  padding: 14px !important;
  overflow-y: auto;
}
#mqSection .app-collections-cards-list,
#davSection .app-collections-cards-list,
#crSection .app-collections-cards-list,
#trSection .app-collections-cards-list,
#ftSection .app-collections-cards-list,
#ntSection .app-collections-cards-list,
#mhiSection .app-collections-cards-list,
#liSection .app-collections-cards-list,
#fshSection .app-collections-cards-list,
#aesSection .app-collections-cards-list {
  gap: 16px !important;
}
#mqSection .app-collections-card,
#davSection .app-collections-card,
#crSection .app-collections-card,
#trSection .app-collections-card,
#ftSection .app-collections-card,
#ntSection .app-collections-card,
#mhiSection .app-collections-card,
#liSection .app-collections-card,
#fshSection .app-collections-card,
#aesSection .app-collections-card {
  --cs: 0.8px;
  --cc-f: 40px;
  --cc-sw: 16px;
  --cc-white: 0.85;
  container-type: normal;
  position: relative !important;
  max-width: none;
  width: 100%;
  --cc-h: 330px;
  height: var(--cc-h) !important;
  transition: height 400ms ease !important;
  margin: 0;
  background: rgba(255, 255, 255, 0.55);
  border-radius: 10px;
  overflow: visible !important;
}
#mqSection .app-collections-card {
  border: 1px solid #EA580C;
}
#mqSection .app-collections-card .app-share-card,
#davSection .app-collections-card .app-share-card,
#crSection .app-collections-card .app-share-card,
#trSection .app-collections-card .app-share-card,
#ftSection .app-collections-card .app-share-card,
#ntSection .app-collections-card .app-share-card,
#mhiSection .app-collections-card .app-share-card,
#liSection .app-collections-card .app-share-card,
#fshSection .app-collections-card .app-share-card,
#aesSection .app-collections-card .app-share-card {
  position: absolute !important;
  top: -1px;
  left: -1px;
  right: -1px;
  width: auto;
  height: auto !important;
  min-height: calc(100% + 2px) !important;
  aspect-ratio: auto;
  z-index: 2;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding: 52px 12px 181px !important;
  overflow: hidden;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: background-color 400ms ease, border-color 400ms ease, box-shadow 400ms ease;
}
#mqSection .app-collections-card .app-share-card::after,
#davSection .app-collections-card .app-share-card::after,
#crSection .app-collections-card .app-share-card::after,
#trSection .app-collections-card .app-share-card::after,
#ftSection .app-collections-card .app-share-card::after,
#ntSection .app-collections-card .app-share-card::after,
#mhiSection .app-collections-card .app-share-card::after,
#liSection .app-collections-card .app-share-card::after,
#fshSection .app-collections-card .app-share-card::after,
#aesSection .app-collections-card .app-share-card::after {
  display: none;
}
#mqSection .app-collections-card .app-collections-card-header,
#davSection .app-collections-card .app-collections-card-header,
#crSection .app-collections-card .app-collections-card-header,
#trSection .app-collections-card .app-collections-card-header,
#ftSection .app-collections-card .app-collections-card-header,
#ntSection .app-collections-card .app-collections-card-header,
#mhiSection .app-collections-card .app-collections-card-header,
#liSection .app-collections-card .app-collections-card-header,
#fshSection .app-collections-card .app-collections-card-header,
#aesSection .app-collections-card .app-collections-card-header,
#mqSection .app-collections-card .share-card-thumbnail-wrapper,
#davSection .app-collections-card .share-card-thumbnail-wrapper,
#crSection .app-collections-card .share-card-thumbnail-wrapper,
#trSection .app-collections-card .share-card-thumbnail-wrapper,
#ftSection .app-collections-card .share-card-thumbnail-wrapper,
#ntSection .app-collections-card .share-card-thumbnail-wrapper,
#mhiSection .app-collections-card .share-card-thumbnail-wrapper,
#liSection .app-collections-card .share-card-thumbnail-wrapper,
#fshSection .app-collections-card .share-card-thumbnail-wrapper,
#aesSection .app-collections-card .share-card-thumbnail-wrapper,
#mqSection .app-collections-card .share-card-body,
#davSection .app-collections-card .share-card-body,
#crSection .app-collections-card .share-card-body,
#trSection .app-collections-card .share-card-body,
#ftSection .app-collections-card .share-card-body,
#ntSection .app-collections-card .share-card-body,
#mhiSection .app-collections-card .share-card-body,
#liSection .app-collections-card .share-card-body,
#fshSection .app-collections-card .share-card-body,
#aesSection .app-collections-card .share-card-body {
  display: none !important;
}
#mqSection .app-collections-card .collection-published-date-badge,
#davSection .app-collections-card .collection-published-date-badge,
#crSection .app-collections-card .collection-published-date-badge,
#trSection .app-collections-card .collection-published-date-badge,
#ftSection .app-collections-card .collection-published-date-badge,
#ntSection .app-collections-card .collection-published-date-badge,
#mhiSection .app-collections-card .collection-published-date-badge,
#liSection .app-collections-card .collection-published-date-badge,
#fshSection .app-collections-card .collection-published-date-badge,
#aesSection .app-collections-card .collection-published-date-badge {
  position: absolute;
  top: 7px !important;
  left: 7px !important;
  right: auto !important;
  z-index: 2;
  height: 32px !important;
  margin: 0;
  padding: 2px 12px;
  font-size: 12px;
  letter-spacing: 0.3px;
  grid-column: auto;
  grid-row: auto;
  justify-self: auto;
  align-self: auto;
  -webkit-mask: radial-gradient( circle 4px at 4px 50%, transparent 3.8px, #000 4px ), radial-gradient( circle 4px at calc(100% - 4px) 50%, transparent 3.8px, #000 4px ), linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out, destination-out;
  mask: radial-gradient( circle 4px at 4px 50%, transparent 3.8px, #000 4px ), radial-gradient( circle 4px at calc(100% - 4px) 50%, transparent 3.8px, #000 4px ), linear-gradient(#000 0 0);
  mask-composite: exclude;
}
html[dir="rtl"] #mqSection .app-collections-card .collection-published-date-badge,
html[dir="rtl"] #davSection .app-collections-card .collection-published-date-badge,
html[dir="rtl"] #crSection .app-collections-card .collection-published-date-badge,
html[dir="rtl"] #trSection .app-collections-card .collection-published-date-badge,
html[dir="rtl"] #ftSection .app-collections-card .collection-published-date-badge,
html[dir="rtl"] #ntSection .app-collections-card .collection-published-date-badge,
html[dir="rtl"] #mhiSection .app-collections-card .collection-published-date-badge,
html[dir="rtl"] #liSection .app-collections-card .collection-published-date-badge,
html[dir="rtl"] #fshSection .app-collections-card .collection-published-date-badge,
html[dir="rtl"] #aesSection .app-collections-card .collection-published-date-badge {
  left: auto !important;
  right: 7px !important;
}
#mqSection .app-collections-card .app-collections-card-delete-btn,
#davSection .app-collections-card .app-collections-card-delete-btn,
#crSection .app-collections-card .app-collections-card-delete-btn,
#trSection .app-collections-card .app-collections-card-delete-btn,
#ftSection .app-collections-card .app-collections-card-delete-btn,
#ntSection .app-collections-card .app-collections-card-delete-btn,
#mhiSection .app-collections-card .app-collections-card-delete-btn,
#liSection .app-collections-card .app-collections-card-delete-btn,
#fshSection .app-collections-card .app-collections-card-delete-btn,
#aesSection .app-collections-card .app-collections-card-delete-btn {
  top: 7px;
  right: 7px;
}
#mqSection .app-collections-card .app-collections-card-share-btn,
#davSection .app-collections-card .app-collections-card-share-btn,
#crSection .app-collections-card .app-collections-card-share-btn,
#trSection .app-collections-card .app-collections-card-share-btn,
#ftSection .app-collections-card .app-collections-card-share-btn,
#ntSection .app-collections-card .app-collections-card-share-btn,
#mhiSection .app-collections-card .app-collections-card-share-btn,
#liSection .app-collections-card .app-collections-card-share-btn,
#fshSection .app-collections-card .app-collections-card-share-btn,
#aesSection .app-collections-card .app-collections-card-share-btn {
  top: 7px;
  right: 47px;
}
html[dir="rtl"] #mqSection .app-collections-card .app-collections-card-delete-btn,
html[dir="rtl"] #davSection .app-collections-card .app-collections-card-delete-btn,
html[dir="rtl"] #crSection .app-collections-card .app-collections-card-delete-btn,
html[dir="rtl"] #trSection .app-collections-card .app-collections-card-delete-btn,
html[dir="rtl"] #ftSection .app-collections-card .app-collections-card-delete-btn,
html[dir="rtl"] #ntSection .app-collections-card .app-collections-card-delete-btn,
html[dir="rtl"] #mhiSection .app-collections-card .app-collections-card-delete-btn,
html[dir="rtl"] #liSection .app-collections-card .app-collections-card-delete-btn,
html[dir="rtl"] #fshSection .app-collections-card .app-collections-card-delete-btn,
html[dir="rtl"] #aesSection .app-collections-card .app-collections-card-delete-btn {
  left: 7px !important;
  right: auto !important;
}
html[dir="rtl"] #mqSection .app-collections-card .app-collections-card-share-btn,
html[dir="rtl"] #davSection .app-collections-card .app-collections-card-share-btn,
html[dir="rtl"] #crSection .app-collections-card .app-collections-card-share-btn,
html[dir="rtl"] #trSection .app-collections-card .app-collections-card-share-btn,
html[dir="rtl"] #ftSection .app-collections-card .app-collections-card-share-btn,
html[dir="rtl"] #ntSection .app-collections-card .app-collections-card-share-btn,
html[dir="rtl"] #mhiSection .app-collections-card .app-collections-card-share-btn,
html[dir="rtl"] #liSection .app-collections-card .app-collections-card-share-btn,
html[dir="rtl"] #fshSection .app-collections-card .app-collections-card-share-btn,
html[dir="rtl"] #aesSection .app-collections-card .app-collections-card-share-btn {
  left: 47px !important;
  right: auto !important;
}
#mqSection .app-collections-card .app-share-quote,
#davSection .app-collections-card .app-share-quote,
#crSection .app-collections-card .app-share-quote,
#trSection .app-collections-card .app-share-quote,
#ftSection .app-collections-card .app-share-quote,
#ntSection .app-collections-card .app-share-quote,
#mhiSection .app-collections-card .app-share-quote,
#liSection .app-collections-card .app-share-quote,
#fshSection .app-collections-card .app-share-quote,
#aesSection .app-collections-card .app-share-quote {
  flex: none;
  margin: 0 !important;
  padding: 0;
  width: auto;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  display: block;
  overflow: hidden;
  max-height: calc(14px * 1.4 * 3);
  pointer-events: none;
}
#mqSection .app-collections-card .app-share-quote-content,
#davSection .app-collections-card .app-share-quote-content,
#crSection .app-collections-card .app-share-quote-content,
#trSection .app-collections-card .app-share-quote-content,
#ftSection .app-collections-card .app-share-quote-content,
#ntSection .app-collections-card .app-share-quote-content,
#mhiSection .app-collections-card .app-share-quote-content,
#liSection .app-collections-card .app-share-quote-content,
#fshSection .app-collections-card .app-share-quote-content,
#aesSection .app-collections-card .app-share-quote-content {
  font-size: 14px !important;
}
#mqSection .app-collections-card .app-share-quote-mark,
#davSection .app-collections-card .app-share-quote-mark,
#crSection .app-collections-card .app-share-quote-mark,
#trSection .app-collections-card .app-share-quote-mark,
#ftSection .app-collections-card .app-share-quote-mark,
#ntSection .app-collections-card .app-share-quote-mark,
#mhiSection .app-collections-card .app-share-quote-mark,
#liSection .app-collections-card .app-share-quote-mark,
#fshSection .app-collections-card .app-share-quote-mark,
#aesSection .app-collections-card .app-share-quote-mark {
  font-size: 16px !important;
}
#mqSection .app-collections-card .share-card-branding,
#davSection .app-collections-card .share-card-branding,
#crSection .app-collections-card .share-card-branding,
#trSection .app-collections-card .share-card-branding,
#ftSection .app-collections-card .share-card-branding,
#ntSection .app-collections-card .share-card-branding,
#mhiSection .app-collections-card .share-card-branding,
#liSection .app-collections-card .share-card-branding,
#fshSection .app-collections-card .share-card-branding,
#aesSection .app-collections-card .share-card-branding {
  display: contents;
}
#mqSection .app-collections-card .share-card-branding > .app-share-app-name:not(.app-collections-open-in-full),
#davSection .app-collections-card .share-card-branding > .app-share-app-name:not(.app-collections-open-in-full),
#crSection .app-collections-card .share-card-branding > .app-share-app-name:not(.app-collections-open-in-full),
#trSection .app-collections-card .share-card-branding > .app-share-app-name:not(.app-collections-open-in-full),
#ftSection .app-collections-card .share-card-branding > .app-share-app-name:not(.app-collections-open-in-full),
#ntSection .app-collections-card .share-card-branding > .app-share-app-name:not(.app-collections-open-in-full),
#mhiSection .app-collections-card .share-card-branding > .app-share-app-name:not(.app-collections-open-in-full),
#liSection .app-collections-card .share-card-branding > .app-share-app-name:not(.app-collections-open-in-full),
#fshSection .app-collections-card .share-card-branding > .app-share-app-name:not(.app-collections-open-in-full),
#aesSection .app-collections-card .share-card-branding > .app-share-app-name:not(.app-collections-open-in-full) {
  display: none;
}
#mqSection .app-collections-card .share-card-branding > .app-collections-open-in-full,
#davSection .app-collections-card .share-card-branding > .app-collections-open-in-full,
#crSection .app-collections-card .share-card-branding > .app-collections-open-in-full,
#trSection .app-collections-card .share-card-branding > .app-collections-open-in-full,
#ftSection .app-collections-card .share-card-branding > .app-collections-open-in-full,
#ntSection .app-collections-card .share-card-branding > .app-collections-open-in-full,
#mhiSection .app-collections-card .share-card-branding > .app-collections-open-in-full,
#liSection .app-collections-card .share-card-branding > .app-collections-open-in-full,
#fshSection .app-collections-card .share-card-branding > .app-collections-open-in-full,
#aesSection .app-collections-card .share-card-branding > .app-collections-open-in-full {
  position: static;
  flex: none;
  align-self: center;
  width: auto;
  height: 20px;
  margin: 16px 0 0 0 !important;
  padding: 0;
  padding-inline-end: 22px;
  opacity: 1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11M9 4l4 4-4 4' fill='none' stroke='%23000000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center / 14px 14px;
  border: 0;
  font-family: Georgia,"Times New Roman", serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  letter-spacing: 0.03em !important;
  text-transform: none !important;
  text-decoration: none !important;
  color: #000000 !important;
  white-space: nowrap;
  cursor: pointer;
}
#mqSection .app-collections-card .share-card-branding > .app-collections-open-in-full:dir(rtl),
#davSection .app-collections-card .share-card-branding > .app-collections-open-in-full:dir(rtl),
#crSection .app-collections-card .share-card-branding > .app-collections-open-in-full:dir(rtl),
#trSection .app-collections-card .share-card-branding > .app-collections-open-in-full:dir(rtl),
#ftSection .app-collections-card .share-card-branding > .app-collections-open-in-full:dir(rtl),
#ntSection .app-collections-card .share-card-branding > .app-collections-open-in-full:dir(rtl),
#mhiSection .app-collections-card .share-card-branding > .app-collections-open-in-full:dir(rtl),
#liSection .app-collections-card .share-card-branding > .app-collections-open-in-full:dir(rtl),
#fshSection .app-collections-card .share-card-branding > .app-collections-open-in-full:dir(rtl),
#aesSection .app-collections-card .share-card-branding > .app-collections-open-in-full:dir(rtl) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 8H3M7 4L3 8l4 4' fill='none' stroke='%23000000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: left center;
}
#mqSection .app-collections-card .share-card-branding > .app-collections-open-in-full::after,
#davSection .app-collections-card .share-card-branding > .app-collections-open-in-full::after,
#crSection .app-collections-card .share-card-branding > .app-collections-open-in-full::after,
#trSection .app-collections-card .share-card-branding > .app-collections-open-in-full::after,
#ftSection .app-collections-card .share-card-branding > .app-collections-open-in-full::after,
#ntSection .app-collections-card .share-card-branding > .app-collections-open-in-full::after,
#mhiSection .app-collections-card .share-card-branding > .app-collections-open-in-full::after,
#liSection .app-collections-card .share-card-branding > .app-collections-open-in-full::after,
#fshSection .app-collections-card .share-card-branding > .app-collections-open-in-full::after,
#aesSection .app-collections-card .share-card-branding > .app-collections-open-in-full::after {
  content: "";
  position: absolute;
  inset: 0;
}
#mqSection .app-collections-card .app-collections-card-share-btn,
#davSection .app-collections-card .app-collections-card-share-btn,
#crSection .app-collections-card .app-collections-card-share-btn,
#trSection .app-collections-card .app-collections-card-share-btn,
#ftSection .app-collections-card .app-collections-card-share-btn,
#ntSection .app-collections-card .app-collections-card-share-btn,
#mhiSection .app-collections-card .app-collections-card-share-btn,
#liSection .app-collections-card .app-collections-card-share-btn,
#fshSection .app-collections-card .app-collections-card-share-btn,
#aesSection .app-collections-card .app-collections-card-share-btn,
#mqSection .app-collections-card .app-collections-card-delete-btn,
#davSection .app-collections-card .app-collections-card-delete-btn,
#crSection .app-collections-card .app-collections-card-delete-btn,
#trSection .app-collections-card .app-collections-card-delete-btn,
#ftSection .app-collections-card .app-collections-card-delete-btn,
#ntSection .app-collections-card .app-collections-card-delete-btn,
#mhiSection .app-collections-card .app-collections-card-delete-btn,
#liSection .app-collections-card .app-collections-card-delete-btn,
#fshSection .app-collections-card .app-collections-card-delete-btn,
#aesSection .app-collections-card .app-collections-card-delete-btn {
  z-index: 3;
}
#mqSection .app-collections-card .cc-media,
#davSection .app-collections-card .cc-media,
#crSection .app-collections-card .cc-media,
#trSection .app-collections-card .cc-media,
#ftSection .app-collections-card .cc-media,
#ntSection .app-collections-card .cc-media,
#mhiSection .app-collections-card .cc-media,
#liSection .app-collections-card .cc-media,
#fshSection .app-collections-card .cc-media,
#aesSection .app-collections-card .cc-media {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(164px + var(--cc-f) / 2);
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) calc(var(--cc-f) * 0.15), rgba(0,0,0,0.2) calc(var(--cc-f) * 0.32), rgba(0,0,0,0.5) calc(var(--cc-f) * 0.5), rgba(0,0,0,0.8) calc(var(--cc-f) * 0.68), rgba(0,0,0,0.96) calc(var(--cc-f) * 0.85), #000 var(--cc-f));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) calc(var(--cc-f) * 0.15), rgba(0,0,0,0.2) calc(var(--cc-f) * 0.32), rgba(0,0,0,0.5) calc(var(--cc-f) * 0.5), rgba(0,0,0,0.8) calc(var(--cc-f) * 0.68), rgba(0,0,0,0.96) calc(var(--cc-f) * 0.85), #000 var(--cc-f));
}
#mqSection .app-collections-card .cc-media img,
#davSection .app-collections-card .cc-media img,
#crSection .app-collections-card .cc-media img,
#trSection .app-collections-card .cc-media img,
#ftSection .app-collections-card .cc-media img,
#ntSection .app-collections-card .cc-media img,
#mhiSection .app-collections-card .cc-media img,
#liSection .app-collections-card .cc-media img,
#fshSection .app-collections-card .cc-media img,
#aesSection .app-collections-card .cc-media img {
  position: absolute;
  top: 0;
  display: block;
  width: calc(50% + var(--cc-f) / 2);
  height: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  object-fit: cover;
  object-position: center center;
}
#mqSection .app-collections-card .cc-main,
#davSection .app-collections-card .cc-main,
#crSection .app-collections-card .cc-main,
#trSection .app-collections-card .cc-main,
#ftSection .app-collections-card .cc-main,
#ntSection .app-collections-card .cc-main,
#mhiSection .app-collections-card .cc-main,
#liSection .app-collections-card .cc-main,
#fshSection .app-collections-card .cc-main,
#aesSection .app-collections-card .cc-main {
  inset-inline-start: 0;
}
#mqSection .app-collections-card .cc-modal,
#davSection .app-collections-card .cc-modal,
#crSection .app-collections-card .cc-modal,
#trSection .app-collections-card .cc-modal,
#ftSection .app-collections-card .cc-modal,
#ntSection .app-collections-card .cc-modal,
#mhiSection .app-collections-card .cc-modal,
#liSection .app-collections-card .cc-modal,
#fshSection .app-collections-card .cc-modal,
#aesSection .app-collections-card .cc-modal {
  inset-inline-end: 0;
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) calc(var(--cc-f) * 0.15), rgba(0,0,0,0.2) calc(var(--cc-f) * 0.32), rgba(0,0,0,0.5) calc(var(--cc-f) * 0.5), rgba(0,0,0,0.8) calc(var(--cc-f) * 0.68), rgba(0,0,0,0.96) calc(var(--cc-f) * 0.85), #000 var(--cc-f));
  mask-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) calc(var(--cc-f) * 0.15), rgba(0,0,0,0.2) calc(var(--cc-f) * 0.32), rgba(0,0,0,0.5) calc(var(--cc-f) * 0.5), rgba(0,0,0,0.8) calc(var(--cc-f) * 0.68), rgba(0,0,0,0.96) calc(var(--cc-f) * 0.85), #000 var(--cc-f));
}
html[dir="rtl"] #mqSection .app-collections-card .cc-modal,
html[dir="rtl"] #davSection .app-collections-card .cc-modal,
html[dir="rtl"] #crSection .app-collections-card .cc-modal,
html[dir="rtl"] #trSection .app-collections-card .cc-modal,
html[dir="rtl"] #ftSection .app-collections-card .cc-modal,
html[dir="rtl"] #ntSection .app-collections-card .cc-modal,
html[dir="rtl"] #mhiSection .app-collections-card .cc-modal,
html[dir="rtl"] #liSection .app-collections-card .cc-modal,
html[dir="rtl"] #fshSection .app-collections-card .cc-modal,
html[dir="rtl"] #aesSection .app-collections-card .cc-modal {
  -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) calc(var(--cc-f) * 0.15), rgba(0,0,0,0.2) calc(var(--cc-f) * 0.32), rgba(0,0,0,0.5) calc(var(--cc-f) * 0.5), rgba(0,0,0,0.8) calc(var(--cc-f) * 0.68), rgba(0,0,0,0.96) calc(var(--cc-f) * 0.85), #000 var(--cc-f));
  mask-image: linear-gradient(to left, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) calc(var(--cc-f) * 0.15), rgba(0,0,0,0.2) calc(var(--cc-f) * 0.32), rgba(0,0,0,0.5) calc(var(--cc-f) * 0.5), rgba(0,0,0,0.8) calc(var(--cc-f) * 0.68), rgba(0,0,0,0.96) calc(var(--cc-f) * 0.85), #000 var(--cc-f));
}
#mqSection .app-collections-card .cc-seam,
#davSection .app-collections-card .cc-seam,
#crSection .app-collections-card .cc-seam,
#trSection .app-collections-card .cc-seam,
#ftSection .app-collections-card .cc-seam,
#ntSection .app-collections-card .cc-seam,
#mhiSection .app-collections-card .cc-seam,
#liSection .app-collections-card .cc-seam,
#fshSection .app-collections-card .cc-seam,
#aesSection .app-collections-card .cc-seam {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - var(--cc-sw) / 2);
  width: var(--cc-sw);
  background: #FFFFFF;
  opacity: var(--cc-white);
  z-index: 2;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) 7.5%, rgba(0,0,0,0.2) 16%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.8) 34%, rgba(0,0,0,0.96) 42.5%, #000 50%, rgba(0,0,0,0.96) 57.5%, rgba(0,0,0,0.8) 66%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0.2) 84%, rgba(0,0,0,0.04) 92.5%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0.04) 7.5%, rgba(0,0,0,0.2) 16%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.8) 34%, rgba(0,0,0,0.96) 42.5%, #000 50%, rgba(0,0,0,0.96) 57.5%, rgba(0,0,0,0.8) 66%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0.2) 84%, rgba(0,0,0,0.04) 92.5%, rgba(0,0,0,0) 100%);
}
#mqSection .app-collections-card.is-unclamped,
#davSection .app-collections-card.is-unclamped,
#crSection .app-collections-card.is-unclamped,
#trSection .app-collections-card.is-unclamped,
#ftSection .app-collections-card.is-unclamped,
#ntSection .app-collections-card.is-unclamped,
#mhiSection .app-collections-card.is-unclamped,
#liSection .app-collections-card.is-unclamped,
#fshSection .app-collections-card.is-unclamped,
#aesSection .app-collections-card.is-unclamped {
  z-index: 20;
}
#mqSection .app-collections-card.is-unclamped .app-share-card,
#davSection .app-collections-card.is-unclamped .app-share-card,
#crSection .app-collections-card.is-unclamped .app-share-card,
#trSection .app-collections-card.is-unclamped .app-share-card,
#ftSection .app-collections-card.is-unclamped .app-share-card,
#ntSection .app-collections-card.is-unclamped .app-share-card,
#mhiSection .app-collections-card.is-unclamped .app-share-card,
#liSection .app-collections-card.is-unclamped .app-share-card,
#fshSection .app-collections-card.is-unclamped .app-share-card,
#aesSection .app-collections-card.is-unclamped .app-share-card {
  justify-content: flex-start;
  padding-top: var(--q-top) !important;
}
#mqSection .app-collections-card.is-unclamped .app-share-quote,
#davSection .app-collections-card.is-unclamped .app-share-quote,
#crSection .app-collections-card.is-unclamped .app-share-quote,
#trSection .app-collections-card.is-unclamped .app-share-quote,
#ftSection .app-collections-card.is-unclamped .app-share-quote,
#ntSection .app-collections-card.is-unclamped .app-share-quote,
#mhiSection .app-collections-card.is-unclamped .app-share-quote,
#liSection .app-collections-card.is-unclamped .app-share-quote,
#fshSection .app-collections-card.is-unclamped .app-share-quote,
#aesSection .app-collections-card.is-unclamped .app-share-quote {
  display: block;
  overflow: hidden;
  max-height: var(--q-clamp);
  transition: max-height 400ms ease;
}
#mqSection .app-collections-card.is-open .app-share-quote,
#davSection .app-collections-card.is-open .app-share-quote,
#crSection .app-collections-card.is-open .app-share-quote,
#trSection .app-collections-card.is-open .app-share-quote,
#ftSection .app-collections-card.is-open .app-share-quote,
#ntSection .app-collections-card.is-open .app-share-quote,
#mhiSection .app-collections-card.is-open .app-share-quote,
#liSection .app-collections-card.is-open .app-share-quote,
#fshSection .app-collections-card.is-open .app-share-quote,
#aesSection .app-collections-card.is-open .app-share-quote {
  max-height: var(--q-full);
}
#mqSection .app-collections-card.is-open,
#davSection .app-collections-card.is-open,
#crSection .app-collections-card.is-open,
#trSection .app-collections-card.is-open,
#ftSection .app-collections-card.is-open,
#ntSection .app-collections-card.is-open,
#mhiSection .app-collections-card.is-open,
#liSection .app-collections-card.is-open,
#fshSection .app-collections-card.is-open,
#aesSection .app-collections-card.is-open {
  height: calc(var(--cc-h) + var(--q-extra, 0px)) !important;
}
#mqSection .app-collections-card.is-open .app-share-card,
#davSection .app-collections-card.is-open .app-share-card,
#crSection .app-collections-card.is-open .app-share-card,
#trSection .app-collections-card.is-open .app-share-card,
#ftSection .app-collections-card.is-open .app-share-card,
#ntSection .app-collections-card.is-open .app-share-card,
#mhiSection .app-collections-card.is-open .app-share-card,
#liSection .app-collections-card.is-open .app-share-card,
#fshSection .app-collections-card.is-open .app-share-card,
#aesSection .app-collections-card.is-open .app-share-card {
  background: #FFFFFF;
  border-color: inherit;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}
@media (prefers-reduced-motion: reduce) {
  #mqSection .app-collections-card,
#davSection .app-collections-card,
#crSection .app-collections-card,
#trSection .app-collections-card,
#ftSection .app-collections-card,
#ntSection .app-collections-card,
#mhiSection .app-collections-card,
#liSection .app-collections-card,
#fshSection .app-collections-card,
#aesSection .app-collections-card {
    transition: none !important;
  }
  #mqSection .app-collections-card .app-share-card,
#davSection .app-collections-card .app-share-card,
#crSection .app-collections-card .app-share-card,
#trSection .app-collections-card .app-share-card,
#ftSection .app-collections-card .app-share-card,
#ntSection .app-collections-card .app-share-card,
#mhiSection .app-collections-card .app-share-card,
#liSection .app-collections-card .app-share-card,
#fshSection .app-collections-card .app-share-card,
#aesSection .app-collections-card .app-share-card,
#mqSection .app-collections-card.is-unclamped .app-share-quote,
#davSection .app-collections-card.is-unclamped .app-share-quote,
#crSection .app-collections-card.is-unclamped .app-share-quote,
#trSection .app-collections-card.is-unclamped .app-share-quote,
#ftSection .app-collections-card.is-unclamped .app-share-quote,
#ntSection .app-collections-card.is-unclamped .app-share-quote,
#mhiSection .app-collections-card.is-unclamped .app-share-quote,
#liSection .app-collections-card.is-unclamped .app-share-quote,
#fshSection .app-collections-card.is-unclamped .app-share-quote,
#aesSection .app-collections-card.is-unclamped .app-share-quote {
    transition: none;
  }
}
@media (hover: hover) {
  #davSection .app-collections-section-label > div > span:not(.collections-filter-active):hover {
    background: #6B3FA0 !important;
    border-color: #6B3FA0 !important;
    color: #FFFFFF !important;
  }
}
@media (hover: none) {
  #davSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover {
    background: #6B3FA0 !important;
    border-color: #6B3FA0 !important;
    color: #FFFFFF !important;
  }
}
#davSection .app-collections-card {
  border: 1px solid #6B3FA0;
}
@media (hover: hover) {
  #crSection .app-collections-section-label > div > span:not(.collections-filter-active):hover {
    background: #D97706 !important;
    border-color: #D97706 !important;
    color: #FFFFFF !important;
  }
}
@media (hover: none) {
  #crSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover {
    background: #D97706 !important;
    border-color: #D97706 !important;
    color: #FFFFFF !important;
  }
}
#crSection .app-collections-card {
  border: 1px solid #D97706;
}
@media (hover: hover) {
  #trSection .app-collections-section-label > div > span:not(.collections-filter-active):hover {
    background: #0891B2 !important;
    border-color: #0891B2 !important;
    color: #FFFFFF !important;
  }
}
@media (hover: none) {
  #trSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover {
    background: #0891B2 !important;
    border-color: #0891B2 !important;
    color: #FFFFFF !important;
  }
}
#trSection .app-collections-card {
  border: 1px solid #0891B2;
}
@media (hover: hover) {
  #ftSection .app-collections-section-label > div > span:not(.collections-filter-active):hover {
    background: #DC2626 !important;
    border-color: #DC2626 !important;
    color: #FFFFFF !important;
  }
}
@media (hover: none) {
  #ftSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover {
    background: #DC2626 !important;
    border-color: #DC2626 !important;
    color: #FFFFFF !important;
  }
}
#ftSection .app-collections-card {
  border: 1px solid #DC2626;
}
@media (hover: hover) {
  #ntSection .app-collections-section-label > div > span:not(.collections-filter-active):hover {
    background: #16A34A !important;
    border-color: #16A34A !important;
    color: #FFFFFF !important;
  }
}
@media (hover: none) {
  #ntSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover {
    background: #16A34A !important;
    border-color: #16A34A !important;
    color: #FFFFFF !important;
  }
}
#ntSection .app-collections-card {
  border: 1px solid #16A34A;
}
@media (hover: hover) {
  #mhiSection .app-collections-section-label > div > span:not(.collections-filter-active):hover {
    background: #2563EB !important;
    border-color: #2563EB !important;
    color: #FFFFFF !important;
  }
}
@media (hover: none) {
  #mhiSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover {
    background: #2563EB !important;
    border-color: #2563EB !important;
    color: #FFFFFF !important;
  }
}
#mhiSection .app-collections-card {
  border: 1px solid #2563EB;
}
@media (hover: hover) {
  #liSection .app-collections-section-label > div > span:not(.collections-filter-active):hover {
    background: #E11D48 !important;
    border-color: #E11D48 !important;
    color: #FFFFFF !important;
  }
}
@media (hover: none) {
  #liSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover {
    background: #E11D48 !important;
    border-color: #E11D48 !important;
    color: #FFFFFF !important;
  }
}
#liSection .app-collections-card {
  border: 1px solid #E11D48;
}
@media (hover: hover) {
  #fshSection .app-collections-section-label > div > span:not(.collections-filter-active):hover {
    background: #0D9488 !important;
    border-color: #0D9488 !important;
    color: #FFFFFF !important;
  }
}
@media (hover: none) {
  #fshSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover {
    background: #0D9488 !important;
    border-color: #0D9488 !important;
    color: #FFFFFF !important;
  }
}
#fshSection .app-collections-card {
  border: 1px solid #0D9488;
}
@media (hover: hover) {
  #aesSection .app-collections-section-label > div > span:not(.collections-filter-active):hover {
    background: #65A30D !important;
    border-color: #65A30D !important;
    color: #FFFFFF !important;
  }
}
@media (hover: none) {
  #aesSection .app-collections-section-label > div > span:not(.collections-filter-active).is-hover {
    background: #65A30D !important;
    border-color: #65A30D !important;
    color: #FFFFFF !important;
  }
}
#aesSection .app-collections-card {
  border: 1px solid #65A30D;
}
/* Toolbar drop-downs: one fade, everywhere ── Collections, Resources and Translate (all 10
   pages) fade in and out in exactly the same way: 0.4s, ease. Each drop-down runs its own
   fade, independent of the others (moving from one button to the next is a plain
   cross-fade). */
.app-collections-dropdown,
.app-resources-dropdown,
.app-translate-dropdown-container {
  transition: opacity 0.4s ease !important;
}

/* -- Collections drop-down: split pane: resources -- */
/* Hover bridges: a drop-down that is not showing must not catch the pointer ── (all of
   them sit in the same box, so a hidden one's bridge would otherwise steal the hover from
   the one that is open) */
.app-resources-dropdown:not(.show)::before,
.app-translate-dropdown-container:not(.show)::before,
.app-collections-dropdown:not(.app-collections-dropdown-visible)::before {
  pointer-events: none !important;
}
/* Resources: the accordion rows ── A row opens and closes in 0.2s. The rows' heights are
   animated by the script (resources accordion, in script.js); the panel is always laid out
   (the script's inline display:none is overridden) and is only hidden once it has closed. */
.app-resources-dropdown .app-resources-accordion-panel {
  display: block !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  visibility: hidden !important;
  transition: visibility 0s linear 0.2s !important;
}
.app-resources-dropdown .app-resources-accordion-item.is-open .app-resources-accordion-panel {
  visibility: visible !important;
  transition: visibility 0s linear 0s !important;
}
.app-resources-dropdown .app-resources-accordion-chevron {
  transition: transform 0.2s ease !important;
}
.app-resources-dropdown .app-resources-accordion-trigger {
  transition: background 0.2s ease, color 0.2s ease !important;
}
/* Resources button: stays filled while the pointer is on its drop-down or the hover bridge
   (like the other toolbar buttons) */
@media (hover: hover) {
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show:hover) .app-resources-button {
    color: #EA580C !important;
  }
}
@media (hover: none) {
  #mqSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show.is-hover) .app-resources-button {
    color: #EA580C !important;
  }
}
@media (hover: hover) {
  #davSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show:hover) .app-resources-button {
    color: #6B3FA0 !important;
  }
}
@media (hover: none) {
  #davSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show.is-hover) .app-resources-button {
    color: #6B3FA0 !important;
  }
}
@media (hover: hover) {
  #crSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show:hover) .app-resources-button {
    color: #D97706 !important;
  }
}
@media (hover: none) {
  #crSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show.is-hover) .app-resources-button {
    color: #D97706 !important;
  }
}
@media (hover: hover) {
  #trSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show:hover) .app-resources-button {
    color: #0891B2 !important;
  }
}
@media (hover: none) {
  #trSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show.is-hover) .app-resources-button {
    color: #0891B2 !important;
  }
}
@media (hover: hover) {
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show:hover) .app-resources-button {
    color: #DC2626 !important;
  }
}
@media (hover: none) {
  #ftSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show.is-hover) .app-resources-button {
    color: #DC2626 !important;
  }
}
@media (hover: hover) {
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show:hover) .app-resources-button {
    color: #16A34A !important;
  }
}
@media (hover: none) {
  #ntSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show.is-hover) .app-resources-button {
    color: #16A34A !important;
  }
}
@media (hover: hover) {
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show:hover) .app-resources-button {
    color: #2563EB !important;
  }
}
@media (hover: none) {
  #mhiSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show.is-hover) .app-resources-button {
    color: #2563EB !important;
  }
}
@media (hover: hover) {
  #liSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show:hover) .app-resources-button {
    color: #E11D48 !important;
  }
}
@media (hover: none) {
  #liSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show.is-hover) .app-resources-button {
    color: #E11D48 !important;
  }
}
@media (hover: hover) {
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show:hover) .app-resources-button {
    color: #0D9488 !important;
  }
}
@media (hover: none) {
  #fshSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show.is-hover) .app-resources-button {
    color: #0D9488 !important;
  }
}
@media (hover: hover) {
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show:hover) .app-resources-button {
    color: #65A30D !important;
  }
}
@media (hover: none) {
  #aesSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-resources-dropdown.show.is-hover) .app-resources-button {
    color: #65A30D !important;
  }
}

/* -- Collections drop-down: nothing saved yet -- */
#mqSection .app-collections-section-label.hidden,
#davSection .app-collections-section-label.hidden,
#crSection .app-collections-section-label.hidden,
#trSection .app-collections-section-label.hidden,
#ftSection .app-collections-section-label.hidden,
#ntSection .app-collections-section-label.hidden,
#mhiSection .app-collections-section-label.hidden,
#liSection .app-collections-section-label.hidden,
#fshSection .app-collections-section-label.hidden,
#aesSection .app-collections-section-label.hidden {
  display: none !important;
}
#mqSection .app-collections-dropdown:has(.app-collections-section-label.hidden),
#davSection .app-collections-dropdown:has(.app-collections-section-label.hidden),
#crSection .app-collections-dropdown:has(.app-collections-section-label.hidden),
#trSection .app-collections-dropdown:has(.app-collections-section-label.hidden),
#ftSection .app-collections-dropdown:has(.app-collections-section-label.hidden),
#ntSection .app-collections-dropdown:has(.app-collections-section-label.hidden),
#mhiSection .app-collections-dropdown:has(.app-collections-section-label.hidden),
#liSection .app-collections-dropdown:has(.app-collections-section-label.hidden),
#fshSection .app-collections-dropdown:has(.app-collections-section-label.hidden),
#aesSection .app-collections-dropdown:has(.app-collections-section-label.hidden) {
  grid-template-columns: minmax(0, 1fr) !important;
}
#mqSection .app-collections-dropdown:has(.app-collections-section-label.hidden) .app-collections-dropdown-body,
#davSection .app-collections-dropdown:has(.app-collections-section-label.hidden) .app-collections-dropdown-body,
#crSection .app-collections-dropdown:has(.app-collections-section-label.hidden) .app-collections-dropdown-body,
#trSection .app-collections-dropdown:has(.app-collections-section-label.hidden) .app-collections-dropdown-body,
#ftSection .app-collections-dropdown:has(.app-collections-section-label.hidden) .app-collections-dropdown-body,
#ntSection .app-collections-dropdown:has(.app-collections-section-label.hidden) .app-collections-dropdown-body,
#mhiSection .app-collections-dropdown:has(.app-collections-section-label.hidden) .app-collections-dropdown-body,
#liSection .app-collections-dropdown:has(.app-collections-section-label.hidden) .app-collections-dropdown-body,
#fshSection .app-collections-dropdown:has(.app-collections-section-label.hidden) .app-collections-dropdown-body,
#aesSection .app-collections-dropdown:has(.app-collections-section-label.hidden) .app-collections-dropdown-body {
  grid-column: 1 / -1;
}

/* -- Collections: bolder share-link text -- */
.app-collections-share-link-input {
  font-weight: 600;
}

/* ==========================================================================
   14. Extras: page-specific rules
   ========================================================================== */

/* -- Evidence-module leaf highlights (Digital Age Verses, Mental Health, Fashion) -- */
#davSection #davStory .dav-beneath-the-noise-leaf svg path.dav-bn-shade {
  fill: #6B7280 !important;
}
@media (hover: hover) {
  #davSection #davStory .dav-context-callout:hover .dav-beneath-the-noise-leaf svg path.dav-bn-shade {
    fill: #4A2A73 !important;
  }
}
@media (hover: none) {
  #davSection #davStory .dav-context-callout.is-hover .dav-beneath-the-noise-leaf svg path.dav-bn-shade {
    fill: #4A2A73 !important;
  }
}
/* Soft highlight lines on the petals stay white (they are drawn at low opacity) */
#mhiSection #mhiStory .mhi-science-leaf svg path.mhi-hl {
  fill: #FFFFFF !important;
}
@media (hover: hover) {
  #mhiSection #mhiStory .mhi-context-callout:hover .mhi-science-leaf svg path.mhi-hl {
    fill: #FFFFFF !important;
  }
}
@media (hover: none) {
  #mhiSection #mhiStory .mhi-context-callout.is-hover .mhi-science-leaf svg path.mhi-hl {
    fill: #FFFFFF !important;
  }
}
#fshSection #fshStory .fsh-seams-leaf svg path.fsh-t1 {
  fill: #6B7280 !important;
}
#fshSection #fshStory .fsh-seams-leaf svg path.fsh-t3 {
  fill: #D1D5DB !important;
}
@media (hover: hover) {
  #fshSection #fshStory .fsh-context-callout:hover .fsh-seams-leaf svg path.fsh-t1 {
    fill: #09685F !important;
  }
}
@media (hover: none) {
  #fshSection #fshStory .fsh-context-callout.is-hover .fsh-seams-leaf svg path.fsh-t1 {
    fill: #09685F !important;
  }
}
@media (hover: hover) {
  #fshSection #fshStory .fsh-context-callout:hover .fsh-seams-leaf svg path.fsh-t3 {
    fill: #7AC4BE !important;
  }
}
@media (hover: none) {
  #fshSection #fshStory .fsh-context-callout.is-hover .fsh-seams-leaf svg path.fsh-t3 {
    fill: #7AC4BE !important;
  }
}

/* -- Fashion: season badge next to the main category badge -- */
.fsh-season-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 38px;
  min-width: 38px;
  margin-inline-start: 8px;
  font-size: 24px;
  line-height: 1;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  .fsh-season-icon:hover {
    transform: translateY(-2px) scale(1.12);
  }
}
@media (hover: none) {
  .fsh-season-icon.is-hover {
    transform: translateY(-2px) scale(1.12);
  }
}
.fsh-season-icon[data-season="spring"] {
  color: #16A34A;
}
.fsh-season-icon[data-season="summer"] {
  color: #EA580C;
}
.fsh-season-icon[data-season="autumn"] {
  color: #E11D48;
}
.fsh-season-icon[data-season="winter"] {
  color: #0891B2;
}
.fsh-season-icon:empty {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .fsh-season-icon {
    transition: none;
  }
@media (hover: hover) {
  .fsh-season-icon:hover {
      transform: none;
  }
}
@media (hover: none) {
  .fsh-season-icon.is-hover {
      transform: none;
  }
}
}

/* -- Aesthetics: lime tooltips and share drop-down (gated by html.aes-page-open) -- */
:where(html.aes-page-open) .toolbar-custom-tooltip,
:where(html.aes-page-open) .app-collections-share-dropdown,
:where(html.aes-page-open) .app-collections-share-platform-tooltip {
  --app-primary: #4D7C0F;
  --app-accent: #3F6212;
}
:where(html.aes-page-open) .toolbar-custom-tooltip,
:where(html.aes-page-open) .app-collections-share-dropdown,
:where(html.aes-page-open) .app-collections-share-platform-tooltip {
  color: #3F6212;
}
:where(html.aes-page-open) .toolbar-custom-tooltip {
  color: #3F6212;
  border: 1px solid #3F6212;
}
:where(html.aes-page-open) .toolbar-custom-tooltip::before {
  border-left: 1px solid #3F6212;
  border-top: 1px solid #3F6212;
}
:where(html.aes-page-open) .app-collections-share-link-input {
  border: 1px solid rgba(77, 124, 15, 0.22);
  background: #F7FEE7;
}
:where(html.aes-page-open) .app-collections-share-copy-btn {
  background: #65A30D;
}
:where(html.aes-page-open) .app-collections-share-platform-tooltip {
  color: #65A30D;
}


/* ============================================================
   ON-DEVICE VAULT — storage messages at 75%, 90%, 99% and 100%
   The pop-up is the Quiz's "Skipped for now" message (.sq-note); only its
   colour follows the level. The strip sits at the top of every Collections
   drop-down while the space for saved entries is 75% full or more.
   ============================================================ */
.sq-note.vault-note[data-vault-level="75"] {
  --sq-accent: #B45309;
}
.sq-note.vault-note[data-vault-level="90"] {
  --sq-accent: #C2410C;
}
.sq-note.vault-note[data-vault-level="99"] {
  --sq-accent: #DC2626;
}
.sq-note.vault-note[data-vault-level="100"] {
  --sq-accent: #B91C1C;
}
/* (the strip lives inside the menu, whose reset has an ID in its selector — so the strip's rules carry the same ID) */
#mqSection .app-menu-btn-wrapper .vault-strip,
#davSection .app-menu-btn-wrapper .vault-strip,
#crSection .app-menu-btn-wrapper .vault-strip,
#trSection .app-menu-btn-wrapper .vault-strip,
#ftSection .app-menu-btn-wrapper .vault-strip,
#ntSection .app-menu-btn-wrapper .vault-strip,
#mhiSection .app-menu-btn-wrapper .vault-strip,
#liSection .app-menu-btn-wrapper .vault-strip,
#fshSection .app-menu-btn-wrapper .vault-strip,
#aesSection .app-menu-btn-wrapper .vault-strip {
  position: sticky;
  top: 0;
  z-index: 3;
  box-sizing: border-box;
  margin: 0 0 10px;
  padding: 8px 12px;
  border: 1px solid;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.4;
  text-align: start;
  transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
}
#mqSection .app-menu-btn-wrapper .vault-strip[data-vault-level="75"],
#davSection .app-menu-btn-wrapper .vault-strip[data-vault-level="75"],
#crSection .app-menu-btn-wrapper .vault-strip[data-vault-level="75"],
#trSection .app-menu-btn-wrapper .vault-strip[data-vault-level="75"],
#ftSection .app-menu-btn-wrapper .vault-strip[data-vault-level="75"],
#ntSection .app-menu-btn-wrapper .vault-strip[data-vault-level="75"],
#mhiSection .app-menu-btn-wrapper .vault-strip[data-vault-level="75"],
#liSection .app-menu-btn-wrapper .vault-strip[data-vault-level="75"],
#fshSection .app-menu-btn-wrapper .vault-strip[data-vault-level="75"],
#aesSection .app-menu-btn-wrapper .vault-strip[data-vault-level="75"] {
  background: #FFFBEB;
  border-color: #FCD34D;
  color: #92400E;
}
#mqSection .app-menu-btn-wrapper .vault-strip[data-vault-level="90"],
#davSection .app-menu-btn-wrapper .vault-strip[data-vault-level="90"],
#crSection .app-menu-btn-wrapper .vault-strip[data-vault-level="90"],
#trSection .app-menu-btn-wrapper .vault-strip[data-vault-level="90"],
#ftSection .app-menu-btn-wrapper .vault-strip[data-vault-level="90"],
#ntSection .app-menu-btn-wrapper .vault-strip[data-vault-level="90"],
#mhiSection .app-menu-btn-wrapper .vault-strip[data-vault-level="90"],
#liSection .app-menu-btn-wrapper .vault-strip[data-vault-level="90"],
#fshSection .app-menu-btn-wrapper .vault-strip[data-vault-level="90"],
#aesSection .app-menu-btn-wrapper .vault-strip[data-vault-level="90"] {
  background: #FFF7ED;
  border-color: #FDBA74;
  color: #9A3412;
}
#mqSection .app-menu-btn-wrapper .vault-strip[data-vault-level="99"],
#davSection .app-menu-btn-wrapper .vault-strip[data-vault-level="99"],
#crSection .app-menu-btn-wrapper .vault-strip[data-vault-level="99"],
#trSection .app-menu-btn-wrapper .vault-strip[data-vault-level="99"],
#ftSection .app-menu-btn-wrapper .vault-strip[data-vault-level="99"],
#ntSection .app-menu-btn-wrapper .vault-strip[data-vault-level="99"],
#mhiSection .app-menu-btn-wrapper .vault-strip[data-vault-level="99"],
#liSection .app-menu-btn-wrapper .vault-strip[data-vault-level="99"],
#fshSection .app-menu-btn-wrapper .vault-strip[data-vault-level="99"],
#aesSection .app-menu-btn-wrapper .vault-strip[data-vault-level="99"] {
  background: #FEF2F2;
  border-color: #FCA5A5;
  color: #B91C1C;
}
#mqSection .app-menu-btn-wrapper .vault-strip[data-vault-level="100"],
#davSection .app-menu-btn-wrapper .vault-strip[data-vault-level="100"],
#crSection .app-menu-btn-wrapper .vault-strip[data-vault-level="100"],
#trSection .app-menu-btn-wrapper .vault-strip[data-vault-level="100"],
#ftSection .app-menu-btn-wrapper .vault-strip[data-vault-level="100"],
#ntSection .app-menu-btn-wrapper .vault-strip[data-vault-level="100"],
#mhiSection .app-menu-btn-wrapper .vault-strip[data-vault-level="100"],
#liSection .app-menu-btn-wrapper .vault-strip[data-vault-level="100"],
#fshSection .app-menu-btn-wrapper .vault-strip[data-vault-level="100"],
#aesSection .app-menu-btn-wrapper .vault-strip[data-vault-level="100"] {
  background: #FEE2E2;
  border-color: #F87171;
  color: #991B1B;
}

/* ============================================================
   CROSS-DEVICE — "Save my Collection" and "Restore"
   A slim footer row inside every Collections drop-down (two quiet buttons:
   Grey 500 icon, Grey 600 text (the drop-downs are tinted, so Grey 400 would not read), the page's shade 600 on hover, 0.4s) and a
   3-step guide in the empty drop-down. Everything sits inside the menu, whose
   reset has an ID in its selector — so these rules carry the same ID.
   ============================================================ */
.sq-note.vault-note[data-vault-level="ok"] {
  --sq-accent: #15803D;
}
.sq-note.vault-note[data-vault-level="warn"] {
  --sq-accent: #B45309;
}
.sq-note.vault-note[data-vault-level="problem"] {
  --sq-accent: #B91C1C;
}
#mqSection .app-collections-dropdown,
#davSection .app-collections-dropdown,
#crSection .app-collections-dropdown,
#trSection .app-collections-dropdown,
#ftSection .app-collections-dropdown,
#ntSection .app-collections-dropdown,
#mhiSection .app-collections-dropdown,
#liSection .app-collections-dropdown,
#fshSection .app-collections-dropdown,
#aesSection .app-collections-dropdown {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}
#mqSection .app-menu-btn-wrapper .app-collections-transfer,
#davSection .app-menu-btn-wrapper .app-collections-transfer,
#crSection .app-menu-btn-wrapper .app-collections-transfer,
#trSection .app-menu-btn-wrapper .app-collections-transfer,
#ftSection .app-menu-btn-wrapper .app-collections-transfer,
#ntSection .app-menu-btn-wrapper .app-collections-transfer,
#mhiSection .app-menu-btn-wrapper .app-collections-transfer,
#liSection .app-menu-btn-wrapper .app-collections-transfer,
#fshSection .app-menu-btn-wrapper .app-collections-transfer,
#aesSection .app-menu-btn-wrapper .app-collections-transfer {
  grid-column: 1 / -1;
  grid-row: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 12px;
  border-top: 1px solid var(--app-surface-tint);
  background: transparent;
}
#mqSection .app-menu-btn-wrapper .app-collections-transfer-btn,
#davSection .app-menu-btn-wrapper .app-collections-transfer-btn,
#crSection .app-menu-btn-wrapper .app-collections-transfer-btn,
#trSection .app-menu-btn-wrapper .app-collections-transfer-btn,
#ftSection .app-menu-btn-wrapper .app-collections-transfer-btn,
#ntSection .app-menu-btn-wrapper .app-collections-transfer-btn,
#mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn,
#liSection .app-menu-btn-wrapper .app-collections-transfer-btn,
#fshSection .app-menu-btn-wrapper .app-collections-transfer-btn,
#aesSection .app-menu-btn-wrapper .app-collections-transfer-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 9px 18px;
  border: 0;
  border-radius: 999px;
  background: #FFFFFF;
  box-shadow: none;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-align: center;
  color: #4B5563;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.4s ease, background-color 0.4s ease, opacity 0.4s ease;
}
#mqSection .app-menu-btn-wrapper .app-collections-transfer-btn svg,
#davSection .app-menu-btn-wrapper .app-collections-transfer-btn svg,
#crSection .app-menu-btn-wrapper .app-collections-transfer-btn svg,
#trSection .app-menu-btn-wrapper .app-collections-transfer-btn svg,
#ftSection .app-menu-btn-wrapper .app-collections-transfer-btn svg,
#ntSection .app-menu-btn-wrapper .app-collections-transfer-btn svg,
#mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn svg,
#liSection .app-menu-btn-wrapper .app-collections-transfer-btn svg,
#fshSection .app-menu-btn-wrapper .app-collections-transfer-btn svg,
#aesSection .app-menu-btn-wrapper .app-collections-transfer-btn svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  color: #4B5563;
  transition: color 0.4s ease;
}
#mqSection .app-menu-btn-wrapper .app-collections-transfer-btn:disabled,
#davSection .app-menu-btn-wrapper .app-collections-transfer-btn:disabled,
#crSection .app-menu-btn-wrapper .app-collections-transfer-btn:disabled,
#trSection .app-menu-btn-wrapper .app-collections-transfer-btn:disabled,
#ftSection .app-menu-btn-wrapper .app-collections-transfer-btn:disabled,
#ntSection .app-menu-btn-wrapper .app-collections-transfer-btn:disabled,
#mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn:disabled,
#liSection .app-menu-btn-wrapper .app-collections-transfer-btn:disabled,
#fshSection .app-menu-btn-wrapper .app-collections-transfer-btn:disabled,
#aesSection .app-menu-btn-wrapper .app-collections-transfer-btn:disabled {
  cursor: progress;
  opacity: 0.6;
}
#mqSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible,
#mqSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] {
  color: #EA580C;
}
@media (hover: hover) {
  #mqSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) {
    color: #EA580C;
  }
}
@media (hover: none) {
  #mqSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) {
    color: #EA580C;
  }
}
#mqSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible svg,
#mqSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] svg {
  color: #EA580C;
}
@media (hover: hover) {
  #mqSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) svg {
    color: #EA580C;
  }
}
@media (hover: none) {
  #mqSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) svg {
    color: #EA580C;
  }
}
#mqSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible {
  outline: none;
}
#mqSection .app-menu-btn-wrapper .app-transfer-step-no {
  border-color: #EA580C;
  color: #EA580C;
}
#davSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible,
#davSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] {
  color: #6B3FA0;
}
@media (hover: hover) {
  #davSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) {
    color: #6B3FA0;
  }
}
@media (hover: none) {
  #davSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) {
    color: #6B3FA0;
  }
}
#davSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible svg,
#davSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] svg {
  color: #6B3FA0;
}
@media (hover: hover) {
  #davSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) svg {
    color: #6B3FA0;
  }
}
@media (hover: none) {
  #davSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) svg {
    color: #6B3FA0;
  }
}
#davSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible {
  outline: none;
}
#davSection .app-menu-btn-wrapper .app-transfer-step-no {
  border-color: #6B3FA0;
  color: #6B3FA0;
}
#crSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible,
#crSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] {
  color: #D97706;
}
@media (hover: hover) {
  #crSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) {
    color: #D97706;
  }
}
@media (hover: none) {
  #crSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) {
    color: #D97706;
  }
}
#crSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible svg,
#crSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] svg {
  color: #D97706;
}
@media (hover: hover) {
  #crSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) svg {
    color: #D97706;
  }
}
@media (hover: none) {
  #crSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) svg {
    color: #D97706;
  }
}
#crSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible {
  outline: none;
}
#crSection .app-menu-btn-wrapper .app-transfer-step-no {
  border-color: #D97706;
  color: #D97706;
}
#trSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible,
#trSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] {
  color: #0891B2;
}
@media (hover: hover) {
  #trSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) {
    color: #0891B2;
  }
}
@media (hover: none) {
  #trSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) {
    color: #0891B2;
  }
}
#trSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible svg,
#trSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] svg {
  color: #0891B2;
}
@media (hover: hover) {
  #trSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) svg {
    color: #0891B2;
  }
}
@media (hover: none) {
  #trSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) svg {
    color: #0891B2;
  }
}
#trSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible {
  outline: none;
}
#trSection .app-menu-btn-wrapper .app-transfer-step-no {
  border-color: #0891B2;
  color: #0891B2;
}
#ftSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible,
#ftSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] {
  color: #DC2626;
}
@media (hover: hover) {
  #ftSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) {
    color: #DC2626;
  }
}
@media (hover: none) {
  #ftSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) {
    color: #DC2626;
  }
}
#ftSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible svg,
#ftSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] svg {
  color: #DC2626;
}
@media (hover: hover) {
  #ftSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) svg {
    color: #DC2626;
  }
}
@media (hover: none) {
  #ftSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) svg {
    color: #DC2626;
  }
}
#ftSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible {
  outline: none;
}
#ftSection .app-menu-btn-wrapper .app-transfer-step-no {
  border-color: #DC2626;
  color: #DC2626;
}
#ntSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible,
#ntSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] {
  color: #16A34A;
}
@media (hover: hover) {
  #ntSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) {
    color: #16A34A;
  }
}
@media (hover: none) {
  #ntSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) {
    color: #16A34A;
  }
}
#ntSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible svg,
#ntSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] svg {
  color: #16A34A;
}
@media (hover: hover) {
  #ntSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) svg {
    color: #16A34A;
  }
}
@media (hover: none) {
  #ntSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) svg {
    color: #16A34A;
  }
}
#ntSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible {
  outline: none;
}
#ntSection .app-menu-btn-wrapper .app-transfer-step-no {
  border-color: #16A34A;
  color: #16A34A;
}
#mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible,
#mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] {
  color: #2563EB;
}
@media (hover: hover) {
  #mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) {
    color: #2563EB;
  }
}
@media (hover: none) {
  #mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) {
    color: #2563EB;
  }
}
#mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible svg,
#mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] svg {
  color: #2563EB;
}
@media (hover: hover) {
  #mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) svg {
    color: #2563EB;
  }
}
@media (hover: none) {
  #mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) svg {
    color: #2563EB;
  }
}
#mhiSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible {
  outline: none;
}
#mhiSection .app-menu-btn-wrapper .app-transfer-step-no {
  border-color: #2563EB;
  color: #2563EB;
}
#liSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible,
#liSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] {
  color: #E11D48;
}
@media (hover: hover) {
  #liSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) {
    color: #E11D48;
  }
}
@media (hover: none) {
  #liSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) {
    color: #E11D48;
  }
}
#liSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible svg,
#liSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] svg {
  color: #E11D48;
}
@media (hover: hover) {
  #liSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) svg {
    color: #E11D48;
  }
}
@media (hover: none) {
  #liSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) svg {
    color: #E11D48;
  }
}
#liSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible {
  outline: none;
}
#liSection .app-menu-btn-wrapper .app-transfer-step-no {
  border-color: #E11D48;
  color: #E11D48;
}
#fshSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible,
#fshSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] {
  color: #0D9488;
}
@media (hover: hover) {
  #fshSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) {
    color: #0D9488;
  }
}
@media (hover: none) {
  #fshSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) {
    color: #0D9488;
  }
}
#fshSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible svg,
#fshSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] svg {
  color: #0D9488;
}
@media (hover: hover) {
  #fshSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) svg {
    color: #0D9488;
  }
}
@media (hover: none) {
  #fshSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) svg {
    color: #0D9488;
  }
}
#fshSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible {
  outline: none;
}
#fshSection .app-menu-btn-wrapper .app-transfer-step-no {
  border-color: #0D9488;
  color: #0D9488;
}
#aesSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible,
#aesSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] {
  color: #65A30D;
}
@media (hover: hover) {
  #aesSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) {
    color: #65A30D;
  }
}
@media (hover: none) {
  #aesSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) {
    color: #65A30D;
  }
}
#aesSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible svg,
#aesSection .app-menu-btn-wrapper .app-collections-transfer-btn[data-working="true"] svg {
  color: #65A30D;
}
@media (hover: hover) {
  #aesSection .app-menu-btn-wrapper .app-collections-transfer-btn:hover:not(:disabled) svg {
    color: #65A30D;
  }
}
@media (hover: none) {
  #aesSection .app-menu-btn-wrapper .app-collections-transfer-btn.is-hover:not(:disabled) svg {
    color: #65A30D;
  }
}
#aesSection .app-menu-btn-wrapper .app-collections-transfer-btn:focus-visible {
  outline: none;
}
#aesSection .app-menu-btn-wrapper .app-transfer-step-no {
  border-color: #65A30D;
  color: #65A30D;
}
#mqSection .app-menu-btn-wrapper .app-transfer-guide,
#davSection .app-menu-btn-wrapper .app-transfer-guide,
#crSection .app-menu-btn-wrapper .app-transfer-guide,
#trSection .app-menu-btn-wrapper .app-transfer-guide,
#ftSection .app-menu-btn-wrapper .app-transfer-guide,
#ntSection .app-menu-btn-wrapper .app-transfer-guide,
#mhiSection .app-menu-btn-wrapper .app-transfer-guide,
#liSection .app-menu-btn-wrapper .app-transfer-guide,
#fshSection .app-menu-btn-wrapper .app-transfer-guide,
#aesSection .app-menu-btn-wrapper .app-transfer-guide {
  align-self: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 400px;
  margin: 10px 0 0;
  padding: 12px 4px 0;
  border-top: 1px solid var(--app-surface-tint);
  text-align: start;
}
#mqSection .app-menu-btn-wrapper .app-transfer-guide-title,
#davSection .app-menu-btn-wrapper .app-transfer-guide-title,
#crSection .app-menu-btn-wrapper .app-transfer-guide-title,
#trSection .app-menu-btn-wrapper .app-transfer-guide-title,
#ftSection .app-menu-btn-wrapper .app-transfer-guide-title,
#ntSection .app-menu-btn-wrapper .app-transfer-guide-title,
#mhiSection .app-menu-btn-wrapper .app-transfer-guide-title,
#liSection .app-menu-btn-wrapper .app-transfer-guide-title,
#fshSection .app-menu-btn-wrapper .app-transfer-guide-title,
#aesSection .app-menu-btn-wrapper .app-transfer-guide-title {
  margin: 0 0 12px;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  -webkit-text-stroke: 0.4px currentColor;
  line-height: 1.3;
  color: var(--text-primary, #333333);
  text-align: center;
}
#mqSection .app-menu-btn-wrapper .app-transfer-steps,
#davSection .app-menu-btn-wrapper .app-transfer-steps,
#crSection .app-menu-btn-wrapper .app-transfer-steps,
#trSection .app-menu-btn-wrapper .app-transfer-steps,
#ftSection .app-menu-btn-wrapper .app-transfer-steps,
#ntSection .app-menu-btn-wrapper .app-transfer-steps,
#mhiSection .app-menu-btn-wrapper .app-transfer-steps,
#liSection .app-menu-btn-wrapper .app-transfer-steps,
#fshSection .app-menu-btn-wrapper .app-transfer-steps,
#aesSection .app-menu-btn-wrapper .app-transfer-steps {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#mqSection .app-menu-btn-wrapper .app-transfer-step,
#davSection .app-menu-btn-wrapper .app-transfer-step,
#crSection .app-menu-btn-wrapper .app-transfer-step,
#trSection .app-menu-btn-wrapper .app-transfer-step,
#ftSection .app-menu-btn-wrapper .app-transfer-step,
#ntSection .app-menu-btn-wrapper .app-transfer-step,
#mhiSection .app-menu-btn-wrapper .app-transfer-step,
#liSection .app-menu-btn-wrapper .app-transfer-step,
#fshSection .app-menu-btn-wrapper .app-transfer-step,
#aesSection .app-menu-btn-wrapper .app-transfer-step {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#mqSection .app-menu-btn-wrapper .app-transfer-step-no,
#davSection .app-menu-btn-wrapper .app-transfer-step-no,
#crSection .app-menu-btn-wrapper .app-transfer-step-no,
#trSection .app-menu-btn-wrapper .app-transfer-step-no,
#ftSection .app-menu-btn-wrapper .app-transfer-step-no,
#ntSection .app-menu-btn-wrapper .app-transfer-step-no,
#mhiSection .app-menu-btn-wrapper .app-transfer-step-no,
#liSection .app-menu-btn-wrapper .app-transfer-step-no,
#fshSection .app-menu-btn-wrapper .app-transfer-step-no,
#aesSection .app-menu-btn-wrapper .app-transfer-step-no {
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  border: 1.5px solid;
  border-radius: 50%;
  /* the same digit system as the Quiz drop-down: Times New Roman, lining + tabular figures */
  direction: ltr;
  unicode-bidi: isolate;
  font-family: "Times New Roman", Times, serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1,"tnum" 1;
  font-size: 16px;
  font-weight: 700;
  -webkit-text-stroke: 0.4px currentColor;
  line-height: 1;
}
#mqSection .app-menu-btn-wrapper .app-transfer-step-text,
#davSection .app-menu-btn-wrapper .app-transfer-step-text,
#crSection .app-menu-btn-wrapper .app-transfer-step-text,
#trSection .app-menu-btn-wrapper .app-transfer-step-text,
#ftSection .app-menu-btn-wrapper .app-transfer-step-text,
#ntSection .app-menu-btn-wrapper .app-transfer-step-text,
#mhiSection .app-menu-btn-wrapper .app-transfer-step-text,
#liSection .app-menu-btn-wrapper .app-transfer-step-text,
#fshSection .app-menu-btn-wrapper .app-transfer-step-text,
#aesSection .app-menu-btn-wrapper .app-transfer-step-text {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 4px;
  font-size: 16px;
  line-height: 1.4;
  color: #4B5563;
}

/* CROSS-DEVICE — the pop-up message may use two lines (the Share tip sits on its own line) */
.sq-note.vault-note .sq-note-text {
  white-space: pre-line;
}

/* CROSS-DEVICE — the empty Collection (with its 3-step guide) never runs over the header or the footer: if the window is short, it scrolls inside */
#mqSection .app-menu-btn-wrapper .app-collections-empty-state,
#davSection .app-menu-btn-wrapper .app-collections-empty-state,
#crSection .app-menu-btn-wrapper .app-collections-empty-state,
#trSection .app-menu-btn-wrapper .app-collections-empty-state,
#ftSection .app-menu-btn-wrapper .app-collections-empty-state,
#ntSection .app-menu-btn-wrapper .app-collections-empty-state,
#mhiSection .app-menu-btn-wrapper .app-collections-empty-state,
#liSection .app-menu-btn-wrapper .app-collections-empty-state,
#fshSection .app-menu-btn-wrapper .app-collections-empty-state,
#aesSection .app-menu-btn-wrapper .app-collections-empty-state {
  box-sizing: border-box;
  max-height: calc(100% - 112px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  justify-content: flex-start;
}
#mqSection .app-menu-btn-wrapper .app-collections-empty-state > :first-child,
#davSection .app-menu-btn-wrapper .app-collections-empty-state > :first-child,
#crSection .app-menu-btn-wrapper .app-collections-empty-state > :first-child,
#trSection .app-menu-btn-wrapper .app-collections-empty-state > :first-child,
#ftSection .app-menu-btn-wrapper .app-collections-empty-state > :first-child,
#ntSection .app-menu-btn-wrapper .app-collections-empty-state > :first-child,
#mhiSection .app-menu-btn-wrapper .app-collections-empty-state > :first-child,
#liSection .app-menu-btn-wrapper .app-collections-empty-state > :first-child,
#fshSection .app-menu-btn-wrapper .app-collections-empty-state > :first-child,
#aesSection .app-menu-btn-wrapper .app-collections-empty-state > :first-child {
  margin-top: auto;
}
#mqSection .app-menu-btn-wrapper .app-collections-empty-state > :last-child,
#davSection .app-menu-btn-wrapper .app-collections-empty-state > :last-child,
#crSection .app-menu-btn-wrapper .app-collections-empty-state > :last-child,
#trSection .app-menu-btn-wrapper .app-collections-empty-state > :last-child,
#ftSection .app-menu-btn-wrapper .app-collections-empty-state > :last-child,
#ntSection .app-menu-btn-wrapper .app-collections-empty-state > :last-child,
#mhiSection .app-menu-btn-wrapper .app-collections-empty-state > :last-child,
#liSection .app-menu-btn-wrapper .app-collections-empty-state > :last-child,
#fshSection .app-menu-btn-wrapper .app-collections-empty-state > :last-child,
#aesSection .app-menu-btn-wrapper .app-collections-empty-state > :last-child {
  margin-bottom: auto;
}

/* ============================================================
   INTRODUCTION MODAL - a welcome to a page
   Size: 760px wide, 18px corners, 4rem padding, over the page blurred by 16px.
   Each page sets only --intro-accent (its shade 600). The button sits 8px from the bottom and right edges.
   ============================================================ */
.app-intro-overlay {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(4 * var(--vw));
  box-sizing: border-box;
  background: transparent;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.app-intro-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}
.app-intro-modal {
  --intro-accent: #EA580C;
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(760px, calc(78 * var(--vw)));
  max-height: calc(86 * var(--vh));
  box-sizing: border-box;
  overflow: hidden; /* the wallpaper follows the rounded corners */
  background: #FFFFFF;
  border-radius: 18px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 24px 90px rgba(0, 0, 0, 0.18);
  font-family: Georgia, "Times New Roman", serif;
  text-align: start;
}
.app-intro-wallpaper,
.app-intro-particles {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: none;
}
/* The page's symbol as a silhouette behind the words: white, 16%, centred, the same as behind the page's text. */
.app-intro-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(88%, 640px);
  height: 100%;
  max-height: 100%;
  display: block;
  color: #FFFFFF;
  opacity: 0.16;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.app-intro-scroll {
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px 32px 60px; /* room under the words for the button */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.app-intro-scroll::-webkit-scrollbar {
  display: none;
}
.app-intro-title {
  margin: 0 0 24px;
  color: var(--intro-accent);
  font-size: 40px;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 1px;
  line-height: 1.2;
}
.app-intro-text {
  margin: 0;
  color: #000000;
  font-size: 24px;
  line-height: 1.7;
}
/* The closing line: italic, bold, a touch larger than the paragraph above it. */
.app-intro-closing {
  margin: 16px 0 24px;
  color: #000000;
  font-size: calc(24px * 1.065);
  font-style: italic;
  font-weight: 700;
  line-height: 1.6;
}
.app-intro-begin {
  z-index: 2;
  position: absolute;
  inset-inline-end: 8px;
  bottom: 8px;
  margin: 0;
  padding: 7px 20px;
  border: 1px solid var(--intro-accent);
  border-radius: 999px;
  background: var(--intro-accent);
  color: #FFFFFF;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: padding-inline-end 0.4s ease;
}
/* On hover an arrow fades in at the end of the button and slides inward while the button grows by its width; the end
   corner stays where it is. The arrow points the other way in a right-to-left language. */
.app-intro-begin::after {
  content: '\2192';
  position: absolute;
  top: 50%;
  inset-inline-end: 6px;
  width: 16px;
  margin-top: -0.5em;
  line-height: 1;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: inset-inline-end 0.4s ease, opacity 0.4s ease;
}
@media (hover: hover) {
  .app-intro-begin:hover {
    padding-inline-end: 44px;
  }
}
@media (hover: none) {
  .app-intro-begin.is-hover {
    padding-inline-end: 44px;
  }
}
@media (hover: hover) {
  .app-intro-begin:hover::after {
    inset-inline-end: 20px;
    opacity: 1;
  }
}
@media (hover: none) {
  .app-intro-begin.is-hover::after {
    inset-inline-end: 20px;
    opacity: 1;
  }
}
html[dir="rtl"] .app-intro-begin::after {
  content: '\2190';
}
.app-intro-begin:focus-visible {
  outline: 2px solid var(--intro-accent);
  outline-offset: 3px;
}
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 900px)). */
:where(html:not([data-layout="laptop"])) .app-intro-modal {
  width: min(calc(88 * var(--vw)), 720px);
}


/* ============================================================
   WELCOME - language choice and a welcome from Shisho
   One screen over the App, split 50/50 like the pages: the language list on a white half with black words, the welcome
   on a black half with white words and the fox as a 16% white watermark, and the pages' seam blend (shared rule near
   the top of this file) down the middle. In a right-to-left language the two halves swap sides. Sizes are those of the
   design at 900px height and shrink with the window's height, never beyond it.
   ============================================================ */
.app-welcome {
  --welcome-pad-top: min(72px, calc(8 * var(--vh)));
  --welcome-pad-bottom: min(56px, calc(6.223 * var(--vh)));
  --welcome-row: max(40px, min(56px, calc(6.223 * var(--vh))));
  --welcome-option-space: 8px; /* the room between two language options, half above and half below each */
  --welcome-title-size: 72px; /* the Welcome title; the language title gets a box of the same height */
  --welcome-title-leading: 1.1;
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  box-sizing: border-box;
  background: #000000;
  color: #FFFFFF;
  font-family: Georgia, "Times New Roman", serif;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.app-welcome.is-open {
  opacity: 1;
  pointer-events: auto;
}
.app-welcome-panel {
  position: relative;
  flex: 1 1 50%;
  min-width: 0;
  overflow: hidden;
}
.app-welcome-panel-language {
  background: #FFFFFF;
  color: #000000;
}
.app-welcome-panel-message {
  background: #000000;
  color: #FFFFFF;
}
.app-welcome-scroll {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; /* only when the window is too short for the whole half */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.app-welcome-scroll::-webkit-scrollbar {
  display: none;
}
/* The content keeps clear of the seam: 120px on the side that meets it, 80px on the outer side. */
.app-welcome-panel-language .app-welcome-scroll {
  padding-block: var(--welcome-pad-top) var(--welcome-pad-bottom);
  padding-inline: 80px 120px;
}
.app-welcome-panel-message .app-welcome-scroll {
  padding-block: var(--welcome-pad-top) var(--welcome-pad-bottom);
  padding-inline: 120px 80px;
}
/* The two titles are centred over their column, in boxes of one height, so their centres sit on one line. */
.app-welcome-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--welcome-title-size) * var(--welcome-title-leading));
  margin: 14px 0 0;
  font-family: "Playfair Display Title", Georgia, "Times New Roman", serif;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
}
.app-welcome-panel-language .app-welcome-heading {
  font-size: 44px;
  color: #000000;
}
.app-welcome-panel-message .app-welcome-heading {
  font-size: var(--welcome-title-size);
  line-height: var(--welcome-title-leading);
  color: #FFFFFF;
}

/* The languages: two columns of eight, each in its own name. The chosen one is a black pill with a check. */
.app-welcome-languages {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(8, calc(var(--welcome-row) + var(--welcome-option-space)));
  grid-auto-flow: column;
  column-gap: 28px;
  margin-top: min(36px, calc(4 * var(--vh)));
}
.app-welcome-lang {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: calc(var(--welcome-option-space) / 2) 0;
  padding: 0 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #000000;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  text-align: start;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: background 0.04s ease, color 0.04s ease; /* hover and choosing share one quick fill */
}
@media (hover: hover) {
  .app-welcome-lang:hover {
    background: rgba(0, 0, 0, 0.05);
  }
}
@media (hover: none) {
  .app-welcome-lang.is-hover {
    background: rgba(0, 0, 0, 0.05);
  }
}
.app-welcome-lang.is-selected {
  border-radius: 999px;
  background: #000000;
  color: #FFFFFF;
}
/* The hairline under an option runs in the middle of the room between two options, so each option's words sit
   exactly between the lines above and below them. The chosen option, a pill, has none. */
.app-welcome-lang::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: calc(var(--welcome-option-space) / -2);
  height: 1px;
  background: rgba(0, 0, 0, 0.14);
}
.app-welcome-lang.is-selected::after {
  background: transparent;
}
.app-welcome-lang:focus-visible {
  outline: 2px solid #000000;
  outline-offset: -4px;
}
.app-welcome-lang.is-selected:focus-visible {
  outline-color: #FFFFFF;
}
.app-welcome-check {
  flex: none;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  transition: opacity 0.04s ease;
}
.app-welcome-lang.is-selected .app-welcome-check {
  opacity: 1;
}
.app-welcome-hint {
  margin: min(28px, calc(3.112 * var(--vh))) 0 0;
  color: #4B5563; /* Grey 600 */
  font-size: 16px;
  line-height: 1.6;
}

/* The welcome: the fox behind the words, the words, the signature, and Continue at the bottom on the outer side. */
.app-welcome-fox {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(640px, 90%);
  height: auto;
  aspect-ratio: 1 / 1;
  display: block;
  color: #FFFFFF;
  opacity: 0.16;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.app-welcome-text {
  margin: 28px 0 0;
  color: #FFFFFF;
  font-size: 22px;
  line-height: 1.7;
}
.app-welcome-closing {
  margin: 16px 0 0;
  color: #FFFFFF;
  font-size: calc(22px * 1.065);
  font-style: italic;
  font-weight: 700;
  line-height: 1.6;
}
/* The signature, "- Shisho", at the end of the line under the closing words, as in the Quote Text. */
.app-welcome-signoff {
  display: flex;
  align-items: flex-end;
  align-self: flex-end;
  gap: 12px;
  margin-top: 32px;
}
.app-welcome-hyphen {
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  transform: translateY(3px); /* level with the middle of the small letters */
}
.app-welcome-signature {
  flex: none;
  display: block;
  width: 128px;
  height: auto;
  overflow: visible;
}
.app-welcome-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 32px;
}
.app-welcome-continue {
  position: relative;
  margin: 0;
  padding: 14px 48px;
  border: 0;
  border-radius: 999px;
  background: #FFFFFF;
  color: #000000;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.3px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: padding-inline-end 0.4s ease;
}
/* The same arrow as on the introduction's Begin Reading button. */
.app-welcome-continue::after {
  content: '\2192';
  position: absolute;
  top: 50%;
  inset-inline-end: 32px;
  width: 18px;
  margin-top: -0.5em;
  line-height: 1;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: inset-inline-end 0.4s ease, opacity 0.4s ease;
}
@media (hover: hover) {
  .app-welcome-continue:hover {
    padding-inline-end: 75px;
  }
}
@media (hover: none) {
  .app-welcome-continue.is-hover {
    padding-inline-end: 75px;
  }
}
@media (hover: hover) {
  .app-welcome-continue:hover::after {
    inset-inline-end: 48px;
    opacity: 1;
  }
}
@media (hover: none) {
  .app-welcome-continue.is-hover::after {
    inset-inline-end: 48px;
    opacity: 1;
  }
}
.app-welcome[dir="rtl"] .app-welcome-continue::after {
  content: '\2190';
}
.app-welcome-continue:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 3px;
}

/* Right-to-left languages: Arabic script has no italic and needs more line height. The Welcome carries its own
   direction (dir on .app-welcome), so it turns the moment a language is chosen, before the App follows. */
.app-welcome[dir="rtl"] {
  --welcome-title-leading: 1.3;
}
.app-welcome[dir="rtl"] .app-welcome-panel-language .app-welcome-heading {
  line-height: 1.3;
}
.app-welcome[dir="rtl"] .app-welcome-text {
  margin-top: 24px;
  line-height: 1.95;
}
.app-welcome[dir="rtl"] .app-welcome-closing {
  font-style: normal;
  line-height: 1.8;
}
.app-welcome[dir="rtl"] .app-welcome-hint {
  line-height: 1.8;
}
.app-welcome[dir="rtl"] .app-welcome-continue {
  letter-spacing: 0;
}

/* A tall window (a phone held upright): the language list sits above the welcome, the seam runs across between them,
   and the screen scrolls. This is the same rule that stacks the pages and their pop-up windows (see the end of this
   file): taller than wide. */
/* A TALL window (label "phone" or "tablet", see layout.js). These rules used to sit in a media query on orientation. */
:where(html[data-layout="phone"], html[data-layout="tablet"]) .app-welcome {
  --welcome-seam-mask: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100% );
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) .app-welcome::-webkit-scrollbar {
  display: none;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) .app-welcome-panel {
  flex: none;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) .app-welcome-scroll {
  height: auto;
  overflow: visible;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) .app-welcome-panel-language .app-welcome-scroll {
  padding-block-end: 80px; /* the words keep clear of the seam, as they do beside it in the wide layout */
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) .app-welcome-panel-message .app-welcome-scroll {
  padding-block-start: 80px;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) .app-welcome-seam {
  position: relative;
  top: auto;
  left: auto;
  flex: none;
  width: 100%;
  height: 160px;
  margin-block: -80px; /* 160px tall, centred on the line where the two halves meet, taking no room of its own */
  -webkit-mask-image: var(--welcome-seam-mask);
  mask-image: var(--welcome-seam-mask);
}


/* Narrow windows, in either direction: smaller type and spacing. */
/* Every layout except the laptop one (phone, tablet, sideways phone). These rules used to sit in a media query on the window width ((max-width: 820px)). */
:where(html:not([data-layout="laptop"])) .app-welcome {
  --welcome-pad-top: 40px;
  --welcome-pad-bottom: 32px;
  --welcome-row: 48px;
  --welcome-title-size: 52px;
}
:where(html:not([data-layout="laptop"])) .app-welcome-panel-language .app-welcome-scroll,
:where(html:not([data-layout="laptop"])) .app-welcome-panel-message .app-welcome-scroll {
  padding-inline: 24px;
}
:where(html:not([data-layout="laptop"])) .app-welcome-panel-language .app-welcome-heading {
  font-size: 32px;
}
:where(html:not([data-layout="laptop"])) .app-welcome-languages {
  column-gap: 12px;
}
:where(html:not([data-layout="laptop"])) .app-welcome-lang {
  padding: 0 12px;
  font-size: 18px;
}
:where(html:not([data-layout="laptop"])) .app-welcome-text {
  font-size: 19px;
}
:where(html:not([data-layout="laptop"])) .app-welcome-closing {
  font-size: calc(19px * 1.065);
}
:where(html:not([data-layout="laptop"])) .app-welcome-hyphen {
  font-size: 30px;
  transform: translateY(2px);
}
:where(html:not([data-layout="laptop"])) .app-welcome-signature {
  width: 104px;
}


/* ==========================================================================
   12b. Profile drop-down (Legal, Sign in / Sign out)
   Same size, position, colours and hover bridge as the Quiz drop-down above:
   the script copies the colours from the page's Translate drop-down, and the
   shared width rule (script.js, "dropdownWiden") sets its left edge and width.
   ========================================================================== */

/* -- Profile drop-down -- */
#mqSection .app-profile-dropdown,
#davSection .app-profile-dropdown,
#crSection .app-profile-dropdown,
#trSection .app-profile-dropdown,
#ftSection .app-profile-dropdown,
#ntSection .app-profile-dropdown,
#mhiSection .app-profile-dropdown,
#liSection .app-profile-dropdown,
#fshSection .app-profile-dropdown,
#aesSection .app-profile-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  bottom: auto;
  inset-inline-start: 0;
  inset-inline-end: auto;
  width: 100%;
  height: 480px;
  min-height: 480px;
  max-height: 480px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0 none;
  border-inline-start: 2px solid var(--sqp-accent, #EA580C);
  border-radius: 12px;
  box-shadow: 0 8px 24px var(--app-shadow, rgba(0, 0, 0, 0.12));
  z-index: 1600;
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: none;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
  text-align: start;
  cursor: default;
}
#mqSection .app-profile-dropdown.show,
#davSection .app-profile-dropdown.show,
#crSection .app-profile-dropdown.show,
#trSection .app-profile-dropdown.show,
#ftSection .app-profile-dropdown.show,
#ntSection .app-profile-dropdown.show,
#mhiSection .app-profile-dropdown.show,
#liSection .app-profile-dropdown.show,
#fshSection .app-profile-dropdown.show,
#aesSection .app-profile-dropdown.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.4s ease, visibility 0s linear 0s;
}
/* The hover bridge: fills the gap between the Profile button and the drop-down so the
   cursor can cross it at any speed. (The scrolling part is the inner box, so nothing clips
   this.) Its size is set by the script when the drop-down opens. */
#mqSection .app-profile-dropdown::before,
#davSection .app-profile-dropdown::before,
#crSection .app-profile-dropdown::before,
#trSection .app-profile-dropdown::before,
#ftSection .app-profile-dropdown::before,
#ntSection .app-profile-dropdown::before,
#mhiSection .app-profile-dropdown::before,
#liSection .app-profile-dropdown::before,
#fshSection .app-profile-dropdown::before,
#aesSection .app-profile-dropdown::before {
  content: "";
  position: absolute;
  left: var(--sqp-bl, -2px);
  width: var(--sqp-bw, calc(100% + 4px));
  top: calc(-1 * var(--sqp-gap, 8px) - var(--sqp-ct, 0px));
  height: calc(var(--sqp-gap, 8px) + var(--sqp-ct, 0px));
  pointer-events: none;
}
#mqSection .app-profile-dropdown.show::before,
#davSection .app-profile-dropdown.show::before,
#crSection .app-profile-dropdown.show::before,
#trSection .app-profile-dropdown.show::before,
#ftSection .app-profile-dropdown.show::before,
#ntSection .app-profile-dropdown.show::before,
#mhiSection .app-profile-dropdown.show::before,
#liSection .app-profile-dropdown.show::before,
#fshSection .app-profile-dropdown.show::before,
#aesSection .app-profile-dropdown.show::before {
  pointer-events: auto;
}
#mqSection .app-profile-dropdown .apd-scroll,
#davSection .app-profile-dropdown .apd-scroll,
#crSection .app-profile-dropdown .apd-scroll,
#trSection .app-profile-dropdown .apd-scroll,
#ftSection .app-profile-dropdown .apd-scroll,
#ntSection .app-profile-dropdown .apd-scroll,
#mhiSection .app-profile-dropdown .apd-scroll,
#liSection .app-profile-dropdown .apd-scroll,
#fshSection .app-profile-dropdown .apd-scroll,
#aesSection .app-profile-dropdown .apd-scroll {
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 14px 14px 16px;
  border-start-start-radius: 10px;
  border-end-start-radius: 10px;
  border-start-end-radius: 12px;
  border-end-end-radius: 12px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: var(--app-scrollbar, rgba(0, 0, 0, 0.25)) transparent;
  font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #111827;
}
#mqSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar,
#davSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar,
#crSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar,
#trSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar,
#ftSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar,
#ntSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar,
#mhiSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar,
#liSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar,
#fshSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar,
#aesSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar {
  width: 8px;
}
#mqSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-track,
#davSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-track,
#crSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-track,
#trSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-track,
#ftSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-track,
#ntSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-track,
#mhiSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-track,
#liSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-track,
#fshSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-track,
#aesSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-track {
  background: transparent;
}
#mqSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-thumb,
#davSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-thumb,
#crSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-thumb,
#trSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-thumb,
#ftSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-thumb,
#ntSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-thumb,
#mhiSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-thumb,
#liSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-thumb,
#fshSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-thumb,
#aesSection .app-profile-dropdown .apd-scroll::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar, rgba(0, 0, 0, 0.25));
  border-radius: 10px;
}

/* The rows inside the Profile drop-down. Everything else in it is empty for now. */
#mqSection .app-profile-dropdown .apd-item,
#davSection .app-profile-dropdown .apd-item,
#crSection .app-profile-dropdown .apd-item,
#trSection .app-profile-dropdown .apd-item,
#ftSection .app-profile-dropdown .apd-item,
#ntSection .app-profile-dropdown .apd-item,
#mhiSection .app-profile-dropdown .apd-item,
#liSection .app-profile-dropdown .apd-item,
#fshSection .app-profile-dropdown .apd-item,
#aesSection .app-profile-dropdown .apd-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  margin: 0 0 6px;
  padding: 0 14px;
  box-sizing: border-box;
  border: 0 none;
  border-radius: 10px;
  background: transparent;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: #111827;
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.4s ease;
}
@media (hover: hover) {
  #mqSection .app-profile-dropdown .apd-item:hover:not([aria-disabled="true"]),
  #davSection .app-profile-dropdown .apd-item:hover:not([aria-disabled="true"]),
  #crSection .app-profile-dropdown .apd-item:hover:not([aria-disabled="true"]),
  #trSection .app-profile-dropdown .apd-item:hover:not([aria-disabled="true"]),
  #ftSection .app-profile-dropdown .apd-item:hover:not([aria-disabled="true"]),
  #ntSection .app-profile-dropdown .apd-item:hover:not([aria-disabled="true"]),
  #mhiSection .app-profile-dropdown .apd-item:hover:not([aria-disabled="true"]),
  #liSection .app-profile-dropdown .apd-item:hover:not([aria-disabled="true"]),
  #fshSection .app-profile-dropdown .apd-item:hover:not([aria-disabled="true"]),
  #aesSection .app-profile-dropdown .apd-item:hover:not([aria-disabled="true"]) {
    color: var(--sqp-accent, #EA580C);
  }
}
@media (hover: none) {
  #mqSection .app-profile-dropdown .apd-item.is-hover:not([aria-disabled="true"]),
  #davSection .app-profile-dropdown .apd-item.is-hover:not([aria-disabled="true"]),
  #crSection .app-profile-dropdown .apd-item.is-hover:not([aria-disabled="true"]),
  #trSection .app-profile-dropdown .apd-item.is-hover:not([aria-disabled="true"]),
  #ftSection .app-profile-dropdown .apd-item.is-hover:not([aria-disabled="true"]),
  #ntSection .app-profile-dropdown .apd-item.is-hover:not([aria-disabled="true"]),
  #mhiSection .app-profile-dropdown .apd-item.is-hover:not([aria-disabled="true"]),
  #liSection .app-profile-dropdown .apd-item.is-hover:not([aria-disabled="true"]),
  #fshSection .app-profile-dropdown .apd-item.is-hover:not([aria-disabled="true"]),
  #aesSection .app-profile-dropdown .apd-item.is-hover:not([aria-disabled="true"]) {
    color: var(--sqp-accent, #EA580C);
  }
}
#mqSection .app-profile-dropdown .apd-item:focus-visible,
#davSection .app-profile-dropdown .apd-item:focus-visible,
#crSection .app-profile-dropdown .apd-item:focus-visible,
#trSection .app-profile-dropdown .apd-item:focus-visible,
#ftSection .app-profile-dropdown .apd-item:focus-visible,
#ntSection .app-profile-dropdown .apd-item:focus-visible,
#mhiSection .app-profile-dropdown .apd-item:focus-visible,
#liSection .app-profile-dropdown .apd-item:focus-visible,
#fshSection .app-profile-dropdown .apd-item:focus-visible,
#aesSection .app-profile-dropdown .apd-item:focus-visible {
  outline: 2px solid var(--sqp-accent, #EA580C);
  outline-offset: 1px;
}
#mqSection .app-profile-dropdown .apd-item[aria-disabled="true"],
#davSection .app-profile-dropdown .apd-item[aria-disabled="true"],
#crSection .app-profile-dropdown .apd-item[aria-disabled="true"],
#trSection .app-profile-dropdown .apd-item[aria-disabled="true"],
#ftSection .app-profile-dropdown .apd-item[aria-disabled="true"],
#ntSection .app-profile-dropdown .apd-item[aria-disabled="true"],
#mhiSection .app-profile-dropdown .apd-item[aria-disabled="true"],
#liSection .app-profile-dropdown .apd-item[aria-disabled="true"],
#fshSection .app-profile-dropdown .apd-item[aria-disabled="true"],
#aesSection .app-profile-dropdown .apd-item[aria-disabled="true"] {
  opacity: 0.55;
  cursor: default;
}
#mqSection .app-profile-dropdown .apd-icon,
#davSection .app-profile-dropdown .apd-icon,
#crSection .app-profile-dropdown .apd-icon,
#trSection .app-profile-dropdown .apd-icon,
#ftSection .app-profile-dropdown .apd-icon,
#ntSection .app-profile-dropdown .apd-icon,
#mhiSection .app-profile-dropdown .apd-icon,
#liSection .app-profile-dropdown .apd-icon,
#fshSection .app-profile-dropdown .apd-icon,
#aesSection .app-profile-dropdown .apd-icon {
  width: 32px;
  height: 32px;
  flex: none;
  color: var(--sqp-accent, #EA580C);
}
#mqSection .app-profile-dropdown .apd-label,
#davSection .app-profile-dropdown .apd-label,
#crSection .app-profile-dropdown .apd-label,
#trSection .app-profile-dropdown .apd-label,
#ftSection .app-profile-dropdown .apd-label,
#ntSection .app-profile-dropdown .apd-label,
#mhiSection .app-profile-dropdown .apd-label,
#liSection .app-profile-dropdown .apd-label,
#fshSection .app-profile-dropdown .apd-label,
#aesSection .app-profile-dropdown .apd-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
#mqSection .app-profile-dropdown .apd-who,
#davSection .app-profile-dropdown .apd-who,
#crSection .app-profile-dropdown .apd-who,
#trSection .app-profile-dropdown .apd-who,
#ftSection .app-profile-dropdown .apd-who,
#ntSection .app-profile-dropdown .apd-who,
#mhiSection .app-profile-dropdown .apd-who,
#liSection .app-profile-dropdown .apd-who,
#fshSection .app-profile-dropdown .apd-who,
#aesSection .app-profile-dropdown .apd-who {
  margin: 4px 6px 6px;
  font-size: 12px;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.62);
  overflow-wrap: anywhere;
}
#mqSection .app-profile-dropdown .apd-email,
#davSection .app-profile-dropdown .apd-email,
#crSection .app-profile-dropdown .apd-email,
#trSection .app-profile-dropdown .apd-email,
#ftSection .app-profile-dropdown .apd-email,
#ntSection .app-profile-dropdown .apd-email,
#mhiSection .app-profile-dropdown .apd-email,
#liSection .app-profile-dropdown .apd-email,
#fshSection .app-profile-dropdown .apd-email,
#aesSection .app-profile-dropdown .apd-email {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}
#mqSection .app-profile-dropdown .apd-status,
#davSection .app-profile-dropdown .apd-status,
#crSection .app-profile-dropdown .apd-status,
#trSection .app-profile-dropdown .apd-status,
#ftSection .app-profile-dropdown .apd-status,
#ntSection .app-profile-dropdown .apd-status,
#mhiSection .app-profile-dropdown .apd-status,
#liSection .app-profile-dropdown .apd-status,
#fshSection .app-profile-dropdown .apd-status,
#aesSection .app-profile-dropdown .apd-status {
  margin: 10px 14px 0;
  font-size: 13px;
  line-height: 1.4;
  color: #B91C1C;
}
#mqSection .app-profile-dropdown [hidden],
#davSection .app-profile-dropdown [hidden],
#crSection .app-profile-dropdown [hidden],
#trSection .app-profile-dropdown [hidden],
#ftSection .app-profile-dropdown [hidden],
#ntSection .app-profile-dropdown [hidden],
#mhiSection .app-profile-dropdown [hidden],
#liSection .app-profile-dropdown [hidden],
#fshSection .app-profile-dropdown [hidden],
#aesSection .app-profile-dropdown [hidden] {
  display: none !important;
}
#mqSection .app-profile-dropdown .apd-google,
#davSection .app-profile-dropdown .apd-google,
#crSection .app-profile-dropdown .apd-google,
#trSection .app-profile-dropdown .apd-google,
#ftSection .app-profile-dropdown .apd-google,
#ntSection .app-profile-dropdown .apd-google,
#mhiSection .app-profile-dropdown .apd-google,
#liSection .app-profile-dropdown .apd-google,
#fshSection .app-profile-dropdown .apd-google,
#aesSection .app-profile-dropdown .apd-google {
  color: inherit;
  box-sizing: border-box;
  padding: 3px;
}

/* -- Delete my account (shown only while signed in) and its "Are you sure?" step --
   Same colours as the delete (garbage) icon on a Collection card: Grey 400, filling Red 600 on hover in 0.4s. */
#mqSection .app-profile-dropdown .apd-delete .apd-icon,
#davSection .app-profile-dropdown .apd-delete .apd-icon,
#crSection .app-profile-dropdown .apd-delete .apd-icon,
#trSection .app-profile-dropdown .apd-delete .apd-icon,
#ftSection .app-profile-dropdown .apd-delete .apd-icon,
#ntSection .app-profile-dropdown .apd-delete .apd-icon,
#mhiSection .app-profile-dropdown .apd-delete .apd-icon,
#liSection .app-profile-dropdown .apd-delete .apd-icon,
#fshSection .app-profile-dropdown .apd-delete .apd-icon,
#aesSection .app-profile-dropdown .apd-delete .apd-icon {
  color: #9CA3AF;
  transition: color 0.4s ease;
}
@media (hover: hover) {
  #mqSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-icon,
  #davSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-icon,
  #crSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-icon,
  #trSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-icon,
  #ftSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-icon,
  #ntSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-icon,
  #mhiSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-icon,
  #liSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-icon,
  #fshSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-icon,
  #aesSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-icon {
    color: #DC2626;
  }
}
@media (hover: none) {
  #mqSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-icon,
  #davSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-icon,
  #crSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-icon,
  #trSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-icon,
  #ftSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-icon,
  #ntSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-icon,
  #mhiSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-icon,
  #liSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-icon,
  #fshSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-icon,
  #aesSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-icon {
    color: #DC2626;
  }
}
#mqSection .app-profile-dropdown .apd-delete .apd-label,
#davSection .app-profile-dropdown .apd-delete .apd-label,
#crSection .app-profile-dropdown .apd-delete .apd-label,
#trSection .app-profile-dropdown .apd-delete .apd-label,
#ftSection .app-profile-dropdown .apd-delete .apd-label,
#ntSection .app-profile-dropdown .apd-delete .apd-label,
#mhiSection .app-profile-dropdown .apd-delete .apd-label,
#liSection .app-profile-dropdown .apd-delete .apd-label,
#fshSection .app-profile-dropdown .apd-delete .apd-label,
#aesSection .app-profile-dropdown .apd-delete .apd-label {
  color: #9CA3AF;
  transition: color 0.4s ease;
}
@media (hover: hover) {
  #mqSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-label,
  #davSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-label,
  #crSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-label,
  #trSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-label,
  #ftSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-label,
  #ntSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-label,
  #mhiSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-label,
  #liSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-label,
  #fshSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-label,
  #aesSection .app-profile-dropdown .apd-delete:hover:not([aria-disabled="true"]) .apd-label {
    color: #DC2626;
  }
}
@media (hover: none) {
  #mqSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-label,
  #davSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-label,
  #crSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-label,
  #trSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-label,
  #ftSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-label,
  #ntSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-label,
  #mhiSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-label,
  #liSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-label,
  #fshSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-label,
  #aesSection .app-profile-dropdown .apd-delete.is-hover:not([aria-disabled="true"]) .apd-label {
    color: #DC2626;
  }
}
#mqSection .app-profile-dropdown .apd-confirm,
#davSection .app-profile-dropdown .apd-confirm,
#crSection .app-profile-dropdown .apd-confirm,
#trSection .app-profile-dropdown .apd-confirm,
#ftSection .app-profile-dropdown .apd-confirm,
#ntSection .app-profile-dropdown .apd-confirm,
#mhiSection .app-profile-dropdown .apd-confirm,
#liSection .app-profile-dropdown .apd-confirm,
#fshSection .app-profile-dropdown .apd-confirm,
#aesSection .app-profile-dropdown .apd-confirm {
  padding: 4px 0 0;
}
#mqSection .app-profile-dropdown .apd-confirm-title,
#davSection .app-profile-dropdown .apd-confirm-title,
#crSection .app-profile-dropdown .apd-confirm-title,
#trSection .app-profile-dropdown .apd-confirm-title,
#ftSection .app-profile-dropdown .apd-confirm-title,
#ntSection .app-profile-dropdown .apd-confirm-title,
#mhiSection .app-profile-dropdown .apd-confirm-title,
#liSection .app-profile-dropdown .apd-confirm-title,
#fshSection .app-profile-dropdown .apd-confirm-title,
#aesSection .app-profile-dropdown .apd-confirm-title {
  margin: 4px 14px 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #111827;
}
#mqSection .app-profile-dropdown .apd-confirm-text,
#davSection .app-profile-dropdown .apd-confirm-text,
#crSection .app-profile-dropdown .apd-confirm-text,
#trSection .app-profile-dropdown .apd-confirm-text,
#ftSection .app-profile-dropdown .apd-confirm-text,
#ntSection .app-profile-dropdown .apd-confirm-text,
#mhiSection .app-profile-dropdown .apd-confirm-text,
#liSection .app-profile-dropdown .apd-confirm-text,
#fshSection .app-profile-dropdown .apd-confirm-text,
#aesSection .app-profile-dropdown .apd-confirm-text {
  margin: 8px 14px 14px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(0, 0, 0, 0.65);
  overflow-wrap: anywhere;
}
#mqSection .app-profile-dropdown .apd-confirm-yes,
#davSection .app-profile-dropdown .apd-confirm-yes,
#crSection .app-profile-dropdown .apd-confirm-yes,
#trSection .app-profile-dropdown .apd-confirm-yes,
#ftSection .app-profile-dropdown .apd-confirm-yes,
#ntSection .app-profile-dropdown .apd-confirm-yes,
#mhiSection .app-profile-dropdown .apd-confirm-yes,
#liSection .app-profile-dropdown .apd-confirm-yes,
#fshSection .app-profile-dropdown .apd-confirm-yes,
#aesSection .app-profile-dropdown .apd-confirm-yes {
  justify-content: center;
  background: #DC2626;
  color: #FFFFFF;
  transition: background-color 0.4s ease;
}
@media (hover: hover) {
  #mqSection .app-profile-dropdown .apd-confirm-yes:hover:not([aria-disabled="true"]),
  #davSection .app-profile-dropdown .apd-confirm-yes:hover:not([aria-disabled="true"]),
  #crSection .app-profile-dropdown .apd-confirm-yes:hover:not([aria-disabled="true"]),
  #trSection .app-profile-dropdown .apd-confirm-yes:hover:not([aria-disabled="true"]),
  #ftSection .app-profile-dropdown .apd-confirm-yes:hover:not([aria-disabled="true"]),
  #ntSection .app-profile-dropdown .apd-confirm-yes:hover:not([aria-disabled="true"]),
  #mhiSection .app-profile-dropdown .apd-confirm-yes:hover:not([aria-disabled="true"]),
  #liSection .app-profile-dropdown .apd-confirm-yes:hover:not([aria-disabled="true"]),
  #fshSection .app-profile-dropdown .apd-confirm-yes:hover:not([aria-disabled="true"]),
  #aesSection .app-profile-dropdown .apd-confirm-yes:hover:not([aria-disabled="true"]) {
    background: #B91C1C;
    color: #FFFFFF;
  }
}
@media (hover: none) {
  #mqSection .app-profile-dropdown .apd-confirm-yes.is-hover:not([aria-disabled="true"]),
  #davSection .app-profile-dropdown .apd-confirm-yes.is-hover:not([aria-disabled="true"]),
  #crSection .app-profile-dropdown .apd-confirm-yes.is-hover:not([aria-disabled="true"]),
  #trSection .app-profile-dropdown .apd-confirm-yes.is-hover:not([aria-disabled="true"]),
  #ftSection .app-profile-dropdown .apd-confirm-yes.is-hover:not([aria-disabled="true"]),
  #ntSection .app-profile-dropdown .apd-confirm-yes.is-hover:not([aria-disabled="true"]),
  #mhiSection .app-profile-dropdown .apd-confirm-yes.is-hover:not([aria-disabled="true"]),
  #liSection .app-profile-dropdown .apd-confirm-yes.is-hover:not([aria-disabled="true"]),
  #fshSection .app-profile-dropdown .apd-confirm-yes.is-hover:not([aria-disabled="true"]),
  #aesSection .app-profile-dropdown .apd-confirm-yes.is-hover:not([aria-disabled="true"]) {
    background: #B91C1C;
    color: #FFFFFF;
  }
}
#mqSection .app-profile-dropdown .apd-confirm-yes:active:not([aria-disabled="true"]),
#davSection .app-profile-dropdown .apd-confirm-yes:active:not([aria-disabled="true"]),
#crSection .app-profile-dropdown .apd-confirm-yes:active:not([aria-disabled="true"]),
#trSection .app-profile-dropdown .apd-confirm-yes:active:not([aria-disabled="true"]),
#ftSection .app-profile-dropdown .apd-confirm-yes:active:not([aria-disabled="true"]),
#ntSection .app-profile-dropdown .apd-confirm-yes:active:not([aria-disabled="true"]),
#mhiSection .app-profile-dropdown .apd-confirm-yes:active:not([aria-disabled="true"]),
#liSection .app-profile-dropdown .apd-confirm-yes:active:not([aria-disabled="true"]),
#fshSection .app-profile-dropdown .apd-confirm-yes:active:not([aria-disabled="true"]),
#aesSection .app-profile-dropdown .apd-confirm-yes:active:not([aria-disabled="true"]) {
  background: #991B1B;
}
#mqSection .app-profile-dropdown .apd-confirm-yes .apd-icon,
#davSection .app-profile-dropdown .apd-confirm-yes .apd-icon,
#crSection .app-profile-dropdown .apd-confirm-yes .apd-icon,
#trSection .app-profile-dropdown .apd-confirm-yes .apd-icon,
#ftSection .app-profile-dropdown .apd-confirm-yes .apd-icon,
#ntSection .app-profile-dropdown .apd-confirm-yes .apd-icon,
#mhiSection .app-profile-dropdown .apd-confirm-yes .apd-icon,
#liSection .app-profile-dropdown .apd-confirm-yes .apd-icon,
#fshSection .app-profile-dropdown .apd-confirm-yes .apd-icon,
#aesSection .app-profile-dropdown .apd-confirm-yes .apd-icon {
  color: #FFFFFF;
}
#mqSection .app-profile-dropdown .apd-confirm-no,
#davSection .app-profile-dropdown .apd-confirm-no,
#crSection .app-profile-dropdown .apd-confirm-no,
#trSection .app-profile-dropdown .apd-confirm-no,
#ftSection .app-profile-dropdown .apd-confirm-no,
#ntSection .app-profile-dropdown .apd-confirm-no,
#mhiSection .app-profile-dropdown .apd-confirm-no,
#liSection .app-profile-dropdown .apd-confirm-no,
#fshSection .app-profile-dropdown .apd-confirm-no,
#aesSection .app-profile-dropdown .apd-confirm-no {
  justify-content: center;
  color: #4B5563;
}

#mqSection .app-profile-dropdown .apd-status.apd-status-ok,
#davSection .app-profile-dropdown .apd-status.apd-status-ok,
#crSection .app-profile-dropdown .apd-status.apd-status-ok,
#trSection .app-profile-dropdown .apd-status.apd-status-ok,
#ftSection .app-profile-dropdown .apd-status.apd-status-ok,
#ntSection .app-profile-dropdown .apd-status.apd-status-ok,
#mhiSection .app-profile-dropdown .apd-status.apd-status-ok,
#liSection .app-profile-dropdown .apd-status.apd-status-ok,
#fshSection .app-profile-dropdown .apd-status.apd-status-ok,
#aesSection .app-profile-dropdown .apd-status.apd-status-ok {
  color: rgba(0, 0, 0, 0.65);
}

/* The Profile icon is filled with the page's colour while its drop-down is open. */
/* -- Inside the Profile drop-down: two sections (Account, Legal) and, one tap away, the document being read -- */
#mqSection .app-profile-dropdown .apd-heading,
#davSection .app-profile-dropdown .apd-heading,
#crSection .app-profile-dropdown .apd-heading,
#trSection .app-profile-dropdown .apd-heading,
#ftSection .app-profile-dropdown .apd-heading,
#ntSection .app-profile-dropdown .apd-heading,
#mhiSection .app-profile-dropdown .apd-heading,
#liSection .app-profile-dropdown .apd-heading,
#fshSection .app-profile-dropdown .apd-heading,
#aesSection .app-profile-dropdown .apd-heading {
  margin: 16px 0 8px;
  padding: 0 6px;
  font: 700 16px/1.2 Georgia, "Times New Roman", serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sqp-accent, #EA580C);
}

#mqSection .app-profile-dropdown .apd-heading-account,
#davSection .app-profile-dropdown .apd-heading-account,
#crSection .app-profile-dropdown .apd-heading-account,
#trSection .app-profile-dropdown .apd-heading-account,
#ftSection .app-profile-dropdown .apd-heading-account,
#ntSection .app-profile-dropdown .apd-heading-account,
#mhiSection .app-profile-dropdown .apd-heading-account,
#liSection .app-profile-dropdown .apd-heading-account,
#fshSection .app-profile-dropdown .apd-heading-account,
#aesSection .app-profile-dropdown .apd-heading-account {
  margin-top: 6px;
}

#mqSection .app-profile-dropdown .apd-rule,
#davSection .app-profile-dropdown .apd-rule,
#crSection .app-profile-dropdown .apd-rule,
#trSection .app-profile-dropdown .apd-rule,
#ftSection .app-profile-dropdown .apd-rule,
#ntSection .app-profile-dropdown .apd-rule,
#mhiSection .app-profile-dropdown .apd-rule,
#liSection .app-profile-dropdown .apd-rule,
#fshSection .app-profile-dropdown .apd-rule,
#aesSection .app-profile-dropdown .apd-rule {
  height: 1px;
  margin: 12px 6px 0;
  background: color-mix(in srgb, var(--sqp-accent, #EA580C) 28%, transparent);
}

#mqSection .app-profile-dropdown .apd-chevron,
#davSection .app-profile-dropdown .apd-chevron,
#crSection .app-profile-dropdown .apd-chevron,
#trSection .app-profile-dropdown .apd-chevron,
#ftSection .app-profile-dropdown .apd-chevron,
#ntSection .app-profile-dropdown .apd-chevron,
#mhiSection .app-profile-dropdown .apd-chevron,
#liSection .app-profile-dropdown .apd-chevron,
#fshSection .app-profile-dropdown .apd-chevron,
#aesSection .app-profile-dropdown .apd-chevron {
  flex: none;
  width: 20px;
  height: 20px;
  margin-inline-start: auto;
  color: inherit;
}

html[dir="rtl"] #mqSection .app-profile-dropdown .apd-chevron,
html[dir="rtl"] #davSection .app-profile-dropdown .apd-chevron,
html[dir="rtl"] #crSection .app-profile-dropdown .apd-chevron,
html[dir="rtl"] #trSection .app-profile-dropdown .apd-chevron,
html[dir="rtl"] #ftSection .app-profile-dropdown .apd-chevron,
html[dir="rtl"] #ntSection .app-profile-dropdown .apd-chevron,
html[dir="rtl"] #mhiSection .app-profile-dropdown .apd-chevron,
html[dir="rtl"] #liSection .app-profile-dropdown .apd-chevron,
html[dir="rtl"] #fshSection .app-profile-dropdown .apd-chevron,
html[dir="rtl"] #aesSection .app-profile-dropdown .apd-chevron {
  transform: scaleX(-1);
}

html[dir="rtl"] #mqSection .app-profile-dropdown .apd-back svg,
html[dir="rtl"] #davSection .app-profile-dropdown .apd-back svg,
html[dir="rtl"] #crSection .app-profile-dropdown .apd-back svg,
html[dir="rtl"] #trSection .app-profile-dropdown .apd-back svg,
html[dir="rtl"] #ftSection .app-profile-dropdown .apd-back svg,
html[dir="rtl"] #ntSection .app-profile-dropdown .apd-back svg,
html[dir="rtl"] #mhiSection .app-profile-dropdown .apd-back svg,
html[dir="rtl"] #liSection .app-profile-dropdown .apd-back svg,
html[dir="rtl"] #fshSection .app-profile-dropdown .apd-back svg,
html[dir="rtl"] #aesSection .app-profile-dropdown .apd-back svg {
  transform: scaleX(-1);
}

#mqSection .app-profile-dropdown .apd-docview,
#davSection .app-profile-dropdown .apd-docview,
#crSection .app-profile-dropdown .apd-docview,
#trSection .app-profile-dropdown .apd-docview,
#ftSection .app-profile-dropdown .apd-docview,
#ntSection .app-profile-dropdown .apd-docview,
#mhiSection .app-profile-dropdown .apd-docview,
#liSection .app-profile-dropdown .apd-docview,
#fshSection .app-profile-dropdown .apd-docview,
#aesSection .app-profile-dropdown .apd-docview {
  --legal-accent: var(--sqp-accent, #EA580C);
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 14px 14px 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #111827;
}

#mqSection .app-profile-dropdown .apd-dochead,
#davSection .app-profile-dropdown .apd-dochead,
#crSection .app-profile-dropdown .apd-dochead,
#trSection .app-profile-dropdown .apd-dochead,
#ftSection .app-profile-dropdown .apd-dochead,
#ntSection .app-profile-dropdown .apd-dochead,
#mhiSection .app-profile-dropdown .apd-dochead,
#liSection .app-profile-dropdown .apd-dochead,
#fshSection .app-profile-dropdown .apd-dochead,
#aesSection .app-profile-dropdown .apd-dochead {
  flex: none;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 2px 10px;
  border-bottom: 1px solid color-mix(in srgb, var(--sqp-accent, #EA580C) 28%, transparent);
}

#mqSection .app-profile-dropdown .apd-back,
#davSection .app-profile-dropdown .apd-back,
#crSection .app-profile-dropdown .apd-back,
#trSection .app-profile-dropdown .apd-back,
#ftSection .app-profile-dropdown .apd-back,
#ntSection .app-profile-dropdown .apd-back,
#mhiSection .app-profile-dropdown .apd-back,
#liSection .app-profile-dropdown .apd-back,
#fshSection .app-profile-dropdown .apd-back,
#aesSection .app-profile-dropdown .apd-back {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0 none;
  border-radius: 10px;
  background: transparent;
  color: #111827;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.4s ease;
}

#mqSection .app-profile-dropdown .apd-back svg,
#davSection .app-profile-dropdown .apd-back svg,
#crSection .app-profile-dropdown .apd-back svg,
#trSection .app-profile-dropdown .apd-back svg,
#ftSection .app-profile-dropdown .apd-back svg,
#ntSection .app-profile-dropdown .apd-back svg,
#mhiSection .app-profile-dropdown .apd-back svg,
#liSection .app-profile-dropdown .apd-back svg,
#fshSection .app-profile-dropdown .apd-back svg,
#aesSection .app-profile-dropdown .apd-back svg {
  width: 22px;
  height: 22px;
}
@media (hover: hover) {
  #mqSection .app-profile-dropdown .apd-back:hover,
  #davSection .app-profile-dropdown .apd-back:hover,
  #crSection .app-profile-dropdown .apd-back:hover,
  #trSection .app-profile-dropdown .apd-back:hover,
  #ftSection .app-profile-dropdown .apd-back:hover,
  #ntSection .app-profile-dropdown .apd-back:hover,
  #mhiSection .app-profile-dropdown .apd-back:hover,
  #liSection .app-profile-dropdown .apd-back:hover,
  #fshSection .app-profile-dropdown .apd-back:hover,
  #aesSection .app-profile-dropdown .apd-back:hover {
    color: var(--sqp-accent, #EA580C);
  }
}
@media (hover: none) {
  #mqSection .app-profile-dropdown .apd-back.is-hover,
  #davSection .app-profile-dropdown .apd-back.is-hover,
  #crSection .app-profile-dropdown .apd-back.is-hover,
  #trSection .app-profile-dropdown .apd-back.is-hover,
  #ftSection .app-profile-dropdown .apd-back.is-hover,
  #ntSection .app-profile-dropdown .apd-back.is-hover,
  #mhiSection .app-profile-dropdown .apd-back.is-hover,
  #liSection .app-profile-dropdown .apd-back.is-hover,
  #fshSection .app-profile-dropdown .apd-back.is-hover,
  #aesSection .app-profile-dropdown .apd-back.is-hover {
    color: var(--sqp-accent, #EA580C);
  }
}

#mqSection .app-profile-dropdown .apd-back:focus-visible,
#davSection .app-profile-dropdown .apd-back:focus-visible,
#crSection .app-profile-dropdown .apd-back:focus-visible,
#trSection .app-profile-dropdown .apd-back:focus-visible,
#ftSection .app-profile-dropdown .apd-back:focus-visible,
#ntSection .app-profile-dropdown .apd-back:focus-visible,
#mhiSection .app-profile-dropdown .apd-back:focus-visible,
#liSection .app-profile-dropdown .apd-back:focus-visible,
#fshSection .app-profile-dropdown .apd-back:focus-visible,
#aesSection .app-profile-dropdown .apd-back:focus-visible {
  outline: 2px solid var(--sqp-accent, #EA580C);
  outline-offset: 1px;
}

#mqSection .app-profile-dropdown .apd-doctitle,
#davSection .app-profile-dropdown .apd-doctitle,
#crSection .app-profile-dropdown .apd-doctitle,
#trSection .app-profile-dropdown .apd-doctitle,
#ftSection .app-profile-dropdown .apd-doctitle,
#ntSection .app-profile-dropdown .apd-doctitle,
#mhiSection .app-profile-dropdown .apd-doctitle,
#liSection .app-profile-dropdown .apd-doctitle,
#fshSection .app-profile-dropdown .apd-doctitle,
#aesSection .app-profile-dropdown .apd-doctitle {
  margin: 0;
  padding: 0;
  font: 700 16px/1.2 Georgia, "Times New Roman", serif;
  color: #000000;
}

#mqSection .app-profile-dropdown .apd-docnote,
#davSection .app-profile-dropdown .apd-docnote,
#crSection .app-profile-dropdown .apd-docnote,
#trSection .app-profile-dropdown .apd-docnote,
#ftSection .app-profile-dropdown .apd-docnote,
#ntSection .app-profile-dropdown .apd-docnote,
#mhiSection .app-profile-dropdown .apd-docnote,
#liSection .app-profile-dropdown .apd-docnote,
#fshSection .app-profile-dropdown .apd-docnote,
#aesSection .app-profile-dropdown .apd-docnote {
  flex: none;
  margin: 10px 6px 0;
  font-size: 13px;
  font-style: italic;
  line-height: 1.4;
  color: #4B5563;
}

#mqSection .app-profile-dropdown .apd-docbody,
#davSection .app-profile-dropdown .apd-docbody,
#crSection .app-profile-dropdown .apd-docbody,
#trSection .app-profile-dropdown .apd-docbody,
#ftSection .app-profile-dropdown .apd-docbody,
#ntSection .app-profile-dropdown .apd-docbody,
#mhiSection .app-profile-dropdown .apd-docbody,
#liSection .app-profile-dropdown .apd-docbody,
#fshSection .app-profile-dropdown .apd-docbody,
#aesSection .app-profile-dropdown .apd-docbody {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px 6px 16px;
  font-size: 16px;
  line-height: 1.6;
  scrollbar-width: thin;
  scrollbar-color: var(--app-scrollbar, rgba(0, 0, 0, 0.25)) transparent;
}

#mqSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar,
#davSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar,
#crSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar,
#trSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar,
#ftSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar,
#ntSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar,
#mhiSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar,
#liSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar,
#fshSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar,
#aesSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar {
  width: 8px;
}

#mqSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-track,
#davSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-track,
#crSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-track,
#trSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-track,
#ftSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-track,
#ntSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-track,
#mhiSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-track,
#liSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-track,
#fshSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-track,
#aesSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-track {
  background: transparent;
}

#mqSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-thumb,
#davSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-thumb,
#crSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-thumb,
#trSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-thumb,
#ftSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-thumb,
#ntSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-thumb,
#mhiSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-thumb,
#liSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-thumb,
#fshSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-thumb,
#aesSection .app-profile-dropdown .apd-docbody::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar, rgba(0, 0, 0, 0.25));
  border-radius: 10px;
}

#mqSection .app-profile-dropdown .apd-docbody:focus-visible,
#davSection .app-profile-dropdown .apd-docbody:focus-visible,
#crSection .app-profile-dropdown .apd-docbody:focus-visible,
#trSection .app-profile-dropdown .apd-docbody:focus-visible,
#ftSection .app-profile-dropdown .apd-docbody:focus-visible,
#ntSection .app-profile-dropdown .apd-docbody:focus-visible,
#mhiSection .app-profile-dropdown .apd-docbody:focus-visible,
#liSection .app-profile-dropdown .apd-docbody:focus-visible,
#fshSection .app-profile-dropdown .apd-docbody:focus-visible,
#aesSection .app-profile-dropdown .apd-docbody:focus-visible {
  outline: 2px solid var(--sqp-accent, #EA580C);
  outline-offset: -2px;
}

#mqSection .app-profile-dropdown .apd-docbody .app-legal-doc h3,
#davSection .app-profile-dropdown .apd-docbody .app-legal-doc h3,
#crSection .app-profile-dropdown .apd-docbody .app-legal-doc h3,
#trSection .app-profile-dropdown .apd-docbody .app-legal-doc h3,
#ftSection .app-profile-dropdown .apd-docbody .app-legal-doc h3,
#ntSection .app-profile-dropdown .apd-docbody .app-legal-doc h3,
#mhiSection .app-profile-dropdown .apd-docbody .app-legal-doc h3,
#liSection .app-profile-dropdown .apd-docbody .app-legal-doc h3,
#fshSection .app-profile-dropdown .apd-docbody .app-legal-doc h3,
#aesSection .app-profile-dropdown .apd-docbody .app-legal-doc h3 {
  color: #111827;
}

#mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.sqp-open,
#davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.sqp-open,
#crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.sqp-open,
#trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.sqp-open,
#ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.sqp-open,
#ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.sqp-open,
#mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.sqp-open,
#liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.sqp-open,
#fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.sqp-open,
#aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-button.sqp-open {
  color: var(--sqp-icon, #EA580C) !important;
}

/* ==========================================================================
   PHONE, HELD UPRIGHT (portrait): the page is stacked instead of split left / right.
   Text half on TOP, picture half BELOW. Side-by-side stays for laptops, TVs and for a
   phone turned sideways.

   ONE rule decides it for everything that is split in two: is the window taller than it is wide?
   The ten pages, their ten pop-up windows, the Sunday Quiz window and the Welcome screen all use it,
   so a pop-up window always has the same layout as the page behind it - left / right when the page is
   left / right, top / bottom when the page is top / bottom. Never decide a split by width.
   Foldables follow the same rule: folded = tall = stacked; unfolded and wide = side by side.
   The split line of the pages is --stack-split (change this one number to move it).
   ========================================================================== */
/* A TALL window (label "phone" or "tablet", see layout.js). These rules used to sit in a media query on orientation. */
:root:where([data-layout="phone"], [data-layout="tablet"]) {
  --stack-split: calc(50 * var(--vh));
}

:root:where([data-layout="phone"], [data-layout="tablet"], [data-layout="phone-sideways"]) {
  /* The whole page is drawn at --ui times its laptop size (zoom on <html>, see the top of this file): 75% on the 320 x 568
     phone base. A length that is written in screen pixels for that base is written divided by --phone-base. */
  --phone-base: 0.75;
  --stack-gap: calc(8px / var(--phone-base)); /* 8px on the phone base */
  --stack-tile: 56px; /* one Return / Forward tile and the gap beside it (laptop size) */
  --stack-bar-top: 68px; /* the toolbar row: where it starts and how tall it is (laptop size) */
  --stack-bar-height: 48px;
  /* THE SIDE LINE. The text half pads its text 18px from the left and right (laptop size). The badges, the text, the toolbar row
     (Return tile ... toolbar) and the toolbar drop-downs all start and stop on that same line, so their edges are in line.
     Sideways, the right-hand line is the same distance from the middle of the screen. */
  --text-pad: 18px;
  /* A toolbar drop-down starts one gap under the toolbar. */
  --drop-top: calc(var(--stack-bar-top) + var(--stack-bar-height) + var(--stack-gap));
}

/* The page itself never scrolls: the text half scrolls inside itself. */
html:where([data-layout="phone"], [data-layout="tablet"]),
:where(html[data-layout="phone"], html[data-layout="tablet"]) body {
  overflow: hidden;
}

/* Text half: full width, top part of the screen (still scrolls inside itself). */
:where(html[data-layout="phone"], html[data-layout="tablet"]) .mq-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .dav-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .cr-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .tr-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .ft-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .nt-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .mhi-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .li-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .fsh-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .aes-left-panel {
  width: 100%;
  height: var(--stack-split);
  padding-bottom: 64px;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection.mq-sticky-on .mq-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection.dav-sticky-on .dav-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection.cr-sticky-on .cr-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection.tr-sticky-on .tr-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection.ft-sticky-on .ft-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection.nt-sticky-on .nt-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection.mhi-sticky-on .mhi-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection.li-sticky-on .li-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection.fsh-sticky-on .fsh-left-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection.aes-sticky-on .aes-left-panel {
  margin-top: 56px; /* the header's height */
  height: calc(var(--stack-split) - 56px);
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) .mq-left-wallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .dav-left-wallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .cr-left-wallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .tr-left-wallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .ft-left-wallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .nt-left-wallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .mhi-left-wallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .li-left-wallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .fsh-left-wallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .aes-left-wallpaper {
  width: 100%;
  height: var(--stack-split);
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection.mq-sticky-on .mq-title-menu-wrapper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection.dav-sticky-on .dav-title-menu-wrapper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection.cr-sticky-on .cr-title-menu-wrapper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection.tr-sticky-on .tr-title-menu-wrapper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection.ft-sticky-on .ft-title-menu-wrapper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection.nt-sticky-on .nt-title-menu-wrapper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection.mhi-sticky-on .mhi-title-menu-wrapper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection.li-sticky-on .li-title-menu-wrapper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection.fsh-sticky-on .fsh-title-menu-wrapper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection.aes-sticky-on .aes-title-menu-wrapper {
  width: 100%;
}

/* Picture half: full width, bottom part of the screen. */
:where(html[data-layout="phone"], html[data-layout="tablet"]) .mq-right-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .dav-right-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .cr-right-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .tr-right-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .ft-right-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .nt-right-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .mhi-right-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .li-right-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .fsh-right-panel,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .aes-right-panel {
  top: var(--stack-split);
  left: 0;
  right: 0;
  width: 100%;
  height: calc(calc(100 * var(--vh)) - var(--stack-split));
}

/* Blur strip on the split line: now horizontal. */
:where(html[data-layout="phone"], html[data-layout="tablet"]) .mq-seam-blend,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .dav-seam-blend,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .cr-seam-blend,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .tr-seam-blend,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .ft-seam-blend,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .nt-seam-blend,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .mhi-seam-blend,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .li-seam-blend,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .fsh-seam-blend,
:where(html[data-layout="phone"], html[data-layout="tablet"]) .aes-seam-blend {
  top: calc(var(--stack-split) - 60px / var(--phone-base));
  left: 0;
  width: 100%;
  height: calc(120px / var(--phone-base));
  -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100% );
  mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100% );
}

/* "Published On" badge (the date only): bottom corner of the picture half, level with the middle of the fox circle. */
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqSection .mq-published-badge,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSection .dav-published-badge,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crSection .cr-published-badge,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trSection .tr-published-badge,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftSection .ft-published-badge,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntSection .nt-published-badge,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiSection .mhi-published-badge,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liSection .li-published-badge,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshSection .fsh-published-badge,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesSection .aes-published-badge {
  top: auto;
  bottom: calc(13.5px / var(--phone-base));
  right: calc(8px / var(--phone-base));
  left: auto;
  transform-origin: 100% 100%;
  z-index: 8; /* under the text half, so an open menu or list covers it */
}
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #mqSection .mq-published-badge,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #davSection .dav-published-badge,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #crSection .cr-published-badge,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #trSection .tr-published-badge,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #ftSection .ft-published-badge,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #ntSection .nt-published-badge,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #mhiSection .mhi-published-badge,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #liSection .li-published-badge,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #fshSection .fsh-published-badge,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #aesSection .aes-published-badge {
  right: auto !important;
  left: calc(8px / var(--phone-base)) !important;
  transform-origin: 0 100%;
}

/* Navigation: a plain bar across the whole bottom edge, as tall as the fox circle (54px). */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #masterNavContainer1,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #masterNavContainer2,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #masterNavContainerSunday,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #masterNavContainer1,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #masterNavContainer2,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #masterNavContainerSunday {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: none;
  height: calc(54px / var(--phone-base));
  padding: 0;
  border: 0;
  border-radius: 0;
  transform: none;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #masterNavContainer1 > .nav-btn,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #masterNavContainer2 > .nav-btn,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #masterNavContainerSunday > .nav-btn {
  width: 44px;
  height: 64px;
  flex-shrink: 0;
}
/* The two small crests sit just above the bar; the fox button is a circle on the bottom edge. */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #masterCrestsContainer,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #masterHomeBtn,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #masterCrestsContainer,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #masterHomeBtn {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  transform-origin: 50% 100%;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #masterCrestsContainer,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #masterCrestsContainer {
  bottom: calc(61px / var(--phone-base));
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #masterHomeBtn,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #masterHomeBtn {
  bottom: 0;
  border-radius: 50%;
}

/* Menu toolbar (grid button, top right): one row across the top of the screen, on the side line (--text-pad) at both ends. The
   Return tile (and the Forward tile while it shows) sit in that row beside the toolbar, exactly as on the laptop. */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar {
  position: fixed;
  top: var(--stack-bar-top);
  inset-inline-start: calc(var(--text-pad) + var(--stack-tile)) !important;
  inset-inline-end: var(--text-pad) !important;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on) {
  inset-inline-start: calc(var(--text-pad) + 2 * var(--stack-tile)) !important;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar > * {
  min-width: 0;
}
/* A toolbar icon is 40px, but never wider than 80% of its share of the row, so neighbouring icons never touch (the smallest
   screens, with the Return and Forward tiles both showing). The 40px is fixed with !important further up, so this does too. */
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) :is(#mqSection, #davSection, #crSection, #trSection, #ftSection, #ntSection, #mhiSection, #liSection, #fshSection, #aesSection) .app-menu-btn-wrapper .app-tools-toolbar > :not(.app-toolbar-return-button-wrapper) > button svg {
  min-width: 0 !important;
  max-width: 80% !important;
}
/* The five toolbar drop-downs (Explore, Progress, Translate, Collections, Profile): one gap under the toolbar, on the side line
   (--text-pad) at the left and right. A drop-down is as tall as its content and stops one gap above the bottom of the screen;
   a longer one scrolls inside. */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown {
  position: fixed !important;
  top: var(--drop-top) !important;
  right: var(--text-pad) !important;
  bottom: auto !important;
  left: var(--text-pad) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important; /* the closed boxes of some drop-downs keep a minimum height of their own */
  max-height: calc(100 * var(--vh) - var(--drop-top) - var(--stack-gap)) !important; /* one gap above the bottom of the screen */
}
/* Inside a drop-down that is as tall as its content nothing is stretched to fill a box: the rows keep their own height and the
   part that is too long scrolls. (The Translate list and the Collections list already did; the others were built to fill a box.)
   - Explore / Progress: the list of rows sits under its title and scrolls; each row keeps its own height (57px).
   - Quiz / Account: the scrolling area and the Account document view sit in the page flow instead of being pinned to all four sides.
   - Collections: the "nothing saved yet" note sits in the page flow (it was centred inside the box) and is no longer capped to a share of it. */
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) :is(#mqSection, #davSection, #crSection, #trSection, #ftSection, #ntSection, #mhiSection, #liSection, #fshSection, #aesSection) .app-resources-accordion {
  flex: 0 1 auto;
}
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) :is(#mqSection, #davSection, #crSection, #trSection, #ftSection, #ntSection, #mhiSection, #liSection, #fshSection, #aesSection) :is(.sqp-dropdown .sqp-scroll, .app-profile-dropdown :is(.apd-scroll, .apd-docview)) {
  position: static;
  max-height: inherit; /* the drop-down's own limit */
}
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) :is(#mqSection, #davSection, #crSection, #trSection, #ftSection, #ntSection, #mhiSection, #liSection, #fshSection, #aesSection) .app-menu-btn-wrapper .app-collections-empty-state {
  position: static;
  transform: none;
  width: auto;
  max-height: none;
}
/* The hidden Collections panel sat 16 px to the right of its place (for its slide-in), which made the page 16 px too wide. */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .app-collection-detail-overlay:not(.app-collection-detail-visible) {
  transform: none;
}
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #mqSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #davSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #crSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #trSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #ftSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #ntSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #mhiSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #liSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #fshSection .app-collection-detail-overlay:not(.app-collection-detail-visible),
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #aesSection .app-collection-detail-overlay:not(.app-collection-detail-visible) {
  transform: none !important;
}

/* The invisible hover strip above the Profile / Quiz drop-downs reached 32 px past the screen edge: keep it inside. */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .app-profile-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .sqp-dropdown,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .sqp-dropdown {
  overflow-x: clip;
}

/* ---- "Your Charge" and its nine sister pop-ups: same stack. Text (title + reading panel) on top, picture below. ---- */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqYourChargeModal,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSteadyYourselfModal,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crHonourTheCraftModal,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trKnowTheGroundModal,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftFormFirstModal,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntEatWithIntentModal,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiReframeItModal,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liMeetThemHalfwayModal,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshWearItWellModal,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesMakeItARitualModal {
  --stack-modal-picture: 50%;
  top: calc(12px / var(--phone-base));
  left: calc(12px / var(--phone-base));
  width: calc(calc(100 * var(--vw)) - 24px / var(--phone-base));
  height: calc(calc(100 * var(--vh)) - 24px / var(--phone-base));
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) var(--stack-modal-picture);
}
/* the blur strip on the split line, now horizontal */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqYourChargeModal::before,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSteadyYourselfModal::before,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crHonourTheCraftModal::before,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trKnowTheGroundModal::before,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftFormFirstModal::before,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntEatWithIntentModal::before,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiReframeItModal::before,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liMeetThemHalfwayModal::before,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshWearItWellModal::before,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesMakeItARitualModal::before {
  top: calc(100% - var(--stack-modal-picture) - 60px / var(--phone-base));
  bottom: auto;
  left: 0;
  width: 100%;
  height: calc(120px / var(--phone-base));
  -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100% );
  mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100% );
}
/* wallpaper behind the text part */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqYourChargeModal #mqYourChargeWallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSteadyYourselfModal #davSteadyYourselfWallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crHonourTheCraftModal #crHonourTheCraftWallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trKnowTheGroundModal #trKnowTheGroundWallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftFormFirstModal #ftFormFirstWallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntEatWithIntentModal #ntEatWithIntentWallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiReframeItModal #mhiReframeItWallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liMeetThemHalfwayModal #liMeetThemHalfwayWallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshWearItWellModal #fshWearItWellWallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesMakeItARitualModal #aesMakeItARitualWallpaper {
  width: 100% !important; /* the script sizes this canvas to half the pop-up, so it is stated firmly here */
  max-width: 100%;
  height: calc(100% - var(--stack-modal-picture)) !important;
}
/* picture: bottom row */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqYourChargeModal .mq-your-charge-modal-right,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSteadyYourselfModal .dav-steady-yourself-modal-right,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crHonourTheCraftModal .cr-honour-the-craft-modal-right,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trKnowTheGroundModal .tr-know-the-ground-modal-right,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftFormFirstModal .ft-form-first-modal-right,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntEatWithIntentModal .nt-eat-with-intent-modal-right,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiReframeItModal .mhi-reframe-it-modal-right,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liMeetThemHalfwayModal .li-meet-them-halfway-modal-right,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshWearItWellModal .fsh-wear-it-well-modal-right,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesMakeItARitualModal .aes-make-it-a-ritual-modal-right {
  grid-column: 1;
  grid-row: 3;
}
/* title row: the text half of the pop-up is drawn at 75% too. The row grows with the title (two lines) and the title keeps
   the laptop's space above and below it: (72px laptop row - one 32px title line) / 2. */
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqYourChargeModal .mq-your-charge-modal-header,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSteadyYourselfModal .dav-steady-yourself-modal-header,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crHonourTheCraftModal .cr-honour-the-craft-modal-header,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trKnowTheGroundModal .tr-know-the-ground-modal-header,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftFormFirstModal .ft-form-first-modal-header,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntEatWithIntentModal .nt-eat-with-intent-modal-header,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiReframeItModal .mhi-reframe-it-modal-header,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liMeetThemHalfwayModal .li-meet-them-halfway-modal-header,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshWearItWellModal .fsh-wear-it-well-modal-header,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesMakeItARitualModal .aes-make-it-a-ritual-modal-header {
  height: auto;
  min-height: 0;
  padding-block: 16.8px;
  padding-inline: 56px; /* so the title never touches the close button */
  box-sizing: border-box;
}
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqYourChargeModal .mq-your-charge-modal-title,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSteadyYourselfModal .dav-steady-yourself-modal-title,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crHonourTheCraftModal .cr-honour-the-craft-modal-title,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trKnowTheGroundModal .tr-know-the-ground-modal-title,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftFormFirstModal .ft-form-first-modal-title,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntEatWithIntentModal .nt-eat-with-intent-modal-title,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiReframeItModal .mhi-reframe-it-modal-title,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liMeetThemHalfwayModal .li-meet-them-halfway-modal-title,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshWearItWellModal .fsh-wear-it-well-modal-title,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesMakeItARitualModal .aes-make-it-a-ritual-modal-title {
  font-size: 32px;
}
/* reading panel (also at 75%): it starts 16px above the bottom of the title row, as on the laptop, and leaves room for the
   blur strip under it. Its text and the space between its points are the laptop values. */
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqYourChargeModal .mq-your-charge-modal-left,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSteadyYourselfModal .dav-steady-yourself-modal-left,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crHonourTheCraftModal .cr-honour-the-craft-modal-left,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trKnowTheGroundModal .tr-know-the-ground-modal-left,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftFormFirstModal .ft-form-first-modal-left,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntEatWithIntentModal .nt-eat-with-intent-modal-left,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiReframeItModal .mhi-reframe-it-modal-left,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liMeetThemHalfwayModal .li-meet-them-halfway-modal-left,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshWearItWellModal .fsh-wear-it-well-modal-left,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesMakeItARitualModal .aes-make-it-a-ritual-modal-left {
  margin-top: -16px;
  height: auto;
  padding-bottom: 56px;
}
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqYourChargeModal #mqYourChargePanel p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSteadyYourselfModal #davSteadyYourselfPanel p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crHonourTheCraftModal #crHonourTheCraftPanel p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trKnowTheGroundModal #trKnowTheGroundPanel p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftFormFirstModal #ftFormFirstPanel p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntEatWithIntentModal #ntEatWithIntentPanel p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiReframeItModal #mhiReframeItPanel p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liMeetThemHalfwayModal #liMeetThemHalfwayPanel p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshWearItWellModal #fshWearItWellPanel p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesMakeItARitualModal #aesMakeItARitualPanel p {
  font-size: 16.128px;
}
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqYourChargeModal #mqYourChargePanel article,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSteadyYourselfModal #davSteadyYourselfPanel article,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crHonourTheCraftModal #crHonourTheCraftPanel article,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trKnowTheGroundModal #trKnowTheGroundPanel article,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftFormFirstModal #ftFormFirstPanel article,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntEatWithIntentModal #ntEatWithIntentPanel article,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiReframeItModal #mhiReframeItPanel article,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liMeetThemHalfwayModal #liMeetThemHalfwayPanel article,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshWearItWellModal #fshWearItWellPanel article,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesMakeItARitualModal #aesMakeItARitualPanel article {
  margin-bottom: 36px;
}
/* faint logo: middle of the text part */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqYourChargeModal .mq-your-charge-modal-title-logo,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSteadyYourselfModal .dav-steady-yourself-modal-title-logo,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crHonourTheCraftModal .cr-honour-the-craft-modal-title-logo,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trKnowTheGroundModal .tr-know-the-ground-modal-title-logo,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftFormFirstModal .ft-form-first-modal-title-logo,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntEatWithIntentModal .nt-eat-with-intent-modal-title-logo,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiReframeItModal .mhi-reframe-it-modal-title-logo,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liMeetThemHalfwayModal .li-meet-them-halfway-modal-title-logo,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshWearItWellModal .fsh-wear-it-well-modal-title-logo,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesMakeItARitualModal .aes-make-it-a-ritual-modal-title-logo {
  left: calc(50 * var(--vw));
  top: calc((80px / var(--phone-base) + 0.6 * (calc(100 * var(--vh)) - 24px / var(--phone-base))) / 2);
  width: min(calc(320px / var(--phone-base)), calc(80 * var(--vw)));
  height: min(calc(320px / var(--phone-base)), calc(80 * var(--vw)));
  min-width: 0;
  min-height: 0;
}
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #mqYourChargeModal .mq-your-charge-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #davSteadyYourselfModal .dav-steady-yourself-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #crHonourTheCraftModal .cr-honour-the-craft-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #trKnowTheGroundModal .tr-know-the-ground-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #ftFormFirstModal .ft-form-first-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #ntEatWithIntentModal .nt-eat-with-intent-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #mhiReframeItModal .mhi-reframe-it-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #liMeetThemHalfwayModal .li-meet-them-halfway-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #fshWearItWellModal .fsh-wear-it-well-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) #aesMakeItARitualModal .aes-make-it-a-ritual-modal-title-logo {
  left: calc(50 * var(--vw)) !important;
}

/* ---- Sunday Quiz window: same stack (question on top, the entry's pictures below). ---- */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #sundayQuizModal {
  --stack-modal-picture: 40%;
  top: calc(12px / var(--phone-base));
  left: calc(12px / var(--phone-base));
  width: calc(calc(100 * var(--vw)) - 24px / var(--phone-base));
  height: calc(calc(100 * var(--vh)) - 24px / var(--phone-base));
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 56px minmax(0, 1fr) var(--stack-modal-picture);
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #sundayQuizModal::before {
  top: calc(100% - var(--stack-modal-picture) - 60px / var(--phone-base));
  bottom: auto;
  left: 0;
  width: 100%;
  height: calc(120px / var(--phone-base));
  -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100% );
  mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.062) 5%, rgba(0,0,0,0.172) 10%, rgba(0,0,0,0.306) 15%, rgba(0,0,0,0.451) 20%, rgba(0,0,0,0.595) 25%, rgba(0,0,0,0.728) 30%, rgba(0,0,0,0.841) 35%, rgba(0,0,0,0.927) 40%, rgba(0,0,0,0.982) 45%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.982) 55%, rgba(0,0,0,0.927) 60%, rgba(0,0,0,0.841) 65%, rgba(0,0,0,0.728) 70%, rgba(0,0,0,0.595) 75%, rgba(0,0,0,0.451) 80%, rgba(0,0,0,0.306) 85%, rgba(0,0,0,0.172) 90%, rgba(0,0,0,0.062) 95%, rgba(0,0,0,0) 100% );
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #sundayQuizModal #sqWallpaper,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #sundayQuizModal .sq-watermark {
  width: 100% !important;
  max-width: 100%;
  height: calc(100% - var(--stack-modal-picture)) !important;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #sundayQuizModal .sq-right {
  grid-column: 1;
  grid-row: 3;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #sundayQuizModal .sq-header {
  padding-inline: 56px;
  box-sizing: border-box;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #sundayQuizModal .sq-title {
  font-size: 26px;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #sundayQuizModal .sq-left {
  padding-bottom: 56px;
}
:where(html[data-layout="phone"], html[data-layout="tablet"]) #sundayQuizModal .sq-arrow {
  top: calc((56px + 100% - var(--stack-modal-picture)) / 2);
}

/* ---- The text half's own sizes: the laptop values (the zoom shows them at 75%). They overrule the narrow-window rules
   written for older phones (max-width 768 / 480 / 360px), so every upright phone gets the same sizes. ---- */
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqSection #mqText,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSection #davText,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crSection #crText,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trSection #trText,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftSection #ftText,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntSection #ntText,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiSection #mhiText,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liSection #liText,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshSection #fshText,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesSection #aesText {
  padding-top: 0; /* the gap under the title is then 75% of the laptop gap */
  padding-right: var(--text-pad);
  padding-bottom: 12px;
  padding-left: var(--text-pad);
  font-size: 20px;
  line-height: 1.55;
  border-radius: 12px;
}
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqSection #mqBadgesContainer,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSection #davBadgesContainer,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crSection #crBadgesContainer,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trSection #trBadgesContainer,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftSection #ftBadgesContainer,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntSection #ntBadgesContainer,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiSection #mhiBadgesContainer,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liSection #liBadgesContainer,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshSection #fshBadgesContainer,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesSection #aesBadgesContainer {
  gap: 0;
}
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqSection #mqStory .mq-story-section p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqSection #mqStory .mq-context-callout p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSection #davStory .dav-story-section p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSection #davStory .dav-context-callout p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crSection #crStory .cr-story-section p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crSection #crStory .cr-context-callout p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trSection #trStory .tr-story-section p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trSection #trStory .tr-context-callout p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftSection #ftStory .ft-story-section p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftSection #ftStory .ft-context-callout p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntSection #ntStory .nt-story-section p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntSection #ntStory .nt-context-callout p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiSection #mhiStory .mhi-story-section p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiSection #mhiStory .mhi-context-callout p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liSection #liStory .li-story-section p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liSection #liStory .li-context-callout p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshSection #fshStory .fsh-story-section p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshSection #fshStory .fsh-context-callout p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesSection #aesStory .aes-story-section p,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesSection #aesStory .aes-context-callout p {
  font-size: 16.128px; /* the laptop size (1.12vw of a 1440px window) */
}
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqSection #mqStory .mq-context-callout,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSection #davStory .dav-context-callout,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crSection #crStory .cr-context-callout,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trSection #trStory .tr-context-callout,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftSection #ftStory .ft-context-callout,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntSection #ntStory .nt-context-callout,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiSection #mhiStory .mhi-context-callout,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liSection #liStory .li-context-callout,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshSection #fshStory .fsh-context-callout,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesSection #aesStory .aes-context-callout {
  padding-right: 28.8px;
  padding-left: 28.8px;
}
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mqSection #mqStory #mqClosure,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #davSection #davStory #davClosure,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #crSection #crStory #crClosure,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #trSection #trStory #trClosure,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ftSection #ftStory #ftClosure,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #ntSection #ntStory #ntClosure,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #mhiSection #mhiStory #mhiClosure,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #liSection #liStory #liClosure,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #fshSection #fshStory #fshClosure,
:where(html[data-layout="phone"], html[data-layout="tablet"], html[data-layout="phone-sideways"]) #aesSection #aesStory #aesClosure {
  font-size: 18px;
}
/* The Menu button sits 8px from the screen edge. */
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mqSection .mq-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #davSection .dav-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #crSection .cr-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #trSection .tr-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ftSection .ft-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #ntSection .nt-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #mhiSection .mhi-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #liSection .li-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #fshSection .fsh-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone"], html[data-layout="tablet"]) #aesSection .aes-title-menu-wrapper .app-menu-mount {
  margin-inline-end: var(--stack-gap);
}

/* Arabic: text stays on TOP like English (the mirror only turns left and right). */
html[dir="rtl"]:where([data-layout="phone"], [data-layout="tablet"]) canvas[id$="LeftWallpaper"] {
  right: auto !important;
  left: 0 !important;
}

/* ==========================================================================
   PHONE TURNED SIDEWAYS (label "phone-sideways", see layout.js).
   The top half of the upright phone becomes the left half and the bottom half becomes the right half, at the same sizes: the
   page is the ordinary side-by-side page and takes the phone rules above that are shared by every phone layout. What differs
   from the upright phone is only where things sit: the navigation bar, the fox, the Menu button, the toolbar and its
   drop-downs fill the LEFT half, and the published badge sits in the bottom corner of the right half, level with the fox.
   ========================================================================== */
:where(html[data-layout="phone-sideways"]) .mq-left-panel,
:where(html[data-layout="phone-sideways"]) .dav-left-panel,
:where(html[data-layout="phone-sideways"]) .cr-left-panel,
:where(html[data-layout="phone-sideways"]) .tr-left-panel,
:where(html[data-layout="phone-sideways"]) .ft-left-panel,
:where(html[data-layout="phone-sideways"]) .nt-left-panel,
:where(html[data-layout="phone-sideways"]) .mhi-left-panel,
:where(html[data-layout="phone-sideways"]) .li-left-panel,
:where(html[data-layout="phone-sideways"]) .fsh-left-panel,
:where(html[data-layout="phone-sideways"]) .aes-left-panel {
  padding-bottom: 64px; /* room for the navigation bar */
}
/* The navigation bar: a plain bar across the bottom of the left half, as tall as the fox circle (54px on the phone base). */
:where(html[data-layout="phone-sideways"]) #masterNavContainer1,
:where(html[data-layout="phone-sideways"]) #masterNavContainer2,
:where(html[data-layout="phone-sideways"]) #masterNavContainerSunday {
  left: 0;
  right: auto;
  bottom: 0;
  width: 50%;
  max-width: none;
  height: calc(54px / var(--phone-base));
  padding: 0;
  border: 0;
  border-radius: 0;
  transform: none;
}
html[dir="rtl"]:where([data-layout="phone-sideways"]) #masterNavContainer1,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #masterNavContainer2,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #masterNavContainerSunday {
  left: auto;
  right: 0;
}
:where(html[data-layout="phone-sideways"]) #masterNavContainer1 > .nav-btn,
:where(html[data-layout="phone-sideways"]) #masterNavContainer2 > .nav-btn,
:where(html[data-layout="phone-sideways"]) #masterNavContainerSunday > .nav-btn {
  width: 44px;
  height: 64px;
  flex-shrink: 0;
}
/* The two small crests sit just above the bar; the fox button is a circle on the bottom edge, in the middle of the left half. */
:where(html[data-layout="phone-sideways"]) #masterCrestsContainer {
  bottom: calc(61px / var(--phone-base));
}
:where(html[data-layout="phone-sideways"]) #masterHomeBtn {
  bottom: 0;
  border-radius: 50%;
}
/* The Menu button sits at the right edge of the left half, level with the right edge of the navigation bar. */
:where(html[data-layout="phone-sideways"]) .mq-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone-sideways"]) .dav-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone-sideways"]) .cr-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone-sideways"]) .tr-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone-sideways"]) .ft-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone-sideways"]) .nt-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone-sideways"]) .mhi-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone-sideways"]) .li-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone-sideways"]) .fsh-title-menu-wrapper .app-menu-mount,
:where(html[data-layout="phone-sideways"]) .aes-title-menu-wrapper .app-menu-mount {
  margin-inline-end: 0;
}
/* The toolbar row: across the left half, on the side line (--text-pad) at both ends. */
:where(html[data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar,
:where(html[data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar {
  position: fixed;
  top: var(--stack-bar-top);
  inset-inline-start: calc(var(--text-pad) + var(--stack-tile)) !important;
  inset-inline-end: calc(50 * var(--vw) + var(--text-pad)) !important;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
}
:where(html[data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on),
:where(html[data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar:has(.app-forward-wrapper.is-on) {
  inset-inline-start: calc(var(--text-pad) + 2 * var(--stack-tile)) !important;
}
:where(html[data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar > *,
:where(html[data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar > * {
  min-width: 0;
}
/* The five toolbar drop-downs sit in the left half under the toolbar, on the side line (--text-pad) at both ends, as tall as their
   content and no lower than one gap above the bottom edge (a longer one scrolls inside). */
:where(html[data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
:where(html[data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
:where(html[data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
:where(html[data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
:where(html[data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
:where(html[data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown {
  position: fixed !important;
  top: var(--drop-top) !important;
  right: calc(50 * var(--vw) + var(--text-pad)) !important;
  bottom: auto !important;
  left: var(--text-pad) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important; /* the closed boxes of some drop-downs keep a minimum height of their own */
  max-height: calc(100 * var(--vh) - var(--drop-top) - var(--stack-gap)) !important; /* one gap above the bottom of the screen */
}
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mqSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #davSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #crSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #trSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ftSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ntSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mhiSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #liSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #fshSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-resources-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-translate-dropdown-container,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .sqp-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-profile-dropdown,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #aesSection .app-menu-btn-wrapper .app-tools-toolbar .app-collections-dropdown {
  right: var(--text-pad) !important;
  left: calc(50 * var(--vw) + var(--text-pad)) !important;
}
/* The ten pop-ups ("Your Charge" and its sisters): like the page, text half (title row + reading panel) on the left, picture on
   the right. The window is 12px from every edge of the screen on the phone base, and the title row grows with the title (two
   lines), so the reading panel starts below it. */
:where(html[data-layout="phone-sideways"]) #mqYourChargeModal,
:where(html[data-layout="phone-sideways"]) #davSteadyYourselfModal,
:where(html[data-layout="phone-sideways"]) #crHonourTheCraftModal,
:where(html[data-layout="phone-sideways"]) #trKnowTheGroundModal,
:where(html[data-layout="phone-sideways"]) #ftFormFirstModal,
:where(html[data-layout="phone-sideways"]) #ntEatWithIntentModal,
:where(html[data-layout="phone-sideways"]) #mhiReframeItModal,
:where(html[data-layout="phone-sideways"]) #liMeetThemHalfwayModal,
:where(html[data-layout="phone-sideways"]) #fshWearItWellModal,
:where(html[data-layout="phone-sideways"]) #aesMakeItARitualModal {
  top: calc(12px / var(--phone-base));
  left: calc(12px / var(--phone-base));
  width: calc(calc(100 * var(--vw)) - 24px / var(--phone-base));
  height: calc(calc(100 * var(--vh)) - 24px / var(--phone-base));
  grid-template-rows: auto minmax(0, 1fr);
}
/* The Sunday quiz window is a pop-up of the same kind: 12px from every edge on the phone base. */
:where(html[data-layout="phone-sideways"]) #sundayQuizModal {
  top: calc(12px / var(--phone-base));
  left: calc(12px / var(--phone-base));
  width: calc(calc(100 * var(--vw)) - 24px / var(--phone-base));
  height: calc(calc(100 * var(--vh)) - 24px / var(--phone-base));
}
/* The faint logo: in the middle of the left half of the pop-up (right half in Arabic), 320px on the phone base but never wider than the half. */
:where(html[data-layout="phone-sideways"]) #mqYourChargeModal .mq-your-charge-modal-title-logo,
:where(html[data-layout="phone-sideways"]) #davSteadyYourselfModal .dav-steady-yourself-modal-title-logo,
:where(html[data-layout="phone-sideways"]) #crHonourTheCraftModal .cr-honour-the-craft-modal-title-logo,
:where(html[data-layout="phone-sideways"]) #trKnowTheGroundModal .tr-know-the-ground-modal-title-logo,
:where(html[data-layout="phone-sideways"]) #ftFormFirstModal .ft-form-first-modal-title-logo,
:where(html[data-layout="phone-sideways"]) #ntEatWithIntentModal .nt-eat-with-intent-modal-title-logo,
:where(html[data-layout="phone-sideways"]) #mhiReframeItModal .mhi-reframe-it-modal-title-logo,
:where(html[data-layout="phone-sideways"]) #liMeetThemHalfwayModal .li-meet-them-halfway-modal-title-logo,
:where(html[data-layout="phone-sideways"]) #fshWearItWellModal .fsh-wear-it-well-modal-title-logo,
:where(html[data-layout="phone-sideways"]) #aesMakeItARitualModal .aes-make-it-a-ritual-modal-title-logo {
  left: calc(25 * var(--vw) + 6px / var(--phone-base));
  top: calc(50 * var(--vh) + 28px);
  width: min(calc(320px / var(--phone-base)), calc(40 * var(--vw)), calc(80 * var(--vh)));
  height: min(calc(320px / var(--phone-base)), calc(40 * var(--vw)), calc(80 * var(--vh)));
  min-width: 0;
  min-height: 0;
}
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mqYourChargeModal .mq-your-charge-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #davSteadyYourselfModal .dav-steady-yourself-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #crHonourTheCraftModal .cr-honour-the-craft-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #trKnowTheGroundModal .tr-know-the-ground-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ftFormFirstModal .ft-form-first-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #ntEatWithIntentModal .nt-eat-with-intent-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #mhiReframeItModal .mhi-reframe-it-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #liMeetThemHalfwayModal .li-meet-them-halfway-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #fshWearItWellModal .fsh-wear-it-well-modal-title-logo,
html[dir="rtl"]:where([data-layout="phone-sideways"]) #aesMakeItARitualModal .aes-make-it-a-ritual-modal-title-logo {
  left: calc(75 * var(--vw) - 6px / var(--phone-base)) !important;
}