/* Homepage-only subset of style.css; generated with PurgeCSS. Original retained. Source SHA256: f45571bab59218b8e245ccdce17dde3b0cc9f67f1cb520c50715759fb106a4fc */
:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-blue:0 4px 14px rgba(37,99,235,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll;scroll-behavior:smooth}body{background:#fff;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[aria-label="The Omics Hub bioinformatics logo"]{flex:0 0 40px;height:40px!important;min-height:40px;min-width:40px;width:40px!important}[aria-label="The Omics Hub bioinformatics logo"]>svg{flex:0 0 28px;height:28px!important;width:28px!important}header [aria-label="The Omics Hub bioinformatics logo"]>svg{flex:0 0 32px;height:32px!important;width:32px!important}header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.97);border-bottom:1px solid var(--gray-200)}.nav-active{border-bottom:2px solid var(--blue-600);color:var(--blue-600)!important;font-weight:700;padding-bottom:2px}.hero-btn{background:#000;border-radius:var(--radius-sm);box-shadow:0 4px 16px rgba(0,0,0,.28);color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:0.85rem 2.2rem;position:relative;text-decoration:none;transition:background 0.2s,transform 0.2s,box-shadow 0.2s}.hero-btn:focus-visible,.hero-btn:hover{background:#1f2937;box-shadow:0 8px 24px rgba(0,0,0,.35);color:#fff;transform:translateY(-2px)}.btn-navy{background:#123b5d!important;box-shadow:0 2px 5px rgba(18,59,93,.24);color:#fff!important;transition:background 0.2s,box-shadow 0.2s,transform 0.2s}.btn-navy:focus-visible,.btn-navy:hover{background:#0b2741!important;color:#fff!important}.text-navy{color:#123b5d!important}.group:hover .group-hover\:text-navy{color:#123b5d!important}#legal-menu-button[aria-expanded=false]+#legal-menu{opacity:0!important;pointer-events:none;visibility:hidden!important}#legal-menu-button[aria-expanded=true]+#legal-menu{opacity:1!important;pointer-events:auto;visibility:visible!important}.badge{border-radius:99px;display:inline-block;font-size:0.72rem;font-weight:700;letter-spacing:0.05em;margin-bottom:8px;padding:3px 10px;text-transform:uppercase}.badge-hpc{background:#ede9fe;color:#6d28d9}.badge-shell{background:#e0f7fa;color:#0b5d70}.badge-conda{background:#fef9c3;color:#a16207}.badge-scrna{background:#ffe4e6;color:#be123c}.badge-bio{background:#dbeafe;color:#1d4ed8}.tutorial-card{background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:1.6rem;transition:border-color 0.2s,box-shadow 0.2s,transform 0.2s}.tutorial-card:hover{border-color:#93c5fd;box-shadow:0 8px 32px rgba(37,99,235,.1);transform:translateY(-3px)}.tutorial-card h3{color:var(--gray-900);flex-grow:1;font-size:1.07rem;font-weight:700;line-height:1.45;margin-bottom:0.5rem}.tutorial-card .meta{align-items:center;color:var(--gray-400);display:flex;font-size:0.8rem;gap:6px}.tutorial-card .excerpt{color:var(--gray-500);font-size:0.9rem;line-height:1.7;margin-bottom:1.2rem;margin-top:0.5rem}.tutorial-card .read-more{align-items:center;color:var(--blue-600);display:inline-flex;font-size:0.85rem;font-weight:600;gap:4px;margin-top:auto;text-decoration:none;transition:gap 0.15s}.tutorial-card .read-more:hover{gap:8px}.category-filter{align-items:center}.sidebar-category[data-category="AI-Driven Research & Agentic Bioinformatics"]:focus-visible{outline:3px solid rgba(192,38,211,.38);outline-offset:2px}@media (max-width:767px){.category-filter{gap:0.55rem;padding-bottom:0.25rem}}.sidebar-link{border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;display:block;font-size:0.875rem;padding:8px 12px;text-decoration:none;transition:background 0.15s,color 0.15s}.sidebar-link:hover{background:var(--blue-50);color:var(--blue-600)}#search-input{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-900);font-family:inherit;font-size:0.95rem;padding:0.75rem 1rem 0.75rem 3rem;transition:border-color 0.15s,box-shadow 0.15s;width:100%}#search-input:focus{background:#fff;border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(37,99,235,.12);outline:none}.prose{margin:0 auto;max-width:760px}.prose h1{color:var(--gray-900);font-size:2.2rem;font-weight:800;letter-spacing:-0.03em;line-height:1.2;margin-bottom:0.75rem}.prose h2{border-bottom:2px solid var(--gray-100);color:var(--gray-900);font-size:1.5rem;font-weight:700;margin:2.5rem 0 0.9rem;padding-bottom:0.5rem}.prose h3{color:var(--gray-800);font-size:1.15rem;font-weight:700;margin:1.75rem 0 0.6rem}.prose h4{color:var(--gray-700);font-size:1rem;font-weight:600;margin:1.25rem 0 0.4rem}.prose p{color:var(--gray-700);font-family:inherit;line-height:1.85;margin-bottom:1.1rem}.prose ul{font-family:inherit;list-style-position:outside;margin:0.8rem 0 1.2rem;padding-left:1.6rem}.prose ul{list-style-type:disc}.prose li{color:var(--gray-700);line-height:1.8;margin-bottom:0.45rem}.prose li>ul{margin-bottom:0;margin-top:0.4rem}.prose strong{color:var(--gray-900);font-weight:600}.prose a{color:var(--blue-600);font-weight:500;text-decoration:underline;text-underline-offset:2px;transition:color 0.15s}.prose a:hover{color:var(--blue-800)}.prose img{border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(0,0,0,.08);height:auto;margin:1.5rem 0;max-width:100%}pre{background:#0f172a!important;border:1px solid #1e293b;border-radius:var(--radius-md);margin:1.5rem 0;overflow-x:auto;padding:1.25rem 1.5rem!important}pre code{background:transparent!important;color:#e2e8f0!important;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:0.855rem;line-height:1.7}:not(pre)>code{background:#f1f5f9;border-radius:5px;color:#0f4c81;font-family:JetBrains Mono,Fira Code,monospace;font-size:0.84em;font-weight:500;padding:2px 7px}.page-content{animation:fadeUp 0.3s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-to-top{align-items:center;background:var(--blue-600);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 14px rgba(37,99,235,.35);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;opacity:0;position:fixed;right:2rem;transition:opacity 0.25s,visibility 0.25s,transform 0.2s,background 0.2s;visibility:hidden;width:44px}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--blue-700);transform:translateY(-2px)}.loading{animation:spin 0.7s linear infinite;border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--blue-600);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.hero-section{padding:52px 0 60px}.prose h1{font-size:1.7rem}.prose h2{font-size:1.25rem}pre code{font-size:0.78rem}}#cookie-consent-banner{bottom:0!important;left:0!important;position:fixed!important;right:0!important;z-index:9999!important}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue-600);outline-offset:3px}.code-tab-btn:active,a.hero-btn:active,button:active{transform:scale(0.98)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0.01ms!important}}@media print{.back-to-top,footer,header{display:none!important}body{color:#000;font-size:12pt}pre{border:1px solid #ccc}}.code-tab-container{border:1px solid var(--gray-200);border-radius:var(--radius-sm);margin-bottom:1.5rem;overflow:hidden}.code-tab-header{background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex}.code-tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-500);cursor:pointer;font-size:0.85rem;font-weight:600;padding:0.5rem 1rem;transition:all 0.2s}.code-tab-btn:hover{color:var(--gray-800)}.code-tab-btn.active{background:#fff;border-bottom-color:var(--blue-600);color:var(--blue-600)}.code-tab-content{display:none}.code-tab-content.active{display:block}.code-tab-content pre{border:none!important;border-top-left-radius:0!important;border-top-right-radius:0!important;margin-bottom:0!important;margin-top:0!important}.journey-map-footer{align-items:center;color:#64748b;display:flex;font-size:.76rem;font-weight:700;gap:.75rem;justify-content:center;margin-top:.75rem;position:relative;text-align:center;z-index:1}@media (max-width:768px){.journey-map-footer{align-items:flex-start;font-size:.7rem}}.roadmap-footer{fill:#64748b;font:800 12px/1 system-ui,sans-serif;letter-spacing:.08em}.phylo-footer{fill:#64748b;font:600 12px/1.2 system-ui,sans-serif}.sidebar-category{align-items:center;display:inline-flex;gap:.65rem}.sidebar-category{justify-content:space-between;width:100%}.category-count{align-items:center;background:#000;border:1px solid #000;border-radius:.45rem;box-shadow:0 2px 5px rgba(37,99,235,.25);color:#fff;display:inline-flex;flex:0 0 auto;font-size:.82rem;font-weight:900;height:1.7rem;justify-content:center;line-height:1;margin-left:.35rem;min-width:2rem;padding:0 .55rem}@media (max-width:640px){.sidebar-category{gap:.5rem}.category-count{font-size:.76rem;height:1.55rem;margin-left:.25rem;min-width:1.8rem;padding:0 .45rem}}.sidebar-category.is-selected{border-color:transparent!important;box-shadow:0 4px 12px rgba(15,23,42,.16);color:#fff!important}.sidebar-category.is-selected .category-count{background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.32);color:#fff}.cookie-consent-banner{align-items:center;background:rgba(15,23,42,.97);border:1px solid rgba(147,197,253,.28);border-radius:1rem;bottom:1rem;box-shadow:0 18px 45px rgba(15,23,42,.28);color:#e5eef7;display:flex;gap:1rem;justify-content:space-between;left:1rem;margin:0 auto;max-width:72rem;padding:1rem 1.15rem;position:fixed;right:1rem;z-index:100}.cookie-consent-copy{font-size:.85rem;line-height:1.5;max-width:48rem}.cookie-consent-copy strong{color:#fff;display:block;font-size:.95rem;margin-bottom:.2rem}.cookie-consent-copy p{margin:0}.cookie-consent-copy a{color:#93c5fd;text-decoration:underline}.cookie-consent-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.cookie-preferences-panel{background:rgba(15,23,42,.58);display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:110}.cookie-consent-banner.hidden,.cookie-preferences-panel.hidden{display:none!important}@media (max-width:720px){.cookie-consent-banner{align-items:flex-start;bottom:.75rem;flex-direction:column;padding:.9rem}.cookie-consent-actions{justify-content:flex-start;width:100%}}header nav #mobile-menu a.font-semibold,header nav a[aria-current=page],header nav button[aria-current=page]{background-color:#123b5d!important;border-color:#123b5d!important;box-shadow:0 3px 9px rgba(18,59,93,.2);color:#fff!important}header nav #mobile-menu a.font-semibold:hover,header nav a[aria-current=page]:hover,header nav button[aria-current=page]:hover{background-color:#0b2741!important;color:#fff!important}header nav a:not([aria-current=page]):hover,header nav button:not([aria-current=page]):hover{color:#123b5d!important}header nav .nav-active{border-bottom-color:#123b5d!important;color:#123b5d!important}header nav #mobile-menu a.font-semibold:focus-visible,header nav a[aria-current=page]:focus-visible,header nav button[aria-current=page]:focus-visible{outline-color:#123b5d;outline-offset:3px}header nav .group>button.font-semibold.bg-blue-600.text-white{background-color:#123b5d!important;border-color:#123b5d!important;box-shadow:0 3px 9px rgba(18,59,93,.2);color:#fff!important}header nav .group>button.font-semibold.bg-blue-600.text-white:focus-visible,header nav .group>button.font-semibold.bg-blue-600.text-white:hover{background-color:#0b2741!important;border-color:#0b2741!important;color:#fff!important}header nav #mobile-menu .text-blue-600:not([aria-current=page]):not(.font-semibold){color:#123b5d!important}header nav #mobile-menu a.font-semibold,header nav .group>button.font-semibold.bg-blue-600.text-white,header nav a[aria-current=page],header nav button[aria-current=page]{background-color:#0b2741!important;border-color:#0b2741!important;box-shadow:0 3px 9px rgba(11,39,65,.24);color:#fff!important}header nav #mobile-menu a.font-semibold:hover,header nav .group>button.font-semibold.bg-blue-600.text-white:hover,header nav a[aria-current=page]:hover,header nav button[aria-current=page]:hover{background-color:#06192a!important;border-color:#06192a!important}.footer-grid{align-items:start;display:grid!important;gap:2rem;grid-template-columns:minmax(0,1.25fr) minmax(8rem,.75fr) minmax(8rem,.75fr)}.footer-grid>.footer-brand-column,.footer-grid>div{min-width:0}@media (max-width:767px){.footer-grid{gap:1.6rem;grid-template-columns:1fr}}.nav-network-mark{align-items:center;background:#123b5d;border-radius:.32rem;box-shadow:0 2px 5px rgba(11,39,65,.18);display:inline-flex;flex:0 0 1.35rem;height:1.35rem;justify-content:center;margin-left:.08rem;padding:.1rem;width:1.35rem}.nav-network-mark svg{height:100%;width:100%}header nav a[aria-current=page] .nav-network-mark{background-color:transparent!important}.prose code:before{content:none!important}.prose code:after{content:none!important}@media (max-width:640px){body,html{overflow-x:clip}footer,main{overflow-x:clip}img,svg{max-width:100%}.prose,.prose a,.prose li,.prose p{overflow-wrap:anywhere}.prose :not(pre)>code,code:not(pre code){max-width:100%;overflow-wrap:anywhere;word-break:break-all}.prose pre,pre{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere;overflow-x:auto;white-space:pre-wrap;width:100%;word-break:break-word;-webkit-overflow-scrolling:touch}.prose pre code,pre code{display:block;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap!important;word-break:break-word}#tutorial-content>section>.flex.items-center.gap-2{align-items:flex-start;flex-wrap:wrap;gap:.25rem .5rem;line-height:1.35}#tutorial-content>section>.flex.items-center.gap-2>span:nth-child(2){display:none}#tutorial-content>section>.flex.items-center.gap-2>span:last-child{border-left:1px solid #bfdbfe;padding-left:.5rem;white-space:nowrap}.cookie-consent-banner{border-radius:.9rem;bottom:.75rem;gap:.45rem;left:.75rem;padding:.65rem .75rem;right:.75rem}.cookie-consent-copy{font-size:.78rem;line-height:1.3;max-width:none}.cookie-consent-copy strong{font-size:.84rem;margin:0}.cookie-consent-copy p{display:none}.cookie-consent-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:.4rem;width:100%}}.prose li,.prose p{hyphens:none;letter-spacing:normal;text-align:start}.telegram-community-button:hover{background-color:#34d399!important;box-shadow:0 0 20px rgba(52,211,153,.7)!important;color:#123b5d!important;opacity:1!important}.telegram-community-button:focus-visible{outline:2px solid #34d399;outline-offset:2px}.subscribe-community-button:hover{background:#2563eb!important;background-image:none!important;box-shadow:0 0 24px rgba(37,99,235,.75),0 6px 20px rgba(37,99,235,.6)!important;color:#fff!important;opacity:1!important}.subscribe-community-button:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}.cookie-preferences-link{background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;padding:.3rem 0;text-align:left;text-decoration:underline;text-underline-offset:.2em}.cookie-preferences-dialog button:focus-visible,.cookie-preferences-link:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}.cookie-preferences-dialog{background:#fff;border:1px solid #d1d5db;border-radius:1rem;box-shadow:0 24px 60px #0f172a40;box-sizing:border-box;color:#111827;font:1rem/1.6 Inter,system-ui,sans-serif;margin:auto;max-height:calc(100dvh - 2rem);max-width:34rem;overflow-y:auto;padding:1.5rem;width:calc(100% - 2rem)}.cookie-preferences-dialog::backdrop{background:#0f172a80}.cookie-preferences-dialog h2{font-size:1.35rem;font-weight:700;margin:0 0 .75rem}.cookie-preferences-dialog p{margin:.75rem 0}.cookie-preferences-dialog a{color:#1d4ed8;text-decoration:underline}.cookie-preferences-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.cookie-preferences-actions button{background:#fff;border:1px solid #9ca3af;border-radius:.5rem;color:#111827;cursor:pointer;font:inherit;min-height:44px;padding:.55rem .85rem}.cookie-preferences-actions [data-cookie-choice=accepted]{background:#1d4ed8;border-color:#1d4ed8;color:#fff}@media (max-width:767px){header button[aria-controls=mobile-menu]{flex-shrink:0;min-height:44px;min-width:44px}#mobile-menu{width:100%}#mobile-menu a{align-items:center;display:flex;min-height:44px}}@media (max-width:639px){.hero-laptop-shell{padding:1rem}.hero-laptop-content{gap:1.25rem;padding-left:1.25rem!important;padding-right:1.25rem}.hero-laptop-content h1{font-size:clamp(1.75rem,7.2vw,2.1rem);line-height:1.15;margin-bottom:1rem}.hero-laptop-content p{font-size:1rem;margin-bottom:1.25rem}.hero-laptop-content .hero-btn{font-size:1rem;padding:.8rem 1.1rem}}@media (max-width:1023px){header nav [class~="md:flex"]{display:none!important}header nav button[aria-controls=mobile-menu]{align-items:center;display:inline-flex!important;flex-shrink:0;justify-content:center;min-height:44px;min-width:44px}header nav #mobile-menu:not(.hidden){display:block!important}header nav #mobile-menu.hidden{display:none!important}header nav #mobile-menu a{align-items:center;display:flex;min-height:44px}header nav .text-xl.font-bold{white-space:nowrap}}@media (min-width:1024px){header nav #mobile-menu,header nav button[aria-controls=mobile-menu]{display:none!important}}.catalogue-search #search-input{padding-left:1rem}.catalogue-search #search-results-status{color:#475569;font-size:.95rem;margin-top:.75rem}.category-scroll-hint{color:#475569;font-size:.875rem;line-height:1.5;margin:0 0 .75rem}body{padding-bottom:var(--reader-banner-space,0px)}#cookie-consent-banner>div{padding:0 .5rem .5rem}#cookie-consent-banner>div>div{padding:.65rem .75rem}#cookie-consent-banner p{overflow-wrap:anywhere}#cookie-consent-banner p:first-child{margin-bottom:.2rem}#cookie-consent-banner p+p{font-size:.8125rem;line-height:1.4}#cookie-consent-banner [data-cookie-choice]{line-height:1.3;min-height:44px;padding:.5rem .65rem}#cookie-consent-banner>div>div>div:last-child{gap:.5rem}@media (max-width:639px){#cookie-consent-banner>div>div>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.5rem}#cookie-consent-banner [data-cookie-choice]{white-space:normal}}#cookie-consent-banner{max-height:65dvh;overflow-y:auto;overscroll-behavior:contain}@media (min-width:640px){#cookie-consent-banner>div>div{align-items:center;display:flex;gap:1rem}#cookie-consent-banner>div>div>div:last-child{display:flex;flex-wrap:nowrap;margin-top:0}}@media (max-width:1023px){header nav>div:first-child{gap:.5rem}header nav>div:first-child>div:first-child{flex:1 1 auto;min-width:0}header nav a[aria-label="Go to The Omics Hub home"],header nav a[aria-label="Go to The Omics Hub home"]>div{max-width:100%;min-width:0}header nav .text-xl.font-bold{line-height:1.15;overflow-wrap:anywhere;white-space:normal}header nav #mobile-menu{max-height:calc(100dvh - var(--reader-header-height, 5rem) - var(--reader-banner-space, 0px) - 1rem);overflow-y:auto;overscroll-behavior:contain}}.hero-laptop-content h1{overflow-wrap:anywhere}.hero-laptop-screen [aria-label="Terminal prompt"]{height:auto;min-height:2rem;padding-bottom:.4rem;padding-top:.4rem}.hero-laptop-screen [aria-label="Terminal prompt"]>span{overflow-wrap:anywhere;white-space:normal!important}.catalogue-category-select{display:none;margin:0 auto 1.5rem;max-width:42rem}.catalogue-category-select label{color:#334155;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.catalogue-category-select select{background:#fff;border:1px solid #94a3b8;border-radius:.65rem;color:#172f49;font:inherit;min-height:48px;padding:.65rem 2rem .65rem .85rem;width:100%}@media (max-width:1023px){.catalogue-category-select{display:block}[data-compact-categories] #category-filter,[data-compact-categories] #category-scroll-hint{display:none!important}}.catalogue-search #search-results-status{min-height:1.5em}.reader-tools button:hover{text-decoration:underline}.reader-tools{display:flex;justify-content:flex-end;margin:1.5rem auto;width:min(100% - 2rem,72rem)}.reader-tools #back-to-top{align-items:center;background:#fff;border:1px solid #94a3b8;border-radius:.6rem;color:#17549a;cursor:pointer;display:inline-flex;font:600 .9rem/1.4 Inter,system-ui,sans-serif;justify-content:center;min-height:44px;padding:.55rem 1rem;position:static}.catalogue-category-select select:focus-visible,.reader-tools button:focus-visible{outline:3px solid #2473bc;outline-offset:3px}[id]{scroll-margin-top:calc(var(--reader-header-height, 5rem) + 0.75rem)}@view-transition{navigation:auto}::view-transition-new(root),::view-transition-old(root){animation-duration:.12s}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-new(root),::view-transition-old(root){animation:none}}article.native-tutorial-card{position:relative}article.native-tutorial-card a[href]:after{content:"";inset:0;position:absolute;z-index:1}article.native-tutorial-card:focus-within{outline:3px solid #2473bc;outline-offset:3px}