.blog-card-grid{grid-template-columns:1fr;gap:24px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}.cn-card__media.blog-card-media{aspect-ratio:1200/630;background:var(--surface)}.cn-card__media.blog-card-media img{object-fit:contain;width:100%;height:100%;display:block}@media (min-width:768px){.blog-feature{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;display:grid}.cn-card__media.blog-feature__media{aspect-ratio:auto;align-items:center;min-width:0;margin:10px;display:flex}.cn-card__media.blog-feature__media img{height:auto}.blog-feature__body{justify-content:center;padding:36px 40px}}.blog-note-panel{border-radius:var(--radius-lg);background:var(--mist);margin-bottom:56px;padding:28px}@media (min-width:768px){.blog-note-panel{padding:36px 40px}}.blog-tab{border-radius:var(--radius-pill);background:var(--surface);min-height:44px;box-shadow:inset 0 0 0 1px var(--control-border);color:var(--ink);align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.blog-tab:hover{background:var(--mist)}.blog-tab:focus-visible{outline:2px solid var(--action);outline-offset:2px}.blog-tab.is-active{background:var(--action);box-shadow:none;color:#fff}.blog-tab__count{border-radius:var(--radius-pill);background:var(--paper);min-width:24px;color:var(--ink-muted);text-align:center;font-variant-numeric:tabular-nums;padding:1px 7px;font-size:12px;font-weight:700}.blog-tab.is-active .blog-tab__count{color:#fff;background:#ffffff38}.blog-eyecatch{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-rest);overflow:hidden}.blog-eyecatch img{width:100%;height:auto;display:block}.blog-title{font-family:var(--font-display,inherit);letter-spacing:-.01em;text-wrap:balance;font-feature-settings:"palt";margin-top:16px;font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.5}.blog-toc{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-rest);padding:20px 16px 16px}.blog-toc__label{color:var(--leaf-strong);margin:0 0 10px;padding:0 10px;font-size:13px;font-weight:700}.blog-toc__link{border-radius:var(--radius-sm);color:var(--ink-muted);gap:10px;padding:6px 10px;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.blog-toc__link:hover,.blog-toc__link[data-current=true]{background:var(--mist);color:var(--ink)}.blog-toc__link[data-current=true]{font-weight:600}.blog-toc__num{color:var(--leaf-strong);font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:3px;font-size:11px;font-weight:700}.blog-toc-mobile{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-rest)}.blog-toc-mobile>summary{min-height:52px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;padding:0 20px;font-size:15px;font-weight:700;list-style:none;display:flex}.blog-toc-mobile>summary::-webkit-details-marker{display:none}.blog-toc-mobile__icon{transition:transform .2s}.blog-toc-mobile[open] .blog-toc-mobile__icon{transform:rotate(180deg)}.blog-lead-cta{border-radius:var(--radius-md);background:var(--leaf-soft);color:var(--ink);padding:12px 18px}.blog-pillar{border-radius:var(--radius-xl);background:var(--sand);padding:32px 24px;position:relative;overflow:hidden}@media (min-width:768px){.blog-pillar{padding:44px 200px 44px 48px}}.blog-pillar__motif{opacity:.9;pointer-events:none;width:140px;height:auto;position:absolute;bottom:-8px;right:28px}@media (max-width:767px){.blog-pillar__motif{opacity:.35;width:96px;right:12px}}.blog-pillar__label{color:var(--leaf-strong);margin:0;font-size:13px;font-weight:700}.blog-pillar__heading{color:var(--ink);font-family:var(--font-display,inherit);text-wrap:balance;margin:10px 0 0;font-size:clamp(22px,2.4vw,26px);font-weight:700;line-height:1.5;position:relative}.blog-pillar__text{color:var(--ink-muted);margin:12px 0 0;font-size:15px;line-height:1.9;position:relative}.blog-inline-cta{border-radius:var(--radius-lg);background:var(--sand);margin:48px 0;padding:24px;line-height:1.8}@media (min-width:768px){.blog-inline-cta{padding:28px 32px}}.blog-inline-cta__label{color:var(--leaf-strong);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex;margin:0!important}.article-body .blog-inline-cta a.cn-btn--primary{color:#fff;text-decoration:none}.article-body .blog-inline-cta a.cn-link{text-decoration:none}.blog-author,.blog-source{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-rest);padding:24px}@media (min-width:768px){.blog-author,.blog-source{padding:28px 32px}}.blog-pager{border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-rest);padding:16px 20px;text-decoration:none;transition:box-shadow .2s,transform .2s}.blog-pager:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.blog-pager:hover{transform:none}}.blog-takeaway{border-radius:var(--radius-lg);background:var(--leaf-soft);margin:32px 0;padding:24px}@media (min-width:768px){.blog-takeaway{padding:28px 32px}}.blog-takeaway__label{color:var(--leaf-strong);align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:1.6;display:flex;margin:0!important}.blog-note{border-radius:var(--radius-md);background:var(--mist);margin:32px 0;padding:18px 22px}.blog-note--caution{background:var(--sand);box-shadow:inset 4px 0 0 var(--twig)}.blog-note__label{color:var(--action);font-size:13px;font-weight:700;line-height:1.6;margin:0!important}.blog-note--caution .blog-note__label{color:var(--twig)}.blog-caption{color:var(--ink-muted);margin-bottom:0;font-size:13px;font-weight:700;line-height:1.6}.article-body figure.blog-figure{margin:40px 0;padding:24px}@media (min-width:768px){.article-body figure.blog-figure{padding:32px}}.article-body figure.blog-compare{box-shadow:none;background:0 0;margin:32px 0;padding:0}.article-body figure.blog-compare .blog-caption{margin-top:0}.blog-reco__thumb{aspect-ratio:1200/630;border-radius:var(--radius-md);background:var(--mist);margin:8px 8px 0;overflow:hidden}.blog-reco__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out);display:block}.blog-reco__card:hover .blog-reco__thumb img{transform:scale(1.04)}.blog-reco__placeholder{width:100%;height:100%;font-family:var(--font-display);color:var(--sky);place-items:center;font-size:22px;font-weight:800;display:grid}.blog-reco__body{flex-direction:column;gap:10px;padding:14px 16px 18px;display:flex}.blog-reco__title{color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.7;display:-webkit-box;overflow:hidden}