@charset "UTF-8";
/* line 29, app/assets/stylesheets/writing_landing.scss */
.wl {
  --blue:#0755ce;
  --deep:#062765;
  --ink:#14223a;
  --muted:#5b6b84;
  --pale:#edf5ff;
  --soft:#f6f9fe;
  --line:#dce5f1;
  --accent:#e7a427 ;
}

/* line 30, app/assets/stylesheets/writing_landing.scss */
.wl, .wl * {
  box-sizing: border-box;
}

/* line 31, app/assets/stylesheets/writing_landing.scss */
.wl {
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: 'Pretendard','Noto Sans KR',system-ui,sans-serif;
  font-size: 16px;
  line-height: 1.7;
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* line 32, app/assets/stylesheets/writing_landing.scss */
.wl a {
  color: inherit;
  text-decoration: none;
}

/* line 33, app/assets/stylesheets/writing_landing.scss */
.wl img {
  max-width: 100%;
  display: block;
}

/* line 34, app/assets/stylesheets/writing_landing.scss */
.wl button {
  font: inherit;
}

/* line 35, app/assets/stylesheets/writing_landing.scss */
.wl .wrap {
  width: calc(100% - 32px);
  max-width: 1120px;
  margin: 0 auto;
}

/* line 36, app/assets/stylesheets/writing_landing.scss */
.wl .eyebrow {
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  color: var(--blue);
  text-transform: uppercase;
}

/* line 37, app/assets/stylesheets/writing_landing.scss */
.wl .section {
  padding: 60px 0;
}

/* line 38, app/assets/stylesheets/writing_landing.scss */
.wl .soft {
  background: var(--soft);
}

/* line 39, app/assets/stylesheets/writing_landing.scss */
.wl .head {
  margin-bottom: 28px;
}

/* line 40, app/assets/stylesheets/writing_landing.scss */
.wl .head h2 {
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: -.03em;
  margin: 10px 0 12px;
  font-weight: 700;
  text-wrap: balance;
}

/* line 41, app/assets/stylesheets/writing_landing.scss */
.wl .head p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  text-wrap: pretty;
}

/* line 42, app/assets/stylesheets/writing_landing.scss */
.wl .wl-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 12px 20px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 16px;
  border: 1px solid transparent;
  cursor: pointer;
  text-align: center;
}

/* line 43, app/assets/stylesheets/writing_landing.scss */
.wl .wl-btn-primary {
  background: var(--blue);
  color: #fff;
}

/* line 44, app/assets/stylesheets/writing_landing.scss */
.wl .wl-btn-outline {
  background: #fff;
  color: var(--deep);
  border-color: #c9d7ec;
}

/* line 45, app/assets/stylesheets/writing_landing.scss */
.wl .wl-btn-white {
  background: #fff;
  color: var(--deep);
}

/* line 46, app/assets/stylesheets/writing_landing.scss */
.wl .fine {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.7;
  margin: 18px 0 0;
}

/* line 47, app/assets/stylesheets/writing_landing.scss */
.wl .announcement {
  background: #073a99;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 12px;
}

/* line 48, app/assets/stylesheets/writing_landing.scss */
.wl .announcement b {
  color: #c9f7e5;
}

/* line 49, app/assets/stylesheets/writing_landing.scss */
.wl .nav {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #ffffffee;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid #e9eef6;
}

/* line 50, app/assets/stylesheets/writing_landing.scss */
.wl .nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  gap: 12px;
}

/* line 51, app/assets/stylesheets/writing_landing.scss */
.wl .logo {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-weight: 900;
  color: var(--deep);
  font-size: 21px;
  letter-spacing: -.06em;
  white-space: nowrap;
}

/* line 52, app/assets/stylesheets/writing_landing.scss */
.wl .logo i {
  color: var(--accent);
  font-style: normal;
}

/* line 53, app/assets/stylesheets/writing_landing.scss */
.wl .logo small {
  font-size: 9px;
  letter-spacing: .1em;
  color: #516481;
  font-weight: 800;
}

/* line 54, app/assets/stylesheets/writing_landing.scss */
.wl .nav-links {
  display: none;
}

/* line 55, app/assets/stylesheets/writing_landing.scss */
.wl .nav .wl-btn {
  min-height: 44px;
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 9px;
}

/* line 56, app/assets/stylesheets/writing_landing.scss */
.wl .hero {
  background: #eef5ff;
  padding: 28px 0 44px;
}

/* line 57, app/assets/stylesheets/writing_landing.scss */
.wl .hero-photo {
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 5/4;
  background: #e8f2ff;
  position: relative;
}

/* line 58, app/assets/stylesheets/writing_landing.scss */
.wl .hero-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 30%;
}

/* line 59, app/assets/stylesheets/writing_landing.scss */
.wl .wordmark {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 24px 0 10px;
  font-weight: 800;
  color: var(--deep);
  font-size: 15px;
}

/* line 60, app/assets/stylesheets/writing_landing.scss */
.wl .wordmark em {
  font-style: normal;
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--blue);
  background: #e3edff;
  padding: 5px 8px;
  border-radius: 6px;
}

/* line 61, app/assets/stylesheets/writing_landing.scss */
.wl .hero h1 {
  font-size: 34px;
  line-height: 1.3;
  letter-spacing: -.04em;
  margin: 0 0 8px;
  font-weight: 800;
}

