.blog-index{padding-block:clamp(40px,5vw,64px) clamp(64px,8vw,96px)}.blog-index__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(20px,3vw,32px);margin-top:clamp(24px,3vw,40px)}.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-md);text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-line-strong)}.blog-card__media{aspect-ratio:16 / 9;background:var(--color-bg-blue);overflow:hidden}.blog-card__media img{width:100%;height:100%;object-fit:cover;display:block}.blog-card__body{padding:clamp(18px,2.4vw,26px);display:flex;flex-direction:column;gap:10px;flex:1}.blog-card__meta{font-size:12.5px;color:var(--color-ink-mute)}.blog-card__title{font-size:clamp(16px,1.7vw,18px);font-weight:var(--fw-bold);line-height:1.55;color:var(--color-ink)}.blog-card__desc{font-size:13.5px;color:var(--color-ink-soft);line-height:1.85;flex:1}.blog-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.blog-card__tag{font-size:11px;padding:3px 10px;border-radius:999px;background:var(--color-bg-soft);color:var(--color-ink-soft)}.blog-article__head{padding-block:clamp(40px,5vw,64px) clamp(24px,3vw,36px);background:var(--color-bg-soft);border-bottom:1px solid var(--color-line)}.blog-article__crumb{font-size:12.5px;color:var(--color-ink-mute);margin-bottom:16px}.blog-article__crumb a{color:var(--color-accent);text-decoration:none}.blog-article__crumb a:hover{text-decoration:underline}.blog-article__title{font-size:clamp(26px,3.8vw,40px);line-height:1.4;font-weight:var(--fw-black);color:var(--color-ink);letter-spacing:-.005em}.blog-article__meta{margin-top:14px;font-size:13px;color:var(--color-ink-soft)}.blog-article__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;list-style:none;padding:0}.blog-article__tags li{font-size:11.5px;padding:4px 12px;border-radius:999px;background:var(--color-bg-blue);color:var(--color-accent);font-weight:var(--fw-medium)}.blog-article__hero{margin:0}.blog-article__hero img{display:block;width:100%;height:auto;object-fit:cover;max-height:520px}.blog-article__body{max-width:760px;margin-inline:auto;padding-block:clamp(40px,5vw,64px);color:var(--color-ink);font-size:16px;line-height:2;letter-spacing:var(--ls-base)}.blog-article__body>*+*{margin-top:1.5em}.blog-article__body h2{margin-top:2.4em;font-size:clamp(22px,2.6vw,28px);line-height:1.45;font-weight:var(--fw-bold);padding-bottom:.6em;border-bottom:2px solid var(--color-accent)}.blog-article__body h2+p{margin-top:1em}.blog-article__body h3{margin-top:2em;font-size:clamp(18px,2.1vw,22px);line-height:1.5;font-weight:var(--fw-bold);padding-left:14px;border-left:4px solid var(--color-accent)}.blog-article__body h3+p{margin-top:.9em}.blog-article__body p{color:var(--color-ink)}.blog-article__body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.blog-article__body a:hover{text-decoration:none}.blog-article__body ul,.blog-article__body ol{padding-left:1.4em;display:flex;flex-direction:column;gap:.6em}.blog-article__body li{line-height:1.95}.blog-article__body strong{color:var(--color-accent-deep);font-weight:var(--fw-bold)}.blog-article__body code{background:var(--color-bg-soft);padding:2px 6px;border-radius:4px;font-size:.92em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.blog-article__body pre{background:var(--color-navy);color:#e8edf5;padding:20px 22px;border-radius:var(--radius-card);overflow-x:auto;font-size:13.5px;line-height:1.7}.blog-article__body pre code{background:transparent;padding:0;color:inherit}.blog-article__body blockquote{border-left:4px solid var(--color-line-strong);padding:4px 0 4px 20px;color:var(--color-ink-soft);font-size:.95em}.blog-article__body img{display:block;max-width:100%;height:auto;margin-block:1.6em;border-radius:var(--radius-card)}.blog-article__body table{width:100%;border-collapse:collapse;font-size:14px;margin-block:1.5em;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-card);overflow:hidden}.blog-article__body thead th{background:var(--color-bg-soft);font-weight:var(--fw-bold);color:var(--color-ink);text-align:left;padding:12px 14px;border-bottom:1px solid var(--color-line)}.blog-article__body tbody td{padding:12px 14px;border-bottom:1px solid var(--color-line);vertical-align:top;color:var(--color-ink-soft);line-height:1.8}.blog-article__body tbody tr:last-child td{border-bottom:none}.blog-article__body tbody tr:first-child td:first-child,.blog-article__body tbody td:first-child{font-weight:var(--fw-medium);color:var(--color-ink);width:22%}.blog-article__cta{max-width:760px;margin:clamp(48px,6vw,72px) auto 0;padding:clamp(28px,3.5vw,40px);background:var(--color-bg-blue);border-radius:var(--radius-card);text-align:center}.blog-article__cta-title{font-size:clamp(18px,2.2vw,22px);font-weight:var(--fw-bold);color:var(--color-ink);margin-bottom:10px}.blog-article__cta-text{font-size:14px;color:var(--color-ink-soft);line-height:1.9;margin-bottom:22px}.blog-article__back{margin-top:clamp(40px,5vw,60px);margin-bottom:clamp(60px,8vw,88px);text-align:center;font-size:14px}.blog-article__back a{color:var(--color-accent);text-decoration:none}.blog-article__back a:hover{text-decoration:underline}