/* AISkillSource Article Engine — polished, responsive, high-contrast article layouts */
.aisks-article{--aae-ink:#172033;--aae-body:#334155;--aae-muted:#526176;--aae-accent:#075985;--aae-line:#d8e1ed;--aae-soft:#f4f8fc;max-width:920px;margin:0 auto;color:var(--aae-ink);font-size:17px;line-height:1.82;overflow-wrap:anywhere;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.aisks-article *{box-sizing:border-box}
.aisks-article p{color:var(--aae-body);margin:0 0 1.25em}
.aisks-article h1,.aisks-article h2,.aisks-article h3,.aisks-article h4{font-family:inherit;font-weight:800;line-height:1.25;letter-spacing:-.025em;margin:1.8em 0 .7em;color:var(--aae-ink)}
.aisks-article h1{font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin-top:.2em}
.aisks-article h2{font-size:clamp(1.5rem,2.8vw,2.05rem);padding-bottom:.55em;border-bottom:2px solid var(--aae-line);position:relative}
.aisks-article h2:after{content:"";display:block;width:68px;height:4px;background:var(--aae-accent);border-radius:8px;position:absolute;bottom:-3px;left:0}
.aisks-article h3{font-size:clamp(1.18rem,2vw,1.4rem);color:#174b75;margin-top:1.45em}
.aisks-article h4{font-size:1.08rem}
.aisks-article ul,.aisks-article ol{padding-left:1.5em;margin:0 0 1.4em;color:var(--aae-body)}
.aisks-article li{margin:.42em 0;padding-left:.15em}
.aisks-article li::marker{color:var(--aae-accent);font-weight:800}
.aisks-article a{color:#005f91;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:650}
.aisks-article a:hover{color:#003f66}
.aisks-article strong{color:#172033;font-weight:800}
.aisks-article hr{border:0;border-top:1px solid var(--aae-line);margin:2em 0}
.aisks-article blockquote{margin:1.6em 0;padding:1.15em 1.35em;border-left:5px solid #0284c7;background:#eaf6ff;color:#17324c;border-radius:0 14px 14px 0}
.aisks-article table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5em 0;font-size:.94em;border:1px solid #d4deea;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px rgba(18,42,72,.05)}
.aisks-article th{background:#123c66;color:#fff;text-align:left;font-weight:800}
.aisks-article th,.aisks-article td{padding:13px 15px;border-right:1px solid #d4deea;border-bottom:1px solid #d4deea;vertical-align:top}
.aisks-article tr:last-child td{border-bottom:0}.aisks-article th:last-child,.aisks-article td:last-child{border-right:0}
.aisks-article td{background:#fff;color:#26364b}.aisks-article tr:nth-child(even) td{background:#f1f6fb}
.aisks-article img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 8px 28px rgba(15,35,60,.12)}
.aisks-article .aisks-callout,.aisks-article .key-takeaway{padding:20px 22px;margin:1.5em 0;background:linear-gradient(135deg,#e7f5ff,#f0f4ff);border:1px solid #b9d9f2;border-left:5px solid #087eaa;border-radius:14px;color:#163450}
.aisks-article .aisks-feature-card,.aisks-article .aisks-faq,.aisks-article .aisks-pros,.aisks-article .aisks-cons{border:1px solid #d8e2ef;border-radius:16px;padding:18px 20px;margin:15px 0;background:#fff;color:#17233c;box-shadow:0 8px 24px rgba(20,40,80,.055)}
.aisks-article .aisks-feature-card p,.aisks-article .aisks-faq p,.aisks-article .aisks-pros p,.aisks-article .aisks-cons p{color:#33445f}
.aisks-article .aisks-feature-grid,.aisks-article .aisks-pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:1.4em 0}
.aisks-article .aisks-feature-card h3,.aisks-article .aisks-faq h3{margin-top:.2em}
.aisks-template-modern-gradient{padding:clamp(20px,4vw,42px);border-radius:24px;background:linear-gradient(180deg,#edf7ff 0,#fff 280px);border:1px solid #d9e8f6;box-shadow:0 12px 36px rgba(26,66,105,.07)}
.aisks-template-modern-gradient h2{border-bottom-color:#c9e5f5}.aisks-template-modern-gradient .aisks-feature-card{border-top:4px solid #1686b8}
.aisks-template-clean-magazine{max-width:850px;margin-left:auto;margin-right:auto;padding:clamp(10px,2.5vw,30px);font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.9}
.aisks-template-clean-magazine h1,.aisks-template-clean-magazine h2,.aisks-template-clean-magazine h3,.aisks-template-clean-magazine h4{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.02em}
.aisks-template-clean-magazine h2{border-bottom:1px solid #cbd5e1}.aisks-template-clean-magazine h2:after{height:3px;width:48px}
.aisks-template-technology{padding:clamp(20px,3.5vw,36px);background:#0b1220;border:1px solid #25344a;border-radius:22px;color:#f2f7ff;box-shadow:0 14px 38px rgba(3,10,24,.22)}
.aisks-template-technology p,.aisks-template-technology li{color:#d7e2f1}.aisks-template-technology h1,.aisks-template-technology h2{color:#fff}.aisks-template-technology h2{border-bottom-color:#33465f}.aisks-template-technology h2:after{background:#22d3ee}.aisks-template-technology h3,.aisks-template-technology h4{color:#8be9ff}.aisks-template-technology a{color:#67e8f9}.aisks-template-technology strong{color:#fff}.aisks-template-technology th{background:#075985}.aisks-template-technology td{background:#17243a;color:#e8f2ff;border-color:#33445e}.aisks-template-technology tr:nth-child(even) td{background:#202e45}.aisks-template-technology blockquote{background:#162b42;color:#f0f8ff;border-left-color:#22d3ee}.aisks-template-technology .aisks-feature-card,.aisks-template-technology .aisks-faq,.aisks-template-technology .aisks-pros,.aisks-template-technology .aisks-cons{background:#152238;border-color:#40516b;color:#f3f7ff}.aisks-template-technology .aisks-feature-card p,.aisks-template-technology .aisks-faq p,.aisks-template-technology .aisks-pros p,.aisks-template-technology .aisks-cons p{color:#e1eaf6}.aisks-template-technology .aisks-callout,.aisks-template-technology .key-takeaway{background:#203a55;border-color:#426b8f;color:#f4faff}.aisks-template-technology .aisks-callout strong,.aisks-template-technology .key-takeaway strong{color:#fff}
.aisks-template-learning-guide{padding:clamp(20px,3.5vw,36px);background:#f0fbf6;border:1px solid #c5e8d7;border-radius:22px}.aisks-template-learning-guide h2{color:#104c38;padding:13px 16px;background:#d9f5e7;border:0;border-radius:12px}.aisks-template-learning-guide h2:after{display:none}.aisks-template-learning-guide h3{color:#176b50}.aisks-template-learning-guide blockquote{background:#e0f6ec;border-left-color:#14966a}.aisks-template-learning-guide .aisks-feature-card{border-top:4px solid #14966a}
@media(max-width:640px){.aisks-article{font-size:16px;line-height:1.75}.aisks-template-modern-gradient,.aisks-template-technology,.aisks-template-learning-guide{padding:17px;border-radius:15px}.aisks-template-clean-magazine{font-size:16px;padding:5px}.aisks-article .aisks-feature-grid,.aisks-article .aisks-pros-cons{grid-template-columns:1fr}.aisks-article th,.aisks-article td{padding:10px;font-size:.9em}.aisks-article table{display:block;overflow-x:auto;white-space:normal}.aisks-article .aisks-callout,.aisks-article .key-takeaway{padding:16px}.aisks-article .aisks-feature-card,.aisks-article .aisks-faq,.aisks-article .aisks-pros,.aisks-article .aisks-cons{padding:15px}}

/* v1.0.4 — editorial HTML components, polished motion and accessible contrast */
.aisks-article{isolation:isolate;position:relative;animation:aisks-article-enter .65s cubic-bezier(.2,.75,.25,1) both}
.aisks-article .aisks-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;padding:7px 12px;border:1px solid #b8dff5;border-radius:999px;background:#e8f6ff;color:#075985;font-size:.76rem;line-height:1.35;font-weight:850;letter-spacing:.105em;text-transform:uppercase}
.aisks-article .aisks-eyebrow:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#0284c7;box-shadow:0 0 0 4px rgba(2,132,199,.13)}
.aisks-article .aisks-lead{font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.75;color:#243c56;font-weight:500;letter-spacing:-.012em;margin:0 0 1.7em;padding:0 0 1.4em;border-bottom:1px solid #dbe6f1}
.aisks-article .aisks-takeaways{position:relative;overflow:hidden;padding:clamp(20px,3.5vw,30px);border:1px solid #b6dcf5;border-radius:20px;background:linear-gradient(135deg,#e7f5ff 0%,#f5f8ff 65%,#edf3ff 100%);box-shadow:0 12px 30px rgba(18,72,116,.08)}
.aisks-article .aisks-takeaways:after{content:"";position:absolute;right:-35px;top:-55px;width:155px;height:155px;border:1px solid rgba(2,132,199,.16);border-radius:50%;box-shadow:0 0 0 18px rgba(2,132,199,.035),0 0 0 38px rgba(2,132,199,.025);pointer-events:none}
.aisks-article .aisks-takeaways h2{position:relative;z-index:1;margin:.05em 0 .75em;padding:0;border:0;font-size:1.25rem;color:#103b60}
.aisks-article .aisks-takeaways h2:after{display:none}
.aisks-article .aisks-takeaways ul,.aisks-article .aisks-takeaways ol,.aisks-article .aisks-takeaways p{position:relative;z-index:1}
.aisks-article .aisks-section-intro{font-size:1.04em;color:#455b73}
.aisks-article .aisks-feature-grid{align-items:stretch}
.aisks-article .aisks-feature-card{position:relative;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.aisks-article .aisks-feature-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#0284c7,#38bdf8);opacity:.9}
.aisks-article .aisks-feature-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,40,80,.11);border-color:#9ccbe9}
.aisks-article .aisks-number{display:inline-grid;place-items:center;min-width:2.15em;height:2.15em;margin:0 .45em .3em 0;border-radius:10px;background:#dff2ff;color:#075985;font-size:.88em;font-weight:900}
.aisks-article .aisks-steps{counter-reset:aisks-step;list-style:none;padding:0;margin:1.4em 0}
.aisks-article .aisks-steps>li{counter-increment:aisks-step;position:relative;padding:18px 20px 18px 66px;margin:12px 0;border:1px solid #d8e4ef;border-radius:15px;background:linear-gradient(120deg,#fff,#f7fbff);box-shadow:0 5px 16px rgba(20,50,80,.04)}
.aisks-article .aisks-steps>li:before{content:counter(aisks-step,decimal-leading-zero);position:absolute;left:17px;top:17px;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#0b5e91;color:#fff;font-size:.78rem;font-weight:900}
.aisks-article .aisks-checklist{list-style:none;padding-left:0}
.aisks-article .aisks-checklist li{position:relative;padding-left:1.8em}
.aisks-article .aisks-checklist li:before{content:"✓";position:absolute;left:0;top:.05em;display:grid;place-items:center;width:1.3em;height:1.3em;border-radius:50%;background:#d8f7e8;color:#087044;font-size:.85em;font-weight:900}
.aisks-article .aisks-comparison{border-radius:16px;overflow:hidden}
.aisks-article .aisks-inline-note{padding:12px 15px;border-left:3px solid #64748b;background:#f1f5f9;color:#334155;border-radius:0 10px 10px 0;font-size:.93em}
.aisks-article .aisks-conclusion{margin-top:2em;padding:clamp(20px,3vw,28px);border-radius:18px;background:linear-gradient(135deg,#0b3154,#0b5e91);color:#f7fbff;box-shadow:0 12px 28px rgba(11,49,84,.18)}
.aisks-article .aisks-conclusion h2,.aisks-article .aisks-conclusion h3,.aisks-article .aisks-conclusion p,.aisks-article .aisks-conclusion li,.aisks-article .aisks-conclusion strong{color:#fff}
.aisks-article .aisks-conclusion h2{margin-top:0;border:0}.aisks-article .aisks-conclusion h2:after{display:none}
.aisks-template-technology .aisks-eyebrow{background:#123047;border-color:#25617b;color:#baf4ff}.aisks-template-technology .aisks-eyebrow:before{background:#22d3ee;box-shadow:0 0 0 4px rgba(34,211,238,.15)}
.aisks-template-technology .aisks-lead{color:#dcecff;border-color:#33465f}
.aisks-template-technology .aisks-takeaways{background:linear-gradient(135deg,#142b43,#17263e);border-color:#3a5876;box-shadow:none}.aisks-template-technology .aisks-takeaways h2{color:#f6fbff}.aisks-template-technology .aisks-takeaways p,.aisks-template-technology .aisks-takeaways li{color:#e4efff}
.aisks-template-technology .aisks-steps>li{background:#14243a;border-color:#344b67;color:#e8f2ff}.aisks-template-technology .aisks-steps>li:before{background:#0e7490;color:#fff}.aisks-template-technology .aisks-inline-note{background:#172a40;color:#e2efff;border-left-color:#22d3ee}
.aisks-template-technology .aisks-conclusion{background:linear-gradient(135deg,#10283f,#075985);border:1px solid #34627e}
.aisks-template-learning-guide .aisks-eyebrow{background:#dcfce9;border-color:#a7e8c5;color:#115e42}.aisks-template-learning-guide .aisks-eyebrow:before{background:#059669;box-shadow:0 0 0 4px rgba(5,150,105,.12)}
.aisks-template-learning-guide .aisks-lead{color:#244d3c;border-color:#c5e8d7}.aisks-template-learning-guide .aisks-takeaways{background:linear-gradient(135deg,#dcfce9,#f0fdf4);border-color:#a7e8c5}.aisks-template-learning-guide .aisks-takeaways h2{color:#104c38}.aisks-template-learning-guide .aisks-steps>li{background:#fff;border-color:#c5e8d7}.aisks-template-learning-guide .aisks-steps>li:before{background:#087f5b}.aisks-template-learning-guide .aisks-conclusion{background:linear-gradient(135deg,#14532d,#087f5b)}
.aisks-template-clean-magazine .aisks-eyebrow{font-family:Arial,Helvetica,sans-serif;background:#f1f5f9;border-color:#cbd5e1;color:#334155}.aisks-template-clean-magazine .aisks-lead{font-family:Georgia,"Times New Roman",serif;color:#334155}
@keyframes aisks-article-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.aisks-article{animation:none!important}.aisks-article .aisks-feature-card{transition:none!important}.aisks-article .aisks-feature-card:hover{transform:none}}
@media(max-width:640px){.aisks-article .aisks-eyebrow{font-size:.7rem}.aisks-article .aisks-lead{font-size:1.06rem}.aisks-article .aisks-steps>li{padding:15px 14px 15px 56px}.aisks-article .aisks-steps>li:before{left:12px;top:14px;width:30px;height:30px}.aisks-article .aisks-takeaways{border-radius:15px}}