/* Isolated final layout for the skills journey. Loaded after every legacy sheet. */
body #skills .toolkit-canvas{width:min(1080px,100%)!important;min-height:0!important;margin:0 auto!important;padding:24px 18px 34px!important}
body #skills .toolkit-grid{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-columns:none!important;gap:22px!important;width:100%!important}
body #skills .toolkit-grid::before{content:none!important;display:none!important}
body #skills .skill-card.toolkit-note{position:relative!important;inset:auto!important;width:490px!important;max-width:47%!important;min-height:260px!important;height:auto!important;margin:0!important;padding:37px 30px 20px!important;border:11px solid #fff!important;outline:1px solid rgba(36,68,120,.1)!important;border-radius:24px!important;background:linear-gradient(150deg,rgba(255,255,255,.45),transparent 56%),var(--paper)!important;box-shadow:0 20px 34px rgba(25,43,76,.14),0 3px 8px rgba(25,43,76,.07)!important;overflow:visible!important;cursor:default!important;will-change:transform,box-shadow!important;transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s ease,outline-color .3s ease,filter .3s ease!important}
body #skills .skill-card.toolkit-note:nth-child(odd){align-self:flex-start!important;transform:rotate(-2deg)!important}
body #skills .skill-card.toolkit-note:nth-child(even){align-self:flex-end!important;transform:rotate(2deg)!important}
body #skills .skill-card.toolkit-note:nth-child(3n){transform:rotate(-1deg)!important}
body #skills .skill-card.toolkit-note + .skill-card.toolkit-note{margin-top:-52px!important}
body #skills .skill-card.toolkit-note:hover{z-index:8!important;transform:translateY(-10px) rotate(0deg) scale(1.025)!important;outline-color:color-mix(in srgb,var(--ink) 42%,transparent)!important;box-shadow:0 34px 58px color-mix(in srgb,var(--ink) 18%,transparent),0 8px 18px rgba(25,43,76,.12)!important;filter:saturate(1.06)!important}
body #skills .skill-card.toolkit-note:hover .toolkit-icon{transform:translateY(-3px) rotate(5deg) scale(1.08)!important;box-shadow:0 13px 22px color-mix(in srgb,var(--ink) 34%,transparent)!important}
body #skills .skill-card.toolkit-note:hover::after{transform:translateX(-50%) translateY(-4px) scale(1.08)!important;box-shadow:0 13px 18px color-mix(in srgb,var(--pin) 46%,transparent),inset -3px -5px 7px rgba(0,0,0,.18)!important}
body #skills .skill-card.toolkit-note::after{content:""!important;display:block!important;position:absolute!important;z-index:5!important;top:-26px!important;left:50%!important;right:auto!important;width:31px!important;height:31px!important;border:0!important;border-radius:50%!important;background:radial-gradient(circle at 34% 24%,#fff 0 8%,transparent 10%),linear-gradient(145deg,color-mix(in srgb,var(--pin) 55%,white),var(--pin) 58%,color-mix(in srgb,var(--pin) 72%,black))!important;box-shadow:0 8px 11px color-mix(in srgb,var(--pin) 40%,transparent),inset -3px -5px 7px rgba(0,0,0,.18)!important;transform:translateX(-50%)!important}
body #skills .skill-card.toolkit-note::before{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;top:auto!important;bottom:-48px!important;width:190px!important;height:62px!important;border:0!important;border-top:2px dashed rgba(72,86,108,.46)!important;border-radius:50%!important;background:none!important;opacity:1!important}
body #skills .skill-card.toolkit-note:nth-child(odd)::before{right:-164px!important;left:auto!important;transform:rotate(10deg)!important}
body #skills .skill-card.toolkit-note:nth-child(even)::before{left:-164px!important;right:auto!important;transform:rotate(-10deg)!important}
body #skills .skill-card.toolkit-note:last-child::before{content:none!important;display:none!important}
body #skills .toolkit-blue{--paper:#fff0e7!important;--ink:#f0642c!important;--pin:#ff5b22!important}
body #skills .toolkit-pink{--paper:#e8edff!important;--ink:#315bd6!important;--pin:#2864f0!important}
body #skills .toolkit-green{--paper:#f3e2ff!important;--ink:#7b35d1!important;--pin:#7b2cff!important}
body #skills .toolkit-rose{--paper:#ffeadf!important;--ink:#ed6030!important;--pin:#ff5525!important}
body #skills .toolkit-mint{--paper:#e0f8ef!important;--ink:#168b69!important;--pin:#16a97c!important}
body #skills .toolkit-aqua{--paper:#e0f5ff!important;--ink:#147ca8!important;--pin:#169ed7!important}
body #skills .toolkit-number{margin:0 0 10px!important;font-size:28px!important;color:var(--ink)!important}
body #skills .toolkit-icon{top:19px!important;right:18px!important;width:40px!important;height:40px!important;border-radius:11px!important;background:var(--ink)!important;font-size:12px!important;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease!important}
body #skills .toolkit-step{margin:0 50px 8px 0!important;color:var(--ink)!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.065em!important}
body #skills .toolkit-note h3{min-height:0!important;margin:0 0 10px!important;font-size:24px!important;line-height:1.08!important}
body #skills .toolkit-note>p:not(.toolkit-step){font-size:13px!important;line-height:1.5!important}
body #skills .toolkit-tags{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:11px 0 0!important}
body #skills .toolkit-tags span{display:inline-flex!important;padding:5px 8px!important;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent)!important;border-radius:999px!important;color:var(--ink)!important;background:rgba(255,255,255,.56)!important;font:800 9px/1 Manrope,sans-serif!important;white-space:nowrap!important}
body #skills .toolkit-level{margin-top:auto!important;padding-top:10px!important;color:var(--ink)!important}

