.blog-cats{margin-top:var(--sp-5)}.post-featured{position:relative;display:grid;gap:var(--sp-5);margin-bottom:var(--sp-7);overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-xl);background:var(--c-bg);transition:box-shadow var(--dur) var(--ease)}.post-featured:hover{box-shadow:var(--shadow-lg)}.post-featured__media{aspect-ratio:16 / 10;overflow:hidden;background:var(--c-surface)}.post-featured__media img{width:100%;height:100%;object-fit:cover}.post-featured__body{padding:0 var(--sp-5) var(--sp-5)}.post-featured__title{font-size:var(--fs-h3)}.post-featured__title a{color:inherit;text-decoration:none}.post-featured__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.post-featured__excerpt{color:var(--c-muted)}@media(min-width:1024px){.post-featured{grid-template-columns:1.2fr 1fr;align-items:center;gap:var(--sp-7)}.post-featured__body{padding:var(--sp-6) var(--sp-6) var(--sp-6) 0}.post-featured__title{font-size:var(--fs-h2)}}.article-head{padding-block:var(--sp-6) var(--sp-5);background:linear-gradient(180deg,var(--c-primary-50),var(--c-bg))}.article-head__cat{margin-bottom:var(--sp-3)}.article-head__title{font-size:var(--fs-h1);margin-bottom:var(--sp-4)}.article-head__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin:0;color:var(--c-muted);font-size:var(--fs-sm)}.article-head__meta span{display:inline-flex;align-items:center;gap:var(--sp-1)}.article-cover img{width:100%;max-height:560px;object-fit:cover;border-radius:var(--radius-xl)}.article-layout{display:grid;gap:var(--sp-6);padding-block:var(--sp-6) var(--section-y)}.article-main{min-width:0}.article-body{max-width:none;font-size:1.0625rem}.article-body img{height:auto;margin-inline:auto}.article-body video{width:auto;max-height:80vh;margin-inline:auto;border-radius:var(--radius-lg);background:var(--c-ink)}.article-body a{word-break:break-word}.article-body h2,.article-body h3{scroll-margin-top:calc(var(--header-h) + var(--sp-4))}.article-tags{margin-top:var(--sp-6)}.article-share{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--c-border);color:var(--c-muted);font-size:var(--fs-sm)}.article-share .is-done{border-color:var(--c-health);color:var(--c-health)}.toc-box{padding:var(--sp-4) var(--sp-5);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);font-size:var(--fs-sm)}.toc-box--mobile{margin-bottom:var(--sp-5)}.toc-box--mobile summary{padding-block:4px;color:var(--c-ink);font-weight:var(--fw-semibold);cursor:pointer}.toc-box__title{margin-bottom:var(--sp-3);color:var(--c-ink);font-weight:var(--fw-bold)}.toc-list{margin:var(--sp-3) 0 0;padding:0;list-style:none;counter-reset:toc}.toc-list__item a{display:block;padding:5px 0;color:var(--c-text);line-height:1.4;text-decoration:none}.toc-list__item a:hover{color:var(--c-primary)}.toc-list__item--h3{padding-left:var(--sp-4)}.toc-list__item--h3 a{color:var(--c-muted)}.advice-card{display:grid;gap:var(--sp-2);padding:var(--sp-5);border-radius:var(--radius-lg);background:var(--c-ink);color:#cbd5e1;font-size:var(--fs-sm)}.advice-card__title{margin:0;color:#fff;font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.advice-card p{margin-bottom:var(--sp-2)}@media(max-width:1023.98px){.article-aside .toc-box{display:none}}@media(min-width:1024px){.article-layout{grid-template-columns:minmax(0,1fr) 300px;gap:var(--sp-8)}.toc-box--mobile{display:none}.article-aside{position:sticky;top:calc(var(--header-h) + var(--sp-4));display:grid;gap:var(--sp-4);align-self:start;max-height:calc(100vh - var(--header-h) - var(--sp-6));overflow-y:auto;scrollbar-width:thin}.article-body{max-width:760px}}.post-products{margin-block:var(--sp-6);padding:var(--sp-5);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface)}.post-products__title{margin:0 0 var(--sp-4);color:var(--c-ink);font-weight:var(--fw-bold)}.post-products__note{margin:var(--sp-4) 0 0;color:var(--c-muted);font-size:var(--fs-sm)}.prose .post-products ul{padding-left:0}.prose .post-products img{border-radius:0}@media(max-width:767.98px){.post-products{padding:var(--sp-4)}.post-products__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:68%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:var(--sp-2)}.post-products__grid>*{scroll-snap-align:start}}@media(min-width:768px){.post-products__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}