.skill-card{flex-direction:column;gap:24px;margin-bottom:clamp(48px,7vw,96px);padding-block:0;display:flex;position:relative}.skill-card__header{justify-content:flex-end;align-items:flex-start;gap:16px;padding-top:34px;display:flex;position:relative}.skill-card__tab{z-index:1;border:var(--stroke) solid var(--color-line);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:color-mix(in oklab, var(--color-cf-gold-2) 55%, var(--color-cf-paper));max-inline-size:70%;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:var(--color-cf-ink);border-block-end:0;margin:0;padding:7px 18px 6px;font-weight:700;position:absolute;inset-block-start:0;inset-inline-start:18px;overflow:hidden}.skill-card__stamp{border:2px solid var(--color-cf-stamp);border-radius:var(--radius-sm);color:var(--color-cf-stamp);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-self:flex-start;padding:3px 10px 2px;line-height:1.15;rotate:-2deg}.skill-card__body{color:var(--color-cf-ink);border:var(--stroke) solid var(--color-line);border-radius:0 var(--radius-card) var(--radius-card) var(--radius-card);background:color-mix(in oklab, var(--color-cf-gold-2) 55%, var(--color-cf-paper));box-shadow:0 var(--lift) 0 var(--color-line);flex-direction:column;gap:20px;padding:clamp(20px,2.6vw,34px);display:flex}.skill-card__lede{max-inline-size:62ch;font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-cf-ink);margin:0;font-weight:700;line-height:1.55}.skill-card__bullets{font-family:var(--font-body);font-size:var(--text-md);color:var(--color-cf-ink-2);gap:8px;margin:0;padding-left:1.6em;font-weight:500;line-height:1.55;list-style:outside;display:grid}.skill-card__bullets li{overflow-wrap:anywhere}.skill-card__or-clone{color:var(--color-cf-ink-2);font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;margin:0;line-height:1.5}.skill-card__or-clone code{background:color-mix(in oklab, var(--color-cf-ink) 8%, transparent);border-radius:3px;padding:2px 6px;font-size:.9em;display:inline-block}.skill-card__works-with{flex-direction:column;gap:8px;display:flex}.skill-card__works-label{color:var(--color-cf-ink-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.skill-card__chips{flex-wrap:wrap;gap:8px;display:flex}.skill-chip{border:var(--stroke) solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-cf-ink);font-family:var(--font-body);font-size:var(--text-sm);white-space:nowrap;background:0 0;align-items:center;padding:6px 12px;font-weight:600;display:inline-flex}.skill-card__actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.skill-card__actions .btn{font-size:var(--text-sm);flex-shrink:0}.skill-card__built-with{border-top:2px dashed var(--color-cf-rule);padding-top:16px}.skill-card__built-label{color:var(--color-cf-ink-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-weight:700}.skill-card__project-links{flex-wrap:wrap;gap:12px;display:flex}.skill-project-link{min-block-size:44px;color:var(--color-ax-text);font-family:var(--font-body);font-size:var(--text-md);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:4px;white-space:nowrap;align-items:center;font-weight:600;text-decoration-thickness:2px;transition:opacity .2s;display:inline-flex}.skill-project-link:hover,.skill-project-link:focus-visible{opacity:.7}.codeblock{border:var(--stroke) solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-cf-night);margin:0;overflow:hidden}.codeblock__bar{border-block-end:var(--stroke) solid var(--color-line);background:color-mix(in oklab, var(--color-cf-ink) 4%, transparent);color:var(--color-cf-ink-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:700;display:flex}.codeblock pre{background:var(--color-cf-night);margin:0;padding:16px;overflow-x:auto}.codeblock code{color:var(--color-cf-paper);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;line-height:1.6;display:block}.skills-list{padding-top:clamp(24px,4vw,48px)}.skills-faq{margin-top:clamp(48px,7vw,96px)}.skills-faq__title{margin:0 0 var(--space-md);font-family:var(--font-display);text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(1.8rem,1.2rem + 2.2vw,3rem);font-weight:400;line-height:1}.skills-faq__text{max-inline-size:62ch;color:var(--color-ax-text);font-size:var(--text-lg);margin:0;line-height:1.55}.skills-cta{--tone:var(--color-cf-gold-2);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-card);background:color-mix(in oklab, var(--tone) 55%, var(--color-cf-paper));box-shadow:0 var(--lift) 0 var(--color-line);color:var(--color-cf-ink);flex-direction:column;gap:20px;margin-top:clamp(48px,7vw,96px);padding:clamp(20px,2.6vw,34px);display:flex;position:relative}.skills-cta__stamp{border:2px solid var(--color-cf-stamp);border-radius:var(--radius-sm);color:var(--color-cf-stamp);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-self:flex-start;padding:3px 10px 2px;line-height:1.15;rotate:-2deg}.skills-cta__title{font-family:var(--font-display);text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;color:var(--color-cf-ink);margin:0 0 8px;font-size:clamp(1.5rem,1rem + 1.5vw,2.2rem);font-weight:400;line-height:1.1}.skills-cta p{max-inline-size:62ch;color:var(--color-cf-ink-2);font-size:var(--text-md);margin:0;line-height:1.55}.skills-cta__btn{align-self:flex-start;display:inline-block}