html,body{margin:0;background:#fff}

.blC{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;padding:clamp(52px,6.5vw,96px) 24px;
}
.blC__in{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(28px,4.5vw,56px)}
.blC__lead a{text-decoration:none;display:block}
.blC__ph{
  display:block;aspect-ratio:16/9;border-radius:12px;
  background:radial-gradient(70% 70% at 30% 28%, rgba(99,91,255,.85), transparent 62%),
             linear-gradient(140deg,#20264a,#0f1424);
}
.blC__cat{margin:20px 0 0;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--acc)}
.blC__lead h2{margin:12px 0 0;font-size:clamp(21px,2.9vw,30px);line-height:1.55;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.blC__ex{margin:14px 0 0;font-size:14px;line-height:1.95;color:var(--body)}
.blC__meta{margin:16px 0 0;display:flex;gap:16px;font-size:11.5px;color:var(--sub)}
.blC__sideTitle{margin:0 0 16px;font-size:11.5px;font-weight:800;letter-spacing:.08em;color:var(--sub)}
.blC__side ol{margin:0;padding:0;list-style:none;display:grid;gap:2px}
.blC__side a{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:13px 0;text-decoration:none;
  border-top:1px solid var(--line);align-items:start}
.blC__side li:last-child a{border-bottom:1px solid var(--line)}
.blC__side b{font-size:11px;font-weight:800;color:var(--acc);padding-top:2px}
.blC__side span{font-size:13px;font-weight:600;line-height:1.7;color:var(--ink)}
.blC__side a:hover span{color:var(--acc)}
@media (max-width:820px){ .blC__in{grid-template-columns:1fr} }