:root {
  --df-editorial-ink: #092338;
  --df-editorial-muted: #536779;
  --df-editorial-line: #d9e5eb;
  --df-editorial-mint: #58e6c2;
  --df-editorial-lime: #c8ff3d;
  --df-editorial-paper: #f5f8f9;
}

.df-editorial-article .site-content {
  background: linear-gradient(180deg, #eef5f7 0, #fff 420px);
}

.df-editorial-article .site-main > article {
  max-width: 940px;
  margin: 40px auto 72px;
  overflow: hidden;
  border: 1px solid var(--df-editorial-line);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(9, 35, 56, .10);
}

.df-editorial-article .entry-header {
  padding: clamp(28px, 5vw, 62px) clamp(22px, 6vw, 72px) 20px;
  margin: 0;
}

.df-editorial-article .entry-title {
  max-width: 16ch;
  margin: 0;
  color: var(--df-editorial-ink);
  font-size: clamp(2.15rem, 5vw, 4.6rem);
  line-height: .98;
  letter-spacing: -.045em;
}

.df-editorial-article .entry-meta { display: none; }

.df-editorial-article .post-thumb,
.df-editorial-article .post-thumb-img-content {
  margin: 0 clamp(22px, 6vw, 72px) 26px;
  overflow: hidden;
  border-radius: 20px;
  background: #0b2e45;
}

.df-editorial-article .post-thumb img,
.df-editorial-article .post-thumb-img-content img {
  width: 100%;
  max-height: 470px;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

.df-editorial-article .entry-content {
  padding: 0 clamp(22px, 6vw, 72px) clamp(36px, 6vw, 72px);
  color: #263e50;
  font-size: clamp(1.04rem, 1.7vw, 1.16rem);
  line-height: 1.78;
}

.df-editorial-article .entry-content > p,
.df-editorial-article .entry-content > ul,
.df-editorial-article .entry-content > ol,
.df-editorial-article .entry-content > h2,
.df-editorial-article .entry-content > h3 { max-width: 720px; }

.df-editorial-article .entry-content h2 {
  margin-top: 2.15em;
  color: var(--df-editorial-ink);
  font-size: clamp(1.6rem, 3vw, 2.35rem);
  line-height: 1.12;
  letter-spacing: -.025em;
}

.df-editorial-article .entry-content a {
  color: #075f68;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.df-editorial-trust {
  max-width: 720px;
  margin: 4px 0 34px;
  padding: 20px 22px;
  border: 1px solid #c6dce3;
  border-left: 5px solid var(--df-editorial-mint);
  border-radius: 14px;
  background: var(--df-editorial-paper);
}

.df-editorial-trust__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 18px;
}

.df-editorial-kicker {
  color: #085b62;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .115em;
  text-transform: uppercase;
}

.df-editorial-trust__top a { font-size: .9rem; font-weight: 800; }
.df-editorial-byline { margin: 13px 0 0; color: var(--df-editorial-ink); font-size: .96rem; }
.df-editorial-context { margin: 7px 0 0; color: var(--df-editorial-muted); font-size: .91rem; line-height: 1.55; }

.df-editorial-related {
  max-width: none;
  margin: 52px -10px 0;
  padding: clamp(24px, 4vw, 38px);
  border-radius: 20px;
  background: var(--df-editorial-ink);
  color: #fff;
}

.df-editorial-related h2 { margin: 5px 0 22px !important; color: #fff !important; }
.df-editorial-related .df-editorial-kicker { color: var(--df-editorial-lime); }
.df-editorial-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.df-editorial-related__card { overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(255,255,255,.07); color: #fff !important; text-decoration: none !important; }
.df-editorial-related__card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.df-editorial-related__card span { display: block; padding: 14px 14px 8px; font-size: .96rem; font-weight: 850; line-height: 1.28; }
.df-editorial-related__card em { display: block; padding: 0 14px 15px; color: var(--df-editorial-lime); font-size: .78rem; font-style: normal; font-weight: 900; text-transform: uppercase; }
.df-editorial-corrections { margin: 22px 0 0; color: #c9d7df; font-size: .86rem; }
.df-editorial-corrections a { color: #fff !important; }

.df-editorial-policy {
  max-width: 980px;
  margin: 42px auto 76px;
  padding: 0 22px;
  color: #263e50;
}
.df-editorial-policy__hero {
  padding: clamp(32px, 6vw, 64px);
  border-radius: 26px;
  background: linear-gradient(135deg, #08243a, #0d5260);
  color: #fff;
  box-shadow: 0 24px 60px rgba(9,35,56,.16);
}
.df-editorial-policy__hero .df-editorial-kicker { color: var(--df-editorial-lime); }
.df-editorial-policy__hero h1 { max-width: 13ch; margin: 10px 0 18px; color: #fff; font-size: clamp(2.4rem, 6vw, 5rem); line-height: .98; letter-spacing: -.045em; }
.df-editorial-policy__hero p:last-child { max-width: 700px; margin-bottom: 0; color: #dbe9ed; font-size: 1.12rem; line-height: 1.65; }
.df-editorial-policy > section:not(.df-editorial-policy__hero) { max-width: 780px; margin: 0 auto; padding: 38px 22px 0; }
.df-editorial-policy h2 { color: var(--df-editorial-ink); font-size: clamp(1.55rem, 3vw, 2.2rem); letter-spacing: -.025em; }
.df-editorial-policy p, .df-editorial-policy li { line-height: 1.72; }
.df-editorial-policy a { color: #075f68; font-weight: 750; text-underline-offset: 3px; }
.df-editorial-policy-page .entry-header { display: none; }
.df-editorial-policy-page .entry-content { margin-top: 0; }
.df-blog-index-v5 img.df-blog-card-visual { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }

.df-editorial-article .comments-area,
.df-editorial-article .post-navigation { display: none; }

.df-editorial-surface.archive .site-main,
.df-editorial-surface.blog .site-main {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  max-width: 1180px;
  margin: 44px auto 70px;
}

.df-editorial-surface.archive .page-header,
.df-editorial-surface.blog .page-header { grid-column: 1 / -1; }
.df-editorial-surface.archive .site-main > article,
.df-editorial-surface.blog .site-main > article { margin: 0; border: 1px solid var(--df-editorial-line); border-radius: 20px; box-shadow: 0 16px 38px rgba(9,35,56,.08); }

@media (max-width: 760px) {
  .df-editorial-article .site-main > article { margin: 16px 12px 42px; border-radius: 20px; }
  .df-editorial-article .entry-header { padding-top: 30px; }
  .df-editorial-article .entry-title { max-width: none; font-size: clamp(2.05rem, 11vw, 3rem); }
  .df-editorial-trust__top { align-items: flex-start; flex-direction: column; }
  .df-editorial-byline span { display: none; }
  .df-editorial-byline time { display: block; margin-top: 3px; }
  .df-editorial-related { margin-inline: 0; }
  .df-editorial-related__grid { grid-template-columns: 1fr; }
  .df-editorial-related__card { display: grid; grid-template-columns: 112px 1fr; align-items: center; }
  .df-editorial-related__card img { grid-row: 1 / 3; height: 100%; aspect-ratio: auto; }
  .df-editorial-surface.archive .site-main,
  .df-editorial-surface.blog .site-main { grid-template-columns: 1fr; margin: 24px 14px 50px; }
}

@media (prefers-reduced-motion: reduce) {
  .df-editorial-surface *, .df-editorial-surface *::before, .df-editorial-surface *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
