@font-face{font-family:Drive;src:url('assets/google-sans-flex-variable.ttf');font-weight:100 1000}body.skills-page{font-family:Drive,Arial,sans-serif;background:#fff;color:#131b2e}.skills-page button,.skills-page input{font-family:inherit}.skill-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #dedbd7;background:#ffffffdf;backdrop-filter:blur(20px)}.skill-nav nav{display:flex;gap:30px;font-size:14px}.skill-nav [aria-current]{color:#6b01cd}.skill-nav .button{min-height:40px;padding:10px 18px;border:1px solid #d9d5df;font-size:11px}.library-hero{max-width:1180px;margin:auto;padding:76px 0 64px;display:flex;justify-content:space-between;align-items:center}.library-hero h1{font-size:clamp(38px,4.5vw,62px);margin:18px 0 24px;line-height:1.05;letter-spacing:-.045em}.library-hero em{text-decoration:underline;text-decoration-color:#ffd438;text-underline-offset:7px;text-decoration-thickness:4px}.intro{color:#625b6a;line-height:1.65;font-size:18px}.how-link{display:inline-block;font-size:13px;margin-top:23px;border-bottom:1px solid #cbc3d6;padding-bottom:3px}.hero-note{padding:20px 50px;border-left:1px solid #e4dce9;transform:rotate(3deg)}.note-icon{color:#6b01cd;font-size:46px}.hero-note p{font-size:30px;font-weight:650;line-height:1.15;margin:14px 0}.hero-note em{font-family:Newsreader,Georgia,serif;color:#fd5e34}.hero-note>span:last-child{font-size:13px;color:#77707d;line-height:1.5}.library{background:#f8f6fb;border-top:1px solid #ede8f3;padding:44px max(24px,calc((100vw - 1180px)/2)) 64px}.library-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.library-top h2{font-size:27px;line-height:1.2;margin-top:10px;letter-spacing:-.025em}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#6b01cd;font-weight:750}.draft-label{font-size:11px;color:#827987}.search-wrap{display:flex;gap:16px;align-items:center;background:white;border:1px solid #d9d3df;border-radius:8px;margin:26px 0 30px;padding:17px 20px}.search-wrap input{width:100%;background:transparent;border:0;outline:none;font-size:16px;min-width:0;color:#131b2e}.search-wrap:focus-within{outline:2px solid #6b01cd;outline-offset:2px}.search-hint{font-size:11px;color:#8a8290;white-space:nowrap}.library-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:40px}.filter-label{font-size:10px;letter-spacing:1.5px;color:#817889;margin:10px 0 12px}.filters button{width:100%;text-align:left;background:none;border:0;border-radius:5px;padding:12px;font-size:14px;color:#5e5768;display:flex;justify-content:space-between}.filters button[aria-pressed=true]{background:#ebe3f7;color:#6b01cd;font-weight:650}.filters button:hover{background:#f0eaf6}.free-filter{display:flex;gap:10px;align-items:center;margin:22px 0;font-size:13px}.free-filter input{accent-color:#6b01cd;width:16px;height:16px}.reader-card{border:1px solid #e1dad0;background:#f3efe7;padding:20px;border-radius:7px;margin-top:34px}.reader-card>span{font-size:27px;color:#6b01cd}.reader-card h3{font-size:16px;margin:12px 0 8px}.reader-card p{font-size:13px;line-height:1.6;color:#756b76}.reader-card button{color:#6b01cd;padding:16px 0 0;font-size:12px;font-weight:650}.result-meta{display:flex;justify-content:space-between;font-size:11px;color:#7a7082;padding:9px 0 15px}.result-meta>span:last-child{font-size:9px;letter-spacing:1px}.skill-row{display:grid;grid-template-columns:42px minmax(0,1fr) 85px 70px 18px;align-items:center;gap:18px;width:100%;padding:22px 16px;text-align:left;border:0;border-top:1px solid #e1dce7;background:transparent;color:#131b2e;cursor:pointer}.skill-row:hover{background:#fff;border-radius:6px}.skill-symbol{display:grid;place-items:center;width:40px;height:40px;background:#eee6f9;border:1px solid #e1d5f0;border-radius:8px;color:#6b01cd;font-size:19px}.skill-row[data-area=Lead] .skill-symbol,.skill-row[data-area=Yourself] .skill-symbol{background:#ffede6;color:#d95730;border-color:#f3dfd5}.skill-row strong{font-size:16px;font-weight:650;display:block;margin-bottom:4px}.skill-row small{color:#777080;font-size:12px;display:block;line-height:1.5}.area-label{font-size:12px;color:#756b80}.access-label{font-size:10px;border:1px solid #dcd4e6;padding:4px 7px;border-radius:4px;text-align:center;color:#72637d}.access-label.free{background:#ede7f7;border-color:transparent;color:#6b01cd}.catalogue-note{font-size:11px;color:#8b818f;margin:20px 16px}.empty{padding:50px 20px;text-align:center;border:1px dashed #cfc5da;border-radius:8px}.empty p{color:#746779;margin:10px 0 20px}.how{max-width:1180px;margin:auto;padding:70px 0}.how h2{font-size:30px;margin:14px 0 34px}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.how article>span{color:#fd5e34;font-size:13px}.how h3{font-size:18px;margin:12px 0}.how p:not(.eyebrow){font-size:14px;color:#746b7d;line-height:1.7}.skills-page footer{background:#f3efe7;font-size:12px}dialog{border:1px solid #e5deeb;border-radius:14px;padding:0;color:#131b2e;max-height:88dvh;max-width:calc(100vw - 32px);width:940px;box-shadow:0 30px 100px #21182a33}dialog::backdrop{background:#17122066;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.detail-head{padding:35px 40px 28px;border-bottom:1px solid #e8e1ee;background:#faf8fd}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px;color:#777;padding:4px 10px}.detail-head h2{font-size:36px;line-height:1.15;margin:15px 0}.detail-head p:last-child{color:#756a7b;font-size:15px}.detail-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;padding:30px 40px}.detail-body h3{font-size:17px;margin-bottom:12px}.detail-body p{font-size:14px;color:#6f6277;line-height:1.7}.detail-side{background:#f6f2fa;border-radius:8px;padding:20px;align-self:start}.detail-side .button{width:100%;border:0;padding:14px 8px;font-size:10px;margin:15px 0 5px}.detail-side small{display:block;color:#84758d;font-size:11px;margin-top:12px}.view-tabs{display:flex;gap:20px;border-bottom:1px solid #ded5e7;margin:25px 0 20px}.view-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 0;color:#82748a;font-size:12px}.view-tabs button[aria-pressed=true]{border-color:#6b01cd;color:#6b01cd}.markdown h3{margin-top:22px}.markdown p{white-space:pre-wrap}.source{font:12px/1.65 monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#594b65;background:#f7f4fa;padding:18px;border-radius:6px}.locked{padding:25px;border:1px solid #e1d8ec;border-radius:8px;margin-top:20px;background:#faf8fd}.locked h3{margin-top:0}.copy{background:white;border:1px solid #d9cfe3;padding:10px 15px;border-radius:4px;font-size:12px;color:#6b01cd;margin-top:10px}#access{width:640px;padding:42px}#access h2{font-size:30px;line-height:1.15;margin:18px 0}#access>p:not(.eyebrow){font-size:15px;color:#786b80}.access-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.access-options article{background:#f7f3fb;border:1px solid #e7dff0;border-radius:6px;padding:20px}.access-options span{font-size:10px;color:#6b01cd}.access-options h3{font-size:18px;margin:14px 0}.access-options p{font-size:13px;color:#7d7086;line-height:1.6}.prototype-note{background:#f5f0e8;padding:15px;border-radius:5px;margin-bottom:22px;font-size:12px!important}@media(max-width:1240px){.library-hero,.how{padding-left:24px;padding-right:24px}}@media(max-width:760px){.skill-nav{padding:14px 20px;gap:15px}.skill-nav img{width:130px}.skill-nav nav{display:none}.skill-nav .button{font-size:9px;padding:8px 12px}.library-hero{padding:44px 24px}.hero-note{display:none}.intro{font-size:16px}.library{padding:32px 20px}.library-top{display:block}.draft-label{display:block;margin-top:12px}.library-layout{grid-template-columns:1fr;gap:12px}.filters #areas{display:flex;overflow:auto;gap:6px}.filters #areas button{width:auto;white-space:nowrap;gap:12px}.filter-label,.reader-card,.search-hint,.result-meta>span:last-child{display:none}.free-filter{margin:12px 0}.skill-row{grid-template-columns:34px minmax(0,1fr) 58px;gap:10px;padding:20px 0}.skill-symbol{width:32px;height:36px}.area-label,.row-arrow{display:none}.skill-row strong{font-size:15px}.how>div{grid-template-columns:1fr;gap:28px}.how h2{font-size:26px;line-height:1.2}.detail-head{padding:32px 22px 22px}.detail-head h2{font-size:28px}.detail-body{grid-template-columns:1fr;padding:22px;gap:25px}.detail-side{grid-row:1}.detail-side small{margin-top:5px}#access{padding:32px 24px}.access-options{grid-template-columns:1fr}}
.library-layout>*{min-width:0}.filters{min-width:0}.detail-body>*{min-width:0}
.repo-page{max-width:1180px;margin:auto;padding:38px 0 80px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;color:#877b90;font-size:13px;margin-bottom:38px}.breadcrumbs a:hover{color:#6b01cd;text-decoration:underline}.breadcrumbs [aria-current]{color:#413649}.repo-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:32px;border-bottom:1px solid #e7e0eb}.repo-heading h1{font-size:46px;letter-spacing:-.035em;margin:12px 0 15px}.repo-heading p:not(.eyebrow){color:#776c7e;font-size:17px}.repo-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.repo-tags>*{border:1px solid #e1d7ed;background:#faf7fe;color:#766184;border-radius:30px;font-size:11px;padding:4px 11px}.repo-tags a{color:#6b01cd;background:#f2ebfa}.repo-heading .button{white-space:nowrap;border:0}.repo-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:48px;padding-top:32px}.repo-layout>*{min-width:0}.repo-start>p:not(.eyebrow){font-size:14px;color:#817488;margin:12px 0}.starter-prompt{background:#f4f0f8;border:1px solid #e5deec;border-radius:7px;padding:18px;font:13px/1.7 monospace;color:#604771}.repo-file{border:1px solid #e3dce8;border-radius:8px;overflow:hidden;margin-top:28px}.repo-filebar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 20px;background:#f9f7fb;border-bottom:1px solid #e3dce8;font:12px/1.5 monospace;color:#776582}.repo-filebar>span:last-child{font:11px Drive,Arial,sans-serif;color:#91829a}.repo-filebar .view-tabs{border:0;margin:0;gap:14px}.repo-filebar .view-tabs button{padding:3px 0}.readme{padding:26px 30px}.readme h2{font-size:27px;border-bottom:1px solid #ece6f0;padding-bottom:15px;margin-bottom:20px}.readme h3{font-size:17px;margin:25px 0 10px}.readme p{font-size:15px;color:#64596d;line-height:1.85}.source.readme{margin:0;border-radius:0;font-size:13px}.repo-sidebar{border-left:1px solid #ece5f1;padding-left:25px}.repo-sidebar h2{font-size:17px;line-height:1.4;margin-bottom:13px}.repo-sidebar p{color:#85758e;font-size:13px;line-height:1.7}.repo-sidebar dl{margin:25px 0}.repo-sidebar dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9889a0;margin-top:20px}.repo-sidebar dd{margin:4px 0 0;font-size:14px;color:#594565}.repo-aside-note{border-top:1px solid #e8e0ee;padding-top:24px;margin-top:25px}.repo-aside-note h3{font-size:14px;margin-bottom:10px}.repo-sidebar .how-link{font-size:11px}.repo-file .locked{border:0;border-radius:0;margin:0;padding:30px}@media(max-width:1240px){.repo-page{padding-left:24px;padding-right:24px}}@media(max-width:760px){.repo-page{padding:25px 20px 50px}.breadcrumbs{margin-bottom:25px;font-size:12px;gap:8px}.repo-heading{display:block}.repo-heading h1{font-size:34px;overflow-wrap:anywhere}.repo-heading .button{margin-top:24px}.repo-layout{grid-template-columns:1fr;gap:32px}.repo-sidebar{border-left:0;border-top:1px solid #e7e0eb;padding:25px 0 0}.repo-sidebar dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.repo-sidebar dt{margin:0}.readme{padding:22px}.repo-filebar{padding:12px 16px;font-size:11px}.repo-heading p:not(.eyebrow){font-size:16px}}
.library-hero{position:relative;overflow:hidden;min-height:435px;gap:40px;align-items:flex-start;padding-top:66px;padding-bottom:62px}.library-hero>div:first-child{position:relative;z-index:1}.skills-book-art{position:absolute;right:60px;top:65px;width:340px;transform:rotate(11deg);pointer-events:none}.skills-book-art:before{content:'';position:absolute;inset:5% -20%;background:radial-gradient(ellipse,#6b01cd17,transparent 68%);filter:blur(25px)}.skills-book-art .book{width:100%;box-shadow:0 22px 50px #30203825}.library{position:relative;z-index:2}@media(max-width:1050px) and (min-width:761px){.skills-book-art{width:270px;right:25px;top:110px}.library-hero>div:first-child{max-width:65%}}@media(max-width:760px){.library-hero{padding-top:40px;padding-bottom:180px}.library-hero>div:first-child{max-width:100%}.skills-book-art{display:block;width:180px;right:35px;top:auto;bottom:-120px;transform:rotate(12deg)}}
.skill-terminal{position:absolute;z-index:2;right:100px;bottom:32px;width:350px;border:1px solid #524260;border-radius:10px;background:#21182d;color:#f5effa;box-shadow:0 16px 35px #21102e30;transform:rotate(-4deg);overflow:hidden;pointer-events:none}.terminal-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#2e243a;border-bottom:1px solid #ffffff10;color:#b8a8c7;font:10px/1.3 monospace}.terminal-dots{display:flex;gap:5px}.terminal-dots i{width:6px;height:6px;border-radius:50%;background:#74647e}.terminal-dots i:first-child{background:#fd7955}.terminal-dots i:nth-child(2){background:#ffd438}.terminal-dots i:last-child{background:#b598d2}.terminal-content{padding:19px 17px;font:11px/1.8 monospace}.terminal-content p+p{margin-top:13px}.terminal-chevron{color:#ff9a70}.terminal-response{color:#d7b7f4}.terminal-status{font-size:9px;color:#a696b5;display:flex;align-items:center;gap:7px}.terminal-status>span{width:5px;height:5px;background:#c4a0e9;border-radius:50%}@media(min-width:761px) and (max-width:1050px){.skill-terminal{width:290px;right:25px;bottom:25px}.terminal-content{font-size:10px}}@media(max-width:760px){.library-hero{padding-bottom:240px}.skill-terminal{width:275px;max-width:calc(100% - 48px);right:auto;left:24px;bottom:25px;transform:rotate(-3deg)}.skills-book-art{bottom:-80px;width:180px;right:25px}}
.skills-book-art{z-index:2;pointer-events:auto}.skill-terminal{z-index:1;right:155px;bottom:40px;pointer-events:auto;transform:translateX(-30px) rotate(-5deg);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}.library-hero:has(.skills-book-art:hover) .skill-terminal,.skill-terminal:hover{transform:translateX(-105px) rotate(-8deg);box-shadow:0 20px 40px #21102e28}@media(min-width:761px) and (max-width:1050px){.skill-terminal{right:35px;transform:translateX(-12px) rotate(-5deg)}.library-hero:has(.skills-book-art:hover) .skill-terminal,.skill-terminal:hover{transform:translateX(-40px) rotate(-7deg)}}@media(max-width:760px){.skill-terminal{left:24px;right:auto;transform:rotate(-5deg)}.library-hero:has(.skills-book-art:hover) .skill-terminal,.skill-terminal:hover{transform:translateX(-6px) rotate(-7deg)}}@media(prefers-reduced-motion:reduce){.skill-terminal{transition:none}}
@media(min-width:1051px){.skill-terminal{width:380px;transform:translateX(-45px) rotate(-5deg)}.terminal-content{padding:21px 19px;font-size:12px}.library-hero:has(.skills-book-art:hover) .skill-terminal,.skill-terminal:hover{transform:translateX(-110px) rotate(-8deg)}}
@media(min-width:761px) and (max-width:1050px){.skill-terminal{width:310px;transform:translateX(-20px) rotate(-5deg)}}
/* Terminal height, keeping its bottom anchor unchanged. */
.skill-terminal{height:203px}
@media(min-width:1051px){.skill-terminal{height:224px}}
/* A single coordinate system keeps the cover and terminal together. */
.library-hero .skills-illustration{position:absolute;right:0;bottom:-48px;width:500px;height:520px;z-index:0;transform-origin:right bottom}
.skills-illustration .skills-book-art{position:absolute;top:18px;right:35px;bottom:auto;left:auto;width:340px;transform:rotate(11deg);z-index:2}
.skills-illustration .skill-terminal{position:absolute;top:210px;bottom:auto;left:0;right:auto;width:380px;height:224px;transform:translateX(0) rotate(-5deg);z-index:1}
.library-hero:has(.skills-book-art:hover) .skills-illustration .skill-terminal,.skills-illustration .skill-terminal:hover{transform:translateX(-40px) rotate(-8deg)}
@media(min-width:761px) and (max-width:1100px){.library-hero>div:first-child{max-width:55%}.library-hero .skills-illustration{transform:scale(.78);right:0}}
@media(max-width:760px){.library-hero{padding-bottom:360px}.library-hero>div:first-child{max-width:100%}.library-hero .skills-illustration{right:50%;bottom:-30px;transform:translateX(50%) scale(.64);transform-origin:center bottom}.skills-illustration .terminal-content{padding:21px 19px;font-size:12px}}
@media(max-width:380px){.library-hero .skills-illustration{transform:translateX(50%) scale(.56)}.library-hero{padding-bottom:310px}}
/* Stack earlier so the illustration has its own space on tablet widths. */
@media(min-width:761px) and (max-width:1100px){
.library-hero{align-items:flex-start;padding-top:52px;padding-bottom:445px}
.library-hero>div:first-child{max-width:100%;width:100%}
.library-hero .skills-illustration{right:50%;bottom:-35px;transform:translateX(50%) scale(.82);transform-origin:center bottom}
}
@media(max-width:1100px){
.library-hero{text-align:center}
.library-hero>div:first-child{margin-left:auto;margin-right:auto}
.library-hero .intro{margin-left:auto;margin-right:auto;max-width:650px}
.skill-terminal{text-align:left}
}
.local-preview-note{padding:9px 24px;background:#f5f0e8;color:#786758;font-size:11px;text-align:center}.repo-page>.local-preview-note{border-radius:4px;margin-bottom:25px}.row-files{display:block;font-size:10px;color:#97879d;margin-top:7px}.skill-row small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skill-row{grid-template-columns:42px minmax(0,1fr) 75px 86px 18px}.repo-heading>div{min-width:0;max-width:790px}.repo-heading>div>p:not(.eyebrow){max-width:760px;font-size:15px;line-height:1.6}.repo-files button{display:flex;justify-content:space-between;gap:16px;border:0;border-bottom:1px solid #ece7f1;padding:13px 20px;background:white;width:100%;text-align:left;font:12px/1.6 monospace;color:#695474;overflow-wrap:anywhere}.repo-files button:last-child{border-bottom:0}.repo-files button[aria-pressed=true]{background:#f0e8fa;color:#6b01cd}.repo-files button:disabled{cursor:default;color:#9b91a2}.repo-files button span:last-child{font:11px Drive,Arial,sans-serif;white-space:nowrap;align-self:center}.markdown h1{font-size:28px;line-height:1.3;margin:0 0 24px}.markdown h2{font-size:23px;line-height:1.4;margin:30px 0 18px}.markdown h3{line-height:1.5}.markdown ul,.markdown ol{padding-left:24px;margin:15px 0;color:#64596d;font-size:15px;line-height:1.85}.markdown li+li{margin-top:8px}.markdown pre{padding:16px;background:#f7f4fa;overflow:auto;font-size:12px}.markdown p code,.markdown li code{font-size:12px;background:#f3eef8;padding:2px 4px;border-radius:3px}.markdown blockquote{font:inherit;border-left:3px solid #d4bde8;padding-left:20px;margin:20px 0}.markdown a{color:#6b01cd;text-decoration:underline}.markdown hr{border:0;border-top:1px solid #e4dce9;margin:25px 0}.markdown-table{overflow:auto;margin:20px 0}.markdown table{border-collapse:collapse;font-size:13px;line-height:1.6;width:100%;min-width:440px;color:#64596d}.markdown th,.markdown td{border:1px solid #e2d9e9;padding:10px;text-align:left}.markdown th{background:#f5f0fa}.markdown{overflow-wrap:anywhere}.repo-sidebar dd{overflow-wrap:anywhere}.repo-sidebar .copy{display:block;width:100%}@media(max-width:760px){.skill-row{grid-template-columns:34px minmax(0,1fr) 70px}.access-label{font-size:9px}.repo-files button{padding:12px;gap:8px}.repo-files button span:first-child{min-width:0}.repo-heading h1{font-size:32px}}

/* Keep the rotated artwork inside the page, and avoid empty viewport space. */
.skills-page .library-hero{overflow:visible;align-items:flex-start;min-height:clamp(540px,calc(100svh - var(--navigation-height)),680px);padding-top:64px}
.skills-page .library-hero .skills-illustration{right:28px}
@media(max-width:1100px){
 .skills-page .library-hero{min-height:0;padding-top:48px}
 .skills-page .library-hero .skills-illustration{right:50%}
}
@media(max-width:760px){.skills-page .library-hero{padding-top:36px}}

@media(max-width:760px){.skills-page .library-hero .skills-illustration{right:calc(50% + 14px)}}

/* A quiet, continuous agent ribbon with hover pause and reduced-motion support. */
.agent-strip{width:min(480px,100%);margin-top:34px;text-align:left}
.agent-strip-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;font-weight:650;letter-spacing:1.4px;color:#807889;margin-bottom:14px}




.agent-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.agent-track{display:flex;width:max-content;animation:agent-flow 32s linear infinite}
.agent-track ul{display:flex;align-items:center;gap:34px;list-style:none;padding:0 34px 0 0;margin:0;flex-shrink:0}
.agent-track li{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;color:#817889}
.agent-track img{width:28px;height:28px;object-fit:contain;opacity:.58}
.agent-strip:hover .agent-track{animation-play-state:paused}
@keyframes agent-flow{to{transform:translateX(-50%)}}
@media(max-width:1100px){.agent-strip{margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.agent-track{animation:none}.agent-marquee{overflow-x:auto;mask-image:none}.agent-track ul[aria-hidden]{display:none}}

.skills-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:26px}
.skills-hero-actions .button{gap:12px}
.skills-hero-actions .how-link{margin-top:0}
#skill-library{scroll-margin-top:calc(var(--navigation-height) + 16px)}
@media(max-width:1100px){.skills-hero-actions{justify-content:center}}

/* Soft editorial backdrop and more breathing room around the hero copy. */
.skills-page .library-hero{isolation:isolate;background:transparent;box-shadow:none;padding-top:76px;padding-bottom:76px;min-height:700px}
.skills-page .library-hero::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 91% 19%,#ffdcd4 0,transparent 40%),radial-gradient(ellipse at 76% 80%,#e8dcf7 0,transparent 48%),linear-gradient(120deg,#faf7ff,#f7f4fc 55%,#faf6fb);pointer-events:none}
.skills-page .library-hero>div:first-child{width:640px;max-width:55%;min-width:0}
.skills-page .library-hero h1{margin-top:26px;margin-bottom:32px;line-height:1.08}
.skills-page .library-hero .intro{font-size:20px;line-height:1.65}
.skills-hero-actions{margin-top:34px;gap:18px 26px}
.skills-hero-actions .button{padding:17px 23px;min-height:52px}
.agent-strip{margin-top:48px;padding-top:28px;border-top:1px solid #e5dfee;width:100%;max-width:600px}
.agent-strip-heading{margin-bottom:20px}
@media(max-width:1100px){
 .skills-page .library-hero{padding-top:56px;padding-bottom:445px;min-height:0}
 .skills-page .library-hero>div:first-child{width:100%;max-width:720px}
}
@media(max-width:760px){
 .skills-page .library-hero{padding-top:40px;padding-bottom:360px}
 .skills-page .library-hero .intro{font-size:17px}
 .skills-page .library-hero h1{margin-top:22px;margin-bottom:26px}
 .skills-hero-actions{margin-top:28px;gap:20px}
 .agent-strip{margin-top:36px;padding-top:24px}
}
@media(max-width:380px){.skills-page .library-hero{padding-bottom:310px}}

.skill-row{grid-template-columns:42px minmax(0,1fr) 85px 18px}
@media(max-width:760px){.skill-row{grid-template-columns:34px minmax(0,1fr)}}