:root {
  --sn-ink: #192a3d;
  --sn-muted: #5d6b79;
  --sn-blue: #1e63f3;
  --sn-cream: #f7f5ee;
  --sn-paper: #ffffff;
  --sn-line: #dfe5ec;
  --sn-night: #08111e;
  --sn-radius: 24px;
  --sn-shadow: 0 18px 55px rgba(18, 37, 63, .12);
}

body.sn-education-experience { background: #f3f6f9 !important; }
body.sn-education-experience .meta-author,
body.sn-education-experience .ct-meta-element-author,
body.sn-education-experience .ct-media-container-static,
body.sn-education-experience .post-edit-link { display: none !important; }
body > img[src*="cropped-Spliff-DC-Vector"],
body > a[href*="cropped-Spliff-DC-Vector"] { display: none !important; }
body.single-post .ct-container-full > article { width: 100% !important; max-width: none !important; }
body.single-post .comments-area,
body.single-post #comments { display: none !important; }

.sn-education-intro {
  position: relative;
  overflow: hidden;
  margin: 0 0 52px;
  padding: clamp(34px, 6vw, 76px);
  border-radius: 30px;
  color: white;
  background: radial-gradient(circle at 86% 18%, rgba(58, 132, 255, .55), transparent 29%), radial-gradient(circle at 7% 92%, rgba(36, 199, 180, .26), transparent 27%), linear-gradient(135deg, #07101d 0%, #102c58 58%, #0d4bb2 100%);
  box-shadow: var(--sn-shadow);
}
.sn-education-intro::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  right: -90px;
  bottom: -210px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  box-shadow: 0 0 0 50px rgba(255,255,255,.035), 0 0 0 100px rgba(255,255,255,.025);
}
.sn-education-eyebrow { margin-bottom: 12px; color: #9bc1ff; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.sn-education-intro h1 { position: relative; z-index: 1; max-width: 780px; margin: 0 0 18px; color: #fff !important; font-size: clamp(42px, 7vw, 78px) !important; line-height: .98 !important; letter-spacing: -.045em; }
.sn-education-intro p { position: relative; z-index: 1; max-width: 720px; margin: 0; color: #dce9ff !important; font-size: clamp(17px, 2.2vw, 22px) !important; line-height: 1.55 !important; }
.sn-education-intro nav { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.sn-education-intro nav a { padding: 10px 14px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: #fff !important; background: rgba(255,255,255,.08); font-size: 13px; font-weight: 700; text-decoration: none; }

body.blog .entries,
body.archive .entries { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px !important; }
body.blog article.entry-card,
body.archive article.entry-card { display: flex !important; flex-direction: column; min-width: 0; padding: 0 0 28px !important; overflow: hidden; border: 1px solid var(--sn-line) !important; border-radius: var(--sn-radius) !important; background: var(--sn-paper) !important; box-shadow: 0 12px 35px rgba(22, 42, 70, .08); transition: transform .22s ease, box-shadow .22s ease; }
body.blog article.entry-card:hover,
body.archive article.entry-card:hover { transform: translateY(-4px); box-shadow: var(--sn-shadow); }
.sn-education-card-visual { display: block; aspect-ratio: 16 / 9; margin: 0 0 28px; overflow: hidden; background: var(--sn-night); }
.sn-education-card-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
article.entry-card:hover .sn-education-card-visual img { transform: scale(1.035); }
body.blog article.entry-card > :not(.sn-education-card-visual),
body.archive article.entry-card > :not(.sn-education-card-visual) { margin-left: 28px; margin-right: 28px; }
body.blog article.entry-card .entry-meta,
body.archive article.entry-card .entry-meta { color: var(--sn-blue) !important; font-size: 12px !important; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
body.blog article.entry-card .entry-title,
body.archive article.entry-card .entry-title { margin-top: 10px !important; font-size: clamp(25px, 3vw, 36px) !important; line-height: 1.08 !important; letter-spacing: -.03em; }
body.blog article.entry-card .entry-title a,
body.archive article.entry-card .entry-title a { color: var(--sn-ink) !important; }
body.blog article.entry-card .entry-excerpt,
body.blog article.entry-card .entry-excerpt p,
body.archive article.entry-card .entry-excerpt,
body.archive article.entry-card .entry-excerpt p { color: var(--sn-muted) !important; font-size: 16px !important; line-height: 1.65 !important; }
.sn-education-read { display: inline-flex !important; align-items: center; margin-top: auto !important; color: var(--sn-blue) !important; font-size: 14px; font-weight: 800; text-decoration: none; }

body.single-post article > .hero-section { display: grid !important; grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr); align-items: center; gap: clamp(30px, 4vw, 56px); width: min(1240px, calc(100% - 48px)) !important; max-width: 1240px !important; margin: clamp(24px, 5vw, 70px) auto 0 !important; padding: clamp(34px, 6vw, 72px) !important; border-radius: 32px; color: #fff; background: linear-gradient(135deg, #07101d, #123266 72%, #1765d8); box-shadow: var(--sn-shadow); }
body.single-post .hero-section .page-title { margin: 0 0 22px !important; color: #fff !important; font-size: clamp(38px, 4.4vw, 60px) !important; line-height: 1.03 !important; letter-spacing: -.04em; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; }
body.single-post .hero-section .entry-meta,
body.single-post .hero-section .entry-meta a,
body.single-post .hero-section .entry-meta time { color: #c9dcff !important; font-size: 13px !important; font-weight: 700; }
.sn-article-visual { position: relative; margin: 0 !important; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; box-shadow: 0 24px 60px rgba(0,0,0,.28); }
.sn-article-visual img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }

.sn-article-layout { display: grid; grid-template-columns: minmax(0, 820px) 290px; align-items: start; justify-content: center; gap: clamp(32px, 5vw, 70px); max-width: 1240px; margin: 38px auto 72px; padding: 0 24px; }
body.single-post .entry-content { width: 100% !important; max-width: none !important; padding: clamp(24px, 4vw, 46px) !important; border: 1px solid var(--sn-line); border-radius: 28px; color: var(--sn-ink) !important; background: #fff !important; box-shadow: 0 14px 45px rgba(20, 41, 69, .08); }
body.single-post .entry-content p,
body.single-post .entry-content li,
body.single-post .entry-content blockquote,
body.single-post .entry-content figcaption { color: #33475b !important; font-size: clamp(17px, 1.8vw, 20px) !important; line-height: 1.78 !important; }
body.single-post .entry-content > p:first-of-type { color: var(--sn-ink) !important; font-size: clamp(20px, 2.3vw, 26px) !important; line-height: 1.55 !important; font-weight: 600; }
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4 { color: var(--sn-ink) !important; }
body.single-post .entry-content h2 { margin: 0 0 20px !important; font-size: clamp(30px, 4vw, 46px) !important; line-height: 1.08 !important; letter-spacing: -.035em; }
body.single-post .entry-content h3 { margin-top: 30px !important; font-size: clamp(23px, 3vw, 31px) !important; }
.sn-content-section { margin: 32px -16px 0; padding: clamp(26px, 4vw, 42px); border: 1px solid #e2e8ef; border-radius: 22px; background: #f7f9fc; }
.sn-content-section:nth-of-type(even) { border-color: #d9e6ff; background: #f1f6ff; }
body.single-post .entry-content ul,
body.single-post .entry-content ol { padding-left: 1.3em; }
body.single-post .entry-content li { margin-bottom: 10px; }

.sn-editorial-actions { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 32px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sn-editorial-actions a { display: flex; min-height: 58px; align-items: center; justify-content: center; padding: 12px 14px; border: 1px solid #dce4ee; border-radius: 14px; color: var(--sn-ink) !important; background: #f7f9fc; font-size: 12px; font-weight: 800; line-height: 1.25; text-align: center; text-decoration: none; }
.sn-editorial-actions .sn-editorial-action--primary { border-color: var(--sn-blue); color: #fff !important; background: var(--sn-blue); }

.sn-learning-rail { position: sticky; top: 110px; display: grid; gap: 18px; }
.sn-learning-rail-card { padding: 24px; border: 1px solid var(--sn-line); border-radius: 20px; background: #fff; box-shadow: 0 10px 30px rgba(20, 41, 69, .07); }
.sn-learning-rail-card strong { display: block; margin-bottom: 14px; color: var(--sn-ink); font-size: 18px; }
.sn-learning-rail ol { margin: 0; padding-left: 20px; }
.sn-learning-rail li { margin: 0 0 11px; color: #7d8a98; font-size: 13px; }
.sn-learning-rail a { color: #344a61; font-weight: 650; line-height: 1.4; text-decoration: none; }
.sn-learning-rail-card--dark { color: #fff; background: var(--sn-night); }
.sn-learning-rail-card--dark span { display: block; margin-bottom: 16px; color: #a9c7ff; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sn-learning-rail-card--dark a { display: block; margin-top: 12px; color: #fff; }

.sn-education-next { display: grid; grid-template-columns: 1.2fr .8fr; gap: 36px; max-width: 1192px; margin: 0 auto 82px; padding: clamp(30px, 5vw, 56px); border-radius: 28px; color: white; background: linear-gradient(135deg, #0a1626, #173e79); }
.sn-education-next span { color: #9dc1ff; font-size: 12px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.sn-education-next h2 { margin: 10px 0 12px; color: #fff !important; font-size: clamp(28px, 4vw, 44px) !important; line-height: 1.08; }
.sn-education-next p { color: #dce7f7 !important; }
.sn-education-next-links { display: grid; align-content: center; gap: 10px; }
.sn-education-next-links a { padding: 14px 16px; border: 1px solid rgba(255,255,255,.17); border-radius: 12px; color: #fff !important; background: rgba(255,255,255,.07); font-weight: 750; text-decoration: none; }
footer nav[aria-label="Footer discover"] [data-sn-education-link] { color: #fff !important; font-weight: 750; }

@media (max-width: 900px) {
  body.blog .entries,
  body.archive .entries,
  body.single-post article > .hero-section,
  .sn-article-layout,
  .sn-education-next { grid-template-columns: 1fr !important; }
  .sn-learning-rail { position: static; order: -1; }
  .sn-learning-rail-card:first-child { display: none; }
  .sn-editorial-actions { grid-template-columns: 1fr; }
  .sn-article-visual { order: -1; }
}

@media (max-width: 600px) {
  .sn-education-intro { margin-bottom: 28px; padding: 32px 24px; border-radius: 20px; }
  .sn-education-intro h1 { font-size: clamp(38px, 12vw, 54px) !important; }
  body.blog .entries,
  body.archive .entries { gap: 20px !important; }
  body.blog article.entry-card,
  body.archive article.entry-card { border-radius: 18px !important; }
  body.blog article.entry-card > :not(.sn-education-card-visual),
  body.archive article.entry-card > :not(.sn-education-card-visual) { margin-left: 20px; margin-right: 20px; }
  body.single-post article > .hero-section { width: calc(100% - 28px) !important; margin: 18px 14px 0 !important; padding: 22px !important; border-radius: 22px; }
  body.single-post .hero-section .page-title { font-size: clamp(34px, 9vw, 44px) !important; overflow-wrap: break-word !important; }
  .sn-article-layout { margin-top: 18px; padding: 0 14px; }
  body.single-post .entry-content { padding: 22px !important; border-radius: 20px; }
  .sn-content-section { margin-left: -10px; margin-right: -10px; padding: 24px 20px; border-radius: 17px; }
  .sn-education-next { margin: 0 14px 52px; padding: 28px 22px; border-radius: 20px; }
}