@media(hover:hover) and (pointer:fine){body #skills .skill-card.toolkit-note{cursor:pointer!important}}
@media(prefers-reduced-motion:reduce){body #skills .skill-card.toolkit-note,body #skills .toolkit-icon{transition:none!important}body #skills .skill-card.toolkit-note:hover{filter:none!important}}

@media(max-width:700px){
  body #skills .toolkit-canvas{padding:28px 4px 30px!important}
  body #skills .toolkit-grid{gap:28px!important}
  body #skills .skill-card.toolkit-note{width:78%!important;max-width:78%!important;min-height:0!important;padding:35px 20px 19px!important;border-width:10px!important;border-radius:22px!important}
  body #skills .skill-card.toolkit-note:nth-child(odd){align-self:flex-start!important;transform:rotate(-1.4deg)!important}
  body #skills .skill-card.toolkit-note:nth-child(even){align-self:flex-end!important;transform:rotate(1.4deg)!important}
  body #skills .skill-card.toolkit-note + .skill-card.toolkit-note{margin-top:-30px!important}
  body #skills .skill-card.toolkit-note::after{top:-23px!important;width:28px!important;height:28px!important}
  body #skills .skill-card.toolkit-note::before{bottom:-45px!important;width:42vw!important;height:60px!important}
  body #skills .skill-card.toolkit-note:nth-child(odd)::before{right:-34vw!important}
  body #skills .skill-card.toolkit-note:nth-child(even)::before{left:-34vw!important}
  body #skills .toolkit-number{font-size:25px!important;margin-bottom:10px!important}
  body #skills .toolkit-icon{top:17px!important;right:15px!important;width:37px!important;height:37px!important;font-size:11px!important}
  body #skills .toolkit-step{margin-right:44px!important;font-size:8px!important}
  body #skills .toolkit-note h3{font-size:18px!important}
  body #skills .toolkit-note>p:not(.toolkit-step){font-size:10.5px!important;line-height:1.55!important}
  body #skills .toolkit-tags{gap:5px!important;margin-top:12px!important}
  body #skills .toolkit-tags span{padding:5px 7px!important;font-size:7px!important}
}