/* ===== WRITERS (list + author page) ===== */
.crumbs{border-bottom:1px solid var(--line);background:var(--paper)}
.crumbs .wrap{display:flex;align-items:center;gap:8px;padding:10px 22px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}
.crumbs a:hover{color:var(--ink)} .crumbs i{color:#c9c8ba;font-style:normal} .crumbs span{color:var(--ink)}
.wavatar{display:block;flex:none}

/* list hero */
.wr-hero{background:var(--ink);color:#fff;padding:46px 0 40px;position:relative;overflow:hidden;isolation:isolate}
.wr-hero::before{content:"";position:absolute;z-index:-1;width:600px;height:600px;top:-250px;right:-150px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,.26),rgba(47,107,255,0) 66%);filter:blur(42px)}
.wr-hero .eyebrow{display:inline-block;font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.wr-hero h1{font-family:"Big Shoulders Display";font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.01em;font-size:clamp(38px,7vw,70px);margin:8px 0 12px}
.wr-hero h1 em{font-style:normal;color:var(--lime)}
.wr-hero .sub{color:#cfd4cb;font-size:15.5px;max-width:64ch}

.wr-block{padding-top:26px}
.wr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}
.wr-card{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,border-color .15s}
.wr-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--ink)}
.wr-av{flex:none}
.wr-meta{min-width:0}
.wr-meta h2{font-family:"Big Shoulders Display";font-weight:800;font-size:23px;color:var(--ink);line-height:1}
.wr-role{display:block;font-weight:700;font-size:12.5px;margin:3px 0 9px}
.wr-meta p{font-size:13.5px;line-height:1.55;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wr-foot{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:11px}
.wr-areas{font-size:11px;font-weight:700;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:3px 10px}
.wr-count{font-size:11.5px;font-weight:800;color:var(--lime-deep);margin-left:auto}

/* author page hero */
.wd-hero{background:var(--ink);color:#fff;padding:42px 0;position:relative;overflow:hidden;isolation:isolate}
.wd-hero::before{content:"";position:absolute;z-index:-1;width:560px;height:560px;top:-240px;right:-150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 30%,transparent),transparent 68%);filter:blur(44px)}
.wd-hero-grid{display:flex;gap:30px;align-items:center}
.wd-av{flex:none}
.wd-id{flex:1;min-width:0}
.wd-role{display:inline-block;background:var(--accent,#2f6bff);color:#fff;font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:100px}
.wd-id h1{font-family:"Big Shoulders Display";font-weight:900;text-transform:uppercase;font-size:clamp(38px,6vw,64px);line-height:.92;letter-spacing:-.01em;margin:12px 0 10px}
.wd-bio{color:#d7dbd4;font-size:15.5px;line-height:1.6;max-width:72ch}
.wd-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:16px}
.wd-areas{font-size:12px;font-weight:700;color:#cfd4cb;background:rgba(255,255,255,.08);border-radius:100px;padding:5px 12px}
.wd-count{font-size:12px;font-weight:800;color:var(--lime)}

@media (max-width:560px){
  .wr-grid{grid-template-columns:1fr}
  .wd-hero-grid{flex-direction:column;align-items:flex-start;gap:18px}
}