/* feederism.org fdr-tl.css — generated by scripts/quiz/build-quiz-assets.mjs from templates/tl.css; do not edit */
html[data-fdr-tl="2"]:not(#fdr-x) .wrap>:is(#app,.card){margin-block:8px 0}html[data-fdr-tl="2"]:not(#fdr-x) .wrap>div:has(>.ab-badge){display:flex;flex-wrap:wrap;gap:6px 18px;margin:-12px 0 24px}html[data-fdr-tl="2"]:not(#fdr-x) .ab-badge{display:inline-flex;align-items:center;gap:8px;margin:0;padding:0;border:0;border-radius:0;background:0 0;color:var(--fdr-text-2);font:var(--fdr-type-small);letter-spacing:0}html[data-fdr-tl="2"]:not(#fdr-x) .ab-badge b{display:inline-grid;place-items:center;inline-size:18px;block-size:18px;border-radius:50%;background:var(--fdr-surface-3);color:var(--fdr-text);font:800 .6875rem/1 var(--fdr-font-ui)}@media (min-width:1024px){html[data-fdr-tl="2"]:not(#fdr-x) .wrap:has(>#app):not(:has(>#app>.screen)){display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:repeat(5,auto) 1fr;column-gap:clamp(40px,5vw,80px);align-items:start}html[data-fdr-tl="2"]:not(#fdr-x) .wrap:has(>#app):not(:has(>#app>.screen))>*{grid-column:1/-1;max-inline-size:var(--fdr-reading)}html[data-fdr-tl="2"]:not(#fdr-x) .wrap:has(>#app):not(:has(>#app>.screen))>:is(.top,h1,.lead,.ageline,div:has(>.ab-badge)){grid-column:1}html[data-fdr-tl="2"]:not(#fdr-x) .wrap:has(>#app):not(:has(>#app>.screen))>#app{grid-column:2;grid-row:1/span 6;max-inline-size:none;margin:0;position:sticky;inset-block-start:calc(var(--fdr-layout-header-height) + 24px)}html[data-fdr-tl="2"]:not(#fdr-x) .wrap:has(>#app):not(:has(>#app>.screen))>.lead{font-size:1.125rem}}html[data-fdr-tl="2"]:not(#fdr-x) #app .card,html[data-fdr-tl="2"]:not(#fdr-x) #app>.screen{display:block;padding:clamp(20px,4vw,36px);border:0;border-radius:var(--fdr-radius-sheet);background:var(--fdr-surface-1);box-shadow:inset 0 0 0 1px var(--fdr-line),0 4px 0 var(--fdr-edge)}html[data-fdr-tl="2"]:not(#fdr-x) #app .card>*+*{margin-block-start:14px}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.kicker,.stepno,.qkicker,.eyebrow){margin:0 0 8px;font:var(--fdr-type-label);letter-spacing:0;text-transform:none;color:var(--fdr-text-2)}html[data-fdr-tl="2"]:not(#fdr-x) #app .startcard .kicker{font:var(--fdr-type-h4);color:var(--fdr-text)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.startcard p,.card>p,.sub){font:var(--fdr-type-body);color:var(--fdr-text-2)}html[data-fdr-tl="2"]:not(#fdr-x) #app .steps{display:grid;grid-auto-flow:column;gap:4px;margin:0 0 18px}html[data-fdr-tl="2"]:not(#fdr-x) #app .steps span{block-size:4px;border-radius:var(--fdr-radius-pill);background:var(--fdr-line)}html[data-fdr-tl="2"]:not(#fdr-x) #app .steps span.on{background:var(--fdr-cream-200)}html[data-fdr-tl="2"]:not(#fdr-x) #app .q{margin:0;font:var(--fdr-type-body);letter-spacing:0;color:var(--fdr-text)}html[data-fdr-tl="2"]:not(#fdr-x) #app .q h2,html[data-fdr-tl="2"]:not(#fdr-x) #app h2{margin:0 0 8px;font:650 var(--fdr-size-h3)/1.22 var(--fdr-font-display);letter-spacing:-.01em;color:var(--fdr-text);text-wrap:balance}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.q .why,.why){margin:0 0 18px;font:var(--fdr-type-body);color:var(--fdr-text-2)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.f,label.f,.f1,.f2){display:block;margin:18px 0 8px;font:650 .9375rem/1.35 var(--fdr-font-ui);color:var(--fdr-text)}html[data-fdr-tl="2"]:not(#fdr-x) #app .hint{margin:6px 0 0;font:var(--fdr-type-small);color:var(--fdr-text-3)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(button.choice,.choice,button.clause,.clause,.qrow,.revrow,.modecard,.item){display:block;inline-size:100%;margin:8px 0 0;padding:14px 16px;border:0;border-radius:var(--fdr-radius-card);background:var(--fdr-surface-1);box-shadow:inset 0 0 0 1.5px var(--fdr-line);color:var(--fdr-text);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--fdr-dur-quick)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.choice,.clause,.qrow,.revrow,.modecard):hover{background:var(--fdr-surface-2);box-shadow:inset 0 0 0 1.5px var(--fdr-line-strong)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.choice,.clause,.qrow,.revrow,.modecard):is(.sel,[aria-pressed=true]){background:var(--fdr-surface-2);box-shadow:inset 0 0 0 2px var(--fdr-cream-200)}html[data-fdr-tl="2"]:not(#fdr-x) #app .choice b,html[data-fdr-tl="2"]:not(#fdr-x) #app .clause>span b,html[data-fdr-tl="2"]:not(#fdr-x) #app .modecard b{display:block;margin:0 0 2px;font:700 1rem/1.35 var(--fdr-font-ui);color:var(--fdr-text)}html[data-fdr-tl="2"]:not(#fdr-x) #app .choice span,html[data-fdr-tl="2"]:not(#fdr-x) #app .clause>span span,html[data-fdr-tl="2"]:not(#fdr-x) #app .modecard span{display:block;font:var(--fdr-type-small);color:var(--fdr-text-2)}html[data-fdr-tl="2"]:not(#fdr-x) #app .clause{display:flex;gap:14px;align-items:flex-start}html[data-fdr-tl="2"]:not(#fdr-x) #app .clause .tick{position:relative;flex:none;inline-size:24px;block-size:24px;margin:0;border:0;border-radius:7px;background:0 0;box-shadow:inset 0 0 0 2px var(--fdr-line-strong)}html[data-fdr-tl="2"]:not(#fdr-x) #app .clause.sel .tick{background:var(--fdr-cream-200);box-shadow:none}html[data-fdr-tl="2"]:not(#fdr-x) #app .clause.sel .tick::after{content:"";position:absolute;inset:0;background:var(--fdr-ink);-webkit-mask:var(--fdr-check) center/16px no-repeat;mask:var(--fdr-check) center/16px no-repeat;color:transparent}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.pill,button.pill){display:inline-flex;align-items:center;min-block-size:44px;margin:4px 6px 4px 0;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);cursor:pointer}html[data-fdr-tl="2"]:not(#fdr-x) #app .pill:is(.sel,.on,[aria-pressed=true]){background:var(--fdr-cream-200);color:var(--fdr-ink);box-shadow:none}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.navrow,.rowbtns,.row){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-start:24px}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.navrow,.row) .btn.primary{margin-inline-start:auto}@media (max-width:599.98px){html[data-fdr-tl="2"]:not(#fdr-x) #app .navrow .btn.primary{flex:1}}html[data-fdr-tl="2"]:not(#fdr-x) #app .draftnote{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:20px 0 0;padding-block-start:14px;border-block-start:1px solid var(--fdr-line);font:var(--fdr-type-small);color:var(--fdr-text-3);text-align:start}html[data-fdr-tl="2"]:not(#fdr-x) #app .draftnote button{min-block-size:44px;padding:0 4px;border:0;background:0 0;color:var(--fdr-text-2);font:650 .875rem/1 var(--fdr-font-ui);text-decoration:underline;text-decoration-color:var(--fdr-line-strong);text-underline-offset:4px;cursor:pointer}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.docactions){display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:20px 0 6px}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.letterwrap textarea,.doc){box-sizing:border-box;inline-size:100%;padding:clamp(22px,4vw,36px);border:0;border-radius:var(--fdr-radius-card);background:var(--fdr-cream-200);color:var(--fdr-ink);font:400 1.0625rem/1.7 var(--fdr-font-ui);box-shadow:0 4px 0 var(--fdr-edge)}html[data-fdr-tl="2"]:not(#fdr-x) #app .doc :is(h1,h2,h3,h4,b,strong){color:var(--fdr-ink)}html[data-fdr-tl="2"]:not(#fdr-x) #app .doc :is(p,li){color:var(--fdr-ink)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.doctabs,.jtabs){display:flex;gap:4px;margin:0 0 16px;padding:4px;border-radius:var(--fdr-radius-pill);background:var(--fdr-surface-2);overflow-x:auto}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.doctab,.jtab){flex:1 0 auto;min-block-size:40px;padding:0 14px;border:0;border-radius:var(--fdr-radius-pill);background:0 0;color:var(--fdr-text-2);font:650 .9375rem/1 var(--fdr-font-ui);cursor:pointer}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.doctab,.jtab):is(.on,.sel,[aria-selected=true],[aria-pressed=true]){background:var(--fdr-cream-200);color:var(--fdr-ink)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.gentle,.floorbox,.infobox,.agrbox,.supportnote,.notecard,.linkbox,.warn,.guide,.okline){display:block;margin:14px 0 0;padding:16px 18px;border:0;border-radius:var(--fdr-radius-card);background:var(--fdr-surface-2);color:var(--fdr-text-2);font:var(--fdr-type-small);box-shadow:inset 0 0 0 1.5px var(--fdr-line-strong)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.gentle,.supportnote,.floorbox){background:var(--fdr-support-wash);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--fdr-support) 45%,transparent)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.gentle,.supportnote,.floorbox) :is(h3,h4,b){color:var(--fdr-support)}html[data-fdr-tl="2"]:not(#fdr-x) #app .warn{background:var(--fdr-danger-wash);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--fdr-danger) 50%,transparent);color:var(--fdr-text)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.cbar,.ptrack,.ctrack){block-size:6px;border-radius:3px;background:var(--fdr-surface-3);overflow:hidden}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.cfill,.pfill){display:block;block-size:100%;border-radius:inherit;background:var(--fdr-psychology)}html[data-fdr-tl="2"]:not(#fdr-x) #app .sdot{border-color:var(--fdr-line-strong)}html[data-fdr-tl="2"]:not(#fdr-x) #app .flag{color:var(--fdr-warning)}html[data-fdr-tl="2"]:not(#fdr-x) #app .quote,html[data-fdr-tl="2"]:not(#fdr-x) #app .quotes{color:var(--fdr-text)}html[data-fdr-tl="2"]:not(#fdr-x) #app .waitcard{text-align:center}html[data-fdr-tl="2"]:not(#fdr-x) .wrap>.topbar .small{font:var(--fdr-type-label);color:var(--fdr-text-2)}html[data-fdr-tl="2"]:not(#fdr-x) .wrap>.prog{block-size:4px;margin:0 0 18px;border-radius:2px;background:var(--fdr-surface-3);overflow:hidden}html[data-fdr-tl="2"]:not(#fdr-x) .wrap>.prog>span{display:block;block-size:100%;background:var(--fdr-cream-200)}html[data-fdr-tl="2"]:not(#fdr-x) #app .screen h1{margin:0 0 14px}html[data-fdr-tl="2"]:not(#fdr-x) #app .screen .opts{display:grid;gap:8px}html[data-fdr-tl="2"]:not(#fdr-x) #app .screen .opts>*{min-block-size:52px}html[data-fdr-tl="2"]:not(#fdr-x) #app .ring{display:none}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.big){font:650 clamp(1.6rem,1.3rem + 1.4vw,2.25rem)/1.15 var(--fdr-font-display);color:var(--fdr-text)}html[data-fdr-tl="2"]:not(#fdr-x) #app .sect{margin-block-start:22px}html[data-fdr-tl="2"]:not(#fdr-x) #app .sect>.h,html[data-fdr-tl="2"]:not(#fdr-x) #app .h{font:var(--fdr-type-label);color:var(--fdr-text-2)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.hist,.histrow,.entry){padding-block:14px;border-block-end:1px solid var(--fdr-line)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.hdate,.ago,.due){font:var(--fdr-type-small);color:var(--fdr-text-3)}html[data-fdr-tl="2"]:not(#fdr-x) #app .empty{padding:20px;border-radius:var(--fdr-radius-card);background:var(--fdr-surface-2);color:var(--fdr-text-2);text-align:center}html[data-fdr-tl="2"]:not(#fdr-x) #app .cat-title{margin:22px 0 8px;font:var(--fdr-type-h4);color:var(--fdr-text)}html[data-fdr-tl="2"]:not(#fdr-x) #app .bank ol{display:grid;gap:8px;padding-inline-start:28px;color:var(--fdr-text-2)}html[data-fdr-tl="2"]:not(#fdr-x) .fdr-tl-msg{margin:0 0 12px}html[data-fdr-tl="2"]:not(#fdr-x) .fdr-k-note--err.fdr-tl-msg{display:grid;grid-template-columns:8px minmax(0,1fr);column-gap:10px;align-items:baseline}html[data-fdr-tl="2"]:not(#fdr-x) .fdr-k-note--err.fdr-tl-msg::before{margin:0;align-self:start;margin-block-start:.5em}@media print{html[data-fdr-tl="2"]:not(#fdr-x) .fdr-tl-msg{display:none}}@media (max-width:1023.98px){html[data-fdr-tl="2"]:not(#fdr-x).fdr-tl-step .wrap>:is(.top,.lead,.ageline,div:has(>.ab-badge)){display:none}html[data-fdr-tl="2"]:not(#fdr-x).fdr-tl-step .wrap>h1{margin:0 0 12px;font:700 .9375rem/1.35 var(--fdr-font-ui);letter-spacing:0;color:var(--fdr-text-2)}}html[data-fdr-tl="2"]:not(#fdr-x) #app .reco,html[data-fdr-tl="2"]:not(#fdr-x) #app .modecard .reco{display:inline-block;float:inline-end;margin:0 0 6px 10px;padding:4px 10px;border:0;border-radius:var(--fdr-radius-pill);background:var(--fdr-surface-3);color:var(--fdr-text);font:700 .75rem/1.2 var(--fdr-font-ui);letter-spacing:0;text-transform:none}html[data-fdr-tl="2"]:not(#fdr-x) #app .small,html[data-fdr-tl="2"]:not(#fdr-x) .wrap>.topbar .small{font:var(--fdr-type-small);color:var(--fdr-text-3)}html[data-fdr-tl="2"]:not(#fdr-x) #app .screen .lead{font:var(--fdr-type-lead);color:var(--fdr-text-2)}html[data-fdr-tl="2"]:not(#fdr-x) .fdrSyncBox{margin:16px 0;padding:16px 18px;border:0;border-radius:var(--fdr-radius-card);background:var(--fdr-surface-2);box-shadow:inset 0 0 0 1.5px var(--fdr-line-strong)}html[data-fdr-tl="2"]:not(#fdr-x) .fdrSyncHead{color:var(--fdr-text);font:700 .9375rem/1.35 var(--fdr-font-ui)}html[data-fdr-tl="2"]:not(#fdr-x) .fdrSyncHead.on b{color:var(--fdr-success)}html[data-fdr-tl="2"]:not(#fdr-x) .fdrSyncP{color:var(--fdr-text-2);font:var(--fdr-type-small)}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.doctabs,.jtabs){flex-wrap:nowrap;scrollbar-width:none}html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.doctabs,.jtabs)::-webkit-scrollbar{display:none}@media (max-width:599.98px){html[data-fdr-tl="2"]:not(#fdr-x) #app :is(.doctab,.jtab){padding:0 12px;font-size:.875rem}}