/* Text styles for blog posts written in the WordPress editor */
.sk-post{font-size:1.05rem;line-height:1.8;color:var(--muted-foreground)}
.sk-post>*+*{margin-top:1.1rem}
.sk-post h2{margin-top:2.2rem;font-size:1.6rem;line-height:1.25;font-weight:700;color:var(--foreground)}
.sk-post h3{margin-top:1.8rem;font-size:1.25rem;font-weight:700;color:var(--foreground)}
.sk-post a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.sk-post ul,.sk-post ol{padding-left:1.4rem}
.sk-post ul{list-style:disc}.sk-post ol{list-style:decimal}
.sk-post li+li{margin-top:.4rem}
.sk-post strong{color:var(--foreground)}
.sk-post img{max-width:100%;height:auto;border-radius:.75rem}
.sk-post figure{margin:1.5rem 0}.sk-post figcaption{margin-top:.4rem;font-size:.85rem;text-align:center}
.sk-post blockquote{margin:1.5rem 0;padding:.8rem 1.2rem;border-left:4px solid var(--primary);background:var(--muted);border-radius:0 .6rem .6rem 0;font-style:italic}
.sk-post table{width:100%;border-collapse:collapse}.sk-post th,.sk-post td{border:1px solid var(--border);padding:.5rem .7rem;text-align:left}
.sk-post pre{overflow-x:auto;padding:1rem;border-radius:.6rem;background:var(--ink);color:var(--ink-foreground);font-size:.9rem}

/* ===== Blog page: sections, grids, filter, gradient side form ===== */
.sk-hero-grad{position:relative;overflow:hidden;background-image:linear-gradient(120deg,oklch(20% .06 262),oklch(34% .13 262) 50%,oklch(46% .14 285))}
.sk-hero-grad:before{content:"";position:absolute;right:-6rem;top:-8rem;width:28rem;height:28rem;border-radius:50%;background:radial-gradient(circle,oklch(76% .16 70/.5),transparent 68%)}
.sk-hero-grad>*{position:relative;z-index:1}

.sk-sec-head{margin-bottom:1.5rem}
.sk-sec-head__eyebrow{margin:0 0 .35rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:oklch(60% .15 55)}
.sk-sec-head h2{margin:0;font-size:1.9rem;font-weight:800;line-height:1.2;background:linear-gradient(100deg,oklch(30% .09 262),oklch(52% .14 250) 60%,oklch(66% .16 60));-webkit-background-clip:text;background-clip:text;color:transparent}
.sk-sec-head__sub{margin:.3rem 0 0;font-size:.9rem;color:var(--muted-foreground)}

.sk-blogwrap{max-width:72rem;margin:0 auto;padding:3.5rem 1.25rem;display:grid;gap:2.5rem;grid-template-columns:1fr}
@media(min-width:1024px){.sk-blogwrap{grid-template-columns:1fr 360px;align-items:start}.sk-blogwrap--full{grid-template-columns:1fr}}
.sk-bloggrid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:640px){.sk-bloggrid--2,.sk-bloggrid--3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.sk-bloggrid--3{grid-template-columns:repeat(3,1fr)}.sk-blogwrap--full .sk-bloggrid--2{grid-template-columns:repeat(3,1fr)}}
.sk-blog-item[hidden],.sk-more[hidden]{display:none}
.sk-blogwrap .learning-card,.sk-allblogs .learning-card{height:100%;transition:transform .2s,box-shadow .2s}
.sk-blogwrap .learning-card:hover,.sk-allblogs .learning-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px -16px oklch(40% .1 260/.4)}

.sk-allblogs{background:linear-gradient(180deg,oklch(97% .02 240),oklch(98.5% .01 85))}
.sk-allblogs__in{max-width:72rem;margin:0 auto;padding:3.5rem 1.25rem}
.sk-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.sk-filter button{border:1px solid oklch(86% .02 250);border-radius:999px;padding:.4rem 1rem;font-size:.82rem;font-weight:600;color:oklch(30% .05 262);background:#fff;cursor:pointer;transition:all .15s}
.sk-filter button:hover{border-color:oklch(72% .16 65)}
.sk-filter button.is-active{color:oklch(20% .05 260);border-color:transparent;background:linear-gradient(110deg,oklch(83% .15 85),oklch(74% .17 60))}
.sk-more{margin-top:2rem;text-align:center}
.sk-more button{border:0;border-radius:.8rem;padding:.8rem 1.8rem;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(110deg,oklch(34% .13 262),oklch(48% .14 270));box-shadow:0 12px 24px -12px oklch(34% .13 262/.8);transition:transform .15s}
.sk-more button:hover{transform:translateY(-2px)}

/* Gradient enquiry card */
.sk-side-form{position:relative;overflow:hidden;border-radius:1.25rem;padding:1.75rem;color:#fff;background:linear-gradient(150deg,oklch(22% .06 262),oklch(38% .12 258) 60%,oklch(52% .11 250));box-shadow:0 22px 50px -18px oklch(40% .12 258/.5)}
@media(min-width:1024px){.sk-side-form{position:sticky;top:7rem}}
.sk-side-form:after{content:"";position:absolute;right:-5rem;bottom:-6rem;width:16rem;height:16rem;border-radius:50%;background:radial-gradient(circle,oklch(76% .16 70/.5),transparent 70%);pointer-events:none}
.sk-side-form>*{position:relative;z-index:1}
.sk-side-form__badge{display:inline-block;border-radius:999px;padding:.3rem .85rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:oklch(20% .05 260);background:linear-gradient(110deg,oklch(83% .15 85),oklch(74% .17 60))}
.sk-side-form h2{margin:.9rem 0 .3rem;font-size:1.6rem;font-weight:800;color:#fff}
.sk-side-form>p{margin:0 0 1.2rem;font-size:.92rem;line-height:1.5;color:rgb(255 255 255/.8)}
.sk-side-form form input:not([type=hidden]),.sk-side-form form select,.sk-side-form form textarea{width:100%;border:1.5px solid transparent;border-radius:.75rem;padding:.8rem 1rem;font-size:.92rem;color:oklch(25% .05 262);background:rgb(255 255 255/.96);transition:box-shadow .2s,border-color .2s}
.sk-side-form form input:focus,.sk-side-form form select:focus,.sk-side-form form textarea:focus{outline:none;border-color:oklch(78% .16 70);box-shadow:0 0 0 4px oklch(76% .16 70/.35)}
.sk-side-form form button[type=submit]{height:3rem;border:0;border-radius:.75rem;font-size:1rem;font-weight:700;color:oklch(20% .05 260);background:linear-gradient(110deg,oklch(83% .15 85),oklch(76% .17 65) 50%,oklch(70% .18 45));box-shadow:0 12px 24px -10px oklch(70% .18 50/.8);cursor:pointer;transition:transform .15s}
.sk-side-form form button[type=submit]:hover{transform:translateY(-2px)}
.sk-side-form form button[type=submit]:after{content:" \2192"}
.sk-side-form .sk-form-success h3,.sk-side-form .sk-form-success p{color:#fff}
.sk-side-form .sk-form-error{color:oklch(88% .1 25)}
.dark .sk-allblogs{background:linear-gradient(180deg,oklch(22% .04 262),oklch(20% .04 262))}
.dark .sk-filter button{background:oklch(28% .04 262);color:#fff;border-color:oklch(40% .04 262)}
