.blog-hero{background:linear-gradient(225deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);padding:clamp(4rem,8vw,6rem) 0 clamp(3rem,6vw,4.5rem);position:relative;overflow:hidden;color:var(--color-bg);margin-top:75px}.blog-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(212,175,55,0.18) 0%,transparent 55%),radial-gradient(circle at 85% 70%,rgba(197,160,89,0.12) 0%,transparent 55%);pointer-events:none}.blog-hero::after{content:'';position:absolute;bottom:0;right:0;left:0;height:1px;background:linear-gradient(270deg,transparent,rgba(212,175,55,0.4) 50%,transparent)}.blog-hero__inner{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.blog-hero__breadcrumb{display:flex;align-items:center;justify-content:center;gap:0.625rem;font-size:var(--fs-xs);color:rgba(253,248,239,0.7);margin-bottom:1.25rem;letter-spacing:0.05em}.blog-hero__breadcrumb a{color:rgba(253,248,239,0.85);transition:color var(--duration-fast) var(--ease-out)}.blog-hero__breadcrumb a:hover{color:var(--color-accent)}.blog-hero__breadcrumb-sep{color:var(--color-accent);font-size:0.5em}.blog-hero__title{font-size:clamp(1.875rem,1.4rem + 2vw,2.75rem);font-weight:700;line-height:1.3;margin:0 0 0.875rem;letter-spacing:-0.015em;color:var(--color-accent);text-shadow:0 2px 12px rgba(0,0,0,0.35)}.blog-hero__divider{width:56px;height:2px;background:linear-gradient(270deg,var(--color-accent),var(--color-secondary));margin:1rem auto 1.25rem;border:none}.blog-hero__subtitle{font-size:clamp(1rem,0.95rem + 0.3vw,1.125rem);color:rgba(253,248,239,0.78);line-height:1.85;margin:0 auto;max-width:640px}.blog-search{margin-top:2rem;max-width:480px;margin-inline:auto;position:relative}.blog-search__input{width:100%;padding:0.875rem 1.25rem 0.875rem 3rem;font-family:inherit;font-size:var(--fs-sm);background:rgba(253,248,239,0.1);border:1px solid rgba(212,175,55,0.3);border-radius:var(--radius-md);color:var(--color-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--duration-base) var(--ease-out)}.blog-search__input::placeholder{color:rgba(253,248,239,0.5)}.blog-search__input:focus{outline:none;background:rgba(253,248,239,0.15);border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(212,175,55,0.15)}.blog-search__icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:rgba(253,248,239,0.6);pointer-events:none}.blog-categories{background:var(--color-bg-alt);padding:1.5rem 0;border-bottom:1px solid var(--color-border);position:sticky;top:75px;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.blog-categories__list{display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0}.blog-categories__chip{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;font-size:var(--fs-xs);font-weight:500;color:var(--color-text-soft);background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;font-family:inherit}.blog-categories__chip:hover{border-color:var(--color-accent);color:var(--color-primary);transform:translateY(-1px)}.blog-categories__chip[aria-current="true"],.blog-categories__chip.is-active{background:var(--color-primary);color:var(--color-accent);border-color:var(--color-primary)}.blog-categories__chip-count{font-size:0.7rem;opacity:0.6;font-weight:400}.blog-grid{background:var(--color-bg);padding-block:clamp(2.5rem,5vw,4rem)}.blog-grid__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}@media (max-width:900px){.blog-grid__inner{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid__inner{grid-template-columns:1fr;gap:1.25rem}}.post-card{background:var(--color-surface);border:0.5px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-base) var(--ease-out);display:flex;flex-direction:column;position:relative}.post-card::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(270deg,transparent,var(--color-accent) 50%,transparent);transition:width var(--duration-base) var(--ease-out);z-index:2}.post-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(27,38,59,0.12);border-color:rgba(212,175,55,0.4)}.post-card:hover::before{width:80%}.post-card__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(225deg,var(--color-primary) 0%,var(--color-primary-deep) 100%)}.post-card__media-emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:64px;transition:transform var(--duration-slow) var(--ease-out)}.post-card:hover .post-card__media-emoji{transform:scale(1.1)}.post-card__category{position:absolute;top:12px;left:12px;padding:4px 10px;font-size:0.7rem;font-weight:600;letter-spacing:0.05em;color:var(--color-primary);background:var(--color-accent);border-radius:4px;z-index:1}.post-card__body{padding:1.25rem 1.375rem 1.5rem;display:flex;flex-direction:column;flex-grow:1}.post-card__meta{display:flex;align-items:center;gap:0.75rem;font-size:0.72rem;color:var(--color-text-muted);margin-bottom:0.625rem;letter-spacing:0.02em}.post-card__meta-item{display:inline-flex;align-items:center;gap:0.25rem}.post-card__meta-icon{width:12px;height:12px;opacity:0.7}.post-card__title{font-size:var(--fs-lg);font-weight:700;color:var(--color-primary);line-height:1.4;margin:0 0 0.625rem;letter-spacing:-0.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__title a{color:inherit;transition:color var(--duration-fast) var(--ease-out)}.post-card__title a:hover{color:var(--color-accent)}.post-card__excerpt{font-size:var(--fs-sm);color:var(--color-text-soft);line-height:1.85;margin:0 0 1.125rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:0.875rem;border-top:0.5px solid var(--color-border)}.post-card__read-more{display:inline-flex;align-items:center;gap:0.4rem;font-size:var(--fs-xs);font-weight:600;color:var(--color-accent);transition:gap var(--duration-fast) var(--ease-out)}.post-card__read-more:hover{gap:0.6rem}.post-card__read-more svg{width:12px;height:12px}.blog-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-muted)}.blog-empty__title{font-size:var(--fs-lg);margin-bottom:0.5rem;color:var(--color-primary)}.article-hero{background:var(--color-bg);padding:clamp(5rem,9vw,7rem) 0 clamp(2rem,4vw,3rem);margin-top:75px;position:relative}.article-hero__inner{max-width:820px;margin:0 auto;padding:0 1.5rem;text-align:center}.article-hero__breadcrumb{display:flex;align-items:center;justify-content:center;gap:0.625rem;font-size:var(--fs-xs);color:var(--color-text-muted);margin-bottom:1.5rem;letter-spacing:0.05em;flex-wrap:wrap}.article-hero__breadcrumb a{color:var(--color-text-soft);transition:color var(--duration-fast) var(--ease-out)}.article-hero__breadcrumb a:hover{color:var(--color-accent)}.article-hero__breadcrumb-sep{color:var(--color-accent);font-size:0.5em}.article-hero__category{display:inline-block;font-size:0.7rem;letter-spacing:0;text-transform:none;font-weight:600;color:var(--color-accent);margin-bottom:1rem}.article-hero__title{font-size:clamp(1.75rem,1.4rem + 1.6vw,2.5rem);font-weight:700;line-height:1.3;color:var(--color-primary);margin:0 0 1rem;letter-spacing:-0.01em}.article-hero__divider{width:48px;height:2px;background:linear-gradient(270deg,var(--color-accent),var(--color-secondary));margin:1rem auto 1.5rem;border:none}.article-hero__excerpt{font-size:clamp(1rem,0.95rem + 0.3vw,1.125rem);color:var(--color-text-soft);line-height:1.85;margin:0 auto;max-width:700px}.article-hero__meta{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1.5rem;font-size:var(--fs-xs);color:var(--color-text-muted);letter-spacing:0.02em;flex-wrap:wrap}.article-hero__meta-item{display:inline-flex;align-items:center;gap:0.375rem}.article-hero__meta-icon{width:14px;height:14px;opacity:0.7;color:var(--color-accent)}.article-body{background:var(--color-bg);padding-bottom:clamp(3rem,6vw,5rem)}.article-body__layout{display:grid;grid-template-columns:240px 1fr;gap:3rem;max-width:1100px;margin:0 auto;padding:0 1.5rem;align-items:start}@media (max-width:900px){.article-body__layout{grid-template-columns:1fr;gap:2rem}}.toc{position:sticky;top:100px;background:var(--color-bg-alt);border:0.5px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem 1.125rem;font-size:var(--fs-sm)}@media (max-width:900px){.toc{position:static}}.toc__title{font-size:0.75rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--color-accent);margin-bottom:1rem;padding-bottom:0.625rem;border-bottom:1px solid var(--color-border)}.toc__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.5rem}.toc__list a{font-size:0.82rem;color:var(--color-text-soft);line-height:1.6;display:block;padding:0.25rem 0;border-left:2px solid transparent;padding-left:0.625rem;transition:all var(--duration-fast) var(--ease-out)}.toc__list a:hover,.toc__list a.is-active{color:var(--color-primary);border-left-color:var(--color-accent)}.toc__list--nested{margin-left:0.875rem;margin-top:0.25rem}.toc__list--nested a{font-size:0.78rem;color:var(--color-text-muted)}.article-prose{font-size:1.0625rem;line-height:2.05;color:var(--color-text)}.article-prose > * + *{margin-top:1.25rem}.article-prose h2{font-size:clamp(1.375rem,1.2rem + 0.6vw,1.625rem);font-weight:700;color:var(--color-primary);margin-top:2.5rem;margin-bottom:0.75rem;letter-spacing:-0.005em;scroll-margin-top:100px;position:relative;padding-left:1rem}.article-prose h2::before{content:'';position:absolute;left:0;top:0.4em;bottom:0.4em;width:3px;background:linear-gradient(to bottom,var(--color-accent),var(--color-secondary));border-radius:2px}.article-prose h3{font-size:clamp(1.125rem,1.05rem + 0.3vw,1.25rem);font-weight:700;color:var(--color-primary);margin-top:2rem;margin-bottom:0.625rem;scroll-margin-top:100px}.article-prose h4{font-size:1.05rem;font-weight:600;color:var(--color-primary);margin-top:1.5rem;margin-bottom:0.5rem}.article-prose p{margin:0;text-align:justify}.article-prose strong{color:var(--color-primary);font-weight:700}.article-prose a{color:var(--color-text);font-weight:500;text-decoration:underline;text-decoration-color:rgba(212,175,55,0.3);text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-out),text-decoration-color var(--duration-fast) var(--ease-out)}.article-prose a:hover,.article-prose a:focus-visible{color:var(--color-accent);text-decoration-color:var(--color-accent)}.article-prose ul,.article-prose ol{padding-left:1.5rem}.article-prose ul li,.article-prose ol li{margin:0.625rem 0}.article-prose ul li::marker{color:var(--color-accent)}.article-prose blockquote{background:var(--color-bg-alt);border-left:3px solid var(--color-accent);padding:1.25rem 1.5rem;margin:2rem 0;border-radius:var(--radius-md) 0 0 var(--radius-md);font-style:italic;color:var(--color-text-soft)}.article-prose blockquote p{margin:0}.article-prose img{width:100%;height:auto;border-radius:var(--radius-md);margin:2rem 0;box-shadow:0 10px 30px rgba(27,38,59,0.1)}.article-prose hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.article-cta-box{background:linear-gradient(225deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;margin:2.5rem 0;position:relative;overflow:hidden;text-align:center;border:1px solid rgba(212,175,55,0.2)}.article-cta-box::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(212,175,55,0.15) 0%,transparent 60%);pointer-events:none}.article-cta-box__content{position:relative;z-index:1}.article-cta-box__title{font-size:var(--fs-lg);font-weight:700;color:var(--color-bg);margin:0 0 0.5rem}.article-cta-box__text{color:rgba(253,248,239,0.78);font-size:var(--fs-sm);margin:0 0 1.25rem;line-height:1.85}.article-cta-box__btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:var(--color-accent);color:var(--color-primary);font-size:var(--fs-sm);font-weight:600;border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-out)}.article-cta-box__btn:hover{background:var(--color-accent-soft);transform:translateY(-2px);box-shadow:0 8px 20px rgba(212,175,55,0.4)}.article-cta-box__btn svg{width:14px;height:14px}.article-tags{margin:2.5rem 0 1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.article-tags__label{font-size:0.7rem;letter-spacing:0;text-transform:none;color:var(--color-text-muted);margin-bottom:0.625rem}.article-tags__list{display:flex;flex-wrap:wrap;gap:0.5rem}.article-tags__chip{display:inline-block;padding:0.375rem 0.875rem;background:var(--color-bg-alt);color:var(--color-text-soft);font-size:0.78rem;border-radius:16px;border:0.5px solid var(--color-border);transition:all var(--duration-fast) var(--ease-out)}.article-tags__chip:hover{border-color:var(--color-accent);color:var(--color-primary)}.article-share{display:flex;align-items:center;gap:0.75rem;padding:1.25rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:1.5rem 0;flex-wrap:wrap}.article-share__label{font-size:0.78rem;font-weight:500;color:var(--color-text-soft)}.article-share__link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-alt);border:0.5px solid var(--color-border);border-radius:50%;color:var(--color-text-soft);transition:all var(--duration-fast) var(--ease-out)}.article-share__link:hover{background:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent);transform:translateY(-2px)}.article-share__link svg{width:16px;height:16px}