:root{color-scheme:light;--brand-primary:#4f46e5;--brand-primary-hover:#4338ca;--brand-primary-light:#eef2ff;--brand-secondary:#7c3aed;--brand-accent:#9333ea;--brand-gradient:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#9333ea 100%);--brand-glow-1:rgba(99,102,241,.15);--brand-glow-2:rgba(168,85,247,.15);--bg-page:#f8fafc;--bg-card:#ffffff;--bg-card-subtle:#f8fafc;--bg-card-hover:#f1f5f9;--bg-header:rgba(255,255,255,.88);--bg-header-mobile:rgba(255,255,255,.98);--bg-footer:#0f172a;--bg-toggle-btn:#f1f5f9;--bg-toggle-btn-hover:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-body:#1e293b;--text-muted:#475569;--text-subtle:#475569;--text-inverse:#ffffff;--text-link:#4338ca;--text-link-hover:#312e81;--text-toggle-btn:#475569;--text-toggle-btn-hover:#0f172a;--text-footer-muted:#cbd5e1;--text-header-brand:#0f172a;--brand-text-grad:linear-gradient(135deg,#0f172a 0%,#312e81 60%,#4338ca 100%);--text-nav:#475569;--text-nav-hover:#4338ca;--bg-nav-hover:rgba(79,70,229,.06);--bg-nav-active:rgba(79,70,229,.08);--border-nav-active:rgba(79,70,229,.2);--text-nav-active:#312e81;--border-subtle:#e2e8f0;--border-subtle-2:#cbd5e1;--border-header:rgba(226,232,240,.85);--border-footer:#1e293b;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--shadow-card:0 1px 3px 0 rgba(0,0,0,.03),0 8px 24px -4px rgba(0,0,0,.04);--shadow-card-hover:0 4px 6px -1px rgba(0,0,0,.04),0 16px 32px -8px rgba(0,0,0,.07);--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--container-gutter:clamp(1rem,3.8vw,1.75rem);--container-max-width:min(94vw,84rem);--header-height:4rem;--bg-hero:radial-gradient(circle at 85% 15%,rgba(99,102,241,.08) 0%,transparent 45%),radial-gradient(circle at 10% 85%,rgba(14,165,233,.06) 0%,transparent 40%),linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);--border-hero:#e2e8f0;--hero-glow-1:rgba(99,102,241,.12);--hero-glow-2:rgba(14,165,233,.10);--hero-title:#0f172a;--hero-desc:#334155;--breadcrumb-text:#475569;--breadcrumb-hover:#4338ca;--breadcrumb-current:#312e81;--breadcrumb-sep:#64748b;--badge-bg:#e0e7ff;--badge-border:#c7d2fe;--badge-text:#312e81;--badge-icon:#4338ca;--badge-dot-glow:#4338ca;--meta-border:#e2e8f0;--meta-pill-bg:#ffffff;--meta-pill-border:#cbd5e1;--meta-pill-text:#334155;--meta-pill-highlight-bg:#fef3c7;--meta-pill-highlight-border:#fcd34d;--meta-pill-highlight-text:#78350f;--meta-author-link:#4338ca;--meta-author-link-hover:#312e81;--border-card:#e2e8f0;--border-toc-accent:#4338ca;--bg-toc-badge:#e0e7ff;--text-toc-badge:#312e81;--bg-toc-btn:rgba(79,70,229,.08);--bg-toc-btn-hover:#4338ca;--text-toc-btn:#312e81;--bg-table-head:#f1f5f9;--text-table-head:#0f172a;--border-table-head:#cbd5e1;--bg-table-zebra:#f8fafc;--bg-table-hover:#eef2ff;--bg-quote:#f8fafc;--text-quote:#1e293b;--border-quote-accent:#4338ca;--bg-sidebar-cta:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%);--shadow-btn:0 4px 14px rgba(79,70,229,.35);--bg-chart-container:#ffffff;--bg-chart-canvas:#f8fafc;--border-chart-grid:#e2e8f0;--border-chart-base:#cbd5e1;--text-chart-axis:#334155;--text-chart-marker:#1e293b;--text-chart-mastery:#047857;--chart-node-bg:#ffffff;}html[data-theme="dark"]{color-scheme:dark;--bg-page:#0b0f19;--bg-card:#111827;--bg-card-subtle:#1e293b;--bg-card-hover:#1e293b;--bg-header:rgba(11,15,25,.85);--bg-header-mobile:rgba(11,15,25,.98);--bg-footer:#0f172a;--bg-toggle-btn:rgba(30,41,59,.85);--bg-toggle-btn-hover:rgba(51,65,85,.9);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-body:#e2e8f0;--text-muted:#cbd5e1;--text-subtle:#cbd5e1;--text-link:#a5b4fc;--text-link-hover:#e0e7ff;--text-toggle-btn:#cbd5e1;--text-toggle-btn-hover:#fbbf24;--text-footer-muted:#cbd5e1;--text-header-brand:#ffffff;--brand-text-grad:linear-gradient(90deg,#ffffff 0%,#f1f5f9 60%,#a5b4fc 100%);--text-nav:#cbd5e1;--text-nav-hover:#ffffff;--bg-nav-hover:rgba(255,255,255,.05);--bg-nav-active:rgba(99,102,241,.18);--border-nav-active:rgba(129,140,248,.35);--text-nav-active:#e0e7ff;--border-subtle:#1e293b;--border-subtle-2:#334155;--border-header:rgba(30,41,59,.8);--border-footer:#1e293b;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.6),0 4px 6px -4px rgba(0,0,0,.4);--shadow-card:0 1px 3px 0 rgba(0,0,0,.3),0 14px 35px -8px rgba(0,0,0,.45);--shadow-card-hover:0 4px 6px -1px rgba(0,0,0,.35),0 20px 40px -10px rgba(0,0,0,.55);--bg-hero:radial-gradient(circle at 85% 15%,rgba(99,102,241,.22) 0%,transparent 55%),radial-gradient(circle at 10% 85%,rgba(168,85,247,.16) 0%,transparent 45%),linear-gradient(180deg,#0b0f19 0%,#0f172a 100%);--border-hero:#1e293b;--hero-glow-1:rgba(99,102,241,.25);--hero-glow-2:rgba(168,85,247,.20);--hero-title:#ffffff;--hero-desc:#cbd5e1;--breadcrumb-text:#cbd5e1;--breadcrumb-hover:#ffffff;--breadcrumb-current:#c7d2fe;--breadcrumb-sep:#94a3b8;--badge-bg:rgba(99,102,241,.25);--badge-border:rgba(165,180,252,.45);--badge-text:#e0e7ff;--badge-icon:#a5b4fc;--badge-dot-glow:#818cf8;--meta-border:rgba(51,65,85,.6);--meta-pill-bg:rgba(30,41,59,.85);--meta-pill-border:rgba(51,65,85,.8);--meta-pill-text:#e2e8f0;--meta-pill-highlight-bg:rgba(245,158,11,.22);--meta-pill-highlight-border:rgba(251,191,36,.5);--meta-pill-highlight-text:#fef08a;--meta-author-link:#a5b4fc;--meta-author-link-hover:#ffffff;--border-card:#1e293b;--border-toc-accent:#6366f1;--bg-toc-badge:rgba(99,102,241,.25);--text-toc-badge:#e0e7ff;--bg-toc-btn:rgba(30,41,59,.85);--bg-toc-btn-hover:#4f46e5;--text-toc-btn:#e2e8f0;--bg-table-head:#0f172a;--text-table-head:#f8fafc;--border-table-head:#1e293b;--bg-table-zebra:rgba(255,255,255,.02);--bg-table-hover:rgba(99,102,241,.1);--bg-quote:#0f172a;--text-quote:#f8fafc;--border-quote-accent:#818cf8;--bg-sidebar-cta:linear-gradient(135deg,#1e1b4b 0%,#0b0f19 100%);--shadow-btn:0 4px 14px rgba(79,70,229,.5);--bg-chart-container:#0f172a;--bg-chart-canvas:#080d1a;--border-chart-grid:#1e293b;--border-chart-base:#334155;--text-chart-axis:#e2e8f0;--text-chart-marker:#cbd5e1;--text-chart-mastery:#6ee7b7;--chart-node-bg:#0f172a;}*,*::before,*::after{box-sizing:border-box;}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd{margin:0;padding:0;}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%;max-width:100%;}body.page-body{background-color:var(--bg-page);color:var(--text-body);display:flex;flex-direction:column;font-family:var(--font-sans);line-height:1.6;min-height:100vh;overflow-x:hidden;width:100%;max-width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body.nav-locked{overflow:hidden!important;touch-action:none;}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;}[data-theme="dark"]:focus-visible{outline-color:#a5b4fc;}html.theme-in-transition,html.theme-in-transition *,html.theme-in-transition *::before,html.theme-in-transition *::after{transition:background-color .25s ease,border-color .25s ease,color .25s ease,fill .25s ease,stroke .25s ease,box-shadow .25s ease!important;transition-delay:0s!important;}body.page-body::selection{background-color:var(--brand-primary);color:#ffffff;}img,svg{display:block;max-width:100%;height:auto;}a{color:inherit;text-decoration:none;}button{font-family:inherit;font-size:inherit;line-height:inherit;}ul,ol{list-style:none;}.icon-sm{height:1.125rem;width:1.125rem;}#reading-progress{background:linear-gradient(90deg,#4f46e5,#7c3aed,#06b6d4);box-shadow:0 0 10px rgba(99,102,241,.4);height:.25rem;left:0;pointer-events:none;position:fixed;top:0;transform:scaleX(0);transform-origin:0 50%;width:100%;z-index:10000;}@supports (animation-timeline:scroll()){#reading-progress{animation:readingProgressAuto auto linear;animation-timeline:scroll()}@keyframes readingProgressAuto{from{transform:scaleX(0)}to{transform:scaleX(1)}}}.site-header{background-color:var(--bg-header-mobile);border-bottom:1px solid var(--border-header);box-shadow:var(--shadow-sm);color:var(--text-nav);padding-top:env(safe-area-inset-top);position:sticky;top:0;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%;z-index:500;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}@media (min-width:1024px){.site-header{background-color:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.header-container{box-sizing:border-box;margin:0 auto;max-width:var(--container-max-width);padding-left:max(var(--container-gutter),env(safe-area-inset-left));padding-right:max(var(--container-gutter),env(safe-area-inset-right));width:100%;}.header-row{align-items:center;display:flex;justify-content:space-between;min-height:var(--header-height);position:relative;flex-wrap:nowrap;gap:.75rem;width:100%;}.brand-area{align-items:center;display:flex;flex-shrink:0;min-width:0;}.brand-link{align-items:center;color:var(--text-header-brand);display:inline-flex;gap:clamp(.5rem,2vw,.75rem);text-decoration:none;transition:transform var(--transition-fast);}.brand-link:hover{transform:scale(1.02);}.brand-logo{aspect-ratio:1 / 1;flex-shrink:0;height:clamp(1.875rem,3.5vw,2.25rem);object-fit:contain;width:clamp(1.875rem,3.5vw,2.25rem);filter:drop-shadow(0 2px 4px rgba(79,70,229,.2));}.brand-text{background:var(--brand-text-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--text-header-brand);font-family:var(--font-heading);font-size:clamp(1.125rem,2.2vw,1.25rem);font-weight:700;letter-spacing:-.025em;white-space:nowrap;}.header-controls{align-items:center;display:flex;flex-shrink:0;gap:clamp(.375rem,1.5vw,.625rem);}.theme-toggle-btn{align-items:center;background-color:var(--bg-toggle-btn);border:1px solid var(--border-header);border-radius:var(--radius-md);color:var(--text-toggle-btn);cursor:pointer;display:inline-flex;height:2.625rem;justify-content:center;min-height:44px;min-width:44px;padding:0;touch-action:manipulation;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);width:2.625rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;}.theme-toggle-btn:hover{background-color:var(--bg-toggle-btn-hover);border-color:rgba(99,102,241,.4);color:var(--text-toggle-btn-hover);transform:scale(1.05);}.theme-toggle-btn:active{transform:scale(.95);}.theme-toggle-btn svg{height:1.25rem;width:1.25rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;}html:not([data-theme="dark"]) .theme-icon-sun{display:none;}html:not([data-theme="dark"]) .theme-icon-moon{display:block;color:var(--text-toggle-btn);}html[data-theme="dark"] .theme-icon-sun{color:#fbbf24;display:block;filter:drop-shadow(0 0 4px rgba(251,191,36,.5));}html[data-theme="dark"] .theme-icon-moon{display:none;}.hamburger{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-nav);cursor:pointer;display:flex;flex-direction:column;gap:.375rem;height:2.625rem;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;touch-action:manipulation;transition:background-color var(--transition-fast),color var(--transition-fast);width:2.625rem;}.hamburger:hover{background-color:var(--bg-toggle-btn);color:var(--text-primary);}.hamburger-line{background-color:currentColor;border-radius:var(--radius-full);display:block;height:2px;transition:transform var(--transition-normal),opacity var(--transition-normal);width:1.25rem;}.hamburger[aria-expanded="true"] .hamburger-line:first-child{transform:translateY(6px) rotate(45deg);}.hamburger[aria-expanded="true"] .hamburger-line:nth-child(2){opacity:0;}.hamburger[aria-expanded="true"] .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg);}.nav-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:490;pointer-events:none;}.nav-backdrop.active{opacity:1;visibility:visible;pointer-events:auto;}.primary-nav{position:absolute;top:100%;left:0;right:0;width:100%;background-color:var(--bg-header-mobile);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-header);border-bottom:1px solid var(--border-header);box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:.5rem;padding:1rem max(var(--container-gutter),env(safe-area-inset-right)) max(1.25rem,calc(env(safe-area-inset-bottom) + .75rem)) max(var(--container-gutter),env(safe-area-inset-left));z-index:1000;box-sizing:border-box;max-height:calc(100dvh - var(--header-height));max-height:calc(100vh - var(--header-height));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}.primary-nav.nav-open{display:flex!important;animation:navSlideDown .22s cubic-bezier(.16,1,.3,1) forwards;}@keyframes navSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-link{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-nav);display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;min-height:46px;padding:.65rem 1rem;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);width:100%;box-sizing:border-box;}.nav-link:hover{background-color:var(--bg-nav-hover);color:var(--text-nav-hover);transform:translateX(4px);}.nav-link--active,.nav-link.active{background-color:var(--bg-nav-active);border-color:var(--border-nav-active);color:var(--text-nav-active);transform:translateX(4px);}@media (min-width:1024px){.header-row{gap:2rem}.hamburger,.nav-backdrop{display:none!important}.primary-nav{align-items:center;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;display:flex!important;flex-direction:row!important;gap:.375rem!important;padding:0!important;position:static!important;width:auto!important;max-height:none!important;overflow-y:visible!important;animation:none!important;z-index:auto!important}.nav-link{align-items:center;background:transparent!important;border:1px solid transparent!important;border-radius:var(--radius-md);color:var(--text-nav);display:flex;font-size:.875rem;font-weight:500;gap:.625rem;min-height:40px;padding:.5rem .875rem;transform:none!important;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);width:auto}.nav-link:hover{background-color:var(--bg-nav-hover)!important;color:var(--text-nav-hover)!important}.nav-link--active,.nav-link.active{background-color:var(--bg-nav-active)!important;border-color:var(--border-nav-active)!important;color:var(--text-nav-active)!important;font-weight:600}}@media (max-width:360px){:root{--container-gutter:.875rem;--header-height:3.5rem}.header-row{gap:.25rem}.brand-link{gap:.375rem}.brand-logo{width:1.75rem;height:1.75rem}.brand-text{font-size:1.05rem;letter-spacing:-.01em}.header-controls{gap:.25rem}.theme-toggle-btn{width:2.375rem;height:2.375rem;min-width:38px;min-height:38px}.hamburger{width:2.375rem;height:2.375rem;min-width:38px;min-height:38px;padding:.35rem}}.main-content{flex:1;width:100%;contain:layout style;}.hero-banner{background:var(--bg-hero);border-bottom:1px solid var(--border-hero);color:var(--hero-desc);overflow:hidden;padding:clamp(2rem,4.5vw,3.75rem) 0;position:relative;transition:background var(--transition-normal),border-color var(--transition-normal);width:100%;contain:layout;}.hero-container{box-sizing:border-box;margin:0 auto;max-width:var(--container-max-width);padding-left:max(var(--container-gutter),env(safe-area-inset-left));padding-right:max(var(--container-gutter),env(safe-area-inset-right));position:relative;z-index:1;width:100%;}.ambient-glow{border-radius:var(--radius-full);height:14rem;pointer-events:none;position:absolute;width:14rem;z-index:0;opacity:.8;contain:strict;}.ambient-glow--top{background:radial-gradient(circle,var(--hero-glow-1) 0%,transparent 70%);right:-4rem;top:-4rem;}.ambient-glow--bottom{background:radial-gradient(circle,var(--hero-glow-2) 0%,transparent 70%);bottom:-4rem;left:-4rem;}.breadcrumbs{align-items:center;color:var(--breadcrumb-text);display:flex;font-size:clamp(.75rem,1.4vw,.8125rem);font-weight:600;margin-bottom:1.25rem;}.breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0;}.breadcrumb-item{align-items:center;display:inline-flex;}.breadcrumb-separator{color:var(--breadcrumb-sep);user-select:none;}.breadcrumb-link{align-items:center;color:var(--breadcrumb-text);display:inline-flex;min-height:32px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast);}.breadcrumb-link:hover{color:var(--breadcrumb-hover);text-decoration-color:currentColor;}.breadcrumb-current{color:var(--breadcrumb-current);font-weight:700;}.category-badge{align-items:center;background-color:var(--badge-bg);border:1px solid var(--badge-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--badge-text);display:inline-flex;font-size:.75rem;font-weight:800;gap:.5rem;letter-spacing:.05em;margin-bottom:1.25rem;padding:.375rem .875rem;text-transform:uppercase;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);}.badge-dot{position:relative;width:.45rem;height:.45rem;border-radius:var(--radius-full);background-color:var(--badge-dot-glow,var(--brand-primary));flex-shrink:0;}.badge-dot::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background-color:inherit;animation:pulseGlow 2s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none;}@keyframes pulseGlow{0%{transform:scale(.95);opacity:.75}70%{transform:scale(2.3);opacity:0}to{transform:scale(.95);opacity:0}}.category-badge svg{color:var(--badge-icon);flex-shrink:0;height:.9375rem;width:.9375rem;}.page-title{color:var(--hero-title);font-family:var(--font-heading);font-size:clamp(1.75rem,6.2vw,2.35rem);font-weight:800;letter-spacing:-.025em;line-height:1.22;margin-bottom:1.125rem;width:100%;max-width:100%;text-wrap:balance;word-break:break-word;}.post-meta{color:var(--hero-desc);font-size:clamp(.95rem,1.25vw,1.0625rem);font-weight:400;line-height:1.75;width:100%;max-width:100%;}.post-meta p{margin-bottom:0;width:100%;max-width:100%;text-wrap:pretty;word-break:break-word;}.meta-bar{align-items:center;border-top:1px solid var(--meta-border);color:var(--meta-pill-text);display:flex;flex-wrap:wrap;font-size:.8125rem;font-weight:600;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;width:100%;}.meta-pill{align-items:center;background-color:var(--meta-pill-bg);border:1px solid var(--meta-pill-border);border-radius:var(--radius-full);color:var(--meta-pill-text);display:inline-flex;font-style:normal;gap:.4rem;min-height:36px;padding:.35rem .875rem;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast);}.meta-pill--highlight{background-color:var(--meta-pill-highlight-bg);border-color:var(--meta-pill-highlight-border);color:var(--meta-pill-highlight-text);font-weight:700;}.meta-pill--author{align-items:center;display:inline-flex;gap:.4rem;}.meta-author-icon{flex-shrink:0;height:1rem;width:1rem;color:currentColor;}.meta-author-link{color:var(--meta-author-link);text-decoration:underline;text-decoration-color:rgba(99,102,241,.4);text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast);}.meta-author-link:hover{color:var(--meta-author-link-hover);text-decoration-color:currentColor;}.content-grid{box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:1fr;margin:0;max-width:100%;padding:0;width:100%;contain:layout;}.sidebar-toc{display:none!important;}.toc-inline{display:block;}@media (min-width:1024px){.content-grid{align-items:start;gap:2.75rem;grid-template-columns:minmax(0,2.3fr) minmax(320px,1fr);margin:0 auto;max-width:var(--container-max-width);padding:clamp(1.75rem,3.5vw,3rem) max(var(--container-gutter),env(safe-area-inset-left)) clamp(2.5rem,4vw,4rem) max(var(--container-gutter),env(safe-area-inset-right))}.toc-inline{display:none!important}.sidebar-toc{display:block!important}.sidebar-sticky{position:sticky;top:calc(var(--header-height,4rem) + 1.5rem)}}.content-column{min-width:0;width:100%;contain:layout style;}.page-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%;max-width:100%;}.post-content{color:var(--text-body);font-family:var(--font-sans);font-size:1rem;line-height:1.75;padding:clamp(1.25rem,3.5vw,2.75rem);transition:color var(--transition-normal);}.post-content>p,.post-section>p,.post-content p{color:var(--text-body);line-height:1.75;margin-bottom:1.5rem;}.post-content a{color:var(--text-link);font-weight:600;text-decoration:underline;text-decoration-color:rgba(99,102,241,.4);text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast);}.post-content a:hover{color:var(--text-link-hover);text-decoration-color:var(--text-link-hover);}.post-content strong,.post-content b{color:var(--text-primary);font-weight:700;}.toc-box{background-color:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-left:5px solid var(--border-toc-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:1.75rem 0;padding:1.25rem;transition:background-color var(--transition-normal),border-color var(--transition-normal);}.toc-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.875rem;}.toc-header-left{align-items:center;display:flex;gap:.75rem;}.toc-icon-box{align-items:center;background-color:var(--brand-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#ffffff;display:flex;flex-shrink:0;height:2.25rem;justify-content:center;width:2.25rem;}.toc-icon-box svg{height:1.15rem;width:1.15rem;}.toc-title{color:var(--text-primary);display:block;font-family:var(--font-heading);font-size:1.125rem;font-weight:700;line-height:1.2;margin:0;}.toc-subtitle{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:500;margin-top:.15rem;}.toc-toggle-btn{align-items:center;background-color:var(--bg-toc-btn);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-toc-btn);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;gap:.375rem;padding:.35rem .85rem;transition:all var(--transition-fast);}.toc-toggle-btn:hover{background-color:var(--bg-toc-btn-hover);color:#ffffff;}.toc-toggle-icon{height:.85rem;transition:transform var(--transition-normal);width:.85rem;}.toc-toggle-icon.icon-rotated{transform:rotate(-90deg);}.toc-list{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0;}.toc-list.toc-collapsed{display:none;}.toc-list li::before,.toc-sub-list li::before{content:none!important;display:none!important;}.toc-list>li{margin-bottom:.25rem;padding-left:0!important;}.toc-link{align-items:flex-start;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;gap:.625rem;padding:.45rem .625rem;text-decoration:none!important;transition:all var(--transition-fast);}.toc-link:hover{background-color:var(--bg-card-hover);color:var(--text-link);}.toc-link.is-active{background-color:var(--bg-nav-active);color:var(--text-nav-active);font-weight:700;transform:translateX(4px);}.toc-link.is-active .toc-badge{background-color:var(--brand-primary);color:#ffffff;}.toc-badge{background-color:var(--bg-toc-badge);border-radius:var(--radius-sm);color:var(--text-toc-badge);flex-shrink:0;font-size:.75rem;font-weight:800;margin-top:.125rem;padding:.125rem .5rem;transition:all var(--transition-fast);}.toc-link:hover .toc-badge{background-color:var(--brand-primary);color:#ffffff;}.toc-sub-list{border-left:2px solid var(--border-subtle);display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:.25rem 0 .25rem 1.5rem;padding-left:.75rem;}.toc-sub-list li{padding-left:0!important;}.toc-sub-link{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.3rem .5rem;text-decoration:none!important;transition:all var(--transition-fast);}.toc-sub-link:hover{background-color:var(--bg-card-hover);color:var(--text-link);}.toc-sub-link.is-active{background-color:var(--bg-nav-active);color:var(--text-nav-active);font-weight:700;transform:translateX(3px);}.toc-sub-dot{background-color:var(--brand-primary);border-radius:var(--radius-full);flex-shrink:0;height:.375rem;transition:transform var(--transition-fast);width:.375rem;}.toc-sub-link:hover .toc-sub-dot,.toc-sub-link.is-active .toc-sub-dot{transform:scale(1.4);background-color:var(--brand-primary);}.featured-image{background-color:var(--bg-chart-container);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:2rem 0;overflow:hidden;width:100%;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);}.featured-image svg{display:block;height:auto;width:100%;}.chart-canvas-bg{fill:var(--bg-chart-canvas);transition:fill var(--transition-normal);}.chart-grid-line{stroke:var(--border-chart-grid);transition:stroke var(--transition-normal);}.chart-base-line{stroke:var(--border-chart-base);transition:stroke var(--transition-normal);}.chart-axis-label{fill:var(--text-chart-axis);transition:fill var(--transition-normal);}.chart-marker-label{fill:var(--text-chart-marker);transition:fill var(--transition-normal);}.chart-mastery-label{fill:var(--text-chart-mastery);transition:fill var(--transition-normal);}.chart-node{fill:var(--chart-node-bg);transition:fill var(--transition-normal);}.sidebar,.sidebar-sticky{display:flex;flex-direction:column;gap:1.75rem;width:100%;contain:layout;}.sidebar-widget{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;padding:1.5rem;position:relative;transition:background-color var(--transition-normal),border-color var(--transition-normal);}.widget-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.875rem;}.widget-title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-heading);font-size:1.125rem;font-weight:700;gap:.5rem;margin:0;}.widget-badge{background-color:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-full);color:#92400e;font-size:.65rem;font-weight:800;padding:.2rem .6rem;text-transform:uppercase;}html[data-theme="dark"] .widget-badge{background-color:rgba(245,158,11,.15);border-color:rgba(245,158,11,.35);color:#fcd34d;}.sidebar-toc{padding:1.25rem;}.sidebar-toc .toc-title{font-size:1rem;}.sidebar-toc .toc-toggle-btn{font-size:.75rem;padding:.25rem .625rem;}.sidebar-toc .toc-list,.sidebar-toc .toc-sub-link{font-size:.8rem;}.sidebar-toc .toc-sub-list{margin-left:1.25rem;padding-left:.625rem;}.exam-links{display:flex;flex-direction:column;gap:.75rem;}.exam-link{align-items:center;background-color:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.875rem 1rem;text-decoration:none!important;transition:all var(--transition-fast);}.exam-link:hover{background-color:var(--bg-card-hover);border-color:var(--brand-primary);transform:translateX(2px);}.exam-link h4{color:var(--text-primary);font-size:.85rem;font-weight:700;margin:0 0 .2rem 0;transition:color var(--transition-fast);}.exam-link:hover h4{color:var(--text-link);}.exam-link p{color:var(--text-secondary);font-size:.75rem;font-weight:500;margin:0;}.exam-arrow{color:var(--text-link);font-size:1rem;font-weight:800;transition:transform var(--transition-fast),color var(--transition-fast);}.exam-link:hover .exam-arrow{color:var(--text-link-hover);transform:translateX(4px);}@media (min-width:768px){:root{--container-gutter:clamp(1.5rem,4vw,2.5rem);--container-max-width:min(92vw,92rem)}.page-title{font-size:clamp(2.35rem,4.2vw,3rem);line-height:1.2;letter-spacing:-.028em;margin-bottom:1.375rem}}@media (min-width:1024px){:root{--container-gutter:clamp(2rem,4vw,3.5rem);--container-max-width:min(92vw,100rem)}.page-title{font-size:4.5vw;line-height:1.16;letter-spacing:-.03em;margin-bottom:1.5rem}}@media (min-width:1440px){:root{--container-gutter:clamp(3rem,5.5vw,5.5rem);--container-max-width:min(90vw,130rem)}.page-title{font-size:clamp(4.05rem,4.2vw,4.875rem);line-height:1.14;letter-spacing:-.03em;margin-bottom:1.625rem}}@media (min-width:2560px){:root{--container-gutter:clamp(5rem,7vw,10rem);--container-max-width:min(88vw,175rem);--header-height:5.25rem}.site-header{border-bottom-width:2px}.brand-logo{width:3rem;height:3rem}.brand-text{font-size:1.625rem}.brand-link{gap:1rem}.header-controls{gap:1rem}.primary-nav{gap:.875rem!important}.nav-link{font-size:1.125rem;min-height:50px;padding:.65rem 1.25rem;gap:.75rem;border-radius:var(--radius-lg)}.icon-sm{width:1.35rem;height:1.35rem}.theme-toggle-btn{width:3.25rem;height:3.25rem;min-width:52px;min-height:52px;border-radius:var(--radius-lg)}.theme-toggle-btn svg{width:1.5rem;height:1.5rem}#reading-progress{height:.375rem}.hero-banner{padding:5.5rem 0;border-bottom-width:2px}.ambient-glow{width:22rem;height:22rem}.breadcrumbs{font-size:1.05rem;margin-bottom:1.75rem}.category-badge{font-size:.95rem;padding:.5rem 1.25rem;margin-bottom:1.75rem;gap:.65rem}.category-badge svg{width:1.2rem;height:1.2rem}.page-title{font-size:clamp(4.875rem,2.8vw,6rem);line-height:1.12;letter-spacing:-.03em;width:100%;max-width:100%;margin-bottom:1.75rem}.post-meta{font-size:1.35rem;line-height:1.8;width:100%;max-width:100%}.meta-bar{font-size:1rem;gap:1rem;margin-top:2rem;padding-top:1.75rem}.meta-pill{min-height:46px;padding:.5rem 1.25rem;gap:.6rem}.meta-author-icon{width:1.25rem;height:1.25rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.test-tool-section{padding:0 var(--container-gutter,1.25rem);margin:0 0 2rem}.test-tool-shell{max-width:var(--container-max-width,1200px);margin:0 auto}#typing-test{scroll-margin-top:calc(var(--header-height,72px) + 14px)}.post-section{scroll-margin-top:calc(var(--header-height,72px) + 14px)}@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientBG{0%{transform:rotate(0deg) scale(1)}100%{transform:rotate(360deg) scale(1.4)}}@keyframes readingProgressAuto{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.table-wrapper,.code-block,.image-figure,.expert-quote,.faq-group{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 500px;}.code-block,.post-content code,.post-content kbd{font-family:var(--font-mono);}.code-block,.code-block-wrapper{background-color:var(--bg-code-block);border:1px solid var(--border-code-block);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.875rem;margin:2rem 0;overflow:hidden;}.code-block-header,.code-header{align-items:center;background-color:var(--bg-code-header);border-bottom:1px solid var(--border-code-block);color:#cbd5e1;display:flex;font-size:.75rem;font-weight:700;justify-content:space-between;padding:.625rem 1rem;}.code-dots{align-items:center;display:flex;gap:.5rem;}.code-dot{border-radius:var(--radius-full);display:inline-block;height:.75rem;width:.75rem;}.code-dot--red{background-color:#f43f5e;}.code-dot--amber,.code-dot--yellow{background-color:#f59e0b;}.code-dot--green{background-color:#10b981;}.code-filename{color:#ffffff;font-weight:700;margin-left:.5rem;}.code-lang-tag,.code-lang{background-color:#1e1b4b;border:1px solid #4338ca;border-radius:.25rem;color:#c7d2fe;font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase;}.code-pre{background:#1e293b;color:#f1f5f9;font-weight:500;line-height:1.65;margin:0;overflow-x:auto;padding:1.25rem;}.code-pre .kw,.code-pre .code-keyword{color:#d8b4fe;font-weight:700;}.code-pre .fn{color:#7dd3fc;font-weight:700;}.code-pre .param{color:#fde68a;}.code-pre .cmt,.code-pre .code-comment{color:#6ee7b7;font-weight:600;}.callout{align-items:flex-start;background-color:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-left:4px solid var(--brand-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;font-size:.9375rem;gap:.875rem;line-height:1.65;margin:1.75rem 0;padding:1.125rem 1.25rem;transition:background-color var(--transition-normal),border-color var(--transition-normal);}.callout--info{background-color:rgba(59,130,246,.06);border-color:rgba(59,130,246,.2);border-left:4px solid #3b82f6;}.callout--tip{background-color:rgba(16,185,129,.06);border-color:rgba(16,185,129,.2);border-left:4px solid #10b981;}.callout--warning{background-color:rgba(245,158,11,.06);border-color:rgba(245,158,11,.2);border-left:4px solid #f59e0b;}.callout-body{flex:1;}.callout-title{color:var(--text-primary);display:block;font-family:var(--font-heading);font-size:1rem;font-weight:700;margin-bottom:.375rem;}.callout-body p{color:var(--text-body);font-size:.875rem;line-height:1.6;margin-bottom:0!important;}.image-figure{margin:1.5rem 0;text-align:center;}.image-placeholder{background:linear-gradient(135deg,#312e81 0%,#0f172a 100%);border:1px solid #1e293b;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#ffffff;margin:0 auto;max-width:42rem;overflow:hidden;padding:1.5rem;position:relative;}.image-placeholder-inner{padding:1.5rem 0;position:relative;z-index:10;}.image-placeholder-icon{align-items:center;background-color:var(--brand-primary);border:1px solid rgba(99,102,241,.5);border-radius:var(--radius-lg);color:#ffffff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:4rem;justify-content:center;margin:0 auto .75rem;width:4rem;}.image-placeholder h3{color:#ffffff;font-family:var(--font-heading);font-size:1.25rem;font-weight:700;margin-bottom:.5rem;}.image-placeholder p{color:#e2e8f0;font-size:.875rem;font-weight:500;margin-bottom:0!important;}.image-figure figcaption{color:var(--text-muted);font-size:.75rem;font-weight:600;margin-top:.5rem;}@media (max-width:768px){.table-wrapper,.code-pre{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}}.table-wrapper,.code-block,.image-figure,.expert-quote,.faq-group,.author-bio,.share-section,.feedback-section{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 500px;}.code-block,.post-content code{font-family:var(--font-mono);}.code-block{background-color:var(--bg-code-block);border:1px solid var(--border-code-block);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.875rem;margin:2rem 0;overflow:hidden;}.code-block-header{align-items:center;background-color:var(--bg-code-header);border-bottom:1px solid var(--border-code-block);color:#cbd5e1;display:flex;font-size:.75rem;font-weight:700;justify-content:space-between;padding:.625rem 1rem;}.code-dots{align-items:center;display:flex;gap:.5rem;}.code-dot{border-radius:var(--radius-full);display:inline-block;height:.75rem;width:.75rem;}.code-dot--red{background-color:#f43f5e;}.code-dot--amber{background-color:#f59e0b;}.code-dot--green{background-color:#10b981;}.code-filename{color:#ffffff;font-weight:700;margin-left:.5rem;}.code-lang-tag{background-color:#1e1b4b;border:1px solid #4338ca;border-radius:.25rem;color:#c7d2fe;font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase;}.code-pre{background:#1e293b;color:#f1f5f9;font-weight:500;line-height:1.65;margin:0;overflow-x:auto;padding:1.25rem;}.code-pre .kw{color:#d8b4fe;font-weight:700;}.code-pre .fn{color:#7dd3fc;font-weight:700;}.code-pre .param{color:#fde68a;}.code-pre .cmt{color:#6ee7b7;font-weight:600;}.image-figure{margin:1.5rem 0;text-align:center;}.image-placeholder{background:linear-gradient(135deg,#312e81 0%,#0f172a 100%);border:1px solid #1e293b;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#ffffff;margin:0 auto;max-width:42rem;overflow:hidden;padding:1.5rem;position:relative;}.image-placeholder-inner{padding:1.5rem 0;position:relative;z-index:10;}.image-placeholder-icon{align-items:center;background-color:var(--brand-primary);border:1px solid rgba(99,102,241,.5);border-radius:var(--radius-lg);color:#ffffff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:4rem;justify-content:center;margin:0 auto .75rem;width:4rem;}.image-placeholder h3{color:#ffffff;font-family:var(--font-heading);font-size:1.25rem;font-weight:700;margin-bottom:.5rem;}.image-placeholder p{color:#e2e8f0;font-size:.875rem;font-weight:500;margin-bottom:0!important;}.image-figure figcaption{color:var(--text-muted);font-size:.75rem;font-weight:600;margin-top:.5rem;}@media (max-width:768px){.table-wrapper,.code-pre{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;}.blog-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg,1rem);overflow:hidden;text-decoration:none;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);}.blog-card:hover{transform:translateY(-4px);border-color:var(--brand-primary);box-shadow:var(--shadow-card-hover);}.blog-card-media{width:100%;height:160px;background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}.blog-card:hover .blog-card-media img{transform:scale(1.05);}.blog-card-badge{position:absolute;top:.75rem;left:.75rem;background:rgba(15,23,42,.85);backdrop-filter:blur(8px);color:#ffffff;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:var(--radius-full,9999px);border:1px solid rgba(255,255,255,.15);}.blog-card-body{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1;}.blog-card-category{font-size:.8rem;font-weight:700;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;}.blog-card-title{font-size:1.15rem;font-weight:700;line-height:1.4;color:var(--text-primary);margin:0 0 .5rem;}.blog-card-excerpt{font-size:.9rem;color:var(--text-muted);line-height:1.55;margin-bottom:1rem;flex-grow:1;}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-subtle);font-size:.82rem;color:var(--text-subtle);}.blog-card-link-text{color:var(--brand-primary);font-weight:700;display:inline-flex;align-items:center;gap:.25rem;}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:1.5rem 0 2rem;}.contact-channel-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg,1rem);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);}.contact-channel-card:hover{transform:translateY(-3px);border-color:var(--brand-primary);box-shadow:var(--shadow-card-hover);}.contact-channel-icon{width:44px;height:44px;border-radius:10px;background:var(--brand-primary);display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:1.25rem;}.contact-channel-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;}.contact-channel-desc{font-size:.88rem;color:var(--text-muted);line-height:1.55;margin:0;flex-grow:1;}.contact-channel-link{font-size:.92rem;font-weight:700;color:var(--brand-primary);text-decoration:none;}.contact-channel-link:hover{text-decoration:underline;}.contact-channel-meta{font-size:.78rem;color:var(--text-subtle);}.response-pills{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;}.response-pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-full,9999px);padding:.4rem 1rem;font-size:.82rem;font-weight:600;color:var(--text-secondary);}.form-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl,1.5rem);padding:clamp(1.5rem,3vw,2.5rem);margin:1.5rem 0 3rem;box-shadow:var(--shadow-sm);}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem;}.form-label .required{color:#dc2626;}.form-checkbox-wrap{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1.5rem;font-size:.88rem;color:var(--text-muted);line-height:1.5;}.form-checkbox{margin-top:.25rem;accent-color:var(--brand-primary);}.btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 2rem;font-size:1rem;font-weight:700;color:#ffffff;background:var(--brand-gradient,linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%));border:none;border-radius:var(--radius-full,9999px);cursor:pointer;box-shadow:var(--shadow-btn);transition:transform var(--transition-fast),box-shadow var(--transition-fast);}.btn-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-btn-hover);}.form-success-banner{display:none;background:rgba(16,185,129,.12);border:1px solid #10b981;color:#065f46;padding:1rem 1.25rem;border-radius:var(--radius-md,.75rem);margin-bottom:1.5rem;align-items:center;gap:.75rem;}html[data-theme="dark"] .form-success-banner{color:#34d399;background:rgba(16,185,129,.15);}.form-success-banner.active{display:flex;}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0 2.5rem;}.sitemap-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg,1rem);padding:1.5rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);}.sitemap-card-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.85rem;margin-bottom:1rem;border-bottom:1px solid var(--border-subtle);}.sitemap-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;}.sitemap-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;}.sitemap-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;}.sitemap-link-item{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .85rem;border-radius:var(--radius-md,.75rem);background:var(--bg-card-subtle);transition:background var(--transition-fast),transform var(--transition-fast);}.sitemap-link-item:hover{background:var(--bg-card-hover);transform:translateX(3px);}.sitemap-anchor{color:var(--text-primary);font-weight:600;font-size:.95rem;text-decoration:none;transition:color var(--transition-fast);}.sitemap-anchor:hover{color:var(--brand-primary);}.sitemap-path{font-size:.75rem;color:var(--text-subtle);font-family:var(--font-mono,monospace);}.xml-banner{background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl,1.5rem);padding:1.75rem 2rem;color:#ffffff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1rem;}.xml-banner h3{font-size:1.25rem;margin:0 0 .35rem;color:#ffffff;}.xml-banner p{margin:0;font-size:.9rem;color:#cbd5e1;max-width:500px;line-height:1.5;}.btn-xml{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.92rem;font-weight:700;color:#ffffff;background:var(--brand-primary);border-radius:var(--radius-full,9999px);text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast);white-space:nowrap;}.btn-xml:hover{background:var(--brand-primary-hover);transform:translateY(-2px);}.error-container{max-width:900px;margin:0 auto;text-align:center;padding:2.5rem 1.25rem 4rem;}.keycaps-row{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;}.key-cap{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;font-size:2.25rem;font-weight:800;font-family:var(--font-mono,monospace);color:var(--text-primary);background:var(--bg-card);border:2px solid var(--border-card);border-bottom:6px solid var(--border-subtle-2,#cbd5e1);border-radius:var(--radius-md,.75rem);box-shadow:0 8px 16px rgba(0,0,0,.08);user-select:none;}.key-cap.key-error{color:#dc2626;border-color:rgba(239,68,68,.4);border-bottom-color:#ef4444;background:rgba(239,68,68,.05);animation:pulse-key 2s infinite ease-in-out;}@keyframes pulse-key{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2.5rem 0 3.5rem;}.btn-action-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;color:#ffffff;background:var(--brand-gradient,linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%));border-radius:var(--radius-full,9999px);text-decoration:none;box-shadow:var(--shadow-btn);transition:transform var(--transition-fast),box-shadow var(--transition-fast);}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-btn-hover);}.btn-action-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-full,9999px);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);}.btn-action-secondary:hover{background:var(--bg-card-hover);border-color:var(--brand-primary);transform:translateY(-2px);}.destinations-section{text-align:left;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-subtle);}.destinations-heading{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center;}.destinations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;}.destination-card{display:flex;flex-direction:column;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg,1rem);text-decoration:none;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);}.destination-card:hover{transform:translateY(-3px);border-color:var(--brand-primary);box-shadow:var(--shadow-md);}.destination-icon{font-size:1.75rem;margin-bottom:.5rem;}.destination-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.35rem;}.destination-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;}a.btn-xml,a.btn-xml:hover{color:#ffffff;}.code-pre code{background:transparent!important;color:inherit!important;padding:0!important;}html[data-theme="dark"] .blog-card-category,html[data-theme="dark"] .blog-card-link-text{color:#a5b4fc;}html[data-theme="dark"] .form-label .required{color:#f87171;}html[data-theme="dark"] .key-cap.key-error{color:#f87171;}.image-placeholder p strong{color:inherit;}