.skills-intro{color:var(--muted);margin:-8px 0 32px;max-width:580px}
.skills-studio{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.skills-selector{display:grid;gap:12px;padding-top:2px}
.skills-area{position:relative;display:grid;grid-template-columns:36px 1fr 20px;gap:5px 10px;align-items:center;min-height:102px;padding:22px 18px;text-align:left;border:1px solid #c8dfed;border-radius:18px;background:#ffffff8c;color:#527087;cursor:pointer;transition:background .2s,box-shadow .2s}
.skill-area-number{grid-row:1/3;font-size:.8rem;color:#85a5ba;font-weight:700}.skill-area-name{font-weight:700;font-size:1rem}.skill-area-count{grid-column:2;font-size:.8rem;opacity:.7}.skill-area-arrow{grid-column:3;grid-row:1/3;font-size:1.3rem}
.skills-area[aria-selected=true]{background:#0c3655;color:#e9f9ff;border-color:#0c3655;box-shadow:0 12px 30px #12406320}.skills-area[aria-selected=true] .skill-area-number{color:#93d8ee}.skills-area:hover:not([aria-selected=true]){background:#e1f3fc}
.skills-workbench{--skill-accent:#187cab;position:relative;overflow:hidden;padding:32px;border:1px solid #c7dfed;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#d1effb77,transparent 45%),#ffffffb8;box-shadow:0 18px 50px #2754770a;min-height:620px}
.skills-workbench[data-area="1"]{--skill-accent:#4e69b8}.skills-workbench[data-area="2"]{--skill-accent:#258779}
.skills-workbench-header{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#628298;font-size:.66rem;letter-spacing:.13em;font-weight:700}.skill-workbench-index{white-space:nowrap}
.skills-lead{font-family:Manrope,sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.045em;margin:26px 0 14px;max-width:540px}.skills-description{font-size:.96rem;color:#617c90;max-width:520px;margin-bottom:24px}
.skill-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:28px 0 32px;gap:14px}.skill-flow-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:.76rem;color:#567386}.skill-flow-step:not(:last-child):after{content:'';position:absolute;left:40px;right:0;top:14px;border-top:1px dashed #a8c5d7}.skill-flow-dot{display:grid;place-items:center;border:1px solid #b8d2df;width:29px;height:29px;border-radius:50%;color:var(--skill-accent);background:#edf7fb;font-size:.75rem;font-weight:700}
.skill-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.skill-tool{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 12px;border:1px solid #d5e6f0;border-radius:12px;background:#fff;font-size:.85rem;color:#294b63;animation:tool-enter .28s both;animation-delay:calc(var(--tool-order)*25ms)}.skill-tool-mark{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:8px;background:#eff6fa;color:var(--skill-accent);font:700 .66rem Manrope,sans-serif}
.skill-proof{margin-top:28px;padding-top:20px;border-top:1px solid #dce8f0}.skill-proof-label{font-size:.67rem;font-weight:700;letter-spacing:.14em;color:#7c96a8;margin:0 0 9px}.skill-proof-link{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;text-align:left;padding:12px 0;min-height:46px;border:0;background:transparent;color:var(--skill-accent);font-size:.9rem;cursor:pointer;font-weight:600}.skill-proof-link:hover{color:#072f48;text-decoration:underline;text-underline-offset:4px}
@keyframes tool-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.skills-studio{grid-template-columns:220px minmax(0,1fr);gap:16px}.skills-area{padding:17px 12px;grid-template-columns:27px 1fr 16px;gap:5px}.skills-workbench{padding:24px}.skill-tool-grid{grid-template-columns:1fr}}
@media(max-width:640px){.skills-studio{grid-template-columns:1fr}.skills-selector{grid-template-columns:1fr;gap:8px}.skills-area{min-height:65px;padding:12px 16px;grid-template-columns:28px 1fr auto 16px}.skill-area-number{grid-row:1}.skill-area-count{grid-column:3;grid-row:1}.skill-area-arrow{grid-column:4;grid-row:1}.skills-workbench{min-height:0;padding:22px 18px;border-radius:20px}.skills-lead{font-size:1.9rem}.skills-workbench-header{font-size:.6rem;letter-spacing:.08em}.skill-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.skill-tool{font-size:.78rem;gap:8px;padding:9px 8px;overflow-wrap:anywhere}.skill-tool-mark{width:25px;height:27px;font-size:.6rem}.skill-flow{gap:8px}.skill-flow-step{font-size:.7rem}.skills-intro{font-size:.95rem}}
@media(max-width:360px){.skill-tool-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.skill-tool{animation:none}.skills-area{transition:none}}