/* Skillity final guest polish, additive to existing site styles. */
.marketing .site-course-cover-image{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.marketing .site-course-accent{position:relative;overflow:hidden}
.marketing .site-course-accent:has(.site-course-cover-image) .site-course-number{position:absolute;right:12px;top:12px;z-index:2;background:#fff;border-radius:10px;padding:5px 9px;color:#24355c}
.marketing .site-course-cover-hero{border-radius:28px;overflow:hidden;min-width:0;align-self:center;box-shadow:0 15px 44px #283d7020}
.marketing .site-course-cover-hero img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}
.marketing .site-module summary:hover{background:#f6f8ff}
.marketing .site-module summary:focus-visible,.marketing .site-faq-list summary:focus-visible{outline:3px solid #4865e8;outline-offset:-4px}
.marketing .site-module summary>span:nth-child(2) small{display:block;font-size:12px;line-height:1.6;color:#697993}
.marketing .site-faq-list details[open] summary{background:#f7f9ff}
.marketing .site-faq-list details[open] p{animation:skillity-faq-in .22s ease-out}
@keyframes skillity-faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.marketing .site-faq-list details[open] p{animation:none}}
@media(max-width:600px){.marketing .site-course-cover-hero{border-radius:16px}.marketing .site-module summary{gap:12px}}

/* Patch 14/15: editorial portfolio and visually honest sample reviews. */
.marketing .skillity-showcase-scroller{display:flex;gap:20px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#879bf0 #eef2ff;padding:12px 3px 20px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.marketing .skillity-showcase-card{width:clamp(265px,29vw,365px);flex:0 0 clamp(265px,29vw,365px);scroll-snap-align:start;overflow:hidden}
.marketing .skillity-showcase-visual{height:205px;position:relative;isolation:isolate;display:grid;place-items:center;background:linear-gradient(140deg,#a3c7ff,#d7d5ff)}
.marketing .skillity-showcase-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.marketing .skillity-showcase-game{background:radial-gradient(circle at 25% 35%,#5364eb,#1b2458)}
.marketing .skillity-showcase-bot{background:linear-gradient(145deg,#146b8d,#3c75e2)}
.marketing .skillity-showcase-web{background:linear-gradient(140deg,#b1e6ff,#baa7ff)}
.marketing .skillity-showcase-ai{background:linear-gradient(145deg,#44368b,#9c73ef)}
.marketing .skillity-showcase-cv{background:linear-gradient(145deg,#104c5c,#3e9faf)}
.marketing .skillity-showcase-data{background:linear-gradient(145deg,#2e72b9,#6bc3ba)}
.marketing .skillity-showcase-icon{position:relative;z-index:1;font-size:85px;filter:drop-shadow(0 13px 15px #091c4b44)}
.marketing .skillity-showcase-code{position:absolute;left:16px;top:14px;font:600 10px/1.7 'JetBrains Mono',monospace;color:#ffffffb7;background:#131e4b75;border-radius:10px;padding:8px 11px}
.marketing .skillity-showcase-category{position:absolute;bottom:14px;left:17px;padding:7px 12px;background:#ffffffeb;color:#1f2a4a;font-size:11px;font-weight:800;border-radius:40px}
.marketing .skillity-showcase-stack{font:700 12px/1.7 'JetBrains Mono',monospace;color:#5265b5}
.marketing .skillity-showcase-card-bottom{display:flex;gap:7px;justify-content:space-between;align-items:flex-end;margin-top:auto}
.marketing .skillity-showcase-card-bottom small{font-size:10px;line-height:1.5}
.marketing .skillity-showcase-card-bottom a{white-space:nowrap;font-size:12px}
.marketing .skillity-carousel-actions{display:flex;align-items:center;gap:10px}
.marketing .skillity-carousel-button{border:1px solid #dce3f8;background:#fff;color:#3857bf;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:20px}
.marketing .skillity-carousel-button:hover{background:#edf2ff}
.marketing .skillity-carousel-button:focus-visible{outline:3px solid #4865e8;outline-offset:3px}
.marketing .skillity-ukraine-map{display:block;width:min(100%,600px);max-height:350px;height:auto;object-fit:contain;margin:0 auto;mix-blend-mode:multiply}
.marketing .skillity-map-credit{display:block;text-align:center;color:#65779a;font-size:10px;margin-top:5px}
.marketing .skillity-map-credit a{color:#3f59af}
@media(max-width:620px){.marketing .skillity-showcase-card{width:82vw;flex-basis:82vw}.marketing .skillity-carousel-actions{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.marketing .skillity-showcase-scroller{scroll-behavior:auto}}