.blog,.post{padding: 0 clamp(16px,4vw,48px)}.blog__head{width: min(1100px,100%);margin: 0 auto;padding: clamp(40px,8vh,90px) 0 clamp(28px,5vh,48px)}.blog__overline{margin: 0 0 10px;font-family: var(--a-font-mono);font-size: 0.74rem;letter-spacing: 0.34em;color: var(--a-emerald)}.blog__title{margin: 0;font-family: var(--a-font-display);font-weight: 800;font-size: clamp(2.2rem,5vw,3.8rem);letter-spacing: 0.03em;text-transform: uppercase;background: linear-gradient(100deg,#eafff7 10%,var(--a-emerald) 50%,#b79cff 90%);-webkit-background-clip: text;background-clip: text;color: transparent}.blog__lead{max-width: 640px;margin: 14px 0 0;color: var(--a-muted,#9fb8b0);font-size: 1.05rem;line-height: 1.65}.blog__grid{width: min(1100px,100%);margin: 0 auto clamp(56px,10vh,110px);display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,320px),1fr));gap: 22px}.blog-card{--post-rgb: 43,245,176;display: flex;flex-direction: column;overflow: hidden;border: 1px solid color-mix(in srgb,var(--post) 35%,transparent);border-radius: 14px;background: linear-gradient(170deg,rgba(8,22,22,0.9),rgba(12,10,28,0.9));color: var(--a-text);text-decoration: none;transition: transform 0.3s,border-color 0.3s,box-shadow 0.3s}.blog-card:hover,.blog-card:focus-visible{transform: translateY(-4px);border-color: var(--post);box-shadow: 0 14px 40px color-mix(in srgb,var(--post) 22%,transparent)}.blog-card__media{aspect-ratio: 16 / 9;overflow: hidden;background: #050a0c}.blog-card__media img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s}.blog-card:hover .blog-card__media img{transform: scale(1.04)}.blog-card__body{display: flex;flex-direction: column;gap: 10px;padding: 18px 20px 22px}.blog-card__meta{font-family: var(--a-font-mono);font-size: 0.7rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--post)}.blog-card__title{font-size: 1.2rem;font-weight: 600;line-height: 1.35}.blog-card__text{color: var(--a-muted,#9fb8b0);line-height: 1.6;font-size: 0.95rem}.blog-card__more{margin-top: auto;padding-top: 6px;color: var(--post);font-weight: 600;font-size: 0.9rem}.post__wrap{width: min(760px,100%);min-width: 0;margin: 0 auto;padding: clamp(32px,6vh,70px) 0 clamp(40px,8vh,80px);font-size: 1.06rem;line-height: 1.8;color: #d6e9e3}.post__back{display: inline-block;margin-bottom: 22px;color: var(--a-emerald);text-decoration: none;font-size: 0.9rem}.post__back:hover{text-decoration: underline}.post__meta{margin: 0 0 12px;font-family: var(--a-font-mono);font-size: 0.72rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--a-muted,#9fb8b0)}.post__tag{color: var(--post)}.post__title{margin: 0;font-size: clamp(1.8rem,4.4vw,2.7rem);line-height: 1.2;color: #f2fffb;font-weight: 700}.post__lead{margin: 16px 0 0;font-size: 1.18rem;color: #b9d3cb;line-height: 1.65}.post__author{margin: 18px 0 0;padding-left: 12px;border-left: 3px solid var(--post);font-size: 0.9rem;color: var(--a-muted,#9fb8b0)}.post__cover{margin: 30px 0 10px;border-radius: 14px;overflow: hidden;border: 1px solid color-mix(in srgb,var(--post) 30%,transparent)}.post__cover img{display: block;width: 100%;height: auto}.post__h2{margin: 2.2em 0 0.5em;font-size: 1.4rem;line-height: 1.35;color: #f2fffb}.post__p{margin: 0 0 1.1em}.post__list{margin: 0 0 1.3em;padding-left: 1.2em}.post__list li{margin-bottom: 0.45em}.post__list li::marker{color: var(--post)}.post__quote{margin: 1.8em 0;padding: 18px 24px;border-left: 4px solid var(--post);background: color-mix(in srgb,var(--post) 8%,transparent);border-radius: 0 12px 12px 0;font-size: 1.3rem;font-weight: 600;color: #f2fffb}.post__quote p{margin: 0}.post__tip{margin: 1.6em 0;padding: 16px 20px;border: 1px solid color-mix(in srgb,var(--post) 40%,transparent);border-radius: 12px;background: rgba(8,22,22,0.6);font-size: 0.98rem}.post__tip p{margin: 0}.post__tip::before{content: '💡';margin-right: 8px}.post__fig{margin: 1.8em 0}.post__fig img{display: block;width: 100%;height: auto;border-radius: 12px;border: 1px solid rgba(255,255,255,0.08)}.post__fig figcaption{margin-top: 8px;font-size: 0.85rem;color: var(--a-muted,#9fb8b0);text-align: center}.post__cta{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 2.6em;padding-top: 24px;border-top: 1px solid rgba(255,255,255,0.08)}.blog__filters{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 26px}.blog-filter{--cat: #e7fff6;display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;border: 1px solid color-mix(in srgb,var(--cat) 30%,transparent);border-radius: 999px;background: rgba(4,12,14,0.7);color: var(--a-text);font: inherit;font-size: 0.88rem;cursor: pointer;transition: border-color 0.25s,background 0.25s,box-shadow 0.25s}.blog-filter b{min-width: 20px;padding: 1px 6px;border-radius: 999px;background: rgba(255,255,255,0.08);font-size: 0.72rem;text-align: center}.blog-filter:hover{border-color: color-mix(in srgb,var(--cat) 70%,transparent)}.blog-filter.is-active{border-color: var(--cat);background: color-mix(in srgb,var(--cat) 14%,transparent);box-shadow: 0 0 18px color-mix(in srgb,var(--cat) 28%,transparent)}.blog-card[hidden]{display: none}.blog-card__meta,.post__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 10px}.blog-card__cat,.post__cat{padding: 2px 9px;border: 1px solid color-mix(in srgb,var(--cat) 45%,transparent);border-radius: 999px;color: var(--cat);font-size: 0.66rem;letter-spacing: 0.1em}.post__crumbs{margin-bottom: 22px;font-size: 0.85rem;color: var(--a-muted,#9fb8b0)}.post__crumbs a{color: var(--a-emerald);text-decoration: none}.post__crumbs a:hover{text-decoration: underline}.post__summary,.post__toc{margin: 26px 0;padding: 18px 22px;border-radius: 12px;font-size: 0.98rem;line-height: 1.6}.post__summary{border: 1px solid color-mix(in srgb,var(--post) 45%,transparent);background: color-mix(in srgb,var(--post) 7%,transparent)}.post__toc{border: 1px solid rgba(255,255,255,0.08);background: rgba(8,22,22,0.55)}.post__box-title{margin: 0 0 10px;font-family: var(--a-font-mono);font-size: 0.72rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--post)}.post__summary ul,.post__toc ol{margin: 0;padding-left: 1.2em}.post__summary li,.post__toc li{margin-bottom: 0.35em}.post__summary li::marker,.post__toc li::marker{color: var(--post)}.post__toc a{color: #d6e9e3;text-decoration: none}.post__toc a:hover,.post__toc a:focus-visible{color: var(--post);text-decoration: underline}.post__h2{scroll-margin-top: 100px}.post-related{width: min(1100px,100%);margin: 0 auto clamp(56px,10vh,100px)}.post-related__title{margin: 0 0 18px;font-size: 1.3rem;color: #f2fffb}.post-related__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,280px),1fr));gap: 18px}.blog-card--small .blog-card__title{font-size: 1.05rem}.post__layout{display: block}.post-side{display: none}@media (min-width: 1200px){.post__layout{display: grid;grid-template-columns: minmax(200px,250px) minmax(0,760px) minmax(220px,270px);justify-content: center;gap: clamp(28px,3vw,56px);width: min(1400px,100%);margin: 0 auto}.post-side{display: block;padding-top: clamp(32px,6vh,70px)}.post-side__sticky{position: sticky;top: 110px;display: grid;gap: 18px}.post__toc--inline{display: none}.post__toc--side{margin: 0;padding: 16px 18px;font-size: 0.88rem}.post__toc--side ol{padding-left: 1.1em}.post__toc--side a{display: block;padding: 3px 0;color: var(--a-muted,#9fb8b0);transition: color 0.2s}.post__toc--side a.is-current{color: var(--post);font-weight: 600}}.post-progress{height: 3px;border-radius: 3px;background: rgba(255,255,255,0.08);overflow: hidden}.post-progress i{display: block;height: 100%;background: var(--post);transform: scaleX(0);transform-origin: left;transition: transform 0.15s linear}.post-author-card{display: grid;justify-items: start;gap: 10px;padding: 20px;border: 1px solid color-mix(in srgb,var(--post) 40%,transparent);border-radius: 14px;background: linear-gradient(170deg,rgba(8,22,22,0.85),rgba(12,10,28,0.85));font-size: 0.9rem;line-height: 1.5;color: var(--a-muted,#9fb8b0)}.post-author-card img{width: 72px;height: 72px;border-radius: 50%;object-fit: cover;border: 2px solid var(--post)}.post-author-card b{color: #f2fffb;font-size: 1.05rem}.post-author-card .aura-btn{width: 100%;justify-content: center;text-align: center;font-size: 0.85rem}.post-author-card__link{color: var(--post);text-decoration: none;font-size: 0.85rem}.post-author-card__link:hover{text-decoration: underline}.post-side__share{display: grid;gap: 8px;padding: 16px 18px;border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;background: rgba(8,22,22,0.55)}.post-side__share .post__box-title{margin-bottom: 4px}.post-side__share a,.post-side__share button{padding: 7px 12px;border: 1px solid rgba(255,255,255,0.12);border-radius: 8px;background: transparent;color: #d6e9e3;font: inherit;font-size: 0.85rem;text-align: left;text-decoration: none;cursor: pointer}.post-side__share a:hover,.post-side__share button:hover{border-color: var(--post);color: var(--post)}.post__code{margin: 1.4em 0;padding: 18px 20px;border: 1px solid rgba(255,255,255,0.1);border-left: 3px solid var(--post);border-radius: 10px;background: #050a0c;color: #cfe7e0;font-family: var(--a-font-mono);font-size: 0.86rem;line-height: 1.7;white-space: pre-wrap;overflow-wrap: anywhere}.post-levels{display: grid;gap: 14px;margin: 1.5em 0}.post-level{padding: 16px 20px;border: 1px solid color-mix(in srgb,var(--lv) 55%,transparent);border-left: 6px solid var(--lv);border-radius: 12px;background: color-mix(in srgb,var(--lv) 6%,rgba(5,10,12,0.8))}.post-level__name{margin: 0 0 8px;color: var(--lv);font-weight: 700;font-size: 1.05rem}.post-level__name::before{content: '';display: inline-block;width: 12px;height: 12px;margin-right: 10px;border-radius: 50%;background: var(--lv);box-shadow: 0 0 12px var(--lv)}.post-level ul{margin: 0;padding-left: 1.2em;font-size: 0.96rem;line-height: 1.6}.post-level li::marker{color:var(--lv)}