.skills-section{border-top:1px solid var(--line);background:var(--bg)}
.skills-overview{margin-bottom:36px}
.skills-overview>.eyebrow{font-size:15px;font-weight:700;letter-spacing:.1em;margin-bottom:18px}
.skills-title-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.skills-title-row .experience-title{font-size:clamp(32px,4vw,48px);font-weight:900;line-height:1.3;letter-spacing:-.03em;margin:0}
.skill-module-tag{border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:12px;line-height:1.6;color:var(--muted)}
.skills-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-bottom:44px}
.skill-tool{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--bg-soft);min-width:0}
.skill-tool-heading{padding:25px 25px 23px}
.skill-tool-heading .eyebrow{margin-bottom:14px}
.skill-tool-title{display:flex;align-items:center;justify-content:space-between;gap:15px}
.skill-tool-title h3{margin:0;font-size:25px;line-height:1.5;font-weight:900}
.skill-tool-title>span{color:var(--accent);font-size:11px;line-height:1.6;border:1px solid var(--line);border-radius:999px;padding:5px 10px;white-space:nowrap}
.skill-tool-preview{display:block;position:relative;aspect-ratio:16/10;width:100%;margin:0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--card)),var(--bg));overflow:hidden}
.skill-preview-top{height:37px;display:flex;align-items:center;gap:6px;padding:0 18px;border-bottom:1px solid var(--line);opacity:.7}
.skill-preview-top>span{width:6px;height:6px;border:1px solid var(--muted);border-radius:50%}
.skill-preview-empty{position:absolute;inset:37px 20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--muted)}
.skill-preview-empty svg{width:47px;height:47px;color:var(--accent);opacity:.8;margin-bottom:9px}
.skill-preview-empty strong{font-size:14px;font-weight:500}
.skill-preview-empty>span{font-size:12px;opacity:.75}
.skill-tool-image{cursor:pointer}
.skill-tool-image img{width:100%;height:100%;object-fit:contain;display:block;background:var(--bg-soft)}
.skill-image-expand{position:absolute;right:14px;bottom:14px;border-radius:999px;background:rgba(14,27,46,.85);color:#fff;font-size:11px;padding:7px 11px}
.skill-tool-image:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.skill-tool-details{padding:22px 25px 25px}
.skill-tool-details p{font-size:13px;line-height:1.95;color:var(--muted);margin:0}
.skill-link-placeholder{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;display:block}
.skill-tool-details .btn{font-size:12px}
@media(max-width:900px){.skills-tools-grid{gap:18px}.skill-tool-heading{padding:22px 20px}.skill-tool-title h3{font-size:22px}.skill-tool-details{padding:20px}.skill-tool-title{gap:8px}}
@media(max-width:560px){.skills-overview{margin-bottom:27px}.skills-overview>.eyebrow{font-size:13px;letter-spacing:.07em}.skills-title-row{gap:13px}.skills-title-row .experience-title{font-size:32px}.skill-module-tag{font-size:10px;padding:5px 10px}.skills-tools-grid{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.skill-tool{border-radius:18px}.skill-tool-title h3{font-size:23px}.skill-tool-heading{padding:21px 20px}.skill-preview-empty svg{width:40px;height:40px}.skill-preview-empty{gap:8px}.skill-preview-empty strong{font-size:13px}.skill-preview-empty>span{font-size:11px}.skill-tool-details p{font-size:12px}}