@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather:wght@400;700&display=swap';:root{--color-bg:#f8f9fa;--color-bg-alt:#ffffff;--color-bg-dark:#1a1a2e;--color-bg-subtle:#eef1f5;--color-border:#d1d5db;--color-border-light:#e5e7eb;--color-text:#1f2937;--color-text-light:#6b7280;--color-text-muted:#9ca3af;--color-link:#2563eb;--color-link-hover:#1d4ed8;--color-accent:#2563eb;--color-accent-light:#dbeafe;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#0284c7;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-serif:'Merriweather', Georgia, 'Times New Roman', serif;--font-mono:'JetBrains Mono', 'Fira Code', 'Consolas', monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:5rem;--max-width:1200px;--content-width:800px;--sidebar-width:300px;--radius:8px;--radius-sm:4px;--radius-lg:12px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);--transition:200ms ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-link);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-link-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.3;color:var(--color-text)}h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}h2{font-size:var(--text-3xl);margin-bottom:var(--space-3)}h3{font-size:var(--text-2xl);margin-bottom:var(--space-3)}h4{font-size:var(--text-xl);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4)}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-1)}hr{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-6)0}code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-subtle);padding:.15em .4em;border-radius:var(--radius-sm)}pre{background:var(--color-bg-dark);color:#e5e7eb;padding:var(--space-4);border-radius:var(--radius);overflow-x:auto;margin-bottom:var(--space-4)}pre code{background:0 0;padding:0;color:inherit}blockquote{border-left:4px solid var(--color-accent);padding:var(--space-3)var(--space-5);margin:var(--space-4)0;background:var(--color-accent-light);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--color-text)}table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}th,td{padding:var(--space-2)var(--space-3);text-align:left;border-bottom:1px solid var(--color-border-light)}th{font-weight:600;background:var(--color-bg-subtle)}tr:hover{background:var(--color-bg-subtle)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-5)}.content-width{max-width:var(--content-width)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.flex-1{flex:1}.grid{display:grid;gap:var(--space-5)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.text-accent{color:var(--color-accent)}.text-white{color:#fff}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.leading-tight{line-height:1.25}.leading-normal{line-height:1.7}.leading-relaxed{line-height:1.9}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-wide{letter-spacing:.05em}.no-underline{text-decoration:none}.underline{text-decoration:underline}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.border{border:1px solid var(--color-border)}.border-top{border-top:1px solid var(--color-border)}.border-bottom{border-bottom:1px solid var(--color-border-light)}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.bg-white{background-color:var(--color-bg-alt)}.bg-subtle{background-color:var(--color-bg-subtle)}.bg-dark{background-color:var(--color-bg-dark);color:#e5e7eb}.bg-accent{background-color:var(--color-accent);color:#fff}.bg-accent-light{background-color:var(--color-accent-light)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.site-nav{background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.site-nav .nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;height:56px}.site-nav .nav-brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);font-weight:700;font-size:var(--text-xl)}.site-nav .nav-brand .brand-icon{width:32px;height:32px;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-lg)}.site-nav .nav-links{display:flex;align-items:center;gap:var(--space-1);list-style:none;padding:0;margin:0}.site-nav .nav-links a{display:inline-block;padding:var(--space-2)var(--space-3);color:var(--color-text-light);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition);text-decoration:none}.site-nav .nav-links a:hover,.site-nav .nav-links a.active{color:var(--color-accent);background:var(--color-accent-light)}.nav-github{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);color:var(--color-text-light);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition);text-decoration:none}.nav-github:hover{color:var(--color-accent);background:var(--color-accent-light);text-decoration:none}.nav-github svg{width:20px;height:20px;fill:currentColor}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-text);font-size:var(--text-xl)}.hero{background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 50%,#3b82f6 100%);color:#fff;text-align:center;padding:var(--space-12)var(--space-5)}.hero h1{color:#fff;font-size:3rem;margin-bottom:var(--space-3);font-weight:700}.hero .hero-tagline{font-size:var(--text-xl);opacity:.9;margin-bottom:var(--space-6);font-weight:400}.hero .hero-stats{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-6)}.hero .hero-stat{text-align:center}.hero .hero-stat .stat-number{display:block;font-size:var(--text-3xl);font-weight:700}.hero .hero-stat .stat-label{font-size:var(--text-sm);opacity:.8}.card{background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-2px)}.card-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);margin-bottom:var(--space-3)}.card h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.card p{color:var(--color-text-light);font-size:var(--text-sm);margin-bottom:var(--space-2)}.card .card-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.card a{text-decoration:none;color:inherit}.card a:hover{text-decoration:none}.card-icon.companies{background:#dbeafe;color:#2563eb}.card-icon.tools{background:#dcfce7;color:#059669}.card-icon.people{background:#fef3c7;color:#d97706}.card-icon.games{background:#fce7f3;color:#db2777}.card-icon.apps{background:#e0e7ff;color:#4f46e5}.card-icon.guides{background:#f3e8ff;color:#7c3aed}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-5);font-size:var(--text-sm);font-weight:600;border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-decoration:none;font-family:var(--font-sans);line-height:1.5}.btn:hover{text-decoration:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-link-hover);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:0 0;color:var(--color-accent);border-color:var(--color-accent)}.btn-outline:hover{background:var(--color-accent);color:#fff}.btn-sm{padding:var(--space-1)var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3)var(--space-6);font-size:var(--text-base)}.badge{display:inline-block;padding:.15em .6em;font-size:var(--text-xs);font-weight:600;border-radius:9999px;background:var(--color-bg-subtle);color:var(--color-text-light)}.badge-accent{background:var(--color-accent-light);color:var(--color-accent)}.badge-success{background:#dcfce7;color:var(--color-success)}.alert{padding:var(--space-4)var(--space-5);border-radius:var(--radius);margin-bottom:var(--space-4);border-left:4px solid}.alert p:last-child{margin-bottom:0}.alert-info{background:#eff6ff;border-left-color:var(--color-info);color:#1e40af}.alert-success{background:#f0fdf4;border-left-color:var(--color-success);color:#166534}.alert-warning{background:#fffbeb;border-left-color:var(--color-warning);color:#92400e}.alert-danger{background:#fef2f2;border-left-color:var(--color-danger);color:#991b1b}.article-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:var(--max-width);margin:0 auto;padding:var(--space-6)var(--space-5)}.article-layout.has-sidebar{grid-template-columns:1fr var(--sidebar-width)}.article-header{border-bottom:2px solid var(--color-border);padding-bottom:var(--space-4);margin-bottom:var(--space-5)}.article-header h1{font-size:var(--text-4xl);font-family:var(--font-serif);margin-bottom:var(--space-2)}.article-header .article-meta{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-light);font-size:var(--text-sm)}.article-body{font-family:var(--font-sans);line-height:1.8}.article-body h2{font-size:var(--text-2xl);margin-top:var(--space-8);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.article-body h3{font-size:var(--text-xl);margin-top:var(--space-6)}.article-body p{margin-bottom:var(--space-4)}.article-footer{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.edit-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-light);transition:color var(--transition)}.edit-link:hover{color:var(--color-accent)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);padding:0;list-style:none}.breadcrumbs li::after{content:'›';margin-left:var(--space-2);color:var(--color-text-muted)}.breadcrumbs li:last-child::after{content:''}.breadcrumbs a{color:var(--color-text-light)}.breadcrumbs a:hover{color:var(--color-accent)}.infobox{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-5)}.infobox h3{font-size:var(--text-lg);text-align:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-accent)}.infobox-row{display:flex;padding:var(--space-2)0;border-bottom:1px solid var(--color-border-light);font-size:var(--text-sm)}.infobox-row:last-child{border-bottom:none}.infobox-label{font-weight:600;width:40%;color:var(--color-text);flex-shrink:0}.infobox-value{color:var(--color-text-light);flex:1}.infobox-value a{word-break:break-all}.toc{background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:var(--space-4)var(--space-5);margin-bottom:var(--space-5)}.toc h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.toc ol{padding-left:var(--space-4);margin-bottom:0}.toc li{font-size:var(--text-sm);margin-bottom:var(--space-1)}.toc a{color:var(--color-text-light)}.toc a:hover{color:var(--color-accent)}.tool-container{max-width:var(--max-width);margin:0 auto;padding:var(--space-6)var(--space-5)}.tool-header{text-align:center;margin-bottom:var(--space-6)}.tool-header h1{font-family:var(--font-serif);margin-bottom:var(--space-2)}.tool-header p{color:var(--color-text-light);font-size:var(--text-lg)}.tool-app{background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow);margin-bottom:var(--space-6)}.tool-info{background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);line-height:1.8}.tool-info h2{font-size:var(--text-2xl);margin-top:var(--space-6);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.tool-info h2:first-child{margin-top:0}.tool-info h3{font-size:var(--text-xl);margin-top:var(--space-5)}label{display:block;font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-1);color:var(--color-text)}input[type=text],input[type=number],input[type=email],input[type=url],textarea,select{width:100%;padding:var(--space-2)var(--space-3);font-size:var(--text-base);font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-alt);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-group{margin-bottom:var(--space-4)}.form-result{background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:var(--space-4);font-size:var(--text-xl);font-weight:700;color:var(--color-accent);text-align:center}.site-footer{background:var(--color-bg-dark);color:#9ca3af;padding:var(--space-8)var(--space-5);margin-top:var(--space-10)}.footer-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-8)}.footer-brand h3{color:#fff;font-size:var(--text-xl);margin-bottom:var(--space-2)}.footer-brand p{font-size:var(--text-sm);color:#9ca3af;line-height:1.6}.footer-links h4{color:#fff;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:#9ca3af;font-size:var(--text-sm);transition:color var(--transition)}.footer-links a:hover{color:#fff;text-decoration:none}.footer-bottom{max-width:var(--max-width);margin:var(--space-6)auto 0;padding-top:var(--space-4);border-top:1px solid #374151;text-align:center;font-size:var(--text-xs);color:#6b7280}.error-page{text-align:center;padding:var(--space-12)var(--space-5);min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-page .error-code{font-size:8rem;font-weight:700;color:var(--color-accent);line-height:1;margin-bottom:var(--space-3);opacity:.3}.error-page h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.error-page p{color:var(--color-text-light);margin-bottom:var(--space-6)}.section-title{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.section-title h2{margin-bottom:0;font-size:var(--text-2xl)}.section-title::after{content:'';flex:1;height:1px;background:var(--color-border-light)}.category-section{margin-bottom:var(--space-8)}.steps{counter-reset:step-counter;list-style:none;padding:0}.steps li{counter-increment:step-counter;display:flex;gap:var(--space-4);margin-bottom:var(--space-5);align-items:flex-start}.steps li::before{content:counter(step-counter);display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:#fff;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.step-content h4{margin-bottom:var(--space-1)}.step-content p{color:var(--color-text-light);font-size:var(--text-sm);margin-bottom:0}.template-card{background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.template-card-header{background:var(--color-bg-subtle);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border-light);font-weight:600;font-size:var(--text-sm)}.template-card-body{padding:var(--space-4)}.template-card-body p{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-2)}.code-block{position:relative;margin-bottom:var(--space-4)}.code-block pre{margin-bottom:0}.code-label{position:absolute;top:0;right:0;background:rgba(255,255,255,.1);color:#9ca3af;font-size:var(--text-xs);padding:var(--space-1)var(--space-3);border-radius:0 var(--radius)0 var(--radius-sm)}.social-links{display:flex;gap:var(--space-3);align-items:center}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-bg-subtle);color:var(--color-text-light);transition:all var(--transition)}.social-links a:hover{background:var(--color-accent);color:#fff;text-decoration:none}.social-links a svg{width:18px;height:18px;fill:currentColor}.profile-layout{max-width:var(--max-width);margin:0 auto;padding:var(--space-6)var(--space-5);display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);align-items:start}.profile-content{min-width:0}.profile-sidebar{position:sticky;top:72px}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.article-layout.has-sidebar{grid-template-columns:1fr}.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static;order:-1}.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:768px){:root{--text-4xl:1.875rem;--text-3xl:1.5rem;--text-2xl:1.25rem}.hero{padding:var(--space-8)var(--space-4)}.hero h1{font-size:var(--text-3xl)}.hero .hero-stats{flex-direction:column;gap:var(--space-3)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.site-nav .nav-links{display:none;position:absolute;top:56px;left:0;right:0;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);flex-direction:column;padding:var(--space-2);box-shadow:var(--shadow-md)}.site-nav .nav-links.open{display:flex}.site-nav .nav-links a{width:100%;padding:var(--space-3)var(--space-4)}.nav-toggle{display:block}.nav-github span{display:none}.breadcrumbs{flex-wrap:wrap}.infobox{margin-top:var(--space-4)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}.card{animation:fadeIn .4s ease-out forwards}@media print{.site-nav,.site-footer,.edit-link,.nav-github,.btn{display:none!important}body{background:#fff;color:#000;font-size:12pt}.container{max-width:100%;padding:0}}[x-cloak]{display:none}