/* SkillHawks articles (/articles/ only). Loaded instead of graphics.css on the article pages. */
.closing .cta-card{position:relative;overflow:hidden;isolation:isolate}
.post-index{padding-top:clamp(40px,6vw,72px)}
.post-list{list-style:none;padding:0;margin:0 auto;max-width:880px;display:grid;gap:16px}
.post-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:28px;align-items:start;padding:24px}
.post-thumb{width:128px;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--bg2)}
.post-date{font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:2px 0 10px}
.post-title{font-size:clamp(20px,2.4vw,24px);font-weight:400;letter-spacing:-.015em;line-height:1.25;margin:0 0 10px}
.post-card .card-link{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.post-card .card-link:hover{text-decoration-color:var(--amber)}
.post-card:has(.card-link:focus-visible){border-color:var(--line2)}
.post-head{max-width:calc(1044px + 48px)}
.post-head h1{font-size:clamp(34px,5vw,54px);max-width:900px}
.post-head .lede{max-width:720px;margin:0}
.crumb{color:var(--text);text-underline-offset:3px}
.post-wrap{padding-top:clamp(40px,6vw,72px)}
.post-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(40px,6vw,72px);align-items:start;max-width:1044px;margin:0 auto}
.post-fig{grid-column:2;grid-row:1;position:sticky;top:96px;margin:0}
.post-fig img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
.post-body{grid-column:1;grid-row:1;max-width:var(--col);font-size:18px;line-height:1.72}
.post-body>p:first-child{font-size:21px;line-height:1.5;color:var(--text)}
.post-body ul{padding-left:1.25em;margin:0 0 1.3em}
.post-body li{margin:0 0 .5em;padding-left:.2em}
.post-body li::marker{color:var(--amber)}
.post-body h2{font-size:24px;font-weight:400;margin-top:1.6em}
.post-sources{margin-top:44px;padding-top:28px;border-top:1px solid var(--line);font-size:15px;line-height:1.6}
.post-sources h2{font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.post-sources ul{padding-left:1.1em}
.post-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:36px 0 0}
@media (max-width:900px){
 .post-grid{grid-template-columns:1fr}
 .post-fig,.post-body{grid-column:1;grid-row:auto}
 .post-fig{position:static;max-width:420px}
}
@media (max-width:560px){
 .post-card{grid-template-columns:88px minmax(0,1fr);gap:18px;padding:18px}
 .post-thumb{width:88px}
 .post-body{font-size:17px}
 .post-body>p:first-child{font-size:19px}
 .post-actions .pill{flex:1 1 100%;justify-content:center}
 .post-actions .text-link{width:auto}
}