:root{--font-sans:"Pretendard Variable", "Pretendard", Inter, -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--bg-primary:#F9FAFB;--bg-secondary:#FFFFFF;--bg-tertiary:#F3F4F6;--text-primary:#111827;--text-secondary:#4B5563;--text-tertiary:#9CA3AF;--accent-blue:#2563EB;--accent-hover:#1D4ED8;--accent-purple:#7C3AED;--accent-gray:#E5E7EB;--hover-bg:#F3F4F6;--active-bg:rgba(37, 99, 235, 0.08);--code-bg:#F8FAFC;--code-border:#E2E8F0;--code-text:#1E293B;--shadow-sm:0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.04);--shadow-lg:0 10px 24px rgba(0,0,0,0.08), 0 4px 8px rgba(0,0,0,0.04);--shadow-xl:0 24px 48px rgba(0,0,0,0.10), 0 8px 16px rgba(0,0,0,0.06);--text-xs:13px;--text-sm:15px;--text-base:17px;--text-lg:19px;--text-xl:22px;--text-2xl:28px;--text-3xl:40px;--text-4xl:56px;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--leading-loose:1.8;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--container-max:1200px;--content-max:700px;--sidebar-width:220px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:0.12s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--z-header:100;--z-progress:9999;--z-modal:1000}[data-theme=dark]{--bg-primary:#0F1117;--bg-secondary:#161B22;--bg-tertiary:#1C2128;--text-primary:#E6EDF3;--text-secondary:#8B949E;--text-tertiary:#484F58;--accent-blue:#58A6FF;--accent-hover:#79B8FF;--accent-purple:#BC8CFF;--accent-gray:#30363D;--hover-bg:#21262D;--active-bg:rgba(88, 166, 255, 0.1);--code-bg:#161B22;--code-border:#30363D;--code-text:#E6EDF3;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 8px rgba(0,0,0,0.3);--shadow-lg:0 10px 24px rgba(0,0,0,0.4);--shadow-xl:0 24px 48px rgba(0,0,0,0.5)}@import "variables.css";*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-loose);color:var(--text-primary);background:var(--bg-primary);transition:background var(--transition-slow),color var(--transition-slow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.01em}h1{font-size:var(--text-3xl);letter-spacing:-.025em;margin-bottom:var(--space-lg)}h2{font-size:var(--text-2xl);letter-spacing:-.02em;margin-top:var(--space-3xl);margin-bottom:var(--space-md)}h3{font-size:var(--text-xl);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}h4{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-lg);color:var(--text-primary)}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--accent-hover);text-decoration:underline;text-decoration-color:rgba(37,99,235,.4);text-underline-offset:3px}strong{font-weight:var(--weight-semibold);color:var(--text-primary)}em{font-style:italic}ul,ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}li{margin-bottom:var(--space-sm);line-height:var(--leading-relaxed)}code{font-family:var(--font-mono);font-size:.875em;background:var(--code-bg);color:var(--accent-purple);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid var(--code-border)}pre{margin:var(--space-xl)0;overflow-x:auto;border-radius:var(--radius-md)}pre code{display:block;padding:var(--space-lg);background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);line-height:1.65;font-size:var(--text-sm);color:var(--code-text)}table{width:100%;border-collapse:collapse;margin:var(--space-xl)0;font-size:var(--text-sm);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--accent-gray)}thead{background:var(--bg-tertiary)}th{padding:var(--space-md)var(--space-lg);text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--accent-gray)}td{padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--accent-gray);color:var(--text-primary)}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--hover-bg)}blockquote{margin:var(--space-2xl)0;padding:var(--space-lg)var(--space-xl);border-left:3px solid var(--accent-blue);background:var(--active-bg);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--text-secondary);font-style:italic}blockquote p:last-child{margin-bottom:0}img{max-width:100%;height:auto;border-radius:var(--radius-md);display:block}figure{margin:var(--space-2xl)0}figcaption{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--space-sm)}hr{border:none;height:1px;background:var(--accent-gray);margin:var(--space-3xl)0}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}@media(max-width:640px){:root{--text-3xl:30px;--text-2xl:24px;--text-xl:20px;--text-base:16px}.container{padding:0 var(--space-md)}}.site-header{position:sticky;top:0;background:rgba(249,250,251,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--accent-gray);z-index:var(--z-header);padding:0;transition:box-shadow var(--transition-base),background var(--transition-slow)}[data-theme=dark] .site-header{background:rgba(15,17,23,.92)}.site-header.scrolled{box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max);margin:0 auto;padding:.875rem var(--space-xl);gap:var(--space-xl)}.brand-group{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.brand{display:flex;align-items:baseline;gap:.35em;text-decoration:none;line-height:1}.brand-primary{font-size:22px;font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--text-primary)}.brand-secondary{font-size:22px;font-weight:var(--weight-medium);letter-spacing:-.01em;color:var(--accent-blue)}.tagline{font-size:12px;color:var(--text-tertiary);font-weight:var(--weight-normal);letter-spacing:.01em}.header-nav{display:flex;align-items:center;gap:.25rem}.header-nav a{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-decoration:none;padding:.4rem .75rem;border-radius:var(--radius-md);transition:all var(--transition-base)}.header-nav a:hover{color:var(--text-primary);background:var(--hover-bg);text-decoration:none}.header-nav a.active{color:var(--accent-blue);background:var(--active-bg)}.nav-divider{width:1px;height:18px;background:var(--accent-gray);margin:0 .5rem;flex-shrink:0}.theme-toggle{width:36px;height:36px;border:1px solid var(--accent-gray);background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--transition-base);flex-shrink:0;margin-left:var(--space-sm)}.theme-toggle:hover{border-color:var(--accent-blue);background:var(--hover-bg)}.site-footer{border-top:1px solid var(--accent-gray);padding:var(--space-xl)0;margin-top:var(--space-4xl);background:var(--bg-secondary)}.footer-content{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl);display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);font-size:var(--text-xs);color:var(--text-tertiary)}.footer-nav{display:flex;gap:var(--space-lg)}.footer-nav a{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-base)}.footer-nav a:hover{color:var(--accent-blue);text-decoration:none}.post-card{background:var(--bg-secondary);border:1px solid var(--accent-gray);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow);display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--accent-blue);text-decoration:none}.post-card-image{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;background:var(--bg-tertiary);transition:transform var(--transition-slow)}.post-card:hover .post-card-image{transform:scale(1.03)}.post-card-image-wrap{overflow:hidden;flex-shrink:0}.post-card-content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.post-card-category{font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-blue)}.post-card-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug);flex:1;letter-spacing:-.01em}.post-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-meta{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:auto;padding-top:var(--space-md)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}@media(max-width:640px){.posts-grid{grid-template-columns:1fr;gap:var(--space-lg)}}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--accent-blue) 0%,var(--accent-purple) 100%);z-index:var(--z-progress);transition:width .1s linear}.section-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-md);letter-spacing:-.01em}.section-title::after{content:'';flex:1;height:1px;background:var(--accent-gray)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-lg)0}.tag-pill{display:inline-block;background:var(--bg-tertiary);color:var(--text-secondary);padding:4px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:var(--weight-medium);text-decoration:none;transition:all var(--transition-base);border:1px solid var(--accent-gray)}.tag-pill:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:translateY(-1px);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:1px solid transparent;line-height:1}.btn-primary{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none;color:#fff}.btn-secondary{background:0 0;color:var(--text-secondary);border-color:var(--accent-gray)}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--accent-blue);color:var(--accent-blue);text-decoration:none}.all-posts-page{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)}.all-posts-header{padding:var(--space-3xl)0 var(--space-2xl);border-bottom:1px solid var(--accent-gray);margin-bottom:var(--space-3xl)}.all-posts-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.025em;line-height:var(--leading-tight);margin-bottom:var(--space-sm)}.all-posts-count{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:0}.all-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);padding-bottom:var(--space-4xl)}@media(max-width:1024px){.all-posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.all-posts-page{padding:0 var(--space-md)}.all-posts-grid{grid-template-columns:1fr;gap:var(--space-lg)}.all-posts-title{font-size:var(--text-2xl)}}@media(max-width:768px){.header-inner{padding:.75rem var(--space-md)}.header-nav{gap:0}.header-nav a{font-size:13px;padding:.35rem .5rem}.tagline{display:none}}@media(max-width:480px){.footer-content{flex-direction:column;gap:var(--space-md);text-align:center}}.subtopic-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;cursor:default;border:none}.subtopic-chip::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.subtopic-chip[data-subtopic=ai]{background:rgba(139,92,246,.15);color:#7c3aed;border:1px solid rgba(139,92,246,.3)}[data-theme=dark] .subtopic-chip[data-subtopic=ai]{background:rgba(139,92,246,.2);color:#a78bfa;border-color:rgba(139,92,246,.4)}.subtopic-chip[data-subtopic=security]{background:rgba(239,68,68,.12);color:#dc2626;border:1px solid rgba(239,68,68,.28)}[data-theme=dark] .subtopic-chip[data-subtopic=security]{background:rgba(239,68,68,.18);color:#f87171;border-color:rgba(239,68,68,.38)}.subtopic-chip[data-subtopic=devtools]{background:rgba(16,185,129,.12);color:#059669;border:1px solid rgba(16,185,129,.28)}[data-theme=dark] .subtopic-chip[data-subtopic=devtools]{background:rgba(16,185,129,.18);color:#34d399;border-color:rgba(16,185,129,.38)}.subtopic-chip[data-subtopic=cloud]{background:rgba(59,130,246,.12);color:#2563eb;border:1px solid rgba(59,130,246,.28)}[data-theme=dark] .subtopic-chip[data-subtopic=cloud]{background:rgba(59,130,246,.18);color:#60a5fa;border-color:rgba(59,130,246,.38)}.subtopic-chip[data-subtopic=data]{background:rgba(245,158,11,.12);color:#d97706;border:1px solid rgba(245,158,11,.28)}[data-theme=dark] .subtopic-chip[data-subtopic=data]{background:rgba(245,158,11,.18);color:#fbbf24;border-color:rgba(245,158,11,.38)}.subtopic-chip[data-subtopic=web]{background:rgba(236,72,153,.12);color:#db2777;border:1px solid rgba(236,72,153,.28)}[data-theme=dark] .subtopic-chip[data-subtopic=web]{background:rgba(236,72,153,.18);color:#f472b6;border-color:rgba(236,72,153,.38)}.subtopic-chip[data-subtopic=mobile]{background:rgba(249,115,22,.12);color:#ea580c;border:1px solid rgba(249,115,22,.28)}[data-theme=dark] .subtopic-chip[data-subtopic=mobile]{background:rgba(249,115,22,.18);color:#fb923c;border-color:rgba(249,115,22,.38)}.subtopic-chip[data-subtopic=other]{background:rgba(107,114,128,.12);color:#4b5563;border:1px solid rgba(107,114,128,.28)}[data-theme=dark] .subtopic-chip[data-subtopic=other]{background:rgba(107,114,128,.18);color:#9ca3af;border-color:rgba(107,114,128,.38)}.subtopic-chip[data-subtopic=side-income]{background:rgba(16,185,129,.12);color:#059669;border:1px solid rgba(16,185,129,.28)}[data-theme=dark] .subtopic-chip[data-subtopic=side-income]{background:rgba(16,185,129,.18);color:#34d399;border-color:rgba(16,185,129,.38)}.apf-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-2xl);padding:var(--space-lg)var(--space-xl);background:var(--bg-secondary);border:1px solid var(--accent-gray);border-radius:var(--radius-lg)}.apf-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-md);font-size:12px;font-weight:var(--weight-semibold);letter-spacing:.04em;cursor:pointer;border:1px solid transparent;background:0 0;color:var(--text-secondary);transition:all .15s ease;white-space:nowrap}.apf-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.apf-btn--all.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.apf-btn[data-filter=ai].active{background:rgba(139,92,246,.15);color:#a78bfa;border-color:rgba(139,92,246,.4)}.apf-btn[data-filter=security].active{background:rgba(239,68,68,.15);color:#f87171;border-color:rgba(239,68,68,.4)}.apf-btn[data-filter=devtools].active{background:rgba(16,185,129,.15);color:#34d399;border-color:rgba(16,185,129,.4)}.apf-btn[data-filter=cloud].active{background:rgba(59,130,246,.15);color:#60a5fa;border-color:rgba(59,130,246,.4)}.apf-btn[data-filter=data].active{background:rgba(245,158,11,.15);color:#fbbf24;border-color:rgba(245,158,11,.4)}.apf-btn[data-filter=web].active{background:rgba(236,72,153,.15);color:#f472b6;border-color:rgba(236,72,153,.4)}.apf-btn[data-filter=mobile].active{background:rgba(249,115,22,.15);color:#fb923c;border-color:rgba(249,115,22,.4)}.apf-btn[data-filter=side-income].active{background:rgba(16,185,129,.15);color:#34d399;border-color:rgba(16,185,129,.4)}@media(prefers-color-scheme:light){.apf-btn[data-filter=ai].active{color:#7c3aed}.apf-btn[data-filter=security].active{color:#dc2626}.apf-btn[data-filter=devtools].active{color:#059669}.apf-btn[data-filter=cloud].active{color:#2563eb}.apf-btn[data-filter=data].active{color:#d97706}.apf-btn[data-filter=web].active{color:#db2777}.apf-btn[data-filter=mobile].active{color:#ea580c}.apf-btn[data-filter=side-income].active{color:#059669}}[data-theme=light] .apf-btn[data-filter=ai].active{color:#7c3aed}[data-theme=light] .apf-btn[data-filter=security].active{color:#dc2626}[data-theme=light] .apf-btn[data-filter=devtools].active{color:#059669}[data-theme=light] .apf-btn[data-filter=cloud].active{color:#2563eb}[data-theme=light] .apf-btn[data-filter=data].active{color:#d97706}[data-theme=light] .apf-btn[data-filter=web].active{color:#db2777}[data-theme=light] .apf-btn[data-filter=mobile].active{color:#ea580c}[data-theme=light] .apf-btn[data-filter=side-income].active{color:#059669}.post-card-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:4px;font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;margin-left:auto;cursor:pointer;flex-shrink:0}.post-card-chip::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.post-card-chip--ai{background:rgba(139,92,246,.18);color:#a78bfa}.post-card-chip--security{background:rgba(239,68,68,.18);color:#f87171}.post-card-chip--devtools{background:rgba(16,185,129,.18);color:#34d399}.post-card-chip--cloud{background:rgba(59,130,246,.18);color:#60a5fa}.post-card-chip--data{background:rgba(245,158,11,.18);color:#fbbf24}.post-card-chip--web{background:rgba(236,72,153,.18);color:#f472b6}.post-card-chip--mobile{background:rgba(249,115,22,.18);color:#fb923c}.post-card-chip--other{background:rgba(107,114,128,.18);color:#9ca3af}.post-card-chip--side-income{background:rgba(16,185,129,.18);color:#34d399}[data-theme=light] .post-card-chip--ai{color:#7c3aed}[data-theme=light] .post-card-chip--security{color:#dc2626}[data-theme=light] .post-card-chip--devtools{color:#059669}[data-theme=light] .post-card-chip--cloud{color:#2563eb}[data-theme=light] .post-card-chip--data{color:#d97706}[data-theme=light] .post-card-chip--web{color:#db2777}[data-theme=light] .post-card-chip--mobile{color:#ea580c}[data-theme=light] .post-card-chip--side-income{color:#059669}.no-results-msg{grid-column:1/-1;text-align:center;padding:var(--space-4xl)var(--space-xl);color:var(--text-tertiary);font-size:var(--text-lg);display:none}.no-results-msg.visible{display:block}.post-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-3xl)var(--space-xl);display:grid;grid-template-columns:1fr var(--content-max)var(--sidebar-width);gap:var(--space-3xl);align-items:start}.post-header{grid-column:2;margin-bottom:var(--space-2xl)}.post-header .subtopic-chip{margin-bottom:var(--space-lg);display:inline-flex;font-size:12px;padding:6px 14px;border-radius:6px;letter-spacing:.07em}.post-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.025em;margin-bottom:var(--space-lg);color:var(--text-primary)}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary);padding-bottom:var(--space-lg);border-bottom:1px solid var(--accent-gray)}.post-meta-item{display:flex;align-items:center;gap:.4rem}.post-featured-image{grid-column:2;margin-bottom:var(--space-2xl)}.post-featured-image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.post-content{grid-column:2;max-width:100%}.article-content>p:first-of-type{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-xl)}.article-content h2{font-size:var(--text-2xl);margin-top:var(--space-3xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--accent-gray)}.article-content h3{font-size:var(--text-xl);margin-top:var(--space-2xl);margin-bottom:var(--space-sm)}.article-content img{width:100%;max-width:680px;height:auto;margin:var(--space-xl)auto;display:block;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.toc-sidebar{grid-column:3;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:none}.toc-sidebar::-webkit-scrollbar{display:none}.toc{background:var(--bg-secondary);border:1px solid var(--accent-gray);border-radius:var(--radius-lg);padding:var(--space-lg)}.toc h4{font-size:11px;font-weight:var(--weight-semibold);margin-bottom:var(--space-md);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.toc ul{list-style:none;padding-left:0;margin:0}.toc li{margin:0}.toc a{display:block;color:var(--text-secondary);text-decoration:none;font-size:13px;line-height:1.5;padding:.35rem 0 .35rem var(--space-md);border-left:2px solid transparent;transition:all var(--transition-base)}.toc a:hover{color:var(--text-primary);border-left-color:var(--accent-gray);text-decoration:none}.toc a.active{color:var(--accent-blue);border-left-color:var(--accent-blue);font-weight:var(--weight-medium)}.key-takeaways{background:linear-gradient(135deg,rgba(37,99,235,5%) 0%,rgba(124,58,237,4%) 100% );border:1px solid rgba(37,99,235,.15);border-left:4px solid var(--accent-blue);border-radius:0 var(--radius-md)var(--radius-md)0;padding:var(--space-xl)var(--space-2xl);margin:var(--space-2xl)0}.key-takeaways strong{font-size:11px;font-weight:var(--weight-bold);color:var(--accent-blue);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:var(--space-md)}.key-takeaways ul{list-style:none;padding-left:0;margin:0}.key-takeaways li{position:relative;padding-left:1.75rem;margin-bottom:var(--space-md);line-height:var(--leading-relaxed);color:var(--text-primary)}.key-takeaways li:last-child{margin-bottom:0}.key-takeaways li::before{content:"→";position:absolute;left:0;color:var(--accent-blue);font-weight:var(--weight-bold)}.share-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin:var(--space-3xl)0;padding:var(--space-xl)0;border-top:1px solid var(--accent-gray);border-bottom:1px solid var(--accent-gray)}.share-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--accent-gray);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.share-btn:hover{background:var(--hover-bg);border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px);text-decoration:none}.related-posts{margin-top:var(--space-3xl)}.related-posts h3{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-xl);letter-spacing:-.01em}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}@media(max-width:1024px){.post-container{grid-template-columns:1fr;padding:var(--space-xl)var(--space-md);gap:0}.post-header,.post-featured-image,.post-content{grid-column:1}.toc-sidebar{display:none}}@media(max-width:640px){.post-title{font-size:var(--text-2xl)}.post-meta{gap:var(--space-md)}.key-takeaways{padding:var(--space-lg)}}.hero-feature{max-width:var(--container-max);margin:0 auto var(--space-4xl);padding:var(--space-2xl)var(--space-xl)0}.hero-card{display:block;position:relative;height:560px;border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;background:#000}.hero-visual{position:absolute;inset:0}.hero-visual img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:opacity var(--transition-slow),transform var(--transition-slow);border-radius:0}.hero-card:hover .hero-visual img{opacity:.82;transform:scale(1.04)}.hero-gradient{position:absolute;inset:0;background:linear-gradient( to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 40%,rgba(0,0,0,.18) 70%,transparent 100% )}.hero-text{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3xl);color:#fff;z-index:2}.hero-label{display:inline-block;padding:.4rem .9rem;background:var(--accent-blue);color:#fff;font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.hero-heading{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.03em;margin-bottom:var(--space-md);max-width:860px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.hero-description{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg);max-width:660px;color:rgba(255,255,255,.88);text-shadow:0 1px 4px rgba(0,0,0,.4)}.hero-meta{display:flex;gap:var(--space-md);align-items:center;font-size:var(--text-sm);color:rgba(255,255,255,.75)}.meta-dot{opacity:.5}.grid-layout{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)var(--space-4xl);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-xl)}.grid-card.large{grid-column:span 6}.grid-card.large .card-visual{height:240px}.grid-card.large .card-heading{font-size:var(--text-xl)}.grid-card.medium{grid-column:span 3}.grid-card.medium .card-visual{height:200px}.grid-card.medium .card-heading{font-size:var(--text-lg)}.grid-card{background:var(--bg-secondary);border:1px solid var(--accent-gray);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow)}.grid-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-blue)}.grid-card a{display:block;text-decoration:none;color:inherit}.card-visual{width:100%;overflow:hidden;background:var(--bg-tertiary)}.card-visual img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);border-radius:0}.grid-card:hover .card-visual img{transform:scale(1.05)}.card-text{padding:var(--space-xl)}.card-label{display:inline-block;color:var(--accent-blue);font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}.card-heading{font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-snug);letter-spacing:-.02em;margin-bottom:var(--space-md)}.card-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.card-meta{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-medium)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md)}.latest-strip{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)var(--space-4xl)}.latest-strip-inner{background:var(--bg-secondary);border:1px solid var(--accent-gray);border-radius:var(--radius-lg);padding:var(--space-xl)}.latest-strip-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:-.01em}.latest-strip-items{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)var(--space-xl);margin-bottom:var(--space-lg)}.latest-strip-item{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);text-decoration:none;padding:var(--space-sm)0;border-bottom:1px solid var(--accent-gray)}.latest-strip-item:hover .latest-strip-heading{color:var(--accent-blue)}.latest-strip-heading{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-snug);transition:color var(--transition-base)}.latest-strip-date{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.list-more{display:inline-flex;align-items:center;padding:.6rem 1.25rem;background:var(--text-primary);color:var(--bg-primary);text-decoration:none;border-radius:var(--radius-md);font-weight:var(--weight-semibold);font-size:var(--text-sm);transition:background var(--transition-base),color var(--transition-base)}.list-more:hover{background:var(--accent-blue);color:#fff;text-decoration:none}@media(max-width:1024px){.grid-card.medium{grid-column:span 3}}@media(max-width:768px){.hero-heading{font-size:var(--text-3xl)}.hero-feature{padding:var(--space-md)var(--space-md)0}.hero-card{height:460px}.hero-text{padding:var(--space-xl)}.grid-layout{grid-template-columns:1fr;padding:0 var(--space-md)var(--space-3xl);gap:var(--space-lg)}.grid-card.large,.grid-card.medium{grid-column:span 12}.grid-card.large .card-visual,.grid-card.medium .card-visual{height:200px}.latest-strip{padding:0 var(--space-md)var(--space-3xl)}.latest-strip-items{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-card{height:380px}.hero-heading{font-size:var(--text-2xl)}.hero-description{display:none}.latest-strip-items{grid-template-columns:1fr}}