:root{--color-primary:#0a2540;--color-primary-dark:#061624;--color-primary-darker:#030c14;--color-primary-light:#144e82;--color-primary-lighter:#1a6fc4;--color-secondary:#425466;--color-secondary-light:#6b7c8e;--color-secondary-lighter:#94a3b8;--color-accent:#00d4aa;--color-accent-dark:#00b894;--color-accent-light:#40e0c0;--color-success:#00d4aa;--color-warning:#f5a623;--color-error:#e25950;--color-info:#4a90e2;--color-bg:#fafafa;--color-bg-alt:#f5f5f7;--color-bg-ad:#f0f0f2;--color-surface:#ffffff;--color-surface-elevated:#ffffff;--color-text:#0a2540;--color-text-secondary:#425466;--color-text-muted:#6b7c8e;--color-text-placeholder:#94a3b8;--color-border:#e3e8ee;--color-border-light:#f0f2f5;--color-border-strong:#c5cdd6;--color-link:#0a2540;--color-link-hover:#144e82;--color-link-visited:#6b5e7b;--color-footer-bg:#0a2540;--color-footer-text:#94a3b8;--color-footer-link:#6b7c8e;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono:'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;--font-size-xs:clamp(0.6875rem, 0.65rem + 0.2vw, 0.8125rem);--font-size-sm:clamp(0.8125rem, 0.75rem + 0.3vw, 0.9375rem);--font-size-base:clamp(1rem, 0.9rem + 0.5vw, 1.125rem);--font-size-lg:clamp(1.125rem, 1rem + 0.6vw, 1.375rem);--font-size-xl:clamp(1.375rem, 1.15rem + 1.1vw, 1.75rem);--font-size-2xl:clamp(1.75rem, 1.4rem + 1.7vw, 2.5rem);--font-size-3xl:clamp(2.25rem, 1.8rem + 2.2vw, 3.5rem);--font-size-4xl:clamp(3rem, 2.4rem + 3vw, 5rem);--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.65;--line-height-loose:1.8;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-max:1280px;--content-width:68ch;--sidebar-width:320px;--border-radius-sm:4px;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(10, 37, 64, 0.06);--shadow:0 4px 12px -2px rgba(10, 37, 64, 0.08);--shadow-lg:0 12px 32px -4px rgba(10, 37, 64, 0.12);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:400ms cubic-bezier(0.4, 0, 0.2, 1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-top:9999}[data-theme=dark]{--color-bg:#0a0e17;--color-bg-alt:#0f1520;--color-bg-ad:#0f1520;--color-surface:#111827;--color-surface-elevated:#1a2234;--color-text:#f0f4f8;--color-text-secondary:#94a3b8;--color-text-muted:#6b7c8e;--color-text-placeholder:#4a5568;--color-border:#1e293b;--color-border-light:#0f1520;--color-border-strong:#334155;--color-link:#40e0c0;--color-link-hover:#00d4aa;--color-link-visited:#a78bfa;--color-footer-bg:#030c14;--color-footer-text:#6b7c8e;--color-footer-link:#94a3b8;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.4);--shadow:0 4px 12px -2px rgba(0, 0, 0, 0.5);--shadow-lg:0 12px 32px -4px rgba(0, 0, 0, 0.6)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0a0e17;--color-bg-alt:#0f1520;--color-bg-ad:#0f1520;--color-surface:#111827;--color-surface-elevated:#1a2234;--color-text:#f0f4f8;--color-text-secondary:#94a3b8;--color-text-muted:#6b7c8e;--color-text-placeholder:#4a5568;--color-border:#1e293b;--color-border-light:#0f1520;--color-border-strong:#334155;--color-link:#40e0c0;--color-link-hover:#00d4aa;--color-link-visited:#a78bfa;--color-footer-bg:#030c14;--color-footer-text:#6b7c8e;--color-footer-link:#94a3b8;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.4);--shadow:0 4px 12px -2px rgba(0, 0, 0, 0.5);--shadow-lg:0 12px 32px -4px rgba(0, 0, 0, 0.6)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}a:hover{color:var(--color-link-hover)}a:visited{color:var(--color-link-visited)}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:0 0}table{border-collapse:collapse;width:100%}::selection{background:var(--color-primary);color:#fff}[data-theme=dark] ::selection{background:var(--color-accent);color:var(--color-primary-dark)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) ::selection{background:var(--color-accent);color:var(--color-primary-dark)}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--border-radius-sm)}.skip-to-content{position:absolute;top:-100%;left:0;padding:var(--space-3)var(--space-4);background:var(--color-primary);color:#fff;z-index:var(--z-top);font-weight:600;border-radius:0 0 var(--border-radius)0;font-size:var(--font-size-sm)}.skip-to-content:focus{top:0}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--color-accent);z-index:var(--z-top);transition:width 100ms linear}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}@media(max-width:768px){.container{padding:0 var(--space-4)}}.site-header{background:rgba(250,250,250,.95);border-bottom:1px solid var(--color-border);backdrop-filter:blur(12px)saturate(180%);-webkit-backdrop-filter:blur(12px)saturate(180%);position:sticky;top:0;z-index:var(--z-sticky);transition:box-shadow var(--transition-slow),background var(--transition-slow)}.site-header.scrolled{box-shadow:var(--shadow-sm);border-bottom-color:transparent}[data-theme=dark] .site-header{background:rgba(10,14,23,.95);border-bottom-color:var(--color-border)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .site-header{background:rgba(10,14,23,.95);border-bottom-color:var(--color-border)}}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4)var(--space-6);min-height:68px}.site-branding{flex-shrink:0}.site-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:800;font-size:var(--font-size-xl);color:var(--color-text);text-decoration:none;letter-spacing:-.03em;transition:opacity var(--transition-fast)}.site-logo:hover{color:var(--color-text);opacity:.8}.logo-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-primary);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size-lg);font-weight:800;transition:transform var(--transition-fast),background var(--transition-fast)}.site-logo:hover .logo-icon{transform:scale(1.05);background:var(--color-primary-light)}.logo-text{font-family:var(--font-sans);letter-spacing:-.04em}.primary-nav{display:flex;align-items:center}.nav-list{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:block;padding:var(--space-2)var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--border-radius-sm);transition:color var(--transition-fast),background var(--transition-fast);position:relative;letter-spacing:-.01em}.nav-link::after{content:'';position:absolute;bottom:2px;left:50%;width:0;height:2px;background:var(--color-accent);border-radius:1px;transition:width var(--transition-fast),left var(--transition-fast)}.nav-link:hover,.nav-item.active .nav-link{color:var(--color-primary);background:0 0}.nav-link:hover::after,.nav-item.active .nav-link::after{width:50%;left:25%}.menu-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-3);background:0 0;border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.menu-toggle:hover{background:var(--color-bg-alt)}.menu-toggle-bar{display:block;width:24px;height:2px;background:var(--color-text);border-radius:1px;transition:transform var(--transition),opacity var(--transition);transform-origin:center}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(1){transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-item-mobile-only{display:none}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius);color:var(--color-text-muted);background:0 0;transition:color var(--transition-fast),background var(--transition-fast);position:relative}.theme-toggle:hover{background:var(--color-bg-alt);color:var(--color-text)}.theme-toggle-icon{position:relative;width:20px;height:20px}.theme-toggle-icon::before{content:'';position:absolute;inset:2px;background:currentColor;border-radius:50%;box-shadow:inset -3px -1px 0 0 var(--color-bg);transition:transform var(--transition-slow),box-shadow var(--transition-slow)}[data-theme=dark] .theme-toggle-icon::before{transform:rotate(180deg);box-shadow:inset -8px -4px currentColor;background:0 0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle-icon::before{transform:rotate(180deg);box-shadow:inset -8px -4px currentColor;background:0 0}}.hero{background:var(--color-primary);color:#fff;padding:var(--space-32)0 var(--space-24);text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,212,170,8%) 0%,transparent 70%);pointer-events:none}.hero-title{font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.04em;margin-bottom:var(--space-5);line-height:var(--line-height-tight);text-wrap:balance;position:relative}.hero-subtitle{font-size:var(--font-size-xl);font-weight:500;margin-bottom:var(--space-6);opacity:.85;text-wrap:balance;position:relative}.hero-description{font-size:var(--font-size-lg);max-width:56ch;margin:0 auto;opacity:.65;line-height:var(--line-height-relaxed);text-wrap:pretty;position:relative}.home-categories{padding:var(--space-24)0;background:var(--color-bg-alt)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-5)}.category-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10)var(--space-6);background:var(--color-surface);border-radius:var(--border-radius-lg);text-decoration:none;color:var(--color-text);border:1px solid var(--color-border);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition-fast)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--color-border-strong);color:var(--color-text)}.category-card-icon{font-size:var(--font-size-3xl);line-height:1;transition:transform var(--transition-slow)}.category-card:hover .category-card-icon{transform:scale(1.1)}.category-card-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary);transition:color var(--transition-fast);letter-spacing:-.01em}.category-card:hover .category-card-title{color:var(--color-primary-light)}.section-heading{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-10);color:var(--color-text);letter-spacing:-.03em;text-wrap:balance}.home-recent{padding:var(--space-24)0}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-8)}@media(max-width:480px){.post-grid{grid-template-columns:1fr}}.post-card{background:var(--color-surface);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:transform var(--transition-slow),box-shadow var(--transition-slow);content-visibility:auto;contain-intrinsic-size:0 440px}.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.post-card-link{display:block;color:inherit;text-decoration:none}.post-card-link:hover{color:inherit}.post-card-image-wrapper{overflow:hidden;background:var(--color-bg-alt);aspect-ratio:16/9;position:relative}body.menu-open{overflow:hidden}.post-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-card-image{transform:scale(1.04)}.post-card-content{padding:var(--space-6)}.post-card-title{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-3);line-height:var(--line-height-snug);color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty;letter-spacing:-.01em}.post-card-excerpt{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}.post-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;display:flex;align-items:center;gap:var(--space-2);letter-spacing:.01em;text-transform:uppercase}.post-card-sep{color:var(--color-border-strong);font-weight:400}.post-card-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);background:var(--color-bg-alt);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-20);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.pagination-btn{padding:var(--space-3)var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);font-weight:700;font-size:var(--font-size-sm);color:var(--color-text);transition:all var(--transition-fast)}.pagination-btn:hover{background:var(--color-bg-alt);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.pagination-btn:active{transform:translateY(0)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.list-page{padding:var(--space-16)0}.list-header{margin-bottom:var(--space-12)}.list-title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-3);letter-spacing:-.03em;text-wrap:balance}.list-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:60ch;text-wrap:pretty}.article-page{padding:var(--space-16)0}.article-layout{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-16);align-items:start}.article-main{min-width:0}.article-sidebar{position:sticky;top:calc(var(--space-10) + 84px)}.article-header{margin-bottom:var(--space-10)}.article-type-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:800;border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.article-title{font-family:var(--font-sans);font-size:var(--font-size-3xl);font-weight:800;line-height:var(--line-height-tight);margin-bottom:var(--space-5);letter-spacing:-.03em;text-wrap:balance}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0;font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.article-meta-sep{margin:0 var(--space-3);color:var(--color-border-strong)}.article-meta-updated{font-style:italic;color:var(--color-text-muted)}.article-key-takeaway,.article-verdict-box{padding:var(--space-6)var(--space-8);background:var(--color-bg-alt);border-left:4px solid var(--color-accent);border-radius:0 var(--border-radius)var(--border-radius)0;margin-bottom:var(--space-12);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.article-verdict-box{border-left-color:var(--color-primary)}[data-theme=dark] .article-verdict-box{background:rgba(0,212,170,6%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .article-verdict-box{background:rgba(0,212,170,6%)}}.article-content{max-width:var(--content-width);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);text-wrap:pretty}.article-content h2{font-family:var(--font-sans);font-size:var(--font-size-2xl);font-weight:800;margin:var(--space-20)0 var(--space-5);color:var(--color-text);line-height:var(--line-height-snug);letter-spacing:-.02em;text-wrap:balance;scroll-margin-top:100px}.article-content h3{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:700;margin:var(--space-12)0 var(--space-4);color:var(--color-text);line-height:var(--line-height-snug);text-wrap:balance;scroll-margin-top:100px}.article-content h4{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:700;margin:var(--space-8)0 var(--space-3);line-height:var(--line-height-snug);text-wrap:balance}.article-content p{margin-bottom:var(--space-6);text-wrap:pretty}.article-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;text-decoration-color:var(--color-accent);transition:all var(--transition-fast);font-weight:600}.article-content a:hover{text-decoration-color:var(--color-accent-dark);color:var(--color-primary-light)}.article-content ul,.article-content ol{margin-bottom:var(--space-6);padding-left:var(--space-8)}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:var(--space-3);padding-left:var(--space-2)}.article-content li::marker{color:var(--color-accent)}.article-content blockquote{margin:var(--space-10)0;padding:var(--space-6)var(--space-8);border-left:4px solid var(--color-accent);background:var(--color-bg-alt);border-radius:0 var(--border-radius)var(--border-radius)0;font-style:italic;color:var(--color-text-secondary);position:relative}.article-content blockquote::before{content:'"';font-family:Georgia,serif;font-size:4rem;line-height:1;color:var(--color-accent);opacity:.3;position:absolute;top:var(--space-3);left:var(--space-4)}.article-content blockquote p{margin-bottom:0;position:relative;z-index:1}.article-content code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-alt);padding:.125em .375em;border-radius:var(--border-radius-sm);color:var(--color-primary-light)}.article-content pre{background:var(--color-primary);color:#f0f4f8;padding:var(--space-6);border-radius:var(--border-radius);overflow-x:auto;margin-bottom:var(--space-6);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.article-content pre code{background:0 0;padding:0;color:inherit;font-size:inherit}.article-content table{margin-bottom:var(--space-6);border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--color-border);font-size:var(--font-size-sm)}.article-content th{background:var(--color-bg-alt);padding:var(--space-3)var(--space-4);text-align:left;font-weight:700;color:var(--color-text);border-bottom:1px solid var(--color-border)}.article-content td{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border-light)}.article-content tr:last-child td{border-bottom:none}.article-content figure{margin:var(--space-10)0}.article-content img{border-radius:var(--border-radius-lg);margin-bottom:var(--space-3)}.article-content figcaption{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.article-content hr{border:none;height:1px;background:var(--color-border);margin:var(--space-16)0}.ad-container{margin:var(--space-10)0;text-align:center;min-height:90px;background:var(--color-bg-ad);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-border);position:relative;overflow:hidden}.ad-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;position:absolute;top:var(--space-2);left:var(--space-4)}.ad-sidebar-container{margin-bottom:var(--space-8);text-align:center;min-height:250px;background:var(--color-bg-ad);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-border);position:relative}.breadcrumbs{margin-bottom:var(--space-6);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs-sep{margin:0 var(--space-2);color:var(--color-border-strong)}.toc{background:var(--color-bg-alt);border-radius:var(--border-radius-lg);padding:var(--space-6);margin-bottom:var(--space-10);border:1px solid var(--color-border)}.toc-title{font-size:var(--font-size-sm);font-weight:800;margin-bottom:var(--space-4);color:var(--color-text);text-transform:uppercase;letter-spacing:.06em}.toc-list{list-style:none;padding:0}.toc-list li{margin-bottom:var(--space-2)}.toc-list a{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;display:block;padding:var(--space-1)0;transition:color var(--transition-fast),padding-left var(--transition-fast)}.toc-list a:hover{color:var(--color-primary);padding-left:var(--space-2)}.social-share{margin:var(--space-16)0;padding-top:var(--space-8);border-top:1px solid var(--color-border)}.social-share-title{font-size:var(--font-size-sm);font-weight:800;color:var(--color-text);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.06em}.social-share-buttons{display:flex;gap:var(--space-3)}.social-share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);transition:all var(--transition-fast)}.social-share-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px)}.related-articles{margin:var(--space-16)0;padding-top:var(--space-8);border-top:1px solid var(--color-border)}.related-title{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--space-6);color:var(--color-text);letter-spacing:-.02em}.site-footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--space-20)0 var(--space-8);margin-top:var(--space-16);border-top:1px solid var(--color-border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-widget-title{font-size:var(--font-size-sm);font-weight:800;margin-bottom:var(--space-4);color:#fff;text-transform:uppercase;letter-spacing:.06em}.footer-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);color:var(--color-footer-text);max-width:40ch}.footer-disclaimer{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-footer-link);max-width:50ch}.footer-nav-list{list-style:none;padding:0}.footer-nav-list li{margin-bottom:var(--space-2)}.footer-nav-list a{color:var(--color-footer-link);font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast)}.footer-nav-list a:hover{color:#fff}.footer-bottom{padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,8%);text-align:center}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-footer-link);font-weight:500}.pinterest-pin{margin:var(--space-10)0;text-align:center}@media print{.site-header,.article-sidebar,.ad-container,.ad-sidebar-container,.social-share,.pagination,.menu-toggle,.theme-toggle{display:none!important}body{background:#fff;color:#000}.article-content{max-width:100%;font-size:11pt;line-height:1.5}.article-content a{color:#000;text-decoration:underline}.article-content h2,.article-content h3,.article-content h4{page-break-after:avoid}.article-content p,.article-content li{orphans:3;widows:3}img{max-width:100%!important;page-break-inside:avoid}}@media(max-width:1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;margin-top:var(--space-12)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media(max-width:768px){.header-inner{padding:var(--space-3)var(--space-4);min-height:60px}.primary-nav{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--color-surface);box-shadow:var(--shadow-lg);padding:var(--space-12)var(--space-6)var(--space-6);transform:translateX(100%);transition:transform var(--transition-slow);z-index:var(--z-modal);flex-direction:column;align-items:stretch;border-left:1px solid var(--color-border)}.primary-nav.active{transform:translateX(0)}.nav-list{flex-direction:column;align-items:stretch;gap:var(--space-1)}.nav-link{padding:var(--space-3)var(--space-4);font-size:var(--font-size-base);border-radius:var(--border-radius)}.nav-link::after{display:none}.nav-link:hover,.nav-item.active .nav-link{background:var(--color-bg-alt)}.menu-toggle{display:flex;z-index:calc(var(--z-modal) + 1)}.nav-item-mobile-only{display:block}.theme-toggle-desktop{display:none}.hero{padding:var(--space-20)0 var(--space-16)}.hero-title{font-size:var(--font-size-3xl)}.home-categories,.home-recent{padding:var(--space-16)0}.post-grid{grid-template-columns:1fr;gap:var(--space-6)}.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.category-card{padding:var(--space-6)var(--space-4)}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.article-title{font-size:var(--font-size-2xl)}.article-content h2{font-size:var(--font-size-xl)}.article-content h3{font-size:var(--font-size-lg)}.article-content blockquote{padding:var(--space-5)}}@media(max-width:480px){.article-meta{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.article-meta-sep{display:none}.pagination{flex-direction:column;gap:var(--space-4)}}.toc-container{margin-bottom:var(--space-10)}.toc-details-mobile{background:var(--color-bg-alt);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);overflow:hidden}.toc-summary{padding:var(--space-4)var(--space-6);font-size:var(--font-size-sm);font-weight:800;color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;display:flex;align-items:center;gap:var(--space-3);list-style:none}.toc-summary::-webkit-details-marker{display:none}.toc-summary-icon{display:inline-block;width:0;height:0;border-left:5px solid var(--color-text-muted);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform var(--transition-fast)}.toc-details-mobile[open] .toc-summary-icon{transform:rotate(90deg)}.toc-nav{padding:0 var(--space-6)var(--space-6)}.toc-nav ul{list-style:none;padding:0;margin:0}.toc-nav li{margin-bottom:var(--space-2)}.toc-nav a{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;display:block;padding:var(--space-1)0;transition:color var(--transition-fast),padding-left var(--transition-fast)}.toc-nav a:hover{color:var(--color-primary);padding-left:var(--space-2)}.social-share-label{font-size:var(--font-size-sm);font-weight:800;color:var(--color-text);margin-right:var(--space-4);text-transform:uppercase;letter-spacing:.06em}.social-share-icon{width:18px;height:18px;display:block}.related-heading{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--space-6);color:var(--color-text);letter-spacing:-.02em}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.related-card{background:var(--color-surface);border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--color-border);transition:transform var(--transition),box-shadow var(--transition)}.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.related-card-link{display:block;color:inherit;text-decoration:none}.related-card-link:hover{color:inherit}.related-card-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.related-card-content{padding:var(--space-4)}.related-card-title{font-size:var(--font-size-base);font-weight:700;line-height:var(--line-height-snug);color:var(--color-text);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}.related-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.post-card-badge[data-type=how-to],.post-card-badge[data-type=tutorial]{background:rgba(0,212,170,.1);color:#00b894}.post-card-badge[data-type=review]{background:rgba(74,144,226,.1);color:#4a90e2}.post-card-badge[data-type=comparison]{background:rgba(245,166,35,.1);color:#d4890a}.post-card-badge[data-type=news]{background:rgba(226,89,80,.1);color:#e25950}