.blog-header{background-color:var(--color-bg);padding:calc(var(--nav-height) + var(--space-3xl)) 0 var(--space-3xl)}.blog-header__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-xl)}.blog-header__title{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:var(--font-weight-light);letter-spacing:-.03em;line-height:1.05;color:var(--color-text)}.blog-header__desc{font-size:.9rem;font-weight:var(--font-weight-light);color:var(--color-text);line-height:1.5;max-width:280px;text-align:right}.blog-empty{min-height:40vh;display:flex;align-items:center}.blog-empty__text{font-size:1.05rem;font-weight:var(--font-weight-light);color:var(--color-text-light);line-height:1.6}.blog-articles{padding:0 0 var(--space-3xl)}.blog-articles__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.blog-card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;color:inherit}.blog-card:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000000f}.blog-card__img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.blog-card__body{padding:var(--space-md);display:flex;flex-direction:column;flex:1}.blog-card__category{font-size:.7rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-xs)}.blog-card__title{font-family:var(--font-family-serif);font-size:1.15rem;font-weight:400;line-height:1.3;color:var(--color-text);margin-bottom:var(--space-xs)}.blog-card__excerpt{font-size:.85rem;font-weight:var(--font-weight-light);color:var(--color-text-light);line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-muted)}.blog-card__author-img{width:28px;height:28px;border-radius:50%;object-fit:cover;background-color:var(--color-surface)}.blog-articles__featured{margin-bottom:var(--space-lg)}.blog-card--featured{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;color:inherit}.blog-card--featured:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000000f}.blog-card--featured .blog-card__img{aspect-ratio:auto;height:100%;min-height:320px}.blog-card--featured .blog-card__body{padding:var(--space-xl) var(--space-lg);justify-content:center}.blog-card--featured .blog-card__title{font-size:1.6rem;margin-bottom:var(--space-sm)}.blog-card--featured .blog-card__excerpt{-webkit-line-clamp:5}.blog-article{padding:calc(var(--nav-height) + var(--space-xl)) 0 var(--space-3xl)}.blog-article__inner{display:grid;grid-template-columns:220px 1fr;gap:var(--space-xl);align-items:start}.blog-article__content{max-width:740px}.blog-article__back{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:var(--font-weight-regular);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-md);transition:color var(--transition-fast)}.blog-article__back:hover{color:var(--color-text)}.blog-article__title{font-family:var(--font-family-serif);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:400;line-height:1.15;letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-sm)}.blog-article__meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--space-md)}.blog-article__meta-sep{width:3px;height:3px;border-radius:50%;background-color:var(--color-text-muted)}.blog-author-top{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-sm)}.blog-author-top__img{width:44px;height:44px;border-radius:50%;object-fit:cover;background-color:var(--color-surface)}.blog-author-top__name{font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--color-text);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color var(--transition-fast)}.blog-author-top__name:hover{color:var(--color-accent)}.blog-author-top__name svg{width:14px;height:14px}.blog-author-top__role{font-size:.75rem;color:var(--color-text-muted)}.blog-share--header{margin-bottom:var(--space-md)}.blog-article__hero{width:100%;border-radius:16px;overflow:hidden;margin-bottom:var(--space-xl)}.blog-article__hero img{width:100%;height:auto;display:block}.blog-article__content h2{font-family:var(--font-family-serif);font-size:1.65rem;font-weight:400;line-height:1.2;color:var(--color-text);margin:var(--space-2xl) 0 var(--space-md);scroll-margin-top:calc(var(--nav-height) + var(--space-md))}.blog-article__content h3{font-family:var(--font-family-serif);font-size:1.25rem;font-weight:400;line-height:1.3;color:var(--color-text);margin:var(--space-xl) 0 var(--space-sm)}.blog-article__content p{font-size:1rem;font-weight:var(--font-weight-light);line-height:1.75;color:var(--color-text);margin-bottom:var(--space-md)}.blog-article__content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.blog-article__content a:hover{color:var(--color-accent-light)}.blog-article__content ul,.blog-article__content ol{margin:0 0 var(--space-md);padding-left:var(--space-md)}.blog-article__content ul{list-style:disc}.blog-article__content ol{list-style:decimal}.blog-article__content li{font-size:1rem;font-weight:var(--font-weight-light);line-height:1.7;color:var(--color-text);margin-bottom:8px}.blog-article__content li strong{font-weight:var(--font-weight-medium)}.blog-tldr{background-color:var(--color-surface);border-left:3px solid var(--color-accent);border-radius:0 12px 12px 0;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl)}.blog-tldr__label{font-size:.7rem;font-weight:var(--font-weight-semi);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:8px}.blog-tldr p{font-size:.95rem;margin-bottom:6px}.blog-callout{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0 var(--space-lg)}.blog-callout__label{font-size:.7rem;font-weight:var(--font-weight-semi);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:8px}.blog-callout p{font-size:.95rem;font-weight:var(--font-weight-light);line-height:1.6;color:var(--color-text);margin-bottom:4px}.blog-callout p:last-child{margin-bottom:0}.blog-table-wrap{overflow-x:auto;margin:var(--space-md) 0 var(--space-lg);border:1px solid var(--color-border);border-radius:12px}.blog-table{width:100%;border-collapse:collapse;font-size:.9rem}.blog-table th{text-align:left;padding:12px 16px;font-weight:var(--font-weight-medium);font-size:.8rem;color:var(--color-text);background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.blog-table td{padding:12px 16px;font-weight:var(--font-weight-light);color:var(--color-text);border-bottom:1px solid var(--color-border);line-height:1.5}.blog-table tr:last-child td{border-bottom:none}.blog-table td strong{font-weight:var(--font-weight-medium)}.blog-procon{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin:var(--space-md) 0 var(--space-lg)}.blog-procon__header{padding:12px 20px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.blog-procon__header h4{font-family:var(--font-family);font-size:.9rem;font-weight:var(--font-weight-medium);color:var(--color-text)}.blog-procon__grid{display:grid;grid-template-columns:1fr 1fr}.blog-procon__col{padding:20px}.blog-procon__col:first-child{border-right:1px solid var(--color-border)}.blog-procon__label{font-size:.7rem;font-weight:var(--font-weight-semi);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.blog-procon__label--pro{color:#16a34a}.blog-procon__label--con{color:#dc2626}.blog-procon__list{list-style:none;padding:0;margin:0}.blog-procon__list li{display:flex;align-items:flex-start;gap:8px;font-size:.88rem;font-weight:var(--font-weight-light);color:var(--color-text);line-height:1.5;margin-bottom:10px}.blog-procon__list li:last-child{margin-bottom:0}.blog-procon__icon--pro{color:#16a34a;flex-shrink:0;margin-top:2px}.blog-procon__icon--con{color:#dc2626;flex-shrink:0;margin-top:2px}.blog-quote{border-left:3px solid var(--color-text);background-color:var(--color-surface);border-radius:0 12px 12px 0;padding:var(--space-lg);margin:var(--space-xl) 0}.blog-quote__text{font-family:var(--font-family-serif);font-size:1.15rem;font-weight:400;font-style:italic;line-height:1.6;color:var(--color-text);text-align:center}.blog-quote__attr{font-family:var(--font-family);font-size:.8rem;font-weight:var(--font-weight-light);color:var(--color-text-muted);text-align:center;margin-top:12px}.blog-cta-mid{background:linear-gradient(135deg,var(--color-dark) 0%,#1a1a2e 100%);border-radius:12px;padding:var(--space-lg);margin:var(--space-xl) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.blog-cta-mid__text h3{font-family:var(--font-family);font-size:1.1rem;font-weight:var(--font-weight-medium);color:#fff;margin-bottom:4px}.blog-cta-mid__text p{font-size:.85rem;font-weight:var(--font-weight-light);color:#aaa;margin:0}.blog-cta-mid__btn,.blog-article__content .blog-cta-mid__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--color-accent);color:#fff;font-size:.85rem;font-weight:var(--font-weight-medium);border-radius:8px;text-decoration:none;white-space:nowrap;transition:background-color var(--transition-fast),transform var(--transition-fast)}.blog-cta-mid__btn:hover,.blog-article__content .blog-cta-mid__btn:hover{background-color:var(--color-accent-light);transform:translateY(-1px);color:#fff}.blog-article__mid-img{width:100%;border-radius:16px;overflow:hidden;margin:var(--space-xl) 0}.blog-article__mid-img img{width:100%;height:auto;display:block}.blog-faq{margin:var(--space-xl) 0}.blog-faq__item{border-bottom:1px solid var(--color-border)}.blog-faq__question{width:100%;background:none;border:none;padding:var(--space-md) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-family:var(--font-family);font-size:1rem;font-weight:var(--font-weight-regular);color:var(--color-text);text-align:left;cursor:pointer;transition:color var(--transition-fast)}.blog-faq__question:hover{color:var(--color-accent)}.blog-faq__icon{flex-shrink:0;width:20px;height:20px;transition:transform var(--transition-base)}.blog-faq__icon--open{transform:rotate(45deg)}.blog-faq__answer{overflow:hidden;max-height:0;transition:max-height .3s ease,padding .3s ease}.blog-faq__answer--open{max-height:600px;padding-bottom:var(--space-md)}.blog-faq__answer p{font-size:.95rem;font-weight:var(--font-weight-light);line-height:1.7;color:var(--color-text-light)}.blog-sources{margin:var(--space-xl) 0;padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.blog-sources__list{list-style:none;padding:0;margin:var(--space-md) 0 0;counter-reset:source}.blog-sources__list li{counter-increment:source;display:flex;gap:8px;font-size:.82rem;font-weight:var(--font-weight-light);color:var(--color-text-light);line-height:1.5;margin-bottom:8px}.blog-sources__list li:before{content:counter(source) ".";font-weight:var(--font-weight-regular);color:var(--color-text-muted);flex-shrink:0;min-width:22px}.blog-sources__list a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;word-break:break-word}.blog-author-bio{display:flex;gap:20px;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:12px;margin:var(--space-2xl) 0 var(--space-xl)}.blog-author-bio__img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;background-color:var(--color-surface)}.blog-author-bio__name,.blog-article__content .blog-author-bio__name{font-size:.95rem;font-weight:var(--font-weight-medium);color:var(--color-text);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color var(--transition-fast)}.blog-author-bio__name:hover,.blog-article__content .blog-author-bio__name:hover{color:var(--color-accent)}.blog-author-bio__name svg{width:16px;height:16px}.blog-author-bio__desc{font-size:.88rem;font-weight:var(--font-weight-light);line-height:1.6;color:var(--color-text-light);margin-top:6px}.blog-cta-end{text-align:center;padding:var(--space-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:var(--space-xl)}.blog-cta-end h3{font-family:var(--font-family-serif);font-size:1.4rem;font-weight:400;color:var(--color-text);margin-bottom:8px}.blog-cta-end p{font-size:.9rem;font-weight:var(--font-weight-light);color:var(--color-text-light);max-width:480px;margin:0 auto var(--space-md)}.blog-cta-end__btn,.blog-article__content .blog-cta-end__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background-color:var(--color-accent);color:#fff;font-size:.9rem;font-weight:var(--font-weight-medium);border-radius:8px;text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}.blog-cta-end__btn:hover,.blog-article__content .blog-cta-end__btn:hover{background-color:var(--color-accent-light);transform:translateY(-1px);color:#fff}.blog-toc{position:sticky;top:calc(var(--nav-height) + var(--space-lg));max-height:calc(100vh - var(--nav-height) - var(--space-2xl));overflow-y:auto;padding-right:var(--space-sm)}.blog-toc__label{font-size:.7rem;font-weight:var(--font-weight-semi);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.blog-toc__list{list-style:none;padding:0;margin:0;border-left:1px solid var(--color-border)}.blog-toc__item{margin:0}.blog-toc__link{display:block;padding:6px 0 6px 16px;font-size:.78rem;font-weight:var(--font-weight-light);color:var(--color-text-muted);text-decoration:none;border-left:2px solid transparent;margin-left:-1px;transition:color var(--transition-fast),border-color var(--transition-fast);line-height:1.4}.blog-toc__link:hover{color:var(--color-text)}.blog-toc__link--active{color:var(--color-accent);border-left-color:var(--color-accent);font-weight:var(--font-weight-regular)}.blog-share{display:flex;align-items:center;gap:8px;margin:var(--space-md) 0}.blog-share__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:8px;background:none;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.blog-share__btn:hover{border-color:var(--color-text);color:var(--color-text)}.blog-share__btn svg{width:16px;height:16px}.blog-checklist{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0 var(--space-lg)}.blog-checklist__label{font-size:.7rem;font-weight:var(--font-weight-semi);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:12px}.blog-checklist__list{list-style:none;padding:0;margin:0}.blog-checklist__list li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;font-weight:var(--font-weight-light);line-height:1.5;color:var(--color-text);margin-bottom:8px}.blog-checklist__list li:before{content:"☐";flex-shrink:0;color:var(--color-text-muted)}@media(max-width:768px){.blog-header__inner{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.blog-header__desc{text-align:left}.blog-articles__grid{grid-template-columns:1fr;gap:var(--space-lg)}.blog-card--featured{grid-template-columns:1fr}.blog-card--featured .blog-card__img{min-height:200px}.blog-card--featured .blog-card__body{padding:var(--space-md)}.blog-card--featured .blog-card__title{font-size:1.3rem}.blog-article__inner{grid-template-columns:1fr}.blog-toc{position:static;max-height:none;border:1px solid var(--color-border);border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-lg)}.blog-article__title{font-size:1.5rem}.blog-cta-mid{flex-direction:column;text-align:center}.blog-procon__grid{grid-template-columns:1fr}.blog-procon__col:first-child{border-right:none;border-bottom:1px solid var(--color-border)}.blog-author-bio{flex-direction:column;align-items:center;text-align:center}}@media(min-width:769px)and (max-width:1024px){.blog-articles__grid{grid-template-columns:repeat(2,1fr)}.blog-article__inner{grid-template-columns:180px 1fr;gap:var(--space-lg)}}