.editorial-credits{max-width:var(--width-editorial);padding-block:36px 56px}
.credits-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.credits-heading h2{margin:0;font:500 15px/1.4 var(--font-body);color:var(--color-text-weak)}
.credits-heading>span{height:1px;flex:1;background:var(--color-stroke-weak)}
.credit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.credit-card{--credit-accent:var(--color-brand);display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;column-gap:20px;row-gap:18px;min-width:0;margin:0;padding:24px;background:var(--color-fill);border:1px solid var(--color-stroke-weak);border-top:2px solid var(--credit-accent);border-radius:6px}
.credit-card-checker{--credit-accent:var(--color-platinum)}
.credit-portrait{display:block;width:72px;height:72px;object-fit:cover;border-radius:50%;border:1px solid var(--color-stroke-strong);background:var(--color-rail)}
.credit-person{min-width:0}
.credit-card .credit-role{margin:0 0 6px;color:var(--credit-accent);font:500 12px/1.4 var(--font-body)}
.credit-card h3{margin:0;color:var(--color-light);font:600 20px/1.35 var(--font-body);overflow-wrap:break-word}
.credit-profile{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding-top:14px;border-top:1px solid var(--color-stroke-weak);color:var(--color-muted-light);text-decoration:none;font:500 13px/1.5 var(--font-body)}
.credit-profile .icon{width:18px;height:18px;margin-inline:4px;transform:rotate(-45deg);color:var(--credit-accent)}
.credit-profile:hover{color:var(--color-light);text-decoration:underline;text-underline-offset:4px}
.credit-profile:focus-visible{outline:2px solid var(--credit-accent);outline-offset:5px;border-radius:2px}
@media(max-width:700px){
  .editorial-credits{padding-block:28px 40px}
  .credits-heading{margin-bottom:16px}
  .credit-grid{gap:12px}
  .credit-card{grid-template-columns:minmax(0,1fr);grid-template-rows:56px 1fr auto;align-items:start;gap:16px;padding:16px}
  .credit-portrait{width:56px;height:56px}
  .credit-card h3{font-size:17px;line-height:1.4;min-height:48px}
  .credit-profile{font-size:12px;padding-top:12px}
}
@media(max-width:360px){
  .credit-grid{gap:10px}
  .credit-card{padding:12px}
  .credit-card h3{font-size:16px;min-height:45px}
}