/* line 62, app/assets/stylesheets/writing_landing.scss */
.wl .hero .sub {
  display: block;
  font-size: 19px;
  font-weight: 700;
  color: var(--blue);
  margin-bottom: 14px;
  letter-spacing: -.02em;
}

/* line 63, app/assets/stylesheets/writing_landing.scss */
.wl .hero p {
  margin: 0 0 22px;
  color: #4f617b;
  font-size: 16px;
  text-wrap: pretty;
}

/* line 64, app/assets/stylesheets/writing_landing.scss */
.wl .actions {
  display: grid;
  gap: 10px;
}

/* line 65, app/assets/stylesheets/writing_landing.scss */
.wl .trust {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

/* line 66, app/assets/stylesheets/writing_landing.scss */
.wl .trust li {
  font-size: 13px;
  font-weight: 700;
  color: var(--deep);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 30px;
  padding: 6px 11px;
}

/* line 67, app/assets/stylesheets/writing_landing.scss */
.wl .stack {
  display: grid;
  gap: 12px;
}

/* line 68, app/assets/stylesheets/writing_landing.scss */
.wl .card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 20px;
}

/* line 69, app/assets/stylesheets/writing_landing.scss */
.wl .card .tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  color: var(--blue);
  background: var(--pale);
  padding: 5px 10px;
  border-radius: 20px;
}

/* line 70, app/assets/stylesheets/writing_landing.scss */
.wl .card h3 {
  font-size: 18px;
  line-height: 1.45;
  letter-spacing: -.03em;
  margin: 12px 0 6px;
}

/* line 71, app/assets/stylesheets/writing_landing.scss */
.wl .card p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
}

/* line 72, app/assets/stylesheets/writing_landing.scss */
.wl .concern h3 {
  margin-top: 10px;
}

/* line 73, app/assets/stylesheets/writing_landing.scss */
.wl .who-note {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px 16px;
}

/* line 74, app/assets/stylesheets/writing_landing.scss */
.wl .who-note img {
  width: 72px;
  height: auto;
  flex: none;
}

/* line 75, app/assets/stylesheets/writing_landing.scss */
.wl .who-note p {
  margin: 0;
  font-size: 15px;
  color: var(--deep);
  font-weight: 600;
}

/* line 76, app/assets/stylesheets/writing_landing.scss */
.wl .out {
  position: relative;
  padding: 22px 20px 22px 74px;
}

/* line 77, app/assets/stylesheets/writing_landing.scss */
.wl .out .num {
  position: absolute;
  left: 20px;
  top: 18px;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  color: var(--blue);
  letter-spacing: -.05em;
}

/* line 78, app/assets/stylesheets/writing_landing.scss */
.wl .out .tag {
  margin-bottom: 2px;
}

/* line 79, app/assets/stylesheets/writing_landing.scss */
.wl .out h3 {
  margin-top: 10px;
}

/* line 80, app/assets/stylesheets/writing_landing.scss */
.wl .mini {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}

/* line 81, app/assets/stylesheets/writing_landing.scss */
.wl .mini div {
  border-left: 3px solid var(--blue);
  padding: 4px 0 4px 14px;
}

/* line 82, app/assets/stylesheets/writing_landing.scss */
.wl .mini b {
  display: block;
  font-size: 13px;
  color: var(--blue);
}

/* line 83, app/assets/stylesheets/writing_landing.scss */
.wl .mini span {
  font-size: 16px;
  font-weight: 700;
  color: var(--deep);
}

/* line 84, app/assets/stylesheets/writing_landing.scss */
.wl .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

/* line 85, app/assets/stylesheets/writing_landing.scss */
.wl .chips span {
  font-size: 14px;
  font-weight: 700;
  padding: 8px 13px;
  border-radius: 30px;
  background: #fff;
  border: 1px solid var(--line);
  color: var(--deep);
}

/* line 86, app/assets/stylesheets/writing_landing.scss */
.wl .miles {
  display: grid;
  gap: 10px;
}

/* line 87, app/assets/stylesheets/writing_landing.scss */
.wl .mile {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
}

/* line 88, app/assets/stylesheets/writing_landing.scss */
.wl .mile b {
  flex: none;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: var(--blue);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 15px;
}

/* line 89, app/assets/stylesheets/writing_landing.scss */
.wl .mile h3 {
  margin: 2px 0 2px;
  font-size: 17px;
}

/* line 90, app/assets/stylesheets/writing_landing.scss */
.wl .mile p {
  margin: 0;
  font-size: 15px;
  color: var(--muted);
}

/* line 91, app/assets/stylesheets/writing_landing.scss */
.wl .kw {
  margin-top: 26px;
}

/* line 92, app/assets/stylesheets/writing_landing.scss */
.wl .kw h3 {
  font-size: 17px;
  margin: 0 0 4px;
}

/* line 93, app/assets/stylesheets/writing_landing.scss */
.wl .kw p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
}

/* line 94, app/assets/stylesheets/writing_landing.scss */
.wl .teacher {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
}

/* line 95, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .ph {
  background: #edf5ff;
}

/* line 96, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* line 97, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .info {
  padding: 16px;
}

/* line 98, app/assets/stylesheets/writing_landing.scss */
.wl .teacher h3 {
  font-size: 18px;
  margin: 0;
}

