/* feederism.org fdr-qz-hub.css — generated by scripts/quiz/build-quiz-assets.mjs from templates/qz-hub.css; do not edit */
html[data-fdr-qz="2"]:not(#fdr-x) main.wrap{max-inline-size:var(--fdr-layout-wide-max)}html[data-fdr-qz="2"]:not(#fdr-x) main.wrap>*{max-inline-size:none}html[data-fdr-qz="2"]:not(#fdr-x) main.wrap>section:is(.grid,.commstrip,.myresults){margin-block-start:0}html[data-fdr-qz="2"]:not(#fdr-x) .hero{display:grid;justify-items:start;gap:14px;max-inline-size:46rem;margin:0 0 28px;text-align:start}html[data-fdr-qz="2"]:not(#fdr-x) .hero .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font:var(--fdr-type-label);letter-spacing:.04em;color:var(--fdr-accent)}html[data-fdr-qz="2"]:not(#fdr-x) .hero .eyebrow::before{content:"";inline-size:16px;block-size:16px;background:currentColor;-webkit-mask:var(--fdr-curl) center/contain no-repeat;mask:var(--fdr-curl) center/contain no-repeat}html[data-fdr-qz="2"]:not(#fdr-x) .hero h1{margin:0;font:var(--fdr-type-h1);letter-spacing:var(--fdr-track-h1)}html[data-fdr-qz="2"]:not(#fdr-x) .hero .sub{max-inline-size:44ch;margin:0;font:var(--fdr-type-lead);color:var(--fdr-text-2);text-align:start}html[data-fdr-qz="2"]:not(#fdr-x) .hero .stats{display:flex;flex-wrap:wrap;gap:0;justify-content:flex-start}html[data-fdr-qz="2"]:not(#fdr-x) .hero .stats span{padding:0;border:0;border-radius:0;background:0 0;color:var(--fdr-text-3);font:var(--fdr-type-small);letter-spacing:0;backdrop-filter:none}html[data-fdr-qz="2"]:not(#fdr-x) .hero .stats span+span::before{content:"·";margin-inline:8px}html[data-fdr-qz="2"]:not(#fdr-x) .myresults{max-inline-size:46rem;margin:0 0 28px;padding:20px 22px;border:0;border-radius:var(--fdr-radius-card);background:var(--fdr-surface-1);box-shadow:inset 0 0 0 1px var(--fdr-line)}html[data-fdr-qz="2"]:not(#fdr-x) .myresults h2{margin:0 0 4px;font:var(--fdr-type-h4);color:var(--fdr-text)}html[data-fdr-qz="2"]:not(#fdr-x) .myr-sub{margin:0 0 8px;font:var(--fdr-type-small);color:var(--fdr-text-3)}html[data-fdr-qz="2"]:not(#fdr-x) .saved-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-block-size:56px;padding-block:8px;border-block-start:1px solid var(--fdr-line)}html[data-fdr-qz="2"]:not(#fdr-x) .saved-row a{color:var(--fdr-text);font:650 1rem/1.35 var(--fdr-font-ui);text-decoration:none}html[data-fdr-qz="2"]:not(#fdr-x) .saved-meta{margin:2px 0 0;font:var(--fdr-type-small);color:var(--fdr-text-3)}html[data-fdr-qz="2"]:not(#fdr-x) .saved-del{min-block-size:44px;padding:0 14px;border:0;border-radius:var(--fdr-radius-control);background:0 0;color:var(--fdr-text-2);font:650 .875rem/1 var(--fdr-font-ui);box-shadow:inset 0 0 0 1.5px var(--fdr-line-strong);cursor:pointer}html[data-fdr-qz="2"]:not(#fdr-x) .cats{position:sticky;inset-block-start:var(--fdr-layout-header-height-phone);z-index:5;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin:0 calc(-1*var(--fdr-layout-gutter)) 8px;padding:10px var(--fdr-layout-gutter);overflow-x:auto;scrollbar-width:none;background:var(--fdr-canvas);border-block-end:1px solid var(--fdr-line);-webkit-mask:linear-gradient(90deg,transparent 0,black var(--fdr-qz-fl,0px),black calc(100% - var(--fdr-qz-fr,0px)),transparent 100%);mask:linear-gradient(90deg,transparent 0,black var(--fdr-qz-fl,0px),black calc(100% - var(--fdr-qz-fr,0px)),transparent 100%)}html[data-fdr-qz="2"]:not(#fdr-x) .cats::-webkit-scrollbar{display:none}html[data-fdr-qz="2"]:not(#fdr-x) .cats.fdr-qz-fade-s{--fdr-qz-fl:28px}html[data-fdr-qz="2"]:not(#fdr-x) .cats.fdr-qz-fade-e{--fdr-qz-fr:28px}html[data-fdr-qz="2"]:not(#fdr-x)[dir=rtl] .cats{-webkit-mask-image:linear-gradient(270deg,transparent 0,black var(--fdr-qz-fl,0px),black calc(100% - var(--fdr-qz-fr,0px)),transparent 100%);mask-image:linear-gradient(270deg,transparent 0,black var(--fdr-qz-fl,0px),black calc(100% - var(--fdr-qz-fr,0px)),transparent 100%)}html[data-fdr-qz="2"]:not(#fdr-x) .cat{flex:none;display:inline-flex;align-items:center;min-block-size:44px;padding:0 16px;border:0;border-radius:var(--fdr-radius-pill);background:var(--fdr-surface-1);box-shadow:inset 0 0 0 1.5px var(--fdr-line);color:var(--fdr-text-2);font:650 .9375rem/1 var(--fdr-font-ui);letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;transition:background-color var(--fdr-dur-quick)}html[data-fdr-qz="2"]:not(#fdr-x) .cat:hover{background:var(--fdr-surface-2);color:var(--fdr-text);box-shadow:inset 0 0 0 1.5px var(--fdr-line-strong)}html[data-fdr-qz="2"]:not(#fdr-x) .cat.on{background:var(--fdr-cream-200);color:var(--fdr-ink);box-shadow:none}html[data-fdr-qz="2"]:not(#fdr-x) .grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0}html[data-fdr-qz="2"]:not(#fdr-x) .qcard{--fdr-cat:var(--fdr-psychology);position:relative;display:block;overflow:visible;border:0;border-block-end:1px solid var(--fdr-line);border-radius:0;background:0 0;box-shadow:none;color:inherit;text-decoration:none;transform:none}html[data-fdr-qz="2"]:not(#fdr-x) .qcard[data-cat^=relationships]{--fdr-cat:var(--fdr-friends)}html[data-fdr-qz="2"]:not(#fdr-x) .qcard[data-cat~=safety]{--fdr-cat:var(--fdr-support)}html[data-fdr-qz="2"]:not(#fdr-x) .qcard[href^="/tools/"],html[data-fdr-qz="2"]:not(#fdr-x) .qcard[href*="/herramientas/"]{--fdr-cat:var(--fdr-text-2)}html[data-fdr-qz="2"]:not(#fdr-x) .qcard::before{display:none}html[data-fdr-qz="2"]:not(#fdr-x) .qcard:hover{transform:none;border-color:var(--fdr-line);box-shadow:none}html[data-fdr-qz="2"]:not(#fdr-x) .qcard-body{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;column-gap:14px;row-gap:4px;padding:16px 0}html[data-fdr-qz="2"]:not(#fdr-x) .qcard .top{display:contents}html[data-fdr-qz="2"]:not(#fdr-x) .qcard .ic{grid-column:1;grid-row:1/span 4;inline-size:24px;block-size:24px;margin-block-start:1px;border:0;border-radius:0;background:0 0;color:var(--fdr-cat)}html[data-fdr-qz="2"]:not(#fdr-x) .qcard .ic svg{inline-size:24px;block-size:24px}html[data-fdr-qz="2"]:not(#fdr-x) .qcard .badge{grid-column:2;grid-row:1;justify-self:start;padding:0;border:0;border-radius:0;font:var(--fdr-type-label);letter-spacing:0;text-transform:none;color:var(--fdr-cat)}html[data-fdr-qz="2"]:not(#fdr-x) .qcard h2{grid-column:2;grid-row:2;margin:0;font:700 1.125rem/1.3 var(--fdr-font-ui);letter-spacing:-.01em;color:var(--fdr-text)}html[data-fdr-qz="2"]:not(#fdr-x) .qcard p{grid-column:2;grid-row:3;margin:0;font:var(--fdr-type-small);color:var(--fdr-text-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}html[data-fdr-qz="2"]:not(#fdr-x) .qcard .meta{grid-column:2;grid-row:4;display:flex;flex-wrap:wrap;gap:0;margin:2px 0 0}html[data-fdr-qz="2"]:not(#fdr-x) .qcard .tag{padding:0;border:0;border-radius:0;background:0 0;color:var(--fdr-text-3);font:var(--fdr-type-caption);letter-spacing:0}html[data-fdr-qz="2"]:not(#fdr-x) .qcard .tag+.tag::before{content:"·";margin-inline:6px}html[data-fdr-qz="2"]:not(#fdr-x) .qcard .cta{grid-column:3;grid-row:1/span 4;align-self:center;inline-size:20px;block-size:20px;overflow:hidden;color:transparent;font-size:0;gap:0}html[data-fdr-qz="2"]:not(#fdr-x) .qcard .cta::before{content:"";display:block;inline-size:20px;block-size:20px;background:var(--fdr-text-3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")center/contain no-repeat}html[data-fdr-qz="2"]:not(#fdr-x)[dir=rtl] .qcard .cta::before{transform:scaleX(-1)}html[data-fdr-qz="2"]:not(#fdr-x) .qcard:hover h2{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.18em}html[data-fdr-qz="2"]:not(#fdr-x) .qcard.soon{opacity:.72}html[data-fdr-qz="2"]:not(#fdr-x) .prose{max-inline-size:var(--fdr-reading);margin:var(--fdr-section)0 0;color:var(--fdr-text-2)}html[data-fdr-qz="2"]:not(#fdr-x) .prose h2{margin:40px 0 14px;font:var(--fdr-type-h2);letter-spacing:var(--fdr-track-h2);color:var(--fdr-text)}html[data-fdr-qz="2"]:not(#fdr-x) .prose h2:first-child{margin-block-start:0}html[data-fdr-qz="2"]:not(#fdr-x) .prose p{margin:0 0 14px;font:var(--fdr-type-prose);color:var(--fdr-text-2)}html[data-fdr-qz="2"]:not(#fdr-x) .prose strong a{font-weight:700}html[data-fdr-qz="2"]:not(#fdr-x) main.wrap>.foot{max-inline-size:var(--fdr-reading);text-align:start}@media (min-width:768px){html[data-fdr-qz="2"]:not(#fdr-x) .cats{position:static;margin:0 0 20px;padding:0;border:0;background:0 0;flex-wrap:wrap;overflow:visible;-webkit-mask:none;mask:none}html[data-fdr-qz="2"]:not(#fdr-x) .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}html[data-fdr-qz="2"]:not(#fdr-x) .qcard{border:0;border-radius:var(--fdr-radius-card);background:var(--fdr-surface-1);box-shadow:inset 0 0 0 1px var(--fdr-line),0 3px 0 var(--fdr-edge)}html[data-fdr-qz="2"]:not(#fdr-x) .qcard:hover{background:var(--fdr-surface-2);box-shadow:inset 0 0 0 1px var(--fdr-line-strong),0 3px 0 var(--fdr-edge)}html[data-fdr-qz="2"]:not(#fdr-x) .qcard-body{align-content:start;block-size:100%;box-sizing:border-box;padding:22px 20px 22px 22px}html[data-fdr-qz="2"]:not(#fdr-x) .qcard p{-webkit-line-clamp:4}html[data-fdr-qz="2"]:not(#fdr-x) .qcard .cta{align-self:start;margin-block-start:2px}}@media (min-width:1100px){html[data-fdr-qz="2"]:not(#fdr-x) .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}