*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where(:not([type])),input:where([type=date]),input:where([type=datetime-local]),input:where([type=email]),input:where([type=month]),input:where([type=number]),input:where([type=password]),input:where([type=search]),input:where([type=tel]),input:where([type=text]),input:where([type=time]),input:where([type=url]),input:where([type=week]),select,select:where([multiple]),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}input:where(:not([type])):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=email]):focus,input:where([type=month]):focus,input:where([type=number]):focus,input:where([type=password]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=text]):focus,input:where([type=time]):focus,input:where([type=url]):focus,input:where([type=week]):focus,select:focus,select:where([multiple]):focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:focus,input:where([type=checkbox]):checked:hover,input:where([type=radio]):checked:focus,input:where([type=radio]):checked:hover{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:focus,input:where([type=checkbox]):indeterminate:hover{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-left-1{left:-.25rem}.-top-1{top:-.25rem}.-top-3{top:-.75rem}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-5{bottom:1.25rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-12{right:3rem}.right-3{right:.75rem}.right-5{right:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-24{top:6rem}.top-3{top:.75rem}.top-5{top:1.25rem}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.col-span-12{grid-column:span 12/span 12}.col-span-4{grid-column:span 4/span 4}.col-span-8{grid-column:span 8/span 8}.col-span-full{grid-column:1/-1}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mr-1{margin-right:-.25rem}.-mt-1{margin-top:-.25rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.\!h-5{height:1.25rem!important}.\!h-6{height:1.5rem!important}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[42px\]{height:42px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-56{max-height:14rem}.max-h-\[600px\]{max-height:600px}.max-h-\[82vh\]{max-height:82vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[92px\]{min-height:92px}.min-h-screen{min-height:100vh}.\!w-5{width:1.25rem!important}.\!w-6{width:1.5rem!important}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[18px\]{width:18px}.w-\[40\%\]{width:40%}.w-\[42px\]{width:42px}.w-\[58\%\]{width:58%}.w-\[76\%\]{width:76%}.w-\[92\%\]{width:92%}.w-\[94\%\]{width:94%}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}
.min-w-\[220px\]{min-width:220px}.min-w-\[240px\]{min-width:240px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[640px\]{min-width:640px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[80px\]{max-width:80px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-full{--tw-translate-y:100%}.transform,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.resize{resize:both}.scroll-mt-20{scroll-margin-top:5rem}.scroll-mt-24{scroll-margin-top:6rem}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[1fr_120px_140px_1fr\]{grid-template-columns:1fr 120px 140px 1fr}.grid-cols-\[1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 1fr}.grid-cols-\[1fr_90px_60px_30px\]{grid-template-columns:1fr 90px 60px 30px}.grid-cols-\[60px_1fr_1fr_1fr\]{grid-template-columns:60px 1fr 1fr 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-1{row-gap:.25rem}.gap-y-1\.5{row-gap:.375rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-white\/5>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.05)}.divide-white\/\[\.04\]>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.04)}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[11px\]{border-radius:11px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[\#6ab0ff\]\/15{border-color:rgba(106,176,255,.15)}.border-\[\#6ab0ff\]\/20{border-color:rgba(106,176,255,.2)}.border-\[\#6ab0ff\]\/\[0\.12\]{border-color:rgba(106,176,255,.12)}.border-\[\#7cc5ff\]\/40{border-color:rgba(124,197,255,.4)}.border-\[\#8888ff\]\/20{border-color:rgba(136,136,255,.2)}.border-\[\#ff9664\]\/20{border-color:rgba(255,150,100,.2)}.border-\[\#ffb547\]\/10{border-color:rgba(255,181,71,.1)}.border-\[\#ffb547\]\/30{border-color:rgba(255,181,71,.3)}.border-\[\#ffb547\]\/40{border-color:rgba(255,181,71,.4)}.border-\[\#ffb547\]\/50{border-color:rgba(255,181,71,.5)}.border-\[\#ffc832\]\/20{border-color:rgba(255,200,50,.2)}.border-\[rgba\(106\2c 176\2c 255\2c 0\.1\)\]{border-color:rgba(106,176,255,.1)}.border-\[rgba\(198\2c 255\2c 58\2c 0\.08\)\]{border-color:rgba(198,255,58,.08)}.border-\[rgba\(198\2c 255\2c 58\2c 0\.12\)\]{border-color:rgba(198,255,58,.12)}.border-\[rgba\(255\2c 184\2c 74\2c 0\.08\)\]{border-color:rgba(255,184,74,.08)}.border-\[rgba\(255\2c 184\2c 74\2c 0\.1\)\]{border-color:rgba(255,184,74,.1)}.border-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]{border-color:hsla(0,0%,100%,.08)}.border-amber-400\/10{border-color:rgba(251,191,36,.1)}.border-amber-400\/15{border-color:rgba(251,191,36,.15)}.border-amber-400\/20{border-color:rgba(251,191,36,.2)}.border-amber-400\/30{border-color:rgba(251,191,36,.3)}.border-amber-400\/\[0\.15\]{border-color:rgba(251,191,36,.15)}.border-amber-500\/20{border-color:rgba(245,158,11,.2)}.border-lime{--tw-border-opacity:1;border-color:rgb(198 255 58/var(--tw-border-opacity,1))}.border-lime\/10{border-color:rgba(198,255,58,.1)}.border-lime\/15{border-color:rgba(198,255,58,.15)}.border-lime\/20{border-color:rgba(198,255,58,.2)}.border-lime\/25{border-color:rgba(198,255,58,.25)}.border-lime\/30{border-color:rgba(198,255,58,.3)}.border-lime\/40{border-color:rgba(198,255,58,.4)}.border-lime\/60{border-color:rgba(198,255,58,.6)}.border-lime\/\[0\.12\]{border-color:rgba(198,255,58,.12)}.border-lime\/\[0\.28\]{border-color:rgba(198,255,58,.28)}.border-purple-400\/15{border-color:rgba(192,132,252,.15)}.border-purple-400\/20{border-color:rgba(192,132,252,.2)}.border-red-400\/15{border-color:hsla(0,91%,71%,.15)}.border-red-400\/20{border-color:hsla(0,91%,71%,.2)}.border-red-500\/10{border-color:rgba(239,68,68,.1)}.border-red-500\/20{border-color:rgba(239,68,68,.2)}.border-red-500\/\[\.15\]{border-color:rgba(239,68,68,.15)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-white\/\[\.04\]{border-color:hsla(0,0%,100%,.04)}.border-white\/\[\.05\]{border-color:hsla(0,0%,100%,.05)}.border-white\/\[\.06\]{border-color:hsla(0,0%,100%,.06)}.border-white\/\[\.08\]{border-color:hsla(0,0%,100%,.08)}.border-white\/\[\.12\]{border-color:hsla(0,0%,100%,.12)}.border-white\/\[\.1\]{border-color:hsla(0,0%,100%,.1)}.border-white\/\[0\.08\]{border-color:hsla(0,0%,100%,.08)}.border-t-transparent{border-top-color:transparent}.bg-\[\#6ab0ff\]{--tw-bg-opacity:1;background-color:rgb(106 176 255/var(--tw-bg-opacity,1))}.bg-\[\#6ab0ff\]\/10{background-color:rgba(106,176,255,.1)}.bg-\[\#6ab0ff\]\/\[\.01\]{background-color:rgba(106,176,255,.01)}.bg-\[\#6ab0ff\]\/\[\.02\]{background-color:rgba(106,176,255,.02)}.bg-\[\#6ab0ff\]\/\[\.03\]{background-color:rgba(106,176,255,.03)}.bg-\[\#6ab0ff\]\/\[\.05\]{background-color:rgba(106,176,255,.05)}.bg-\[\#6ab0ff\]\/\[\.06\]{background-color:rgba(106,176,255,.06)}.bg-\[\#6ab0ff\]\/\[\.08\]{background-color:rgba(106,176,255,.08)}.bg-\[\#7cc5ff\]{--tw-bg-opacity:1;background-color:rgb(124 197 255/var(--tw-bg-opacity,1))}.bg-\[\#8888ff\]\/10{background-color:rgba(136,136,255,.1)}.bg-\[\#ff6b4a\]{--tw-bg-opacity:1;background-color:rgb(255 107 74/var(--tw-bg-opacity,1))}.bg-\[\#ff9664\]\/10{background-color:rgba(255,150,100,.1)}.bg-\[\#ffb547\]{--tw-bg-opacity:1;background-color:rgb(255 181 71/var(--tw-bg-opacity,1))}.bg-\[\#ffb547\]\/\[\.02\]{background-color:rgba(255,181,71,.02)}.bg-\[\#ffb547\]\/\[0\.04\],.bg-\[\#ffb547\]\/\[\.04\]{background-color:rgba(255,181,71,.04)}.bg-\[\#ffc832\]\/10{background-color:rgba(255,200,50,.1)}.bg-\[rgba\(106\2c 176\2c 255\2c 0\.06\)\]{background-color:rgba(106,176,255,.06)}.bg-\[rgba\(106\2c 176\2c 255\2c 0\.08\)\]{background-color:rgba(106,176,255,.08)}.bg-\[rgba\(198\2c 255\2c 58\2c 0\.06\)\]{background-color:rgba(198,255,58,.06)}.bg-\[rgba\(198\2c 255\2c 58\2c 0\.08\)\]{background-color:rgba(198,255,58,.08)}.bg-\[rgba\(255\2c 184\2c 74\2c 0\.06\)\]{background-color:rgba(255,184,74,.06)}.bg-\[rgba\(255\2c 184\2c 74\2c 0\.08\)\]{background-color:rgba(255,184,74,.08)}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.04\)\]{background-color:hsla(0,0%,100%,.04)}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-400\/10{background-color:rgba(251,191,36,.1)}.bg-amber-400\/\[\.01\]{background-color:rgba(251,191,36,.01)}.bg-amber-400\/\[\.02\]{background-color:rgba(251,191,36,.02)}.bg-amber-400\/\[\.03\]{background-color:rgba(251,191,36,.03)}.bg-amber-400\/\[\.04\]{background-color:rgba(251,191,36,.04)}.bg-amber-400\/\[\.05\]{background-color:rgba(251,191,36,.05)}.bg-amber-400\/\[\.06\]{background-color:rgba(251,191,36,.06)}.bg-amber-500\/5{background-color:rgba(245,158,11,.05)}.bg-bg-0{--tw-bg-opacity:1;background-color:rgb(7 9 10/var(--tw-bg-opacity,1))}.bg-bg-0\/30{background-color:rgba(7,9,10,.3)}.bg-bg-0\/40{background-color:rgba(7,9,10,.4)}.bg-bg-0\/50{background-color:rgba(7,9,10,.5)}.bg-bg-0\/80{background-color:rgba(7,9,10,.8)}.bg-bg-0\/85{background-color:rgba(7,9,10,.85)}.bg-bg-0\/90{background-color:rgba(7,9,10,.9)}.bg-bg-1{--tw-bg-opacity:1;background-color:rgb(11 15 14/var(--tw-bg-opacity,1))}.bg-bg-1\/20{background-color:rgba(11,15,14,.2)}.bg-bg-1\/30{background-color:rgba(11,15,14,.3)}.bg-bg-1\/40{background-color:rgba(11,15,14,.4)}.bg-bg-1\/50{background-color:rgba(11,15,14,.5)}.bg-bg-1\/60{background-color:rgba(11,15,14,.6)}.bg-bg-1\/80{background-color:rgba(11,15,14,.8)}.bg-bg-1\/90{background-color:rgba(11,15,14,.9)}.bg-bg-2{--tw-bg-opacity:1;background-color:rgb(17 22 26/var(--tw-bg-opacity,1))}.bg-cyan-400{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.bg-lime{--tw-bg-opacity:1;background-color:rgb(198 255 58/var(--tw-bg-opacity,1))}.bg-lime\/10{background-color:rgba(198,255,58,.1)}.bg-lime\/15{background-color:rgba(198,255,58,.15)}.bg-lime\/20{background-color:rgba(198,255,58,.2)}.bg-lime\/40{background-color:rgba(198,255,58,.4)}.bg-lime\/5{background-color:rgba(198,255,58,.05)}.bg-lime\/80{background-color:rgba(198,255,58,.8)}.bg-lime\/\[\.02\]{background-color:rgba(198,255,58,.02)}.bg-lime\/\[\.03\]{background-color:rgba(198,255,58,.03)}.bg-lime\/\[\.04\]{background-color:rgba(198,255,58,.04)}.bg-lime\/\[\.05\]{background-color:rgba(198,255,58,.05)}.bg-lime\/\[\.06\]{background-color:rgba(198,255,58,.06)}.bg-lime\/\[\.08\]{background-color:rgba(198,255,58,.08)}.bg-lime\/\[\.12\]{background-color:rgba(198,255,58,.12)}.bg-lime\/\[\.15\]{background-color:rgba(198,255,58,.15)}.bg-lime\/\[\.1\]{background-color:rgba(198,255,58,.1)}.bg-lime\/\[0\.03\]{background-color:rgba(198,255,58,.03)}.bg-lime\/\[0\.04\]{background-color:rgba(198,255,58,.04)}.bg-lime\/\[0\.06\]{background-color:rgba(198,255,58,.06)}.bg-lime\/\[0\.08\]{background-color:rgba(198,255,58,.08)}.bg-lime\/\[0\.10\]{background-color:rgba(198,255,58,.1)}.bg-purple-400{--tw-bg-opacity:1;background-color:rgb(192 132 252/var(--tw-bg-opacity,1))}.bg-purple-400\/10{background-color:rgba(192,132,252,.1)}.bg-purple-400\/\[\.03\]{background-color:rgba(192,132,252,.03)}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-400\/10{background-color:hsla(0,91%,71%,.1)}.bg-red-400\/\[\.03\]{background-color:hsla(0,91%,71%,.03)}.bg-red-500\/\[\.02\]{background-color:rgba(239,68,68,.02)}.bg-red-500\/\[\.04\]{background-color:rgba(239,68,68,.04)}.bg-transparent{background-color:transparent}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/\[\.015\]{background-color:hsla(0,0%,100%,.015)}.bg-white\/\[\.01\]{background-color:hsla(0,0%,100%,.01)}.bg-white\/\[\.02\]{background-color:hsla(0,0%,100%,.02)}.bg-white\/\[\.03\]{background-color:hsla(0,0%,100%,.03)}.bg-white\/\[\.04\]{background-color:hsla(0,0%,100%,.04)}.bg-white\/\[\.06\]{background-color:hsla(0,0%,100%,.06)}.bg-white\/\[0\.015\]{background-color:hsla(0,0%,100%,.015)}.bg-white\/\[0\.01\]{background-color:hsla(0,0%,100%,.01)}.bg-white\/\[0\.02\]{background-color:hsla(0,0%,100%,.02)}.bg-white\/\[0\.03\]{background-color:hsla(0,0%,100%,.03)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#6ab0ff\]\/\[0\.03\]{--tw-gradient-from:rgba(106,176,255,.03) var(--tw-gradient-from-position);--tw-gradient-to:rgba(106,176,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#6ab0ff\]\/\[0\.04\]{--tw-gradient-from:rgba(106,176,255,.04) var(--tw-gradient-from-position);--tw-gradient-to:rgba(106,176,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-lime\/\[0\.03\]{--tw-gradient-from:rgba(198,255,58,.03) var(--tw-gradient-from-position);--tw-gradient-to:rgba(198,255,58,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-lime\/\[0\.04\]{--tw-gradient-from:rgba(198,255,58,.04) var(--tw-gradient-from-position);--tw-gradient-to:rgba(198,255,58,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-lime\/20{--tw-gradient-to:rgba(198,255,58,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(198,255,58,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/\[0\.04\]{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.04) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-lime\/\[0\.01\]{--tw-gradient-to:rgba(198,255,58,.01) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[18px\]{padding-left:18px;padding-right:18px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.pb-0\.5{padding-bottom:.125rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-12{padding-left:3rem}.pl-16{padding-left:4rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-display{font-family:Newsreader,Fraunces,Georgia,serif}.font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif}.\!text-\[10px\]{font-size:10px!important}.\!text-\[11px\]{font-size:11px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[0\.95rem\]{font-size:.95rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[27px\]{font-size:27px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[36px\]{font-size:36px}.text-\[38px\]{font-size:38px}.text-\[40px\]{font-size:40px}.text-\[42px\]{font-size:42px}.text-\[44px\]{font-size:44px}.text-\[48px\]{font-size:48px}.text-\[52px\]{font-size:52px}.text-\[60px\]{font-size:60px}.text-\[68px\]{font-size:68px}.text-\[8px\]{font-size:8px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[clamp\(1\.15rem\2c 2\.6vw\2c 1\.5rem\)\]{font-size:clamp(1.15rem,2.6vw,1.5rem)}.text-\[clamp\(1\.2rem\2c 2\.8vw\2c 1\.7rem\)\]{font-size:clamp(1.2rem,2.8vw,1.7rem)}.text-\[clamp\(1\.3rem\2c 2\.5vw\2c 1\.8rem\)\]{font-size:clamp(1.3rem,2.5vw,1.8rem)}.text-\[clamp\(1\.4rem\2c 3\.5vw\2c 2\.2rem\)\]{font-size:clamp(1.4rem,3.5vw,2.2rem)}.text-\[clamp\(1\.4rem\2c 3\.5vw\2c 2rem\)\]{font-size:clamp(1.4rem,3.5vw,2rem)}.text-\[clamp\(1\.4rem\2c 3vw\2c 2rem\)\]{font-size:clamp(1.4rem,3vw,2rem)}.text-\[clamp\(1\.5rem\2c 3\.5vw\2c 2\.2rem\)\]{font-size:clamp(1.5rem,3.5vw,2.2rem)}.text-\[clamp\(1\.6rem\2c 4\.5vw\2c 2\.6rem\)\]{font-size:clamp(1.6rem,4.5vw,2.6rem)}.text-\[clamp\(1\.6rem\2c 4vw\2c 2\.4rem\)\]{font-size:clamp(1.6rem,4vw,2.4rem)}.text-\[clamp\(1\.6rem\2c 4vw\2c 2\.6rem\)\]{font-size:clamp(1.6rem,4vw,2.6rem)}.text-\[clamp\(1\.8rem\2c 4\.5vw\2c 2\.8rem\)\]{font-size:clamp(1.8rem,4.5vw,2.8rem)}.text-\[clamp\(1\.8rem\2c 4vw\2c 2\.8rem\)\]{font-size:clamp(1.8rem,4vw,2.8rem)}.text-\[clamp\(2\.2rem\2c 5vw\2c 3\.4rem\)\]{font-size:clamp(2.2rem,5vw,3.4rem)}.text-\[clamp\(2rem\2c 5vw\2c 3\.2rem\)\]{font-size:clamp(2rem,5vw,3.2rem)}.text-\[clamp\(2rem\2c 5vw\2c 3rem\)\]{font-size:clamp(2rem,5vw,3rem)}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.leading-\[1\.04\]{line-height:1.04}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.06\]{line-height:1.06}.leading-\[1\.08\]{line-height:1.08}.leading-\[1\.15\]{line-height:1.15}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.35\]{line-height:1.35}.leading-\[1\.3\]{line-height:1.3}.leading-loose{line-height:2}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[\.15em\]{letter-spacing:.15em}.tracking-\[\.25em\]{letter-spacing:.25em}.tracking-\[\.2em\]{letter-spacing:.2em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#6ab0ff\]{--tw-text-opacity:1;color:rgb(106 176 255/var(--tw-text-opacity,1))}.text-\[\#6ab0ff\]\/40{color:rgba(106,176,255,.4)}.text-\[\#6ab0ff\]\/50{color:rgba(106,176,255,.5)}.text-\[\#6ab0ff\]\/60{color:rgba(106,176,255,.6)}.text-\[\#6ab0ff\]\/75{color:rgba(106,176,255,.75)}.text-\[\#7cc5ff\]{--tw-text-opacity:1;color:rgb(124 197 255/var(--tw-text-opacity,1))}.text-\[\#e0736f\]{--tw-text-opacity:1;color:rgb(224 115 111/var(--tw-text-opacity,1))}.text-\[\#ffb547\]{--tw-text-opacity:1;color:rgb(255 181 71/var(--tw-text-opacity,1))}.text-\[\#ffb547\]\/50{color:rgba(255,181,71,.5)}.text-\[\#ffb547\]\/60{color:rgba(255,181,71,.6)}.text-\[rgba\(106\2c 176\2c 255\2c 0\.5\)\]{color:rgba(106,176,255,.5)}.text-\[rgba\(106\2c 176\2c 255\2c 0\.7\)\]{color:rgba(106,176,255,.7)}.text-\[rgba\(106\2c 176\2c 255\2c 0\.75\)\]{color:rgba(106,176,255,.75)}.text-\[rgba\(106\2c 176\2c 255\2c 0\.92\)\]{color:rgba(106,176,255,.92)}.text-\[rgba\(198\2c 255\2c 58\2c 0\.5\)\]{color:rgba(198,255,58,.5)}.text-\[rgba\(198\2c 255\2c 58\2c 0\.7\)\]{color:rgba(198,255,58,.7)}.text-\[rgba\(198\2c 255\2c 58\2c 0\.92\)\]{color:rgba(198,255,58,.92)}.text-\[rgba\(255\2c 184\2c 74\2c 0\.5\)\]{color:rgba(255,184,74,.5)}.text-\[rgba\(255\2c 184\2c 74\2c 0\.7\)\]{color:rgba(255,184,74,.7)}.text-\[rgba\(255\2c 184\2c 74\2c 0\.92\)\]{color:rgba(255,184,74,.92)}.text-\[rgba\(255\2c 255\2c 255\2c 0\.35\)\]{color:hsla(0,0%,100%,.35)}.text-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\]{color:hsla(0,0%,100%,.5)}.text-\[rgba\(255\2c 255\2c 255\2c 0\.92\)\]{color:hsla(0,0%,100%,.92)}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-300\/90{color:rgba(252,211,77,.9)}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-400\/40{color:rgba(251,191,36,.4)}.text-amber-400\/50{color:rgba(251,191,36,.5)}.text-amber-400\/60{color:rgba(251,191,36,.6)}.text-amber-400\/70{color:rgba(251,191,36,.7)}.text-bg-0{--tw-text-opacity:1;color:rgb(7 9 10/var(--tw-text-opacity,1))}.text-ink-0{--tw-text-opacity:1;color:rgb(244 246 243/var(--tw-text-opacity,1))}.text-ink-1{--tw-text-opacity:1;color:rgb(201 207 198/var(--tw-text-opacity,1))}.text-ink-2{--tw-text-opacity:1;color:rgb(163 170 161/var(--tw-text-opacity,1))}.text-ink-3{--tw-text-opacity:1;color:rgb(151 158 149/var(--tw-text-opacity,1))}.text-ink-3\/80{color:rgba(126,133,124,.8)}.text-lime{--tw-text-opacity:1;color:rgb(198 255 58/var(--tw-text-opacity,1))}.text-lime\/30{color:rgba(198,255,58,.3)}.text-lime\/40{color:rgba(198,255,58,.4)}.text-lime\/50{color:rgba(198,255,58,.5)}.text-lime\/60{color:rgba(198,255,58,.6)}.text-lime\/70{color:rgba(198,255,58,.7)}.text-lime\/75{color:rgba(198,255,58,.75)}.text-lime\/80{color:rgba(198,255,58,.8)}.text-lime\/90{color:rgba(198,255,58,.9)}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-400\/60{color:hsla(0,91%,71%,.6)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-lime{accent-color:#c6ff3a}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-\[0\.06\]{opacity:.06}.opacity-\[0\.08\]{opacity:.08}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lime\/10{--tw-shadow-color:rgba(198,255,58,.1);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[start\:nxt\]{start:nxt}.marker\:text-\[\#ff6b4a\] ::marker{color:#ff6b4a}.marker\:text-lime ::marker{color:#c6ff3a}.marker\:text-\[\#ff6b4a\]::marker{color:#ff6b4a}.marker\:text-lime::marker{color:#c6ff3a}.placeholder\:text-ink-2::-moz-placeholder{--tw-text-opacity:1;color:rgb(163 170 161/var(--tw-text-opacity,1))}.placeholder\:text-ink-2::placeholder{--tw-text-opacity:1;color:rgb(163 170 161/var(--tw-text-opacity,1))}.placeholder\:text-ink-3::-moz-placeholder{--tw-text-opacity:1;color:rgb(151 158 149/var(--tw-text-opacity,1))}.placeholder\:text-ink-3::placeholder{--tw-text-opacity:1;color:rgb(151 158 149/var(--tw-text-opacity,1))}.first\:mt-0:first-child{margin-top:0}.first\:border-0:first-child{border-width:0}.first\:pt-0:first-child{padding-top:0}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0}.focus-within\:border-lime\/30:focus-within{border-color:rgba(198,255,58,.3)}.focus-within\:border-lime\/60:focus-within{border-color:rgba(198,255,58,.6)}.focus-within\:border-lime\/70:focus-within{border-color:rgba(198,255,58,.7)}.hover\:border-\[\#7cc5ff\]\/35:hover{border-color:rgba(124,197,255,.35)}.hover\:border-amber-400\/40:hover{border-color:rgba(251,191,36,.4)}.hover\:border-lime:hover{--tw-border-opacity:1;border-color:rgb(198 255 58/var(--tw-border-opacity,1))}.hover\:border-lime\/20:hover{border-color:rgba(198,255,58,.2)}.hover\:border-lime\/25:hover{border-color:rgba(198,255,58,.25)}.hover\:border-lime\/30:hover{border-color:rgba(198,255,58,.3)}.hover\:border-lime\/40:hover{border-color:rgba(198,255,58,.4)}.hover\:border-lime\/45:hover{border-color:rgba(198,255,58,.45)}.hover\:border-lime\/50:hover{border-color:rgba(198,255,58,.5)}.hover\:border-red-400\/40:hover{border-color:hsla(0,91%,71%,.4)}.hover\:border-red-400\/50:hover{border-color:hsla(0,91%,71%,.5)}.hover\:border-white\/15:hover{border-color:hsla(0,0%,100%,.15)}.hover\:bg-amber-400\/\[\.1\]:hover{background-color:rgba(251,191,36,.1)}.hover\:bg-lime\/5:hover{background-color:rgba(198,255,58,.05)}.hover\:bg-lime\/10:hover{background-color:rgba(198,255,58,.1)}.hover\:bg-lime\/20:hover{background-color:rgba(198,255,58,.2)}.hover\:bg-lime\/\[\.02\]:hover{background-color:rgba(198,255,58,.02)}.hover\:bg-lime\/\[\.14\]:hover{background-color:rgba(198,255,58,.14)}.hover\:bg-lime\/\[\.1\]:hover{background-color:rgba(198,255,58,.1)}.hover\:bg-lime\/\[0\.04\]:hover{background-color:rgba(198,255,58,.04)}.hover\:bg-lime\/\[0\.06\]:hover{background-color:rgba(198,255,58,.06)}.hover\:bg-red-500\/\[\.02\]:hover{background-color:rgba(239,68,68,.02)}.hover\:bg-red-500\/\[\.03\]:hover{background-color:rgba(239,68,68,.03)}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:bg-white\/\[\.02\]:hover{background-color:hsla(0,0%,100%,.02)}.hover\:bg-white\/\[0\.025\]:hover{background-color:hsla(0,0%,100%,.025)}.hover\:bg-white\/\[0\.03\]:hover{background-color:hsla(0,0%,100%,.03)}.hover\:bg-white\/\[0\.04\]:hover{background-color:hsla(0,0%,100%,.04)}.hover\:text-\[\#ff6b4a\]:hover{--tw-text-opacity:1;color:rgb(255 107 74/var(--tw-text-opacity,1))}.hover\:text-amber-400:hover{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.hover\:text-amber-400\/80:hover{color:rgba(251,191,36,.8)}.hover\:text-ink-0:hover{--tw-text-opacity:1;color:rgb(244 246 243/var(--tw-text-opacity,1))}.hover\:text-ink-1:hover{--tw-text-opacity:1;color:rgb(201 207 198/var(--tw-text-opacity,1))}.hover\:text-lime:hover{--tw-text-opacity:1;color:rgb(198 255 58/var(--tw-text-opacity,1))}.hover\:text-lime-soft:hover{--tw-text-opacity:1;color:rgb(214 255 102/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-3:focus{left:.75rem}.focus\:top-3:focus{top:.75rem}.focus\:rounded:focus{border-radius:.25rem}.focus\:border-amber-400\/30:focus{border-color:rgba(251,191,36,.3)}.focus\:border-lime\/60:focus{border-color:rgba(198,255,58,.6)}.focus\:bg-lime:focus{--tw-bg-opacity:1;background-color:rgb(198 255 58/var(--tw-bg-opacity,1))}.focus\:px-3:focus{padding-left:.75rem;padding-right:.75rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-base:focus{font-size:1rem;line-height:1.5rem}.focus\:ring-lime\/60:focus{--tw-ring-color:rgba(198,255,58,.6)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.group[open] .group-open\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[open] .group-open\:opacity-100{opacity:1}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:text-lime{--tw-text-opacity:1;color:rgb(198 255 58/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:ml-4{margin-left:1rem}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:gap-6{gap:1.5rem}.sm\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.sm\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(0px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px*var(--tw-divide-y-reverse))}.sm\:p-5{padding:1.25rem}.sm\:pl-20{padding-left:5rem}.sm\:pl-\[76px\]{padding-left:76px}.sm\:pt-2{padding-top:.5rem}.sm\:text-left{text-align:left}.sm\:text-\[36px\]{font-size:36px}.sm\:text-\[56px\]{font-size:56px}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:mx-0{margin-left:0;margin-right:0}.md\:my-14{margin-top:3.5rem;margin-bottom:3.5rem}.md\:ml-auto{margin-left:auto}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[200px_1fr_1fr\]{grid-template-columns:200px 1fr 1fr}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-5{gap:1.25rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.md\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(0px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px*var(--tw-divide-y-reverse))}.md\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.md\:rounded-l-2xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.md\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.md\:rounded-r-2xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.md\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.md\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.md\:rounded-br-2xl{border-bottom-right-radius:1rem}.md\:rounded-tl-2xl{border-top-left-radius:1rem}.md\:border-b-0{border-bottom-width:0}.md\:border-r{border-right-width:1px}.md\:p-10{padding:2.5rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-7{padding:1.75rem}.md\:p-8{padding:2rem}.md\:p-9{padding:2.25rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:pb-24{padding-bottom:6rem}.md\:pb-28{padding-bottom:7rem}.md\:pt-20{padding-top:5rem}.md\:pt-24{padding-top:6rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[14px\]{font-size:14px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[26px\]{font-size:26px}.md\:text-\[28px\]{font-size:28px}.md\:text-\[30px\]{font-size:30px}.md\:text-\[32px\]{font-size:32px}.md\:text-\[34px\]{font-size:34px}.md\:text-\[36px\]{font-size:36px}.md\:text-\[44px\]{font-size:44px}.md\:text-\[48px\]{font-size:48px}.md\:text-\[50px\]{font-size:50px}.md\:text-\[52px\]{font-size:52px}.md\:text-\[54px\]{font-size:54px}.md\:text-\[56px\]{font-size:56px}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:flex{display:flex}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:gap-16{gap:4rem}.lg\:text-\[64px\]{font-size:64px}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}
.group:focus-within .group-focus-within\:block{display:block}
.ebl-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ebl-skip:focus{left:8px;top:8px;width:auto;height:auto;z-index:60;padding:.5rem .9rem;background:#c6ff3a;color:#06090a;border-radius:8px;font-weight:600;text-decoration:none}

/* ==========================================================================
   EBL MOBILE LAYER   ·   added August 2026
   --------------------------------------------------------------------------
   Hand-written CSS, NOT Tailwind-generated output.

   WHY IT LIVES AT THE END OF assets/tw.css
   The Netlify build does not run the Tailwind CLI (see gate_g21). tw.css is a
   committed artifact, so appending plain CSS here is safe and it is the only
   stylesheet all 277 rendering pages load. assets/styles.css reaches 244 of
   them; longevity-lab-panel.html, free-vs-pro.html and 31 others do not load
   it, so a fix placed there would have missed the pages that needed it most.

   The same block is mirrored at the end of tailwind.input.css so that if the
   CLI is ever run again, the rebuild reproduces this layer instead of
   silently dropping it.

   Every rule below was written against a measured defect at a 390x844
   viewport, not against a guess. Measurements are in the comments.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. SITE HEADER  ·  affects all 277 rendering pages
   --------------------------------------------------------------------------
   Measured at 390px: the header bar is h-16 (64px). The logo link rendered
   130px wide and 86px TALL, because "Evidence Based Longevity" at 19px needs
   about 200px and only had 108px, so it wrapped to three lines. 86px of
   wordmark inside a 64px bar is what clips "Evidence" against the top edge
   and pushes "Longevity" through the bottom border.

   The arithmetic, at 390px: 40px page padding + 24px gap-6 + 40px hamburger
   + 12px gap-3 + 166px "Audit my medications" CTA = 282px committed, leaving
   108px. On the 174 pages that carry the header CTA it is worse: the CTA's
   own right edge lands at 409px, 19px past the viewport, and is silently
   clipped by the existing overflow-x:hidden on html/body.

   Fix: drop the CTA from the header on small screens (it is duplicated in
   page content on every page that has it) and let the wordmark size itself
   to the space that frees up. The tap target for it does not disappear, it
   moves into the hamburger menu, which is where a phone user looks anyway.
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {

  header .btn-primary { display: none !important; }

  /* Let the logo link shrink instead of forcing the row wider than the screen. */
  header a[aria-label*="home" i] { min-width: 0; }

  /* One line, always. clamp() keeps it legible from 320px up:
     320px -> ~12.5px, 390px -> ~15.2px, 430px -> 16px. */
  header a[aria-label*="home" i] .font-display {
    font-size: clamp(12px, 3.9vw, 16px);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* --------------------------------------------------------------------------
   2. LONGEVITY LAB PANEL  ·  longevity-lab-panel.html, 42 biomarker rows
   --------------------------------------------------------------------------
   The rows are grid-cols-[1fr_120px_140px_1fr] with no responsive variant, so
   the desktop template applies at every width. At 390px, after 32px of row
   padding, the two 1fr columns get 49px each. Measured consequences:

     · biomarker name column      54px wide  -> one word per line
     · "Why it matters" column    right edge at 465px, i.e. 75px off-screen
                                  and clipped, not scrollable
     · 30 separate text nodes under 70px wide holding real sentences

   Fix: below the md breakpoint each row becomes a card. The two value columns
   pick up their column names as inline labels via ::before, so no HTML or
   renderer change is needed and nothing here is undone by the next build.
   The four-column header row is hidden because its labels have moved inline.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {

  /* The column-header row shares the row grid class but is not a .lab-row. */
  .grid-cols-\[1fr_120px_140px_1fr\]:not(.lab-row) { display: none !important; }

  .lab-row {
    display: block !important;
    padding: 14px 16px;
  }

  /* Biomarker name + its sub-label. */
  .lab-row > div:nth-child(1) { margin-bottom: 2px; }

  /* Standard range and EBL optimal become labelled key/value lines. */
  .lab-row > div:nth-child(2),
  .lab-row > div:nth-child(3) {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
  }

  .lab-row > div:nth-child(2)::before { content: "Standard range"; }
  .lab-row > div:nth-child(3)::before { content: "EBL optimal"; }

  .lab-row > div:nth-child(2)::before,
  .lab-row > div:nth-child(3)::before {
    flex: 0 0 auto;
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgb(151 158 149);
  }

  /* Rationale + study-design badge + PMIDs get the full row width. */
  .lab-row > div:nth-child(4) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
  }
}

/* --------------------------------------------------------------------------
   3. THREE-COLUMN COMPARISON GRIDS  ·  free-vs-pro.html, evidence-flags.html
   --------------------------------------------------------------------------
   grid-cols-[1fr_1fr_1fr] with no responsive variant. Measured on
   free-vs-pro.html at 390px: a tier card's right edge lands at 471px, 81px
   past the viewport and clipped; body copy inside compresses to 66px columns.
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
  .grid-cols-\[1fr_1fr_1fr\] { grid-template-columns: 1fr !important; }
}

/* --------------------------------------------------------------------------
   4. DISCLOSURE TOGGLES  ·  93 pages
   --------------------------------------------------------------------------
   Measured 15px tall. A <summary> is the control that opens the section, so
   it is a real tap target, unlike an inline link inside a sentence. 44px is
   the WCAG 2.5.8 / iOS HIG minimum. display is deliberately left alone so the
   existing marker-hiding and flex layouts inside these summaries still hold.
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
  summary {
    min-height: 44px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

/* --------------------------------------------------------------------------
   5. FORM CONTROLS  ·  apply-clinical.html, terminal-07.html
   --------------------------------------------------------------------------
   Five inputs compute to 14px. iOS Safari force-zooms the whole page when a
   control under 16px receives focus, and it does not zoom back out. The
   attribute selector is here on purpose: input[class] scores (0,1,1) and so
   beats Tailwind's .text-\[14px\] at (0,1,0) without needing !important.
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
  input[class],
  select[class],
  textarea[class] { font-size: 16px; }
}

/* --------------------------------------------------------------------------
   6. LONG UNBROKEN STRINGS
   --------------------------------------------------------------------------
   Defensive only. PMID strings, DOIs and storefront URLs are the things on
   this site most likely to force a row wider than the screen in future
   content. Kept narrow so it cannot affect ordinary prose wrapping.
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
  a.pmid,
  code { overflow-wrap: anywhere; }
}
/* ===================== END EBL MOBILE LAYER ============================== */

/* ===================== EBL NOTICE BAR ==================================== */
/* September 2026 (Arnold): the top notice bar ("No grade on this site is paid
   for" and "Educational use only, not medical advice") reads at 12px at every
   width, desktop included, and never in the dimmest grey. The bar is written
   into 269 pages, each carrying its own copy with text-[10px], so the size is
   set here, once, in the one stylesheet all 269 load, rather than in 269
   files. Kept identical in tailwind.input.css (source) and assets/tw.css
   (the committed artifact). render_notice_bar.py writes 12px for new pages. */
aside[aria-label="Site notices"] .text-\[10px\] { font-size: 12px; letter-spacing: .08em; }
aside[aria-label="Site notices"] .text-ink-3 { color: rgb(163 170 161); }
/* ===================== END EBL NOTICE BAR ================================ */

/* ===================== EBL HEADER BRAND ================================== */
/* September 2026 (Arnold): the logo and name, much larger, at every desktop width.
   The September 2026 version switched on only at 1440px and up, and Windows
   display scaling makes most large monitors report 1280 or 1536 to the
   browser, so on his screen it never switched on. Three steps now:
     1024px+  mark 74px, name 25px, bar 96px
     1280px+  mark 96px, name 34px, bar 112px
     1536px+  mark 110px, name 38px, bar 128px, header 90rem wide
   The name is a stacked lockup ("Evidence Based" / "Longevity" / "(EBL)"),
   which is what lets it grow without taking more width. To make room for the
   "Audit my medications" button (btn-primary, on most pages with this header)
   the search box and the menu spacing tighten, and below 1280px the button
   text drops to 13px. The mark never shrinks at any width: before this, the
   header squeezed it to 22px at 1024px and 43px at 1366px on those pages.
   Measured at 1024, 1152, 1280, 1366, 1440, 1536 and 1920px. From 1152px up
   nothing is pushed off the screen; at 1024 to 1151px pages with the button
   still run past the edge, by 81px where the old header ran past by 174px.
   The sections that stick under the header (sticky top-16) move with it.
   Kept identical in tailwind.input.css and assets/tw.css. */
header.sticky > div.h-16 > a:first-child > svg { flex-shrink: 0; }
@media (min-width: 1024px) {
  header.sticky > div.h-16 { height: 6rem; gap: .75rem; }
  header.sticky > div.h-16 > a:first-child { flex-shrink: 0; gap: .75rem; }
  header.sticky > div.h-16 > a:first-child > svg { width: 74px; height: 74px; }
  header.sticky > div.h-16 > a:first-child > span.font-display { font-size: 25px; line-height: 1.02; white-space: normal; max-width: 190px; }
  header.sticky > div.h-16 > a:first-child > span.font-display > span { display: block; font-size: 17px; letter-spacing: .04em; margin-top: 3px; }
  header.sticky nav[aria-label="Primary"] { gap: .7rem; }
  header.sticky .ebl-search-desk { width: 6rem; }
  header.sticky > div.h-16 > a.btn-primary { font-size: 13px; padding: .5rem .8rem; flex-shrink: 0; }
  section.sticky.top-16 { top: 6rem; }
}
@media (min-width: 1280px) {
  header.sticky > div.h-16 { height: 7rem; }
  header.sticky > div.h-16 > a:first-child > svg { width: 96px; height: 96px; }
  header.sticky > div.h-16 > a:first-child > span.font-display { font-size: 34px; max-width: 260px; }
  header.sticky > div.h-16 > a:first-child > span.font-display > span { font-size: 21px; margin-top: 4px; }
  header.sticky nav[aria-label="Primary"] { gap: 1rem; }
  header.sticky .ebl-search-desk { width: 7.5rem; }
  header.sticky nav[aria-label="Primary"] { gap: 1rem; }
  section.sticky.top-16 { top: 7rem; }
}
@media (min-width: 1536px) {
  header.sticky > div.h-16 { height: 8rem; max-width: 90rem; }
  header.sticky > div.h-16 > a:first-child > svg { width: 110px; height: 110px; }
  header.sticky > div.h-16 > a:first-child > span.font-display { font-size: 38px; max-width: 290px; }
  header.sticky > div.h-16 > a:first-child > span.font-display > span { font-size: 23px; }
  header.sticky nav[aria-label="Primary"] { gap: 1.4rem; }
  header.sticky .ebl-search-desk { width: 11rem; }
  section.sticky.top-16 { top: 8rem; }
}
/* ===================== END EBL HEADER BRAND ============================== */

/* ==========================================================================
   TYPE FLOOR FOR PAGES THAT DO NOT LOAD styles.css, added October 2026.
   The phone and tablet floors live in assets/styles.css (gate_g61). A phone
   audit of all 379 published pages found 38 that load tw.css but not
   styles.css (membership, our-position, practitioners, the lab panel, myths,
   landmark trials and 32 more), so those pages never got the floor and kept
   9 to 11px type on a phone. tw.css loads on 377 of 379 pages, so the same
   two bands are repeated here. On pages that load both files, styles.css comes
   later and wins with the same values, so nothing changes there.
   ========================================================================== */
@media (max-width: 480px) {
  .text-\[8px\], .text-\[9px\], .text-\[9\.5px\] { font-size: 12px; }
  .text-\[10px\] { font-size: 12.5px; }
  .text-\[10\.5px\] { font-size: 12.5px; }
  .text-\[11px\], .text-\[11\.5px\] { font-size: 13px; }
  .tracking-widest.text-\[8px\], .tracking-widest.text-\[9px\], .tracking-widest.text-\[9\.5px\],
  .tracking-widest.text-\[10px\], .tracking-widest.text-\[10\.5px\], .tracking-widest.text-\[11px\] { letter-spacing: .06em; }
  [style*="font-size:9px"], [style*="font-size: 9px"], [style*="font-size:9.5px"],
  [style*="font-size:10px"], [style*="font-size: 10px"], [style*="font-size:10.5px"],
  [style*="font-size:11px"], [style*="font-size: 11px"], [style*="font-size:11.5px"] { font-size: 12.5px !important; }
}
@media (min-width: 481px) and (max-width: 1024px) {
  .text-\[8px\], .text-\[9px\], .text-\[9\.5px\] { font-size: 11.5px; }
  .text-\[10px\], .text-\[10\.5px\] { font-size: 12px; }
  .text-\[11px\], .text-\[11\.5px\] { font-size: 12.5px; }
  .tracking-widest.text-\[8px\], .tracking-widest.text-\[9px\], .tracking-widest.text-\[9\.5px\],
  .tracking-widest.text-\[10px\], .tracking-widest.text-\[10\.5px\], .tracking-widest.text-\[11px\] { letter-spacing: .07em; }
  [style*="font-size:9px"], [style*="font-size: 9px"], [style*="font-size:9.5px"] { font-size: 11.5px !important; }
  [style*="font-size:10px"], [style*="font-size: 10px"], [style*="font-size:10.5px"] { font-size: 12px !important; }
}

/* ==========================================================================
   LAPTOP AND DESKTOP LABEL FLOOR, added October 2026 (Arnold: "make it 11 point").
   Above 1024px the phone and tablet floors stop, and the small mono labels
   (eyebrows, chips, PMID tags, footnote rows) rendered at 8 to 10.5px. They
   now clear 11px. 11px and 11.5px are left alone, so the type hierarchy holds.
   ========================================================================== */
@media (min-width: 1025px) {
  .text-\[8px\], .text-\[9px\], .text-\[9\.5px\], .text-\[10px\], .text-\[10\.5px\] { font-size: 11px; }
  [style*="font-size:8px"], [style*="font-size: 8px"], [style*="font-size:9px"], [style*="font-size: 9px"],
  [style*="font-size:9.5px"], [style*="font-size:10px"], [style*="font-size: 10px"],
  [style*="font-size:10.5px"] { font-size: 11px !important; }
}

/* Scrollbar. Lime thumb on a faint track so the page position is visible on
   the dark background (October 2026: the old 8%-white thumb was barely
   visible). Same block lives in assets/tw.css for the pages that load only tw.css. */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); }
::-webkit-scrollbar-thumb { background: rgba(198,255,58,0.55); border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active { background: #c6ff3a; background-clip: padding-box; }
@supports not selector(::-webkit-scrollbar) { html { scrollbar-color: rgba(198,255,58,0.55) rgba(255,255,255,0.05); } }
/* ===== EBL Redesign. Custom styles ===== */
/* Tailwind handles 90%. This file covers what Tailwind can't: fonts, marquee,
   custom selection, scrollbar, layered background, grain overlay. */

:root {
  --bg-0: #07090a;
  --bg-1: #0b0f0e;
  --bg-2: #11161a;
  --line: rgba(255, 255, 255, 0.07);
  --line-strong: rgba(255, 255, 255, 0.14);
  --ink-0: #f4f6f3;
  --ink-1: #c9cfc6;
  --ink-2: #a3aaa1;
  --ink-3: #979e95;

  --lime: #c6ff3a;
  --lime-soft: #d6ff66;
  --lime-glow: rgba(198, 255, 58, 0.18);
  --blue: #7cc5ff;
  --amber: #ffb547;
  --rust: #ff6b4a;

  --radius-card: 14px;
  --radius-chip: 999px;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
  font-feature-settings: "ss01", "ss02", "cv11";
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(198,255,58,0.06), transparent 60%),
    radial-gradient(900px 500px at -10% 30%, rgba(124,197,255,0.04), transparent 60%),
    var(--bg-0);
  color: var(--ink-0);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Grain overlay. Subtle, fixed */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.035;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(/assets/%23n)' opacity='0.9'/></svg>");
}

/* Display & mono families (loaded via <link> in HTML) */
.font-display { font-family: 'Newsreader', 'Fraunces', Georgia, serif; font-feature-settings: "ss01"; letter-spacing: -0.01em; }
.font-mono    { font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace; }

/* Hero headline polish */
.h-hero {
  font-family: 'Newsreader', Georgia, serif;
  font-weight: 500;
  font-size: clamp(2.6rem, 6vw + 1rem, 5.5rem);
  line-height: 1.02;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.h-hero em {
  font-style: italic;
  color: var(--lime);
  font-weight: 500;
}

/* Section title */
.h-section {
  font-family: 'Newsreader', Georgia, serif;
  font-weight: 500;
  font-size: clamp(1.8rem, 2.6vw + 0.8rem, 3rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

/* Eyebrow */
.eyebrow {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 15px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-2);
}

/* Selection */
::selection { background: var(--lime); color: #06090a; }

/* Scrollbar. Lime thumb on a faint track so the page position is visible on
   the dark background (October 2026: the old 8%-white thumb was barely
   visible). Same block lives in assets/tw.css for the pages that load only tw.css. */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); }
::-webkit-scrollbar-thumb { background: rgba(198,255,58,0.55); border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active { background: #c6ff3a; background-clip: padding-box; }
@supports not selector(::-webkit-scrollbar) { html { scrollbar-color: rgba(198,255,58,0.55) rgba(255,255,255,0.05); } }

/* Card */
.card {
  background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.005));
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  transition: border-color 200ms ease, transform 300ms ease, background 300ms ease;
}
.card:hover { border-color: var(--line-strong); }
.card-hover:hover { transform: translateY(-2px); }

/* Buttons */
.btn-primary {
  display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 0.75rem 1.15rem;
  border-radius: var(--radius-chip);
  background: var(--lime);
  color: #06090a;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.005em;
  border: 1px solid var(--lime);
  transition: transform 200ms ease, box-shadow 200ms ease, background 200ms ease;
  box-shadow: 0 0 0 0 var(--lime-glow);
}
.btn-primary:hover {
  background: var(--lime-soft);
  box-shadow: 0 0 0 8px var(--lime-glow);
  transform: translateY(-1px);
}
.btn-ghost {
  display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 0.75rem 1.15rem;
  border-radius: var(--radius-chip);
  color: var(--ink-0);
  font-weight: 500;
  font-size: 17px;
  border: 1px solid var(--line-strong);
  background: transparent;
  transition: border-color 200ms ease, background 200ms ease;
}
.btn-ghost:hover { border-color: var(--ink-1); background: rgba(255,255,255,0.03); }

.link-arrow {
  display: inline-flex; align-items: center; gap: 0.35rem;
  color: var(--lime);
  font-weight: 500;
  font-size: 17px;
}
.link-arrow .arrow { transition: transform 200ms ease; }
.link-arrow:hover .arrow { transform: translateX(3px); }

/* Tier badges */
.tier { display:inline-flex; align-items:center; justify-content:center; width: 28px; height: 28px; border-radius: 6px; font-family: 'Newsreader', serif; font-weight: 600; font-size: 17px; }
/* Tier badges. October 2026: one letter, one color, sitewide. These badges carried an older
   palette (A emerald, B navy, C slate, D AMBER) on 62 pages while the homepage, search,
   the supplements grid and the check used A lime, B blue, C AMBER, D rust: the same amber
   meant C on one page and D on the next. Now the same four colors everywhere. */
.tier-A { background: rgba(198,255,58,0.14); color: #c6ff3a; border:1px solid rgba(198,255,58,0.45); }
.tier-B { background: rgba(124,197,255,0.16); color: #7cc5ff; border:1px solid rgba(124,197,255,0.45); }
.tier-C { background: rgba(255,181,71,0.16); color: #ffb547; border:1px solid rgba(255,181,71,0.45); }
.tier-D { background: rgba(255,107,74,0.16); color: #ff6b4a; border:1px solid rgba(255,107,74,0.45); }
.tier-NA { background: rgba(148,163,184,0.08); color: #7c8593; border:1px dashed rgba(148,163,184,0.35); }

/* Marquee (single-row, CSS-only loop) */
.marquee {
  position: relative;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.marquee__track {
  display: flex;
  gap: 3rem;
  width: max-content;
  animation: marquee 60s linear infinite;
}
.marquee:hover .marquee__track { animation-play-state: paused; }
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Reveal on scroll */
.reveal { opacity: 0; transform: translateY(14px); transition: opacity 700ms cubic-bezier(.2,.6,.2,1), transform 700ms cubic-bezier(.2,.6,.2,1); }
.reveal.in { opacity: 1; transform: translateY(0); }
/* Staggered children) set --i index on each child for sequential reveal */
.reveal-stagger > * { opacity: 0; transform: translateY(12px); transition: opacity 600ms cubic-bezier(.2,.6,.2,1), transform 600ms cubic-bezier(.2,.6,.2,1); transition-delay: calc(var(--i, 0) * 70ms); }
.reveal-stagger.in > * { opacity: 1; transform: translateY(0); }

/* Hero word stagger */
.hero-word { display: inline-block; opacity: 0; transform: translateY(18px); animation: hero-rise 800ms cubic-bezier(.2,.7,.2,1) forwards; animation-delay: calc(var(--i, 0) * 80ms); }
@keyframes hero-rise { to { opacity: 1; transform: translateY(0); } }

/* Page enter: REMOVED October 2026. The body started at opacity 0 and faded in,
   which held the first visible paint back 0.4 to 1.1 s on a phone. G273. */

/* Nav mark entrance, subtle scale + fade on first paint */
header svg[viewBox="0 0 36 36"] {
  animation: mark-in 700ms cubic-bezier(.2,.7,.2,1) both;
}
@keyframes mark-in {
  from { opacity: 0; transform: scale(0.85) rotate(-2deg); }
  to { opacity: 1; transform: scale(1) rotate(0); }
}

/* Stat counter. Smoother number swap */
.stat-num { transition: color 300ms ease; }
.stat-num.counting { color: var(--lime); }

/* Card hover refinement */
.card-hover { transition: transform 320ms cubic-bezier(.2,.6,.2,1), border-color 320ms ease, background 320ms ease, box-shadow 320ms ease; }
.card-hover:hover { transform: translateY(-3px); box-shadow: 0 16px 40px -24px rgba(198, 255, 58, 0.18); }

/* Marquee speed adjust */
.marquee__track { animation-duration: 160s !important; }

/* Line clamp utilities */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Modal */
#detail-modal { display: none; }
#detail-modal.flex { display: flex; }
#detail-modal-card { animation: modal-in 320ms cubic-bezier(.2,.7,.2,1); }
@keyframes modal-in { from { opacity: 0; transform: translateY(20px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* Nav link hover underline */
.nav-link { position: relative; color: var(--ink-1); font-size: 17px; }
.nav-link:hover { color: var(--ink-0); }
.nav-link::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 1px;
  background: var(--lime); transform: scaleX(0); transform-origin: left; transition: transform 220ms ease;
}
.nav-link:hover::after { transform: scaleX(1); }

/* Divider rule */
.rule { height: 1px; background: linear-gradient(90deg, transparent, var(--line-strong), transparent); }

/* Stat number */
.stat-num {
  font-family: 'Newsreader', serif;
  font-weight: 500;
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  letter-spacing: -0.03em;
  line-height: 1;
}

/* Tier bar (distribution) */
.bar { height: 8px; border-radius: 999px; background: rgba(255,255,255,0.05); overflow: hidden; }
.bar > span { display:block; height: 100%; border-radius: 999px; }

/* Tool result animation */
.fade-swap { animation: fade-swap 350ms ease; }
@keyframes fade-swap { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* Focus rings */
:focus-visible { outline: 2px solid var(--lime); outline-offset: 2px; border-radius: 6px; }

/* Mobile nav */
.mobile-menu { display: none; }
.mobile-menu.open { display: block; }

/* Big editorial pull-quote */
.pull {
  font-family: 'Newsreader', serif;
  font-weight: 400;
  font-size: clamp(1.6rem, 3vw, 2.6rem);
  line-height: 1.18;
  letter-spacing: -0.015em;
  text-wrap: balance;
}

/* Print-style table for supplements */
.table-grid { width: 100%; }
.supp-row, .supp-head {
  display: grid;
  grid-template-columns: 56px minmax(0, 1.4fr) minmax(0, 1.2fr) minmax(0, 1.4fr) 120px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  transition: background 200ms ease;
}
.supp-row > div, .supp-head > div {
  padding: 14px 16px;
  font-size: 17px;
  color: var(--ink-1);
  min-width: 0;
}
.supp-head > div {
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-2);
  padding: 12px 16px;
  border-bottom: 1px solid var(--line-strong);
}
.supp-row:hover { background: rgba(198,255,58,0.025); }
.supp-row:hover > div { color: var(--ink-0); }
@media (max-width: 768px) {
  .supp-row, .supp-head { grid-template-columns: 48px minmax(0, 1fr) 90px; }
  .col-hide { display: none !important; }
}


/* ===== Learn page tabs ===== */
.learn-tab {
  padding: 8px 14px;
  border-radius: 999px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-2);
  border: 1px solid transparent;
  background: transparent;
  white-space: nowrap;
  transition: all 180ms ease;
}
.learn-tab:hover { color: var(--ink-0); border-color: var(--line); }
.learn-tab.is-active {
  background: rgba(198,255,58,0.07);
  border-color: rgba(198,255,58,0.35);
  color: var(--lime);
}

/* ===== Evidence pyramid (standard medical shape: narrow top, wide bottom) ===== */
.pyramid-stack {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 8px 32px 8px 8px;
}
.pyramid-row {
  width: var(--row-width);
  background: transparent;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  padding: 14px 18px;
  cursor: pointer;
  transition: background 220ms ease, transform 220ms ease, border-color 220ms ease;
  position: relative;
}
.pyramid-row::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: var(--row-color);
  border-radius: 3px 0 0 3px;
  opacity: 0.6;
}
.pyramid-row:hover { background: rgba(255,255,255,0.025); transform: translateY(-1px); }
.pyramid-row.is-active { background: rgba(255,255,255,0.04); border-color: var(--row-color); }
.pyramid-row.is-active::before { opacity: 1; width: 4px; }
.pyramid-row-inner {
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: left;
}
.pyramid-num {
  font-family: 'Newsreader', serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  opacity: 0.85;
}
.pyramid-row-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pyramid-row-label {
  font-family: 'Newsreader', serif;
  font-size: 15px;
  color: var(--ink-0);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pyramid-row-short {
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.85;
}
.pyramid-axis {
  position: absolute;
  right: 4px;
  top: 8px;
  bottom: 8px;
  width: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-3);
  white-space: nowrap;
}
.pyramid-axis-top, .pyramid-axis-bot {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.pyramid-axis-top { color: var(--lime); }
.pyramid-axis-bot { color: #ff8e53; }
.pyramid-detail {
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-card);
  padding: 22px 24px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.005));
  margin-top: 4px;
}
.pyramid-rule {
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-2);
  border-top: 1px solid var(--line);
  padding-top: 14px;
}
@media (max-width: 640px) {
  .pyramid-row { padding: 10px 12px; }
  .pyramid-row[style*="--row-width:36%"] { --row-width: 60% !important; }
  .pyramid-row[style*="--row-width:52%"] { --row-width: 70% !important; }
  .pyramid-row[style*="--row-width:70%"] { --row-width: 82% !important; }
  .pyramid-row[style*="--row-width:86%"] { --row-width: 92% !important; }
  .pyramid-stack { padding-right: 8px; }
  .pyramid-axis { display: none; }
}

/* hide old pyramid-tier styles to avoid bleed */
.pyramid-tier { display: none !important; }


/* ===== Condition card ===== */
.condition-card {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  background: rgba(255,255,255,0.012);
  transition: all 220ms ease;
}
.condition-card:hover { border-color: var(--line-strong); background: rgba(198,255,58,0.025); transform: translateY(-2px); }

/* ===== Contraindications result row ===== */
.cx-row {
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  background: rgba(255,255,255,0.012);
}
.cx-row mark {
  background: rgba(198,255,58,0.18);
  color: var(--lime);
  border-radius: 3px;
  padding: 1px 3px;
}

/* ===== Evidence Log timeline ===== */
.log-entry {
  position: relative;
  padding-left: 28px;
}
.log-entry::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 22px;
  bottom: 0;
  width: 1px;
  background: var(--line);
}
.log-entry:last-child::before { display: none; }
.log-entry .dot {
  position: absolute;
  left: 0;
  top: 18px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid var(--bg-0);
}
.log-entry[data-kind="upgrade"] .dot { background: var(--lime); }
.log-entry[data-kind="downgrade"] .dot { background: var(--rust); }
.log-entry[data-kind="maintained"] .dot { background: var(--blue); }
.log-entry[data-kind="interaction"] .dot { background: var(--amber); }
.log-entry[data-kind="added"] .dot { background: var(--ink-3); }
.log-entry[data-kind="correction"] .dot { background: var(--amber); }

/* Watchlist star button states */
.watch-btn.is-watched { color:#c6ff3a; border-color:#c6ff3a; background:rgba(198,255,58,0.08); }
.watch-btn.is-watched span { transform:scale(1.05); }
#watch-pill:hover { filter:brightness(1.05); transform:translateY(-1px); }
#watch-pill:active { transform:translateY(0); }


/* Evidence Finder filter chips */
.evi-chip {
  display: inline-flex; align-items: center;
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--ink-1);
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.02);
  border-radius: 999px;
  padding: 5px 11px;
  transition: all 160ms ease;
  cursor: pointer;
}
.evi-chip:hover { border-color: rgba(198,255,58,0.40); color: var(--lime); }
.evi-chip.is-on { background: rgba(198,255,58,0.10); border-color: rgba(198,255,58,0.55); color: var(--lime); }
.evi-card-head { cursor: pointer; }
.evi-card-head:hover { background: rgba(255,255,255,0.015); }

/* ===== EBL 5-Step Workflow · the hallmark ===== */
.step-row { position: relative; }
.step-card {
  display: grid;
  grid-template-columns: 90px 1fr 220px;
  gap: 22px;
  align-items: stretch;
  padding: 20px 24px;
  background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.005));
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  transition: border-color 220ms ease, transform 220ms ease, background 220ms ease;
  position: relative;
  overflow: hidden;
}
.step-card::before {
  content: '';
  position: absolute; inset: 0 auto 0 0; width: 3px;
  background: linear-gradient(180deg, #c6ff3a 0%, rgba(198,255,58,0.10) 100%);
  opacity: 0.65;
  transition: opacity 220ms ease, width 220ms ease;
}
.step-card:hover { border-color: rgba(198,255,58,0.40); background: linear-gradient(180deg, rgba(198,255,58,0.04), rgba(255,255,255,0.005)); }
.step-card:hover::before { opacity: 1; width: 5px; }
.step-card:hover .step-arrow { color: #c6ff3a; }
.step-numeral {
  font-family: 'Newsreader', serif;
  font-size: 64px;
  line-height: 0.85;
  color: #c6ff3a;
  font-weight: 400;
  letter-spacing: -0.04em;
  align-self: start;
  padding-top: 4px;
}
.step-body { display: flex; flex-direction: column; gap: 8px; }
.step-eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  letter-spacing: 0.20em;
  text-transform: uppercase;
}
.step-title {
  font-family: 'Newsreader', serif;
  font-size: 21px;
  line-height: 1.15;
  color: #f4f6f3;
  letter-spacing: -0.01em;
  margin: 1px 0 2px;
}
.step-lede { color: #c9cfc6; font-size: 16px; line-height: 1.55; margin: 0; max-width: 56ch; }
.step-bullets { list-style: none; padding: 0; margin: 4px 0 0; display: flex; flex-direction: column; gap: 3px; }
.step-bullets li { position: relative; padding-left: 16px; color: #c9cfc6; font-size: 15.5px; line-height: 1.45; }
.step-bullets li::before { content: '→'; position: absolute; left: 0; color: #c6ff3a; font-family: 'JetBrains Mono', monospace; font-weight: 500; }
.step-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.step-chips span {
  display: inline-block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  color: #c9cfc6;
}
.step-meta {
  border-left: 1px dashed rgba(255,255,255,0.10);
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.step-meta-eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.step-meta-name {
  font-family: 'Newsreader', serif;
  font-size: 16px;
  color: #f4f6f3;
  line-height: 1.2;
  margin-bottom: 4px;
}
.step-arrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #c9cfc6;
  margin-top: 2px;
  transition: color 220ms ease;
}
.step-card-keystone {
  background: linear-gradient(180deg, rgba(198,255,58,0.06), rgba(198,255,58,0.01));
  border-color: rgba(198,255,58,0.30);
}
.step-card-keystone::before { opacity: 1; width: 5px; }
.step-connector {
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: var(--ink-3);
  text-align: center;
  padding: 6px 0 2px;
  position: relative;
}
.step-connector span { display: block; font-size: 15.5px; color: #c6ff3a; margin-bottom: 2px; }
.step-connector-end { color: #c6ff3a; font-weight: 500; }
.step-connector-end span { display: none; }

@media (max-width: 900px) {
  .step-card { grid-template-columns: 60px 1fr; padding: 16px 16px; gap: 14px; }
  .step-numeral { font-size: 44px; }
  .step-title { font-size: 18px; }
  .step-meta { grid-column: 1 / -1; border-left: 0; border-top: 1px dashed rgba(255,255,255,0.10); padding-left: 0; padding-top: 12px; margin-top: 4px; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
  .step-meta-name { margin-bottom: 0; }
}

/* ===== Entry-point chooser ===== */
.chooser-tile {
  display: grid; grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 14px; row-gap: 2px;
  text-align: left; align-items: center;
  padding: 16px 18px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  color: #f4f6f3; text-decoration: none;
  cursor: pointer; transition: border-color 220ms ease, background 220ms ease;
}
.chooser-tile:hover { border-color: rgba(198,255,58,0.45); background: rgba(198,255,58,0.04); }
.chooser-num {
  grid-row: 1 / 3; grid-column: 1;
  font-family: 'Newsreader', serif; font-size: 34px; line-height: 1; color: #c6ff3a;
  font-weight: 500; padding-right: 4px;
}
.chooser-label { grid-row: 1; grid-column: 2; font-family: 'Newsreader', serif; font-size: 16px; color: #f4f6f3; line-height: 1.2; }
.chooser-sub { grid-row: 2; grid-column: 2; font-family: 'JetBrains Mono', monospace; font-size: 15px; letter-spacing: 0.10em; text-transform: uppercase; color: #a3aaa1; }
.chooser-arrow { grid-row: 1 / 3; grid-column: 3; font-family: 'JetBrains Mono', monospace; color: #c6ff3a; font-size: 18px; opacity: 0.7; }
.chooser-tile:hover .chooser-arrow { opacity: 1; transform: translateX(2px); }
.chooser-tile-sm { grid-template-rows: auto; padding: 12px 14px; }
.chooser-tile-sm .chooser-num-sm { font-family: 'JetBrains Mono', monospace; font-size: 15px; letter-spacing: 0.20em; color: #c6ff3a; padding-right: 8px; border-right: 1px solid rgba(198,255,58,0.30); margin-right: 8px; }
.chooser-tile-sm .chooser-label-sm { font-family: 'Geist', system-ui, sans-serif; font-size: 16px; color: #c9cfc6; line-height: 1.3; }
.chooser-tile-sm { display: flex; align-items: center; }
.chooser-back { background: transparent; }


/* ===== MOBILE OPTIMIZATIONS ===== */

/* Prevent horizontal scroll on mobile */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

/* Hide the grades sidebar on mobile (too much vertical space */
@media (max-width: 1023px) {
  #hero-grades { display: none !important; }
  /* The card wrapping the sidebar */
  .lg\:col-span-4:has(#hero-grades) { display: none !important; }
}

/* Tighter hero padding on mobile */
@media (max-width: 640px) {
  .h-hero {
    font-size: clamp(2rem, 8vw, 3rem) !important;
    line-height: 1.08 !important;
  }
  
  .h-section {
    font-size: clamp(1.4rem, 5vw, 2rem) !important;
  }
  
  /* Tighter section padding on small screens */
  section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  
  /* Stats strip) 3 columns on mobile instead of 6 */
  .stat-strip {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }
  
  /* Step cards. More compact */
  .step-card {
    padding: 12px !important;
    gap: 10px !important;
  }
  
  .step-numeral {
    font-size: 36px !important;
  }
  
  .step-lede {
    font-size: 15.5px !important;
  }
  
  /* Make all buttons/links at least 44px tall for touch */
  .btn-primary,
  .link-arrow,
  a[class*="btn"],
  button[class*="btn"],
  .chooser-tile {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  
  /* Safety form, full width, no min-width */
  #hero-safety-bar {
    min-width: 0 !important;
    width: 100% !important;
  }
  
  #hero-safety-bar input {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 16px !important; /* prevents iOS zoom */
  }
  
  /* Compact the "Try:" links */
  .try-links {
    gap: 4px !important;
  }
  
  /* Protocol cards (single column */
  .protocol-grid {
    grid-template-columns: 1fr !important;
  }
  
  /* Condition cards) single column */
  .condition-card {
    padding: 16px !important;
  }
  
  /* Priority strip (stack vertically, bigger button */
  .priority-strip {
    flex-direction: column !important;
    text-align: center;
    gap: 12px !important;
  }
  
  /* Ensure images don't overflow */
  img {
    max-width: 100%;
    height: auto;
  }
  
  /* Fix nav drawer spacing */
  .mobile-drawer a {
    padding: 12px 16px;
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  
  /* Ticker/marquee) prevent overflow */
  .marquee-track {
    overflow: hidden;
  }
  
  /* Cards, reduce border radius on small screens for more content space */
  .card {
    border-radius: 10px !important;
    padding: 16px !important;
  }
}

/* Slightly larger screens (tablets) */
@media (min-width: 641px) and (max-width: 1023px) {
  .h-hero {
    font-size: clamp(2.4rem, 5vw, 3.5rem) !important;
  }
  
  /* Two columns for stats instead of 6 */
  .stat-strip {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* SELECT OPTION CONTRAST.
   Every <select> on the site is styled `text-white` over a near-transparent
   background, which is correct for the CLOSED control sitting on a dark page.
   The OPEN dropdown list is different: on Windows Chrome and Edge the popup is
   painted by the operating system with a WHITE background, and the white text
   is inherited into it. The result is a list that reads as blank until the
   pointer moves over a row and the highlight reveals it. Reported by Arnold on
   August 2026 against the contact form.

   Six selects across four pages were affected: contact.html (topic),
   apply-clinical.html (three), stack-audit.html (per-supplement use) and
   challenge.html (unpublished). Fixing them one class at a time would leave
   the seventh select broken on the day it is written, so the rule is on the
   element.

     A CONTROL IS NOT STYLED UNTIL ITS OPEN STATE IS STYLED.
*/
select option,
select optgroup {
  background-color: #11161a;
  color: #f4f6f3;
}

/* iOS input zoom prevention */
/* Raised from 768px to 1024px in August 2026. iPadOS zooms the page on focus for
   the same reason iOS does, and an iPad in landscape is 1024px wide, so the
   guard was ending 256px short of the device class it was written for. The
   symptom is the whole page jumping when a reader taps the search box, which is
   the control we just put on all 284 pages. */
@media screen and (max-width: 1024px) {
  input[type="text"],
  input[type="email"],
  input[type="search"],
  textarea,
  select {
    font-size: 16px !important;
  }
}

/* Safe area insets for notched phones */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  body {
    padding-bottom: env(safe-area-inset-bottom);
  }
  
  .sticky-cta,
  .fixed-bar {
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
  }
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}


/* --- slim nav dropdowns + Start Here (added June 2026)) --- */
.start-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c6ff3a;box-shadow:0 0 8px rgba(198,255,58,.7);margin-right:6px;vertical-align:middle}
.has-dd{position:relative}
.nav-dd-btn{background:none;border:none;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.dd-caret{width:14px;height:14px;transition:transform .16s}
.has-dd:hover .dd-caret,.has-dd:focus-within .dd-caret{transform:rotate(180deg)}
.dd{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);min-width:240px;background:#0b0f0e;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px;opacity:0;visibility:hidden;transition:all .16s ease;box-shadow:0 24px 60px rgba(0,0,0,.55);z-index:60}
.has-dd:hover .dd,.has-dd:focus-within .dd{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dd a{display:block;padding:9px 12px;border-radius:9px;color:#f4f6f3;font-size:17px;text-decoration:none}
.dd a:hover{background:rgba(198,255,58,.10);color:#ffffff}
.dd-div{height:1px;background:rgba(255,255,255,.07);margin:6px 8px}
.dd a.dd-emerging{color:#cdd6de}
.dd a.dd-emerging:hover{background:rgba(205,214,222,.12);color:#f4f6f3}
.dd-tag{display:block;font-family:'JetBrains Mono',monospace;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#aeb8c1;margin-top:2px}
.mm-group{font-family:'JetBrains Mono',monospace;font-size:15px;letter-spacing:.15em;text-transform:uppercase;color:#9aa39a;padding-top:6px}


/* ============================================================
   MOBILE + 45+ LEGIBILITY PASS (added June 2026)
   ------------------------------------------------------------
   Master reading-size dial. Tailwind's text scale is rem-based,
   so changing the root html font-size below scales ALL text on
   every page that links this stylesheet, proportionally.

   To make the whole site bigger or smaller, change just the two
   font-size values marked << TUNE >>. Browser default base = 16px.
   ============================================================ */

html { font-size: 17px; }                 /* << TUNE >> desktop base (was 16px) */

@media (max-width: 640px) {
  html { font-size: 18px; }               /* << TUNE >> phone base, larger for reading */

  /* These labels use fixed px sizes, so they DON'T scale with the
     dial above. Raise their floor so small mono/eyebrow text stays
     legible for a 45+ reader on a phone. */
  .eyebrow          { font-size: 15.5px !important; }
  .dd-tag,
  .mm-group         { font-size: 15px !important; letter-spacing: 0.10em; }
  .chooser-sub      { font-size: 15.5px !important; }
  .chooser-num-sm   { font-size: 15.5px !important; }
  .step-bullets li  { font-size: 17px !important; line-height: 1.5; }
  .learn-tab        { font-size: 15.5px !important; }
  .nav-link,
  .dd a             { font-size: 15px !important; }
}


.ebl-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ebl-skip:focus{left:8px;top:8px;width:auto;height:auto;z-index:60;padding:.5rem .9rem;background:#c6ff3a;color:#06090a;border-radius:8px;font-weight:600;text-decoration:none}
/* ============================================================
   Homepage evidence blocks
   Added August 2026 for render_grade_distribution.py and
   render_homepage_cases.py. Uses existing :root tokens only:
   no new colour is introduced, so gate_g20_color_tokens.py has
   nothing new to reconcile across the three palette files, and
   no new Tailwind utility is used, so gate_g21_tailwind_classes.py
   has nothing to look for in the committed tw.css.
   ============================================================ */

.ebl-gd-eyebrow{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:15px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-2);margin-bottom:1.15rem;text-align:center;
}
.ebl-gd-h2{
  font-family:Newsreader,Georgia,serif;font-weight:600;
  font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.15;
  letter-spacing:-.01em;text-align:center;color:var(--ink-0);
  margin:0 auto 2.1rem;max-width:46rem;text-wrap:balance;
}
.ebl-gd-h2-sub{color:var(--ink-2);}

.ebl-gd-bar{
  display:flex;width:100%;height:16px;overflow:hidden;
  border-radius:999px;border:1px solid var(--line-strong);
  background:var(--bg-2);
}
.ebl-gd-seg{height:100%;}
.ebl-gd-seg + .ebl-gd-seg{border-left:1px solid var(--bg-0);}

.ebl-gd-keys{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
  gap:.55rem 1.6rem;list-style:none;margin:1.5rem 0 0;padding:0;
}
.ebl-gd-key{
  display:flex;align-items:baseline;gap:.55rem;
  font-size:16px;color:var(--ink-2);line-height:1.45;
}
.ebl-gd-swatch{
  flex:0 0 auto;width:9px;height:9px;border-radius:2px;
  transform:translateY(-1px);
}
.ebl-gd-letter{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:15.5px;font-weight:600;color:var(--ink-0);
}
.ebl-gd-n{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:16px;font-weight:600;color:var(--ink-0);
  min-width:2.1ch;text-align:right;
}
.ebl-gd-gloss{color:var(--ink-2);}

.ebl-gd-note{
  margin:1.9rem auto 0;max-width:46rem;text-align:center;
  font-size:17px;line-height:1.65;color:var(--ink-2);
}
.ebl-gd-cta{margin:1.15rem 0 0;text-align:center;font-size:16px;}
.ebl-gd-cta a{color:var(--lime);text-decoration:none;}
.ebl-gd-cta a:hover,.ebl-gd-cta a:focus-visible{
  text-decoration:underline;text-underline-offset:4px;
}

/* --- worked example cards --- */
/* Four cards (render_homepage_cases.CARD_COUNT), laid out 4 across, 2 x 2 or 1
   column, never 3 + 1. The old auto-fit with a 17rem minimum fitted three in the
   1088px section and orphaned the fourth on its own row (Arnold, September 2026). The
   section is now max-w-7xl, the hero's width, so four cards run about 290px each. */
.ebl-ec-grid{
  display:grid;grid-template-columns:1fr;
  gap:1rem;margin-top:.4rem;
}
@media (min-width:640px){ .ebl-ec-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (min-width:1200px){ .ebl-ec-grid{grid-template-columns:repeat(4,minmax(0,1fr));} }
.ebl-ec-card{
  display:flex;flex-direction:column;
  border:1px solid var(--line-strong);border-radius:var(--radius-card);
  background:var(--bg-1);padding:1.35rem 1.3rem 1.4rem;
  transition:border-color .25s ease;
}
.ebl-ec-card:hover{border-color:rgba(198,255,58,.32);}
.ebl-ec-tag{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:15px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-2);margin:0 0 .75rem;
}
.ebl-ec-title{
  font-family:Newsreader,Georgia,serif;font-weight:500;
  font-size:1.16rem;line-height:1.3;color:var(--ink-0);margin:0 0 1rem;
}
.ebl-ec-dl{margin:0 0 1.15rem;}
.ebl-ec-dl dt{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:15px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-2);margin:0 0 .3rem;
}
.ebl-ec-dl dd{
  margin:0 0 .95rem;font-size:16px;line-height:1.6;color:var(--ink-1);
}
.ebl-ec-dl dd:last-child{margin-bottom:0;}
.ebl-ec-more{
  margin:auto 0 0;padding-top:1rem;
  border-top:1px solid var(--line);font-size:16px;
}
.ebl-ec-more a{color:var(--lime);text-decoration:none;}
.ebl-ec-more a:hover,.ebl-ec-more a:focus-visible{
  text-decoration:underline;text-underline-offset:4px;
}

@media (max-width:640px){
  .ebl-gd-keys{grid-template-columns:1fr;}
  .ebl-gd-note,.ebl-gd-h2{text-align:left;}
  .ebl-gd-eyebrow{text-align:left;}
}
@media (prefers-reduced-motion:reduce){
  .ebl-ec-card{transition:none;}
}

/* title_kind qualifier on worked-example cards. Added August 2026 with
   gate_g56_case_title_kind.py. Uses existing tokens only. */
.ebl-ec-kind{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:15px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-2);margin:0 0 .4rem;
}
.ebl-ec-kind[data-title-kind="claim"]{
  color:var(--rust);
}

/* ============================================================================
   MOBILE TYPE FLOOR
   ----------------------------------------------------------------------------
   Measured August 2026 on the built tree: 5,446 arbitrary text-size class uses
   that ACTUALLY RESOLVE to a rule in tw.css render below 12px, across all 279
   published pages. 10px accounts for 2,826 of them and 11px for 2,347. A further
   1,175 sub-12px classes are inert (no matching rule) and are left alone here,
   because changing something that renders nothing is not a fix.

   Reader 5 on an actual phone was the first person to test this surface. Arnold
   works from a Windows PC, so mobile rendering is the least-observed thing on
   the site. Independent corroboration on file: the August typography measurement
   and an external review that named the 8-11px classes.

   WHY A MEDIA QUERY AND NOT A REWRITE OF 279 PAGES.
   The desktop composition is deliberate and is not the thing anybody complained
   about. Rewriting the class strings would change both surfaces to fix one, put
   5,446 edits into the repo, and rename a class so that text-[10px] no longer
   means 10px. This block changes the rendered size on narrow screens only,
   leaves every class name honest, sits in the one stylesheet that loads AFTER
   tw.css so it wins on equal specificity, and is reverted by deleting it.

   THE TRACKING RULE IS NOT COSMETIC. The dominant use of these classes is
   font-mono + uppercase + tracking-widest: eyebrows, notice bars and micro
   labels. Wide letter-spacing on small uppercase text is the least legible
   combination on the list, and it also costs horizontal width on a 360px
   screen. Where the type is enlarged, the tracking comes back in.

   Breakpoint is 480px so it covers every phone in portrait (360, 390, 414, 430)
   and no tablet or desktop.
   ========================================================================== */
@media (max-width: 480px) {
  .text-\[8px\],
  .text-\[9px\]   { font-size: 15px; }
  .text-\[10px\]  { font-size: 15.5px; }
  .text-\[11px\]  { font-size: 16px; }

  .tracking-widest.text-\[8px\],
  .tracking-widest.text-\[9px\],
  .tracking-widest.text-\[10px\],
  .tracking-widest.text-\[11px\] { letter-spacing: .06em; }

  /* INLINE font-size beats any class rule, so the class ladder above cannot
     reach it. Measured: 237 inline declarations under 11px, 198 of them at 10px
     and 39 at 9px, concentrated in longevity-lab-panel.html (34) and the rx/
     and s/ chip markup. Matching the style attribute's text is the only way to
     catch a declaration that is not expressed as a class, and !important is
     required because an inline declaration outranks a stylesheet without it.
     This is the narrow case !important is for: one deliberate accessibility
     floor, scoped to one breakpoint, overriding scattered inline sizes that
     nobody is going to re-author by hand. gate_g61 fails the build if a new
     inline size appears that these two selectors do not cover. */
  [style*="font-size:9px"],
  [style*="font-size: 9px"]   { font-size: 15px !important; }
  [style*="font-size:10px"],
  [style*="font-size: 10px"]  { font-size: 15.5px !important; }

  /* EXTENDED October 2026 after a phone audit of all 379 published pages (iPhone 13
     and Pixel 5 sizes): 139 pages still showed type under 12px. The ladder above
     lifted 8, 9, 10 and 11px classes but not the half sizes (9.5, 10.5, 11.5px,
     578 uses), left 8 and 9px at 11px, and missed inline 11px, which is what the
     evidence-flag chips on supplements.html carry (145 chips on that page alone).
     Every size now clears 12px on a phone. */
  .text-\[8px\],
  .text-\[9px\],
  .text-\[9\.5px\]  { font-size: 15.5px; }
  .text-\[10\.5px\] { font-size: 15.5px; }
  .text-\[11\.5px\] { font-size: 16px; }
  .tracking-widest.text-\[9\.5px\],
  .tracking-widest.text-\[10\.5px\] { letter-spacing: .06em; }
  [style*="font-size:9px"],
  [style*="font-size: 9px"],
  [style*="font-size:9.5px"],
  [style*="font-size:10.5px"],
  [style*="font-size:11px"],
  [style*="font-size: 11px"],
  [style*="font-size:11.5px"] { font-size: 15.5px !important; }
}

/* ==========================================================================
   TABLET TYPE FLOOR, added August 2026.

   THE HOLE THIS FILLS. The block above stops at 480px, and its own comment
   says why: "covers every phone in portrait and no tablet or desktop." That
   was correct when the only report was Reader 5 on a phone. It leaves an iPad
   in portrait (768px) and in landscape (1024px) rendering the raw 9px, 10px
   and 11px type, which is the same defect the block above exists to fix,
   untouched on the entire tablet class. Measured on the published tree:
   341 sub-12px class uses on longevity-lab-panel.html, 68 on s/nmn.html,
   39 on index.html.

   Nobody had seen it because nobody had looked. Arnold works from a Windows
   PC, the one phone reader produced the 480px block, and no reader has ever
   opened this site on a tablet.

   WHY A SECOND BAND AND NOT A WIDER FIRST ONE. Moving 480 up to 1024 would
   apply the phone lift to a 1023px window, where the layout is already at its
   desktop proportions and a 12.5px eyebrow next to 15px body copy reads as a
   mistake rather than a floor. A tablet has more room than a phone and less
   than a desktop, so the lift is gentler: enough to clear the floor, not
   enough to flatten the type hierarchy the design depends on.

   BAND EDGES. min-width 481px starts exactly where the phone band ends, so
   there is no width at which neither applies. max-width 1024px is the iPad
   Pro landscape width; above it the desktop type is being read at desktop
   distance on a desktop-sized window, which is the case this site was
   designed for and the only case that has ever been observed.

   Same three properties as the block above, for the same reasons: the class
   names stay honest, this file loads after tw.css so it wins on source order,
   and deleting these rules reverts it. gate_g61_mobile_type_floor.py holds
   BOTH bands, so this one cannot be dropped silently either.
   ========================================================================== */
@media (min-width: 481px) and (max-width: 1024px) {
  .text-\[8px\],
  .text-\[9px\]   { font-size: 15px; }
  .text-\[10px\]  { font-size: 15.5px; }
  .text-\[11px\]  { font-size: 15.5px; }

  .tracking-widest.text-\[8px\],
  .tracking-widest.text-\[9px\],
  .tracking-widest.text-\[10px\],
  .tracking-widest.text-\[11px\] { letter-spacing: .07em; }

  /* Inline declarations, same argument as the phone band: an inline font-size
     outranks any stylesheet rule, so the class ladder above cannot reach it and
     !important is the only thing that can. gate_g61 fails the build if a new
     inline size appears that these selectors do not cover, in EITHER band. */
  [style*="font-size:9px"],
  [style*="font-size: 9px"]   { font-size: 15px !important; }
  [style*="font-size:10px"],
  [style*="font-size: 10px"]  { font-size: 15.5px !important; }
}

/* ============================================================
   SUPPLEMENT READING LAYER, September 2026.
   Keyed to data-ebl-page="supplement", which render_supp_layout.py
   stamps on every /s/ page. Raises the type floor, opens the line
   height, adds air, and styles the jump row and the folded blocks.
   Existing :root tokens only (G20); no new Tailwind classes (G21).
   ============================================================ */
[data-ebl-page="supplement"] { font-size: 16px; }
[data-ebl-page="supplement"] p { line-height: 1.68; }
[data-ebl-page="supplement"] .text-\[9px\],
[data-ebl-page="supplement"] .text-\[9\.5px\],
[data-ebl-page="supplement"] .text-\[10px\],
[data-ebl-page="supplement"] .text-\[10\.5px\],
[data-ebl-page="supplement"] .text-\[11px\] { font-size: 15.5px !important; }
[data-ebl-page="supplement"] .text-\[12px\],
[data-ebl-page="supplement"] .text-\[12\.5px\] { font-size: 16px !important; }
[data-ebl-page="supplement"] .text-\[13px\],
[data-ebl-page="supplement"] .text-\[13\.5px\] { font-size: 15px !important; }
[data-ebl-page="supplement"] .text-\[14px\],
[data-ebl-page="supplement"] .text-\[14\.5px\] { font-size: 16px !important; }
[data-ebl-page="supplement"] .text-\[15px\] { font-size: 16.5px !important; }
[data-ebl-page="supplement"] .tracking-widest { letter-spacing: .12em; }
[data-ebl-page="supplement"] .rounded-xl { border-radius: 16px; }
[data-ebl-page="supplement"] .mb-6 { margin-bottom: 2rem; }
[data-ebl-page="supplement"] .mt-6 { margin-top: 2rem; }
[data-ebl-page="supplement"] .p-4 { padding: 1.25rem; }
[data-ebl-page="supplement"] .p-5 { padding: 1.5rem; }
[data-ebl-page="supplement"] .ebl-sp-anchor { display: block; position: relative; top: -84px; visibility: hidden; }
[data-ebl-page="supplement"] .ebl-sp-jump { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.1rem 0 .4rem; }
[data-ebl-page="supplement"] .ebl-sp-jump-a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 1rem; border: 1px solid var(--line-strong); border-radius: 999px; font-size: 17px; color: var(--ink-1); transition: border-color .2s ease, color .2s ease; }
[data-ebl-page="supplement"] .ebl-sp-jump-a:hover { border-color: rgba(198,255,58,.5); color: var(--lime); }
[data-ebl-page="supplement"] .ebl-sp-fold { margin: 2rem 0; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.015); }
[data-ebl-page="supplement"] .ebl-sp-fold > div { margin: 0 !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-radius: 0 0 16px 16px !important; }
[data-ebl-page="supplement"] .ebl-sp-sum { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 56px; padding: .9rem 1.25rem; cursor: pointer; list-style: none; font-size: 15.5px; color: var(--ink-0); }
[data-ebl-page="supplement"] .ebl-sp-sum::-webkit-details-marker { display: none; }
[data-ebl-page="supplement"] .ebl-sp-sum::after { content: "+"; flex: none; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 18px; color: var(--lime); }
[data-ebl-page="supplement"] .ebl-sp-fold[open] > .ebl-sp-sum::after { content: "\2212"; }
[data-ebl-page="supplement"] .ebl-sp-sum:hover { color: var(--lime); }
@media (max-width: 640px) {
  [data-ebl-page="supplement"] { padding-left: 1.15rem !important; padding-right: 1.15rem !important; }
  [data-ebl-page="supplement"] h1 { font-size: 32px !important; line-height: 1.12; margin-top: .7rem; }
  /* Name, letter and jump row first; the structure drawing after them. */
  [data-ebl-page="supplement"] > .grid:first-of-type > .md\:col-span-5 { order: 2; }
  [data-ebl-page="supplement"] > .grid:first-of-type figure .h-56 { height: 8.5rem; }
}

/* ==========================================================================
   LAPTOP AND DESKTOP LABEL FLOOR, added October 2026 (Arnold: "make it 11 point").
   Above 1024px the phone and tablet floors stop, and the small mono labels
   (eyebrows, chips, PMID tags, footnote rows) rendered at 8 to 10.5px. They
   now clear 11px. 11px and 11.5px are left alone, so the type hierarchy holds.
   ========================================================================== */
@media (min-width: 1025px) {
  .text-\[8px\], .text-\[9px\], .text-\[9\.5px\], .text-\[10px\], .text-\[10\.5px\] { font-size: 15px; }
  [style*="font-size:8px"], [style*="font-size: 8px"], [style*="font-size:9px"], [style*="font-size: 9px"],
  [style*="font-size:9.5px"], [style*="font-size:10px"], [style*="font-size: 10px"],
  [style*="font-size:10.5px"] { font-size: 15px !important; }
}

/* Physician Discussion Sheet email box (assets/sheet-unlock.js, October 2026). The
   hidden attribute must beat .btn-primary and .card, which set their own display. */
#sheet-gate[hidden], [data-sheet-locked][hidden] { display: none !important; }
/* EBL self-hosted fonts, October 2026. Newsreader, Geist and JetBrains Mono,
   served from this site so a page view sends no visitor IP address to Google.
   Latin and Latin Extended subsets of the variable fonts from Fontsource,
   licensed under the SIL Open Font License 1.1 (openfontlicense.org).
   Copyright 2020 The Newsreader Project Authors (github.com/productiontype/Newsreader).
   Copyright 2024 The Geist Project Authors (github.com/vercel/geist-font).
   Copyright 2020 The JetBrains Mono Project Authors (github.com/JetBrains/JetBrainsMono). Written by hand once; the pages are pointed here
   by render_self_hosted_fonts.py on every build. */
/* newsreader-latin-ext-standard-normal */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/fonts/newsreader-latin-ext-standard-normal.woff2) format('woff2-variations');
  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;
}
/* newsreader-latin-standard-normal */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/fonts/newsreader-latin-standard-normal.woff2) format('woff2-variations');
  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;
}
/* newsreader-latin-ext-standard-italic */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/fonts/newsreader-latin-ext-standard-italic.woff2) format('woff2-variations');
  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;
}
/* newsreader-latin-standard-italic */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/fonts/newsreader-latin-standard-italic.woff2) format('woff2-variations');
  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;
}
/* geist-latin-ext-wght-normal */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/fonts/geist-latin-ext-wght-normal.woff2) format('woff2-variations');
  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;
}
/* geist-latin-wght-normal */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/fonts/geist-latin-wght-normal.woff2) format('woff2-variations');
  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;
}
/* jetbrains-mono-latin-ext-wght-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format('woff2-variations');
  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;
}
/* jetbrains-mono-latin-wght-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2-variations');
  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;
}