/* line 99, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .cred {
  font-size: 13px;
  font-weight: 700;
  color: var(--blue);
  margin: 2px 0 8px;
}

/* line 100, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .style {
  font-size: 15px;
  font-weight: 700;
  color: var(--deep);
  margin: 0 0 8px;
  line-height: 1.55;
}

/* line 101, app/assets/stylesheets/writing_landing.scss */
.wl .teacher ul {
  margin: 0;
  padding-left: 17px;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.7;
}

/* line 102, app/assets/stylesheets/writing_landing.scss */
.wl .voice {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px;
}

/* line 103, app/assets/stylesheets/writing_landing.scss */
.wl .voice .tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  color: var(--blue);
  background: var(--pale);
  padding: 4px 9px;
  border-radius: 20px;
}

/* line 104, app/assets/stylesheets/writing_landing.scss */
.wl .voice p {
  margin: 10px 0 0;
  font-size: 15px;
  color: var(--ink);
}

/* line 105, app/assets/stylesheets/writing_landing.scss */
.wl .plan {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 22px;
}

/* line 106, app/assets/stylesheets/writing_landing.scss */
.wl .plan.rec {
  border: 2px solid var(--blue);
  background: #f7fbff;
}

/* line 107, app/assets/stylesheets/writing_landing.scss */
.wl .plan h3 {
  font-size: 24px;
  margin: 10px 0 2px;
  letter-spacing: -.03em;
}

/* line 108, app/assets/stylesheets/writing_landing.scss */
.wl .plan .meta {
  font-weight: 700;
  color: var(--deep);
  margin: 0 0 10px;
}

/* line 109, app/assets/stylesheets/writing_landing.scss */
.wl .plan ul {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 15px;
}

/* line 110, app/assets/stylesheets/writing_landing.scss */
.wl .faq details {
  border-bottom: 1px solid var(--line);
  padding: 16px 0;
}

/* line 111, app/assets/stylesheets/writing_landing.scss */
.wl .faq summary {
  font-weight: 600;
  font-size: 15.5px;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

/* line 112, app/assets/stylesheets/writing_landing.scss */
.wl .faq summary::-webkit-details-marker {
  display: none;
}

/* line 113, app/assets/stylesheets/writing_landing.scss */
.wl .faq summary:after {
  content: '+';
  color: var(--blue);
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
}

/* line 114, app/assets/stylesheets/writing_landing.scss */
.wl .faq details[open] summary:after {
  content: '\2212';
}

/* line 115, app/assets/stylesheets/writing_landing.scss */
.wl .faq p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 15px;
}

/* line 116, app/assets/stylesheets/writing_landing.scss */
.wl .final {
  background: var(--deep);
  color: #fff;
  padding: 56px 0;
}

/* line 117, app/assets/stylesheets/writing_landing.scss */
.wl .final h2 {
  font-size: 26px;
  line-height: 1.4;
  margin: 10px 0 12px;
  letter-spacing: -.03em;
}

/* #637 design review P0: the site-wide h2/h3 rules set a dark color and weight 400, which beat V15's
   inheritance on the dark sections — the final CTA and "more teachers" headings were navy on navy. */
/* line 120, app/assets/stylesheets/writing_landing.scss */
.wl .final h2, .wl .more-teachers h3 {
  color: inherit;
  font-weight: 700;
}

/* line 121, app/assets/stylesheets/writing_landing.scss */
.wl .final p {
  color: #b5ccef;
  margin: 0 0 22px;
}

/* line 122, app/assets/stylesheets/writing_landing.scss */
.wl .final .eyebrow {
  color: #9fcfff;
}

/* line 123, app/assets/stylesheets/writing_landing.scss */
.wl .footer {
  background: #071a41;
  color: #adc0dc;
  padding: 36px 0 36px;
  font-size: 12px;
}

/* line 124, app/assets/stylesheets/writing_landing.scss */
.wl .footer .logo {
  color: #fff;
  margin-bottom: 10px;
}

/* line 125, app/assets/stylesheets/writing_landing.scss */
.wl .footer p {
  margin: 6px 0;
  line-height: 1.8;
}

/* line 126, app/assets/stylesheets/writing_landing.scss */
.wl .footer sup {
  font-size: .65em;
}

