/* Article typography and layout use the shared blog stylesheet. */
.hiring-report figure{margin:1.5em 0}
.hiring-report figure img{display:block;width:100%;height:auto}
.hiring-report figcaption,.hiring-report caption{font-size:.85em;color:var(--muted);text-align:left}
.hiring-report figcaption{margin-top:.75em}
.hiring-report caption{padding-bottom:.75em}
.hiring-report summary{cursor:pointer;font-weight:700}
.hiring-report details>p{margin-top:1.2em}
.company-list{font-size:.85em;line-height:2}

/* Left-hand section navigation follows the AV article layout. */
.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start}
.article-side{position:sticky;top:88px;border-right:1px solid var(--border);padding:8px 20px 28px 0;max-height:calc(100vh - 112px);overflow-y:auto}
.article-side p{margin:0 0 14px}
.article-side ol{list-style:none;padding:0;margin:0;counter-reset:sections}
.article-side li{counter-increment:sections;margin:4px 0}
.article-side a{display:flex;gap:12px;padding:9px 10px;border-radius:var(--r);font-size:14px;color:var(--muted);text-decoration:none;line-height:1.5}
.article-side a::before{content:counter(sections,decimal-leading-zero);font-family:var(--mono);font-size:11px;line-height:21px}
.article-side a:hover,.article-side a:focus-visible{color:var(--fg);background:var(--blue-soft)}
.article-layout>.section{min-width:0;padding-left:32px}
@media(max-width:820px){
 .article-layout{grid-template-columns:1fr}
 .article-side{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--border);padding:0 0 12px;margin-bottom:24px;overflow-x:auto}
 .article-side>p{display:none}
 .article-side ol{display:flex;gap:6px;width:max-content}
 .article-side li{margin:0}
 .article-side a{white-space:nowrap;padding:8px 10px}
 .article-layout>.section{padding-left:0}
}