.hub-hero{grid-template-columns:1fr;max-width:820px;margin:34px 0 46px}
.hub-hero p{max-width:600px}
.hub-skills h2{font:normal 30px/1.2 var(--serif);letter-spacing:-1px;margin:8px 0 22px}
.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.skill-card{display:flex;flex-direction:column;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px 26px;text-decoration:none;color:var(--ink);min-height:200px}
.skill-card h3{font:normal 26px/1.2 var(--serif);letter-spacing:-.5px;margin:0}
.skill-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.skill-meta{font-size:11px;color:var(--green);font-weight:600}
.skill-go{margin-top:auto;font-size:12px;font-weight:600;color:var(--green)}
.skill-progress{align-self:flex-start;background:#e8eddf;color:var(--green);border-radius:20px;padding:3px 11px;font-size:11px;font-weight:600}
a.skill-card{transition:border-color .15s,box-shadow .15s,transform .15s}
a.skill-card:hover,a.skill-card:focus-visible{border-color:var(--green);box-shadow:0 8px 22px #28594b1f;transform:translateY(-2px)}
article.skill-card{background:transparent;border-style:dashed}
.soon{align-self:flex-start;background:var(--lime);color:var(--green);border-radius:20px;padding:3px 11px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
@media(max-width:1000px){.skill-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
header{height:auto;padding:14px 18px;gap:10px;flex-wrap:wrap}
main{padding:28px 18px 56px}
.hub-hero{margin:14px 0 34px}
.hub-hero h1{font-size:40px;letter-spacing:-1.5px}
.skill-grid{grid-template-columns:1fr}
.skill-card{min-height:0}
nav a{padding:8px 14px}
}