/* line 127, app/assets/stylesheets/writing_landing.scss */
.wl .mobile-cta {
  position: fixed;
  z-index: 30;
  left: 0;
  right: 0;
  bottom: calc(4rem + 1px + env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  background: #ffffffee;
  backdrop-filter: blur(10px);
  padding: 10px 16px;
  box-shadow: 0 -8px 28px #0d286620;
}

/* #630: labels may wrap — "Book a consultation" overflowed a 320px screen with nowrap. */
/* line 129, app/assets/stylesheets/writing_landing.scss */
.wl .mobile-cta .wl-btn {
  min-height: 48px;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  padding-left: 10px;
  padding-right: 10px;
}

/* QA #619 c4/c5: the fixed CTA bar sits above the bottom nav, so at the page end it covered the site
   footer's last lines. The layout's bottom-nav spacer (the div right after nav[data-bottom-nav], inline
   height) reserves only the nav; on this page it also reserves the CTA bar (≈68–90px when the EN label wraps). */
@media (max-width: 767px) {
  /* line 134, app/assets/stylesheets/writing_landing.scss */
  body:has(.wl .mobile-cta) nav[data-bottom-nav] + div[aria-hidden="true"] {
    height: calc(4rem + 1px + 96px + env(safe-area-inset-bottom)) !important;
  }
  /* #630: same rule for browsers without :has() — the page script adds the class. Kept as its own rule:
     an unsupported :has() selector would void a combined selector list. */
  /* line 137, app/assets/stylesheets/writing_landing.scss */
  body.wl-has-mobile-cta nav[data-bottom-nav] + div[aria-hidden="true"] {
    height: calc(4rem + 1px + 96px + env(safe-area-inset-bottom)) !important;
  }
}

/* Anchor jumps (#enroll from the thanks page, the nav links) land below the sticky page header. */
/* line 140, app/assets/stylesheets/writing_landing.scss */
.wl [id] {
  scroll-margin-top: 104px;
}

@media (min-width: 768px) {
  /* line 142, app/assets/stylesheets/writing_landing.scss */
  .wl .section {
    padding: 84px 0;
  }
  /* line 143, app/assets/stylesheets/writing_landing.scss */
  .wl .head h2, .wl .final h2 {
    font-size: 32px;
  }
  /* line 144, app/assets/stylesheets/writing_landing.scss */
  .wl .stack.c2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 145, app/assets/stylesheets/writing_landing.scss */
  .wl .stack.c3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  /* line 146, app/assets/stylesheets/writing_landing.scss */
  .wl .actions {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 147, app/assets/stylesheets/writing_landing.scss */
  .wl .hero h1 {
    font-size: 44px;
  }
  /* line 148, app/assets/stylesheets/writing_landing.scss */
  .wl .mini {
    grid-template-columns: repeat(3, 1fr);
  }
  /* line 149, app/assets/stylesheets/writing_landing.scss */
  .wl .miles {
    grid-template-columns: repeat(3, 1fr);
  }
  /* line 150, app/assets/stylesheets/writing_landing.scss */
  .wl .mile {
    flex-direction: column;
  }
  /* line 151, app/assets/stylesheets/writing_landing.scss */
  .wl .teacher {
    grid-template-columns: 130px minmax(0, 1fr);
  }
  /* line 152, app/assets/stylesheets/writing_landing.scss */
  .wl .mobile-cta {
    display: none;
  }
  /* line 153, app/assets/stylesheets/writing_landing.scss */
  .wl .footer {
    padding-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  /* line 156, app/assets/stylesheets/writing_landing.scss */
  .wl .nav-links {
    display: flex;
    gap: 22px;
    font-size: 14px;
    font-weight: 700;
    color: #41516b;
  }
  /* line 157, app/assets/stylesheets/writing_landing.scss */
  .wl .hero {
    padding: 56px 0 72px;
  }
  /* line 158, app/assets/stylesheets/writing_landing.scss */
  .wl .hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: center;
  }
  /* line 159, app/assets/stylesheets/writing_landing.scss */
  .wl .hero-grid > .hero-photo {
    order: 2;
    aspect-ratio: auto;
    height: 460px;
  }
  /* line 160, app/assets/stylesheets/writing_landing.scss */
  .wl .wordmark {
    margin-top: 0;
  }
  /* line 161, app/assets/stylesheets/writing_landing.scss */
  .wl .hero h1 {
    font-size: 52px;
  }
  /* line 162, app/assets/stylesheets/writing_landing.scss */
  .wl .hero .sub {
    font-size: 22px;
  }
  /* line 163, app/assets/stylesheets/writing_landing.scss */
  .wl .hero p {
    font-size: 18px;
    max-width: 520px;
  }
  /* line 164, app/assets/stylesheets/writing_landing.scss */
  .wl .head {
    max-width: 760px;
  }
  /* line 165, app/assets/stylesheets/writing_landing.scss */
  .wl .head h2, .wl .final h2 {
    font-size: 38px;
  }
  /* line 166, app/assets/stylesheets/writing_landing.scss */
  .wl .stack.c4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  /* line 167, app/assets/stylesheets/writing_landing.scss */
  .wl .out {
    padding: 26px 24px;
  }
  /* line 168, app/assets/stylesheets/writing_landing.scss */
  .wl .out .num {
    position: static;
    display: block;
    font-size: 56px;
    margin-bottom: 12px;
  }
  /* line 169, app/assets/stylesheets/writing_landing.scss */
  .wl .final .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
  }
  /* line 170, app/assets/stylesheets/writing_landing.scss */
  .wl .final .actions {
    flex: none;
  }
}

/* line 172, app/assets/stylesheets/writing_landing.scss */
.wl .plan .tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  color: var(--blue);
  background: var(--pale);
  padding: 5px 10px;
  border-radius: 20px;
}

/* line 173, app/assets/stylesheets/writing_landing.scss */
.wl .wl-main {
  -webkit-user-select: none;
  user-select: none;
}

/* line 174, app/assets/stylesheets/writing_landing.scss */
.wl .graphic {
  max-width: 420px;
  margin: 0 auto 22px;
}

/* line 175, app/assets/stylesheets/writing_landing.scss */
.wl .graphic svg {
  width: 100%;
  height: auto;
  display: block;
}

/* line 176, app/assets/stylesheets/writing_landing.scss */
.wl .chart {
  margin: 0;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px 16px;
}

/* line 177, app/assets/stylesheets/writing_landing.scss */
.wl .chart h3 {
  font-size: 17px;
  line-height: 1.45;
  margin: 0 0 4px;
  letter-spacing: -.02em;
}

/* line 178, app/assets/stylesheets/writing_landing.scss */
.wl .chart .cap {
  font-size: 14px;
  color: var(--muted);
  margin: 0 0 12px;
}

