/* /blog: editorial resource index. Builds on p-discovery.css (crumbs, answer card, reading sections). */
.bl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bl-index{max-width:1120px;margin:0 auto;padding:32px 0 24px}

.bl-type{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-family:var(--body);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#8a8a85}
.bl-type em{font-style:normal;letter-spacing:0;text-transform:none;font-weight:400;color:#a8a8a3}
.bl-read{margin-top:auto;padding-top:20px;font-family:var(--body);font-size:14px;font-weight:500;color:#222;display:inline-flex;align-items:center;gap:12px;transition:gap .3s var(--ease)}

/* featured */
.bl-featured{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:stretch;padding:48px;border-radius:24px;background:#f0f0ed;box-shadow:0 18px 44px rgba(26,24,20,.08);color:inherit;text-decoration:none;transition:transform .4s var(--ease)}
.bl-featured:hover{transform:translateY(-2px)}
.bl-featured:hover .bl-read{gap:20px}
.bl-featured-copy{display:flex;flex-direction:column;gap:16px;min-width:0}
.story .bl-featured h3{font-family:var(--head);font-weight:400;font-size:48px;line-height:1.12;letter-spacing:-.04em;color:#1c1c1a;margin:0;text-wrap:balance}
.story .bl-featured p{font-size:17px;line-height:27px;color:#777;margin:0;max-width:460px}
.bl-featured-art{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:32px;border-radius:18px;background:#fff;min-width:0}
.bl-wave{display:flex;align-items:center;gap:4px;height:64px}
.bl-wave i{flex:1;min-width:2px;border-radius:2px;background:#1c1c1a;opacity:.85;animation:bl-pulse 1.6s var(--ease) infinite alternate;animation-delay:calc(var(--i) * -90ms)}
.bl-wave i:nth-child(3n){opacity:.35}
@keyframes bl-pulse{to{transform:scaleY(.55)}}
.story .bl-quote{font-family:var(--body);font-size:15px;line-height:23px;color:#555;margin:0}

/* groups */
.bl-group{margin-top:72px}
.bl-group-head{display:flex;align-items:baseline;gap:14px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--dc-line,#e6e5e0)}
.story .bl-group-head h2{font-family:var(--head);font-weight:400;font-size:34px;line-height:1.2;letter-spacing:-.04em;color:#1c1c1a;margin:0}
.bl-group-label{margin-left:auto;font-size:13px;color:#999}
.bl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bl-item{display:flex}
.bl-card{display:flex;flex-direction:column;gap:12px;width:100%;padding:28px;border-radius:24px;background:#f0f0ed;color:inherit;text-decoration:none;transition:background .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}
.bl-card:hover{background:#fff;box-shadow:0 18px 44px rgba(26,24,20,.08);transform:translateY(-2px)}
.bl-card:hover .bl-read{gap:20px}
.bl-card:focus-visible,.bl-featured:focus-visible{outline:2px solid #1c1c1a;outline-offset:3px}
.story .bl-card h3{font-family:var(--head);font-weight:400;font-size:24px;line-height:1.25;letter-spacing:-.04em;color:#1c1c1a;margin:4px 0 0;text-wrap:balance}
.story .bl-card p{font-size:15px;line-height:24px;color:#777;margin:0}

.bl .dc-top{max-width:1120px}
.bl .bl-index + .dc-section{padding-top:96px}

@media(max-width:960px){
  .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-featured{grid-template-columns:1fr;padding:36px}
  .story .bl-featured h3{font-size:40px}
}
@media(max-width:640px){
  .bl-grid{grid-template-columns:1fr;gap:14px}
  .bl-featured{padding:28px 22px;gap:28px}
  .story .bl-featured h3{font-size:32px}
  .story .bl-featured p{font-size:15px;line-height:24px}
  .bl-featured-art{padding:22px}
  .bl-wave{height:48px}
  .bl-group{margin-top:56px}
  .story .bl-group-head h2{font-size:26px}
  .bl-card{padding:24px 22px}
  .story .bl-card h3{font-size:22px}
  .bl .bl-index + .dc-section{padding-top:64px}
}
@media(prefers-reduced-motion:reduce){
  .bl-wave i{animation:none}
  .bl-card,.bl-featured,.bl-read{transition:none}
  .bl-card:hover,.bl-featured:hover{transform:none}
}