:root{--color-primary: #0F172A;--color-secondary: #334155;--color-cta: #0369A1;--color-cta-hover: #0284C7;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-text: #020617;--color-text-muted: #475569;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--color-accent: #DC2626;--color-accent-bg: #FEF2F2;--color-accent-border: #FECACA;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--container-max: 1140px;--container-narrow: 720px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-primary: #F9FAFB;--color-secondary: #D1D5DB;--color-cta: #60A5FA;--color-cta-hover: #93C5FD;--color-background: #111827;--color-surface: #1F2937;--color-text: #F9FAFB;--color-text-muted: #9CA3AF;--color-border: #374151;--color-border-hover: #4B5563;--color-accent: #F87171;--color-accent-bg: #1F2937;--color-accent-border: #7F1D1D}}[data-theme=dark]{--color-primary: #F9FAFB;--color-secondary: #D1D5DB;--color-cta: #60A5FA;--color-cta-hover: #93C5FD;--color-background: #111827;--color-surface: #1F2937;--color-text: #F9FAFB;--color-text-muted: #9CA3AF;--color-border: #374151;--color-border-hover: #4B5563;--color-accent: #F87171;--color-accent-bg: #1F2937;--color-accent-border: #7F1D1D}[data-theme=light]{--color-primary: #0F172A;--color-secondary: #334155;--color-cta: #0369A1;--color-cta-hover: #0284C7;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-text: #020617;--color-text-muted: #475569;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--color-accent: #DC2626;--color-accent-bg: #FEF2F2;--color-accent-border: #FECACA}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:100px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-background);line-height:1.625}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--color-primary)}h1{font-size:2.25rem}h2{font-size:1.5rem;margin-bottom:var(--spacing-md)}h3{font-size:1.25rem}p{margin-bottom:var(--spacing-md);max-width:65ch}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-cta)}.container{width:min(var(--container-max),calc(100% - var(--spacing-xl) * 2));margin:0 auto}.container-narrow{width:min(var(--container-narrow),calc(100% - var(--spacing-xl) * 2));margin:0 auto}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) 0}.logo{font-family:var(--font-heading);font-weight:600;font-size:1.25rem;color:var(--color-primary);transition:color var(--transition-fast)}.logo:hover{color:var(--color-cta)}.logo:hover .logo-highlight{color:#b71c1c}.logo-highlight{color:#c62828;font-weight:800;font-size:1.3em;transition:color var(--transition-fast)}.nav{display:flex;gap:var(--spacing-lg);font-size:.9375rem;font-weight:500}.nav a{color:var(--color-secondary);padding:var(--spacing-xs) 0;position:relative}.nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-cta);transition:width var(--transition-normal)}.nav a:hover{color:var(--color-cta)}.nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast)}.theme-toggle:hover{border-color:var(--color-cta);color:var(--color-cta)}.theme-toggle .icon-moon{display:none}.theme-toggle .icon-sun{display:block}:root.is-dark .theme-toggle .icon-moon{display:block}:root.is-dark .theme-toggle .icon-sun{display:none}.menu-toggle{display:none;background:none;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--color-primary)}.hero{padding:var(--spacing-3xl) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.hero-content{max-width:640px}.hero h1{font-size:2.5rem;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.hero-subtitle{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xl);line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.25rem;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.btn-primary{background:var(--color-cta);color:#fff;border-color:var(--color-cta)}.btn-primary:hover{background:var(--color-cta-hover);border-color:var(--color-cta-hover);color:#fff}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-cta);color:var(--color-cta)}.cta-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.section{padding:var(--spacing-3xl) 0}.section-title{margin-bottom:var(--spacing-xl);position:relative}.section-title:after{content:"";display:block;width:48px;height:3px;background:var(--color-cta);margin-top:var(--spacing-sm);border-radius:2px}.grid-4{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.grid-3{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.grid-2{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.card{background:var(--color-surface);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);height:100%;display:flex;flex-direction:column}.card:hover{border-color:var(--color-border-hover);box-shadow:0 4px 12px #0000000d}.card-link{display:block;cursor:pointer;height:100%}.card-link:hover{color:inherit}.card-link:hover .card{border-color:var(--color-cta)}.card-link:hover .card-title{color:var(--color-cta)}.card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);color:var(--color-cta)}.card-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast)}.card-description{font-size:.9375rem;color:var(--color-text-muted);margin:0;line-height:1.6;flex-grow:1}.list-item{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-surface);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.list-item:hover{border-color:var(--color-cta);color:var(--color-cta)}.list-item-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-text-muted);transition:color var(--transition-fast)}.list-item:hover .list-item-icon{color:var(--color-cta)}.list-item-text{font-weight:500}.notice{padding:var(--spacing-xl) 0}.notice-box{background:var(--color-accent-bg);border:1px solid var(--color-accent-border);padding:var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-md)}.notice-icon{flex-shrink:0;width:20px;height:20px;color:var(--color-accent)}.notice-content{font-size:.9375rem}.notice-content strong{color:var(--color-accent)}.notice-content a{color:var(--color-cta);text-decoration:underline;text-underline-offset:2px}.notice-content a:hover{text-decoration:none}.updates-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.update-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.update-item:hover{border-color:var(--color-border-hover)}.update-title{font-weight:500}.update-date{font-size:.875rem;color:var(--color-text-muted)}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0;margin-top:var(--spacing-3xl)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.footer-text{font-size:.9375rem;color:var(--color-text-muted)}.footer-links{display:flex;gap:var(--spacing-lg);font-size:.9375rem}.footer-links a{color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-cta)}.article{padding:var(--spacing-3xl) 0}.breadcrumb{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-cta)}.article-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.article-header h1{font-size:2rem;margin-bottom:var(--spacing-md)}.article-meta{font-size:.9375rem;color:var(--color-text-muted)}.article-content{max-width:var(--container-narrow)}.article-content h2{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.article-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.article-content ul,.article-content ol{padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md)}.article-content li{margin-bottom:var(--spacing-sm)}.article-content table{width:100%;border-collapse:collapse;margin:var(--spacing-xl) 0;font-size:.9375rem}.article-content th,.article-content td{padding:var(--spacing-md);border:1px solid var(--color-border);text-align:left}.article-content th{background:var(--color-background);font-weight:600}.article-content blockquote{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--color-background);border-left:4px solid var(--color-cta);border-radius:0 var(--radius-md) var(--radius-md) 0}.article-content blockquote p{margin:0}.article-content code{background:var(--color-background);padding:.125em .375em;border-radius:var(--radius-sm);font-size:.875em}.article-content pre{background:var(--color-primary);color:#f8fafc;padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-xl) 0}.article-content pre code{background:transparent;padding:0}.article-content>h1:first-child{display:none}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--spacing-3xl: 3rem}.nav{display:none}.menu-toggle{display:block}.hero h1{font-size:2rem}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.update-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media (max-width: 480px){.hero h1{font-size:1.75rem}.cta-row{flex-direction:column}.cta-row .btn{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-cta);color:#fff;padding:var(--spacing-sm) var(--spacing-md);z-index:1000;transition:top var(--transition-fast)}.skip-link:focus{top:0}