/* line 179, app/assets/stylesheets/writing_landing.scss */
.wl .chart svg {
  width: 100%;
  height: auto;
  display: block;
  max-width: 560px;
  margin: 0 auto;
}

/* line 180, app/assets/stylesheets/writing_landing.scss */
.wl .chart figcaption {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.6;
  margin-top: 12px;
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

/* line 181, app/assets/stylesheets/writing_landing.scss */
.wl .chart.solo {
  margin-bottom: 16px;
}

@media (min-width: 1024px) {
  /* line 183, app/assets/stylesheets/writing_landing.scss */
  .wl .chart.solo {
    max-width: 640px;
  }
}

/* line 185, app/assets/stylesheets/writing_landing.scss */
.wl .graphic-cap {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--deep);
  margin: 8px 0 0;
}

/* line 186, app/assets/stylesheets/writing_landing.scss */
.wl .more-teachers {
  margin-top: 16px;
  background: var(--deep);
  color: #fff;
  border-radius: 18px;
  padding: 24px 20px;
}

/* line 187, app/assets/stylesheets/writing_landing.scss */
.wl .more-teachers .eyebrow {
  color: #9fcfff;
}

/* line 188, app/assets/stylesheets/writing_landing.scss */
.wl .more-teachers h3 {
  font-size: 21px;
  line-height: 1.45;
  margin: 8px 0 8px;
  letter-spacing: -.03em;
}

/* line 189, app/assets/stylesheets/writing_landing.scss */
.wl .more-teachers p {
  margin: 0 0 18px;
  color: #c3d4ef;
  font-size: 15px;
}

/* line 190, app/assets/stylesheets/writing_landing.scss */
.wl .more-teachers .wl-btn {
  background: #fff;
  color: var(--deep);
}

@media (min-width: 768px) {
  /* line 192, app/assets/stylesheets/writing_landing.scss */
  .wl .more-teachers {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 30px;
    align-items: center;
    padding: 30px;
  }
  /* line 193, app/assets/stylesheets/writing_landing.scss */
  .wl .more-teachers .eyebrow, .wl .more-teachers h3, .wl .more-teachers p {
    grid-column: 1;
  }
  /* line 194, app/assets/stylesheets/writing_landing.scss */
  .wl .more-teachers p {
    margin: 0;
  }
  /* line 195, app/assets/stylesheets/writing_landing.scss */
  .wl .more-teachers .wl-btn {
    grid-column: 2;
    grid-row: 1 / span 3;
  }
}

/* line 197, app/assets/stylesheets/writing_landing.scss */
.wl .mile.goal {
  border-color: #f3b0b1;
  background: #fff6f6;
}

