.container--blog{max-width:var(--maxw-blog)}.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-index__list>li{display:flex}.blog-card{position:relative;display:flex;flex-direction:column;flex:1;min-height:420px;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-md);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:focus-within{outline:3px solid var(--color-accent);outline-offset:3px}.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);text-wrap:pretty}.blog-card__title a{color:inherit;text-decoration:none;outline:none}.blog-card__title a:after{content:"";position:absolute;inset:0;z-index:0}.blog-card__desc{font-size:13.5px;color:var(--color-ink-soft);line-height:1.85;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.blog-card__tag{position:relative;z-index:1;display:inline-block;font-size:11px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--color-bg-soft);color:var(--color-ink-soft);text-decoration:none;transition:background .2s ease,color .2s ease}.blog-card__tag:hover{background:var(--color-accent);color:#fff}.blog-tagpage__back{color:var(--color-accent);text-decoration:none}.blog-tagpage__back:hover{text-decoration:underline}.blog-article__head{padding-block:calc(var(--header-h) + clamp(36px,6vw,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;text-wrap:pretty}@supports (word-break: auto-phrase){.blog-article__title,.blog-card__title{word-break:auto-phrase}}.blog-article__meta{margin-top:14px;font-size:13px;color:var(--color-ink-soft);display:flex;flex-wrap:wrap;gap:6px 18px}.blog-article__meta a{color:var(--color-accent)}.blog-article__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;list-style:none;padding:0}.blog-article__tags li a{display:inline-block;font-size:11.5px;padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-bg-blue);color:var(--color-accent);font-weight:var(--fw-medium);text-decoration:none;transition:background .2s ease,color .2s ease}.blog-article__tags li a:hover{background:var(--color-accent);color:#fff}.blog-article__hero{margin-block:clamp(24px,3vw,36px) 0}.blog-article__hero img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:1200 / 630;border-radius:var(--radius-card);box-shadow:var(--shadow-md)}.blog-article__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,5vw,56px);padding-block:clamp(40px,5vw,64px)}.blog-article__main{min-width:0}@media (min-width: 1024px){.blog-article__layout{grid-template-columns:minmax(0,1fr) var(--blog-side-w);column-gap:clamp(32px,3.5vw,48px)}}.blog-article__body{max-width:760px;margin-inline:auto;color:var(--color-ink);font-size:16px;line-height:2;letter-spacing:var(--ls-base)}@media (min-width: 1024px){.blog-article__body{max-width:none;margin-inline:0}}.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 h2,.blog-article__body h3{scroll-margin-top:calc(var(--header-h) + 24px)}.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 .toc{margin-top:2.4em;padding:18px 22px;background:var(--color-bg-soft);border:1px solid var(--color-line);border-radius:var(--radius-card)}.blog-article__body .toc__summary{cursor:pointer;font-weight:var(--fw-bold);font-size:15px;color:var(--color-ink);list-style:none;display:flex;align-items:center;justify-content:space-between;user-select:none}.blog-article__body .toc__summary::-webkit-details-marker{display:none}.blog-article__body .toc__summary:after{content:"−";font-weight:var(--fw-bold);color:var(--color-ink-mute)}.blog-article__body .toc:not([open]) .toc__summary:after{content:"＋"}.blog-article__body .toc__nav{margin-top:14px}.blog-article__body .toc__list{font-size:14px;gap:.5em}.blog-article__body .toc__list a{color:var(--color-ink-soft);text-decoration:none}.blog-article__body .toc__list a:hover{color:var(--color-accent);text-decoration:underline}.blog-article__body .toc__sub{margin-top:.5em;font-size:13px;gap:.4em;list-style:none;padding-left:1em}.blog-article__body .toc__sub a:before{content:"－ ";color:var(--color-ink-mute)}.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__body tbody td[colspan]{text-align:center}.blog-doc-cta{margin-top:clamp(48px,6vw,72px);padding:clamp(28px,3.5vw,40px);background:var(--color-bg-blue);border-radius:var(--radius-card);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,40px);scroll-margin-top:calc(var(--header-h) + 24px)}@media (min-width: 900px){.blog-doc-cta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.blog-doc-cta__eyebrow{font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);color:var(--color-accent);letter-spacing:.08em}.blog-doc-cta__title{margin-top:8px;font-size:clamp(20px,2.4vw,26px);font-weight:var(--fw-black);color:var(--color-ink);line-height:1.45;text-wrap:pretty}.blog-doc-cta__thumb{display:block;width:100%;height:auto;margin-top:16px;border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);background:#fff}.blog-doc-cta__lead{margin-top:16px;font-size:14px;color:var(--color-ink-soft);line-height:1.9}.blog-doc-cta__note{margin-top:10px;font-size:12.5px;color:var(--color-ink-mute)}.blog-doc-cta__form{background:#fff;border-radius:var(--radius-card);padding:clamp(16px,2vw,24px)}.blog-side{min-width:0}.blog-side__inner{display:flex;flex-direction:column;gap:28px}@media (min-width: 1024px){.blog-side__inner{position:sticky;top:calc(var(--header-h) + 24px)}}.blog-side__heading{font-size:13px;font-weight:var(--fw-bold);color:var(--color-ink);padding-bottom:8px;border-bottom:1px solid var(--color-line);margin-bottom:12px}.blog-side__tags{display:flex;flex-wrap:wrap;gap:6px}.blog-side__tags a{display:inline-block;font-size:11.5px;padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-bg-soft);color:var(--color-ink-soft);text-decoration:none;transition:background .2s ease,color .2s ease}.blog-side__tags a:hover{background:var(--color-accent);color:#fff}.blog-side__doc{display:block;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.blog-side__doc:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.blog-side__doc img{display:block;width:100%;height:auto;border-bottom:1px solid var(--color-line)}.blog-side__doc-title{display:block;padding:12px 14px 0;font-size:13px;font-weight:var(--fw-bold);color:var(--color-ink);line-height:1.6;text-wrap:pretty}.blog-side__doc-cta{display:block;padding:8px 14px 14px;font-size:12px;font-weight:var(--fw-bold);color:var(--color-accent)}.blog-side__assessment{display:block;background:var(--color-navy);border-radius:var(--radius-card);padding:18px 16px;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease}.blog-side__assessment:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.blog-side__assessment-eyebrow{display:block;font-size:11px;font-weight:var(--fw-bold);color:var(--color-sky);letter-spacing:.06em}.blog-side__assessment-title{display:block;margin-top:6px;font-size:17px;font-weight:var(--fw-black);color:#fff}.blog-side__assessment-text{display:block;margin-top:8px;font-size:12px;line-height:1.8;color:#ffffffc7}.blog-side__assessment-cta{display:block;margin-top:12px;font-size:12px;font-weight:var(--fw-bold);color:var(--color-sky)}.blog-article__back{margin-top:clamp(40px,5vw,60px);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}
