/* Global rules from the design <helmet>. */
body{margin:0;background:#f5f7fb;}a{color:#1f5eff;}a:hover{color:#1648d8;}*{box-sizing:border-box;}input::placeholder{color:#8b97b4;}
[hidden]{display:none !important;}
img.st-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}

/* Hover states from the design (style-hover). !important is required to override inline styles. */
.hv1:hover{background: #3a73ff !important;}
.hv2:hover{background: rgba(255,255,255,0.06) !important;}
.hv3:hover{background: #f3f6ff !important;}
.hv4:hover{background: #1f5eff !important;}
.hv5:hover{color: #1f5eff !important;}
.hv6:hover{border-color: #1f5eff !important; color: #1f5eff !important;}
.hv7:hover{border-color: #1f5eff !important; box-shadow: 0 10px 30px rgba(31,94,255,0.12) !important;}
.hv8:hover{border-color: #1f5eff !important;}
.hv9:hover{box-shadow: 0 24px 60px rgba(10,18,51,0.1) !important;}
.hv10:hover{background: #eef2fb !important;}
.hv11:hover{border-color: #1f5eff !important; box-shadow: 0 16px 40px rgba(10,18,51,0.08) !important;}
.hv12:hover{border-color: #9fb9ff !important;}
.hv13:hover{background: #1648d8 !important;}
.hv14:hover{background: #eef2fb !important; color: #1f5eff !important;}
.hv15:hover{color: #fff !important;}

/* Article body — mirrors the inline styles of the design's article template so editor HTML renders identically. */
.st-prose > :first-child{margin-top:0;}
.st-prose p{margin:0 0 28px;}
.st-prose > p:last-child{margin-bottom:0;}
.st-prose h2{font-family:'Sora',sans-serif;font-weight:700;font-size:30px;letter-spacing:-0.03em;line-height:1.2;color:#0a1233;margin:48px 0 18px;}
.st-prose h3{font-family:'Sora',sans-serif;font-weight:600;font-size:23px;letter-spacing:-0.02em;line-height:1.25;color:#0a1233;margin:36px 0 14px;}
.st-prose blockquote{margin:40px 0;padding:28px 32px;border-radius:18px;background:#0a1233;color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:24px;line-height:1.35;letter-spacing:-0.02em;}
.st-prose blockquote p{margin:0;}
.st-prose ul,.st-prose ol{display:grid;gap:10px;margin:0 0 28px;padding:0;list-style:none;counter-reset:st;}
.st-prose li{position:relative;background:#fff;border:1px solid #e3e8f2;border-radius:14px;padding:16px 20px 16px 54px;font-size:17px;}
.st-prose li::before{position:absolute;left:20px;top:19px;font-family:'JetBrains Mono',monospace;color:#1f5eff;font-size:14px;line-height:1.75;}
.st-prose ul li::before{content:'→';}
.st-prose ol li{counter-increment:st;}
.st-prose ol li::before{content:counter(st,decimal-leading-zero);}
.st-prose pre{margin:0 0 28px;border-radius:14px;background:#060b1f;padding:22px 24px;font-family:'JetBrains Mono',monospace;font-size:14px;line-height:1.9;color:#c9d1e0;overflow-x:auto;}
.st-prose code{font-family:'JetBrains Mono',monospace;font-size:0.85em;}
.st-prose :not(pre) > code{background:#eef2fb;color:#0a1233;padding:2px 6px;border-radius:6px;}
.st-prose a{color:#1f5eff;font-weight:700;text-decoration:none;}
.st-prose a:hover{color:#1648d8;}
.st-prose img{max-width:100%;height:auto;border-radius:18px;}

/* Placeholder boxes from the design become image frames once a real image is uploaded. */
.st-media{position:relative;overflow:hidden;}