/* line 198, app/assets/stylesheets/writing_landing.scss */
.wl .mile.goal b {
  background: linear-gradient(135deg, #8b3fbf, #e5383b);
}

/* line 199, app/assets/stylesheets/writing_landing.scss */
.wl .mile.goal h3 {
  color: #c62828;
}

@media (min-width: 768px) {
  /* line 201, app/assets/stylesheets/writing_landing.scss */
  .wl .miles {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* line 203, app/assets/stylesheets/writing_landing.scss */
.wl .mile:nth-child(2) b {
  background: #4a4bc9;
}

/* line 204, app/assets/stylesheets/writing_landing.scss */
.wl .mile:nth-child(3) b {
  background: #8b3fbf;
}

/* line 205, app/assets/stylesheets/writing_landing.scss */
.wl .voice .who {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 206, app/assets/stylesheets/writing_landing.scss */
.wl .voice .loc {
  font-size: 13px;
  font-weight: 700;
  color: var(--muted);
}

/* line 207, app/assets/stylesheets/writing_landing.scss */
.wl .voice .loc:before {
  content: "\1F4CD";
  margin-right: 3px;
  font-size: 12px;
}

/* line 208, app/assets/stylesheets/writing_landing.scss */
.wl .voice.sp {
  border-color: #f1c1c2;
  background: #fff8f7;
}

/* line 209, app/assets/stylesheets/writing_landing.scss */
.wl .voice.sp .tag {
  background: #fde3e3;
  color: #c62828;
}

/* line 210, app/assets/stylesheets/writing_landing.scss */
.wl .voice .loc.nopin:before {
  content: none;
}

/* line 211, app/assets/stylesheets/writing_landing.scss */
.wl .voice.sp .tag:first-child {
  background: var(--pale);
  color: var(--blue);
}

/* line 212, app/assets/stylesheets/writing_landing.scss */
.wl .voice .sp-tag {
  margin-left: auto;
}

/* line 213, app/assets/stylesheets/writing_landing.scss */
.wl .hl {
  font-style: normal;
  text-decoration: underline;
  text-decoration-color: #ffd37a;
  text-decoration-thickness: .32em;
  text-underline-offset: -.12em;
  text-decoration-skip-ink: none;
}

/* line 214, app/assets/stylesheets/writing_landing.scss */
.wl .final .hl, .wl .more-teachers .hl {
  text-decoration-color: #e5383b99;
}

/* line 215, app/assets/stylesheets/writing_landing.scss */
.wl .head h2 {
  margin-top: 0;
}

/* line 216, app/assets/stylesheets/writing_landing.scss */
.wl .final h2 {
  margin-top: 0;
}

/* line 217, app/assets/stylesheets/writing_landing.scss */
.wl .teacher {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 20px;
  grid-template-columns: none;
}

/* line 218, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .ph {
  flex: none;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  background: #edf5ff;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px var(--line);
}

/* line 219, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 30% 22%;
  transform: scale(1.35);
  transform-origin: 30% 22%;
}

/* line 220, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .info {
  padding: 0;
  min-width: 0;
}

@media (min-width: 768px) {
  /* line 222, app/assets/stylesheets/writing_landing.scss */
  .wl .teacher {
    grid-template-columns: none;
    padding: 24px;
  }
  /* line 223, app/assets/stylesheets/writing_landing.scss */
  .wl .teacher .ph {
    width: 104px;
    height: 104px;
  }
}

/* line 225, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .ph.is-greg img {
  object-position: 38% 22%;
  transform-origin: 38% 22%;
}

/* line 226, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .ph.is-rana img {
  object-position: 30% 26%;
  transform-origin: 30% 26%;
}

/* line 227, app/assets/stylesheets/writing_landing.scss */
.wl .chat {
  max-width: 560px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 18px 40px #0b2a5f14;
}

/* line 228, app/assets/stylesheets/writing_landing.scss */
.wl .chat-top {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  border-bottom: 1px solid #edf0f5;
  background: #f7f9fc;
  font-size: 13px;
  color: var(--muted);
}

/* line 229, app/assets/stylesheets/writing_landing.scss */
.wl .chat-top b {
  color: var(--ink);
  font-size: 15px;
}

/* line 230, app/assets/stylesheets/writing_landing.scss */
.wl .chat-top .dot {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--blue);
  display: inline-block;
  flex: none;
  position: relative;
}

/* line 231, app/assets/stylesheets/writing_landing.scss */
.wl .chat-top .dot:after {
  content: "S";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 900;
  font-size: 14px;
}

/* line 232, app/assets/stylesheets/writing_landing.scss */
.wl .chat-body {
  padding: 18px 14px 22px;
  display: grid;
  gap: 14px;
}

/* line 233, app/assets/stylesheets/writing_landing.scss */
.wl .msg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 86%;
}

/* line 234, app/assets/stylesheets/writing_landing.scss */
.wl .msg .from {
  font-size: 12px;
  color: #8a94a6;
  margin: 0 0 4px 12px;
  font-weight: 600;
}

/* line 235, app/assets/stylesheets/writing_landing.scss */
.wl .bubble {
  position: relative;
  margin: 0;
  background: linear-gradient(180deg, #f1f1f3 0%, #e4e4e7 100%);
  box-shadow: inset 0 1px 0 #ffffffd9,inset 0 -1px 0 #0000000f,0 1px 1px #0000001a,0 5px 12px #0b2a5f1f;
  color: #111;
  font-size: 15.5px;
  line-height: 1.55;
  padding: 10px 14px;
  border-radius: 20px;
  border-bottom-left-radius: 6px;
}

/* line 236, app/assets/stylesheets/writing_landing.scss */
.wl .bubble:before {
  content: "";
  position: absolute;
  left: -5px;
  bottom: 0;
  width: 14px;
  height: 14px;
  background: #e4e4e7;
  border-bottom-right-radius: 12px;
}

/* line 237, app/assets/stylesheets/writing_landing.scss */
.wl .bubble:after {
  content: "";
  position: absolute;
  left: -9px;
  bottom: 0;
  width: 9px;
  height: 14px;
  background: #fff;
  border-bottom-right-radius: 9px;
}

@media (min-width: 768px) {
  /* line 239, app/assets/stylesheets/writing_landing.scss */
  .wl .chat-body {
    padding: 22px 22px 26px;
  }
}

/* line 241, app/assets/stylesheets/writing_landing.scss */
.wl .msg .bubble {
  margin-top: 6px;
}

/* line 242, app/assets/stylesheets/writing_landing.scss */
.wl .tapback {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #0a84ff;
  border: 2px solid #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 2px 6px #0b2a5f26;
  z-index: 1;
}

/* line 243, app/assets/stylesheets/writing_landing.scss */
.wl .tapback svg {
  width: 15px;
  height: 15px;
  display: block;
}

/* line 244, app/assets/stylesheets/writing_landing.scss */
.wl .tapback:after {
  content: "";
  position: absolute;
  left: -4px;
  bottom: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0a84ff;
  border: 2px solid #fff;
}

/* line 245, app/assets/stylesheets/writing_landing.scss */
.wl .logo small.prog {
  font-size: 12px;
  letter-spacing: 0;
  color: var(--deep);
  font-weight: 700;
}

/* line 246, app/assets/stylesheets/writing_landing.scss */
.wl .hero-grid > div:last-child {
  padding-top: 22px;
}

@media (min-width: 1024px) {
  /* line 248, app/assets/stylesheets/writing_landing.scss */
  .wl .hero-grid > div:last-child {
    padding-top: 0;
  }
}

/* line 250, app/assets/stylesheets/writing_landing.scss */
.wl .hero h1 {
  font-size: 28px;
  line-height: 1.35;
  word-break: keep-all;
}

@media (min-width: 768px) {
  /* line 252, app/assets/stylesheets/writing_landing.scss */
  .wl .hero h1 {
    font-size: 40px;
  }
}

@media (min-width: 1024px) {
  /* line 255, app/assets/stylesheets/writing_landing.scss */
  .wl .hero h1 {
    font-size: 44px;
  }
}

/* line 257, app/assets/stylesheets/writing_landing.scss */
.wl .logo small.prog {
  font-size: 1em;
  letter-spacing: -.04em;
  font-weight: 800;
  color: var(--deep);
}

/* line 258, app/assets/stylesheets/writing_landing.scss */
.wl .nav-right > .wl-btn {
  display: none;
}

@media (min-width: 768px) {
  /* line 260, app/assets/stylesheets/writing_landing.scss */
  .wl .nav-right > .wl-btn {
    display: flex;
  }
}

/* line 262, app/assets/stylesheets/writing_landing.scss */
.wl .flow {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  display: grid;
  gap: 10px;
}

/* line 263, app/assets/stylesheets/writing_landing.scss */
.wl .flow li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
}

/* line 264, app/assets/stylesheets/writing_landing.scss */
.wl .flow li > b {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--blue);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 15px;
}

