/* Authors Directory — extracted from html/cricbun-authors-directory.html */
.hero{background:var(--navy);color:var(--paper);padding:43px 0 34px}
.hero h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:.94;letter-spacing:-.075em}
.hero p{max-width:68ch;color:oklch(76% .015 230);font-size:.7rem;margin-top:12px}
.controls{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:24px}
.search{height:44px;border:1px solid oklch(45% .04 238);border-radius:9px;background:oklch(32% .045 238);color:var(--paper);padding:0 12px}
.select{height:44px;border:1px solid oklch(45% .04 238);border-radius:9px;background:oklch(32% .045 238);color:var(--paper);padding:0 10px}
.featured{display:grid;grid-template-columns:1.1fr .9fr;margin-top:25px;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);color:var(--ink)}
.portrait{min-height:320px;background:var(--cyan-p);position:relative;overflow:hidden}
.portrait img{position:absolute;width:100%;height:100%;object-fit:cover}
.featurecopy{padding:28px;display:flex;flex-direction:column;justify-content:center}
.label{font-size:.54rem;letter-spacing:.09em;text-transform:uppercase;color:var(--cyan-d);font-weight:800}
.featurecopy h2{font-size:2rem;line-height:1.05;letter-spacing:-.045em;margin-top:8px}
.role{font-size:.62rem;color:var(--muted);margin-top:6px}
.bio{font-size:.65rem;color:var(--muted);margin-top:13px;max-width:60ch}
.expertise{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.chip{border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:.52rem;color:var(--muted)}
.featurefoot{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.featurefoot span{font-size:.53rem;color:var(--muted)}
.open{height:39px;border:0;border-radius:8px;background:var(--cyan-d);color:var(--paper);padding:0 12px;font-size:.56rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center}
main{padding:28px 0 80px}
.head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:14px}
.head h2{font-size:1rem}
.head span{font-size:.54rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.author{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:17px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:238px;transition:transform 220ms var(--ease);text-decoration:none;color:inherit}
.author:hover{transform:translateY(-3px)}
.authorhead{display:flex;gap:11px;align-items:center}
.avatar{width:54px;height:54px;border-radius:50%;background:var(--cyan-p);color:var(--cyan-d);display:grid;place-items:center;font-size:.74rem;font-weight:800}
.author h3{font-size:.76rem}
.authorhead p{font-size:.51rem;color:var(--muted);margin-top:3px}
.author>p{font-size:.57rem;color:var(--muted);margin-top:13px;line-height:1.6}
.latest{padding-top:12px;margin-top:auto;border-top:1px solid var(--line)}
.latest span{font-size:.47rem;color:var(--cyan-d);font-weight:800;text-transform:uppercase}
.latest h4{font-size:.6rem;line-height:1.35;margin:5px 0 0}
.authorfoot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:.49rem;color:var(--muted)}
.follow{border:0;background:transparent;color:var(--cyan-d);font-size:.5rem;font-weight:700}
.follow.on{color:var(--muted)}
.empty{padding:50px;text-align:center;color:var(--muted);font-size:.62rem}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero{padding-top:32px}.hero h1{font-size:2.7rem}.controls{grid-template-columns:1fr}.featured{grid-template-columns:1fr}.portrait{min-height:240px}.featurecopy{padding:20px}.featurecopy h2{font-size:1.55rem}.grid{grid-template-columns:1fr}}