.newsletter_main {
  max-width:720px;
  transition: padding 350ms;
  padding-top:0;
}

@media (min-width:900px) {
  .newsletter_main {
    padding: 52px;
    padding-top:0;
  }
}

.newsletter_hero_wrapper {
  padding:30px 0;
}

@media (min-width:1000px) {
 .newsletter_hero_wrapper {
    padding:60px 0;
  } 
}

.newsletter_hero {
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content: center;
  gap:50px;
  margin-bottom:60px;
}

.newsletter_hero h1 {
  margin-bottom:14px;
  text-wrap:balance;
  line-height:1;
  font-family: "Ivar";
  font-weight:400;
  font-size:42px;
  letter-spacing:-0.9px;
}

.newsletter_hero .intro {
  max-width:750px;
}

.newsletter_hero .intro p {
  font-size: 20px;
  line-height:1.3;
  color: #666;
  margin-bottom:0px;
  text-wrap:pretty;
  font-family: "Inter", -apple-system, sans-serif;
  letter-spacing:-0.2px;
  margin-bottom:30px;
}

.newsletter_issue_hero h1 {
  margin-bottom:5px;
}

p.newsletter_subheading {
  color:var(--soft-grey);
  margin-bottom:4px;
  font-size:17px;
  font-family:"Inter", sans-serif;
  font-weight:700;
}

.newsletter_content {
  padding:32px;
  font-size:18px;
}

.newsletter_items {
  display:flex;
  flex-direction:column;
  gap:40px;
  margin-bottom:40px;
}

.newsletter_item {
  border-radius:8px;
}

.newsletter_item .title {
  font-weight:600;
  letter-spacing:-0.5px;
  margin-bottom:4px;
  font-size:21px;
}

.newsletter_item .description {
  margin-bottom:12px;
}

.newsletter_cta {
  border:1px solid var(--gridline);
  border-radius:12px;
  padding:24px;
  text-align: center;
  text-wrap:balance;
}

.cf-turnstile {
  margin-bottom:10px;
}

.newsletter_hero_wrapper .homepage_hero h1 {
  font-size:38px;
}

.example_newsletter {
  padding-left:var(--example-alert-padding);
  padding-right:var(--example-alert-padding);
  font-family: "Inter", sans-serif;
  font-size:14px;
}

.example_newsletter_logo svg.newsletter_logo {
  width:38px;
  height:auto;
  padding-top:18px;
  padding-bottom:10px;
}

.example_newsletter_date {
  color:var(--soft-grey);
  font-weight:700;
}

.example_newsletter_overview {
  border-bottom:1px solid var(--gridline);
  padding-bottom:14px;
  margin-bottom:14px;
}

.example_newsletter_item .title {
  font-weight:700;
  font-size:16px;
  margin-bottom:3px;
}

.example_newsletter_item .description {
  margin-bottom:6px;
}

.example_newsletter_item span.why_it_matters {
  font-weight:700;
}

.screenshot_inner {
  height:100%;
  mask-image: linear-gradient(to bottom, 
    transparent, 
    black 0%, 
    black 92%, 
    transparent);
}

.newsletter_banner {
  background-color:var(--magic);
  color:#665655;
  text-align:center;
  font-size:16px;
  font-family:"Matter SemiMono", monospace;
}

.newsletter_banner a.latest_issue_link {
  display:flex;
  align-items:center;
  gap:10px;
  justify-content: center;
  text-decoration:none;
  color:#fff;
  padding:40px;
}

.newsletter_cta_button {
  background-color:var(--magic);
  padding:20px;
  text-align:center;
  color:#fff;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content: center;
  gap:8px;
  border-radius:8px;
  margin-bottom:20px;
  font-family: "Matter SemiMono", monospace;
  font-size:15px;
  box-shadow:var(--box-shadow-combined);
  transition:transform 400ms;
  text-wrap:balance;
}

.newsletter_cta_button:hover {
  color:#fff;
  transform:scale(1.01);
  transition: transform 150ms;
}

svg.newsletter_logo {
  width:45px;
  height:auto;
}

.newsletter_overview {
  border-bottom:1px solid var(--gridline);
  padding-top:10px;
  padding-bottom:40px;
}

.newsletter_issue_hero {
  padding:32px;
  padding-bottom:16px;
}

.newsletter_hero_wrapper {
  background-color:var(--soft-black);
  color:#fff;
  position:relative;
  margin:auto;
  margin-bottom:40px;
}

.newsletter_hero_wrapper h1 {
  color:#fff;
  text-wrap:balance;
  line-height:1.1;
  padding:20px;
  border-bottom:1px solid #fdfdf75e;
  font-size:31px;
}

.newsletter_hero_wrapper .explanation {
  font-family: "Inter", sans-serif;
  font-size:18px;
  padding:20px;
}

a.newsletter_callout {
  background-color:var(--alert-red);
  color:#fff;
  box-shadow:var(--box-shadow-combined);
  border-radius:8px;
  width:100%;
  text-decoration:none;
  font-family: "Inter", sans-serif;
  font-size:15px;
  transition:transform 600ms;
  display:none;
}

.newsletter_callout_inner {
  padding:25px;
}

a.newsletter_callout:hover {
  color:#fff;
  transform:scale(1.02);
  transition:transform 200ms;
}

span.bold {
  font-weight:700;
  display:block;
  text-wrap:pretty;
  margin-bottom:3px;
}

.newsletter_wrapper {
  display:flex;
  flex-direction:column;
}

@media (min-width:1300px) {
  a.newsletter_callout {
    display:block;
    flex: 0 0 280px;
    position: sticky;
    top: 10dvh;
    align-self: flex-start;
  }
  .newsletter_wrapper {
    flex-direction: row-reverse;
    justify-content: left;
  }
}