/* line 265, app/assets/stylesheets/writing_landing.scss */
.wl .flow li:nth-child(2) > b {
  background: #4a4bc9;
}

/* line 266, app/assets/stylesheets/writing_landing.scss */
.wl .flow li:nth-child(3) > b {
  background: #8b3fbf;
}

/* line 267, app/assets/stylesheets/writing_landing.scss */
.wl .flow li:nth-child(4) > b {
  background: #e5383b;
}

/* line 268, app/assets/stylesheets/writing_landing.scss */
.wl .flow h3 {
  margin: 4px 0 2px;
  font-size: 17px;
}

/* line 269, app/assets/stylesheets/writing_landing.scss */
.wl .flow p {
  margin: 0;
  font-size: 15px;
  color: var(--muted);
}

@media (min-width: 1024px) {
  /* line 271, app/assets/stylesheets/writing_landing.scss */
  .wl .flow {
    grid-template-columns: repeat(3, 1fr);
  }
  /* line 272, app/assets/stylesheets/writing_landing.scss */
  .wl .flow li {
    flex-direction: column;
  }
}

/* line 274, app/assets/stylesheets/writing_landing.scss */
.wl .hl {
  white-space: nowrap;
}

/* line 275, app/assets/stylesheets/writing_landing.scss */
.wl .flow li:nth-child(3):last-child > b {
  background: #e5383b;
}

/* line 276, app/assets/stylesheets/writing_landing.scss */
.wl p, .wl li {
  text-wrap: pretty;
}

/* line 277, app/assets/stylesheets/writing_landing.scss */
.wl h1, .wl h2, .wl h3, .wl summary {
  text-wrap: balance;
}

