:root{color-scheme:light;--bg-color: #fcfcfc;--text-color: #222222;--accent-color: #007bff;--card-bg: #ffffff;--border-color: #e0e0e0;--link-color: #0056b3;--muted-color: #5c5c5c;--skip-bg: #0b3d91;--skip-fg: #ffffff;--focus-color: #c2410c;--focus-halo: #ffffff}[data-theme="dark"]{color-scheme:dark;--bg-color: #1a1a1a;--text-color: #eeeeee;--accent-color: #4da3ff;--card-bg: #2a2a2a;--border-color: #333333;--link-color: #00d4ff;--muted-color: #b0b0b0;--skip-bg: #e8f0fe;--skip-fg: #0b3d91;--focus-color: #ff9d6b;--focus-halo: #1a1a1a}body{background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;margin:0;padding:0;transition:background-color 0.3s ease, color 0.3s ease}a{color:var(--link-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:opacity 0.2s ease, text-decoration-thickness 0.2s ease}a:hover,a:focus{opacity:0.85;text-decoration-thickness:2px}*{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.feature-card:hover,.feature-card:focus-visible,.card:hover .card-illustration{transform:none !important}}img{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--focus-color);outline-offset:2px;box-shadow:0 0 0 2px var(--focus-halo)}@media (forced-colors: active){:focus-visible{outline:3px solid Highlight;box-shadow:none}}.skip-link{position:absolute;top:-100px;left:0;background:var(--skip-bg);color:var(--skip-fg);padding:12px 16px;z-index:1000;text-decoration:underline;font-weight:600}.skip-link:focus{top:0}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;border-bottom:1px solid var(--border-color)}.site-nav{flex-basis:100%}.site-nav__list{display:flex;flex-wrap:wrap;gap:0.25rem 1rem;list-style:none;margin:0;padding:0}.site-nav__link{display:inline-flex;align-items:center;min-height:44px;padding:0 0.5rem;min-width:44px;justify-content:center;color:var(--text-color);text-decoration:none;border-bottom:3px solid transparent}.site-nav__link:hover,.site-nav__link:focus-visible{text-decoration:underline}.site-nav__link[aria-current]{font-weight:700;border-bottom-color:currentColor}.site-logo{margin:0;font-weight:bold;font-size:1.5rem}.site-logo a{color:var(--text-color);text-decoration:none}.site-logo a:hover,.site-logo a:focus-visible{text-decoration:underline}.site-footer{text-align:center;padding:2rem;margin-top:4rem;border-top:1px solid var(--border-color)}.theme-toggle{display:inline-flex;align-items:center;gap:0.5rem;min-height:44px;padding:0.5rem 1rem;background:none;border:1px solid var(--text-color);border-radius:4px;color:var(--text-color);font:inherit;cursor:pointer}.theme-toggle[aria-pressed="true"]{background:var(--card-bg)}.theme-toggle__icon{font-size:1.1em;line-height:1}@media (max-width: 30rem){.site-header{padding:1rem}.theme-toggle{white-space:nowrap}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.75rem 1.5rem;border-radius:4px;font-weight:600;text-decoration:none}.btn:hover,.btn:focus-visible{text-decoration:underline}.btn--primary{background:var(--skip-bg);color:var(--skip-fg);border:1px solid transparent}.btn--secondary{background:transparent;color:var(--link-color);border:1px solid currentColor}.article-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:4rem}.post-meta{color:var(--muted-color)}.card-illustration{width:100%;max-width:100%;height:auto;max-height:200px;object-fit:contain;margin-bottom:1.5rem;transition:transform 0.3s ease}.card:hover .card-illustration{transform:scale(1.05)}.post-list-page{max-width:760px;margin:0 auto;padding:2rem 1rem 4rem}.post-list{list-style:none;margin:0;padding:0}.post-list__item{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border-color)}.post-list__item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.post-list__item>a{font-size:1.125rem;font-weight:600;line-height:1.7}.post-list__excerpt{margin-top:0.75rem}.post-list__excerpt p{margin:0}.post-list__excerpt img{display:block;width:auto;height:auto;max-width:100%;max-height:240px;border-radius:8px}.article-wrapper-forced{display:flex !important;justify-content:center !important;width:100% !important;padding:2rem 1rem !important;box-sizing:border-box !important}.article-container-forced{max-width:32rem !important;width:100% !important;text-align:left !important;line-height:1.9 !important}.article-container-forced img{max-width:100% !important;height:auto !important;border-radius:8px}.hero-section{text-align:center;padding:8rem 2rem;background:linear-gradient(135deg, var(--bg-color) 0%, var(--card-bg) 100%);display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-content h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-0.05em;color:var(--text-color)}@supports (background-clip: text) or (-webkit-background-clip: text){.hero-content h1{background:linear-gradient(to right, var(--text-color), var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}@media (forced-colors: active){.hero-content h1{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}.hero-content p{font-size:1.25rem;color:var(--text-color);opacity:0.8;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;padding:4rem 2rem;max-width:1200px;margin:0 auto}.feature-card{display:block;background:var(--card-bg);padding:2.5rem;border-radius:16px;text-decoration:none;color:var(--text-color);box-shadow:0 4px 6px rgba(0,0,0,0.05);transition:transform 0.3s ease, box-shadow 0.3s ease;border:1px solid var(--border-color);text-align:center}.feature-card:hover,.feature-card:focus-visible{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,0.1);border-color:var(--accent-color)}.card-icon{font-size:3rem;margin-bottom:1.5rem}.feature-card h2{font-size:1.5rem;margin-bottom:1rem;font-weight:700}.feature-card p{font-size:1rem;line-height:1.6;opacity:0.8}.statement-section{text-align:center;padding:6rem 2rem;background:var(--bg-color);border-top:1px solid var(--border-color)}.statement-section p{font-size:1.5rem;font-weight:500;max-width:800px;margin:0 auto;line-height:1.8}