/* line 281, app/assets/stylesheets/writing_landing.scss */
.wl .vcta {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

/* line 282, app/assets/stylesheets/writing_landing.scss */
.wl .vcta .wl-btn {
  min-width: 240px;
}

/* line 283, app/assets/stylesheets/writing_landing.scss */
.wl .out h3 {
  text-wrap: wrap;
  font-size: 19px;
  line-height: 1.5;
}

/* line 284, app/assets/stylesheets/writing_landing.scss */
.wl .teacher {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  column-gap: 16px;
  align-items: start;
}

/* line 285, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .info {
  display: contents;
}

/* line 286, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .ph {
  grid-row: 1/4;
  grid-column: 1;
}

/* line 287, app/assets/stylesheets/writing_landing.scss */
.wl .teacher h3, .wl .teacher .cred, .wl .teacher .style {
  grid-column: 2;
}

/* line 288, app/assets/stylesheets/writing_landing.scss */
.wl .teacher ul {
  grid-column: 1/-1;
  margin: 14px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

/* line 289, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .style {
  margin-bottom: 0;
}

/* line 290, app/assets/stylesheets/writing_landing.scss */
.wl .vcta .wl-btn {
  width: 100%;
  min-width: 0;
}

/* line 291, app/assets/stylesheets/writing_landing.scss */
.wl .ecta {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}

/* line 292, app/assets/stylesheets/writing_landing.scss */
.wl .wl-btn-ghost {
  background: transparent;
  color: #fff;
  border-color: #ffffff80;
}

/* line 293, app/assets/stylesheets/writing_landing.scss */
.wl .footer .logo small {
  font-size: 10px;
}

/* line 294, app/assets/stylesheets/writing_landing.scss */
.wl .footer sup {
  font-size: 10px;
}

@media (min-width: 768px) {
  /* line 296, app/assets/stylesheets/writing_landing.scss */
  .wl .vcta .wl-btn {
    width: auto;
    min-width: 280px;
  }
  /* line 297, app/assets/stylesheets/writing_landing.scss */
  .wl .ecta {
    display: flex;
    justify-content: center;
  }
  /* line 298, app/assets/stylesheets/writing_landing.scss */
  .wl .ecta .wl-btn {
    min-width: 240px;
  }
  /* line 299, app/assets/stylesheets/writing_landing.scss */
  .wl .teacher {
    grid-template-columns: 104px minmax(0, 1fr);
  }
}

/* line 301, app/assets/stylesheets/writing_landing.scss */
.wl .teacher {
  grid-template-rows: auto auto 1fr auto;
}

/* line 302, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .ph {
  align-self: start;
}

/* line 303, app/assets/stylesheets/writing_landing.scss */
.wl .teacher .style {
  margin-top: 0;
  align-self: start;
}

/* line 304, app/assets/stylesheets/writing_landing.scss */
.wl .teacher {
  row-gap: 0;
}

/* line 307, app/assets/stylesheets/writing_landing.scss */
.wl .wl-copy-notice {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: calc(4rem + 1px + 96px + env(safe-area-inset-bottom) + 12px);
  z-index: 60;
  max-width: 420px;
  margin: 0 auto;
  background: #0b1f4a;
  color: #fff;
  border-radius: 14px;
  padding: 14px 16px;
  display: grid;
  gap: 2px;
  font-size: 14px;
  line-height: 1.55;
  box-shadow: 0 12px 30px #0b1f4a55;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .25s,transform .25s;
  cursor: pointer;
}

/* line 308, app/assets/stylesheets/writing_landing.scss */
.wl .wl-copy-notice[hidden] {
  display: none;
}

/* line 309, app/assets/stylesheets/writing_landing.scss */
.wl .wl-copy-notice.on {
  opacity: 1;
  transform: none;
}

/* line 310, app/assets/stylesheets/writing_landing.scss */
.wl .wl-copy-notice b {
  font-size: 13px;
  color: #9fcfff;
  letter-spacing: .02em;
}

@media (min-width: 768px) {
  /* line 312, app/assets/stylesheets/writing_landing.scss */
  .wl .wl-copy-notice {
    bottom: 32px;
  }
}

/* line 314, app/assets/stylesheets/writing_landing.scss */
.wl .wl-wm {
  position: fixed;
  inset: 0;
  z-index: 50;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='220'%3E%3Ctext x='150' y='110' text-anchor='middle' transform='rotate(-22 150 110)' font-family='Arial,sans-serif' font-size='17' font-weight='700' letter-spacing='1.5' fill='%230b1f4a' fill-opacity='.04'%3E%C2%A9 SOAR KIDZ INC%3C/text%3E%3C/svg%3E");
  background-repeat: repeat;
  -webkit-user-select: none;
  user-select: none;
}

/* line 317, app/assets/stylesheets/writing_landing.scss */
.wl a:hover, .wl a:focus {
  color: inherit;
  text-decoration: none;
}

/* line 318, app/assets/stylesheets/writing_landing.scss */
.wl .wl-btn-primary:hover, .wl .wl-btn-primary:focus {
  color: #fff;
}

/* line 319, app/assets/stylesheets/writing_landing.scss */
.wl .wl-btn-outline:hover, .wl .wl-btn-outline:focus, .wl .wl-btn-white:hover, .wl .wl-btn-white:focus {
  color: var(--deep);
}

/* line 320, app/assets/stylesheets/writing_landing.scss */
.wl .wl-btn-ghost:hover, .wl .wl-btn-ghost:focus {
  color: #fff;
}

/* line 321, app/assets/stylesheets/writing_landing.scss */
.wl a:focus-visible, .wl .wl-btn:focus-visible, .wl summary:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 2px;
  border-radius: 6px;
}

/* line 322, app/assets/stylesheets/writing_landing.scss */
.wl .final a:focus-visible, .wl .footer a:focus-visible, .wl .more-teachers a:focus-visible {
  outline-color: #9fcfff;
}

/* line 323, app/assets/stylesheets/writing_landing.scss */
.wl .nav-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* line 324, app/assets/stylesheets/writing_landing.scss */
.wl .logo {
  padding: 8px 0;
}

/* line 325, app/assets/stylesheets/writing_landing.scss */
.wl .nav-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 326, app/assets/stylesheets/writing_landing.scss */
.wl .lang-switch {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 13px;
  font-weight: 700;
}

/* line 327, app/assets/stylesheets/writing_landing.scss */
.wl .lang-switch a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  padding: 0 8px;
  border-radius: 9px;
  color: #516481;
}

/* line 328, app/assets/stylesheets/writing_landing.scss */
.wl .lang-switch a[aria-current="page"] {
  color: var(--deep);
  background: var(--pale);
}

/* line 329, app/assets/stylesheets/writing_landing.scss */
.wl .faq summary {
  min-height: 44px;
  align-items: center;
}

/* line 330, app/assets/stylesheets/writing_landing.scss */
.wl .footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 14px 0 6px;
}

/* line 331, app/assets/stylesheets/writing_landing.scss */
.wl .footer-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* line 332, app/assets/stylesheets/writing_landing.scss */
.wl .footer-links a:hover, .wl .footer-links a:focus {
  color: #fff;
  text-decoration: underline;
}

/* line 334, app/assets/stylesheets/writing_landing.scss */
.wl:lang(en) .hl {
  white-space: normal;
}

/* line 337, app/assets/stylesheets/writing_landing.scss */
body:has(#cookie-consent-banner:not(.hidden)) .wl .mobile-cta {
  display: none;
}

@media print {
  /* line 342, app/assets/stylesheets/writing_landing.scss */
  .wl > * {
    display: none !important;
  }
  /* line 343, app/assets/stylesheets/writing_landing.scss */
  .wl::after {
    content: attr(data-print-notice);
    display: block;
    padding: 40px;
    color: #14223a;
    font: 18px sans-serif;
  }
}

@media (max-width: 767px) {
  /* line 352, app/assets/stylesheets/writing_landing.scss */
  .wl .logo small.prog {
    font-size: 12px;
    letter-spacing: 0;
  }
  /* line 353, app/assets/stylesheets/writing_landing.scss */
  .wl .nav-inner {
    flex-wrap: wrap;
    row-gap: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  /* line 356, app/assets/stylesheets/writing_landing.scss */
  .wl .nav-links {
    display: none;
  }
}