/* ============================================================================
   asorank.net — /assets/site-seo.css

   Typography for the headings that the SEO pass added or promoted so that each
   page has a valid document outline (exactly one H1, at least one H2, no
   skipped level).

   Design rule: nothing here may change how an existing element looks.
     * privacy-policy  — the `<b>N. Title</b><br>` runs were promoted to <h2>.
       The metrics below reproduce the original bold run exactly (14px / 28px,
       the inherited .privacy-text values), so the page stays pixel-comparable.
     * Korea guide     — an H2 sits above an existing block; sizes are in rem to
       match the template, which sets `html { font-size: 62.5% }`.
     * contact-us      — the H2s live in a new block, styled from scratch.

   Mounted only on the three pages that need it (see seo_config.SEO_ASSETS).
   ========================================================================== */

/* ---------------------------------------------------------------------------
   1. privacy-policy — promoted section headings
   --------------------------------------------------------------------------- */
/* .privacy-text is 14px/28px. The promoted heading replaces a bold run that was
   followed by a <br>, i.e. a 28px-tall bold line. Same metrics => same layout. */
.privacy-text h2.privacy-h2 {
  margin: 58px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  color: #1e183f;
}

/* `.privacy-text p { margin: 58px 0 0 }` used to supply the gap *before* the
   heading, because the heading lived inside that paragraph. The heading now
   carries the gap, so the following paragraph must not add a second one. */
.privacy-text .privacy-h2 + p {
  margin-top: 0;
}

/* Section 1 was never wrapped in a <p>, so it sits flush at the top. */
.privacy-text > .privacy-h2:first-child {
  margin-top: 0;
}

/* Stray empty paragraph left behind when a <p> wrapped only the heading. */
.privacy-text > p:empty {
  margin: 0;
  display: none;
}

@media (max-width: 767px) {
  /* site-responsive.css raises .privacy-text to 15px/1.7; match it so the
     heading never looks like a stray bolder paragraph. */
  body .privacy-text h2.privacy-h2 {
    font-size: 15px;
    line-height: 1.7;
  }
  body .privacy-text h2.privacy-h2 {
    margin-top: 32px;
  }
  body .privacy-text > .privacy-h2:first-child {
    margin-top: 0;
  }
}

/* ---------------------------------------------------------------------------
   2. Korea guide — section heading above the localization tips
   --------------------------------------------------------------------------- */
.reseller-total-right h2.asoseo-h2 {
  margin: 2.4rem 0 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  color: #1e183f;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .reseller-total-right h2.asoseo-h2 {
    margin: 1.8rem 2rem 0;
    font-size: 1.8rem;
  }
}

/* ---------------------------------------------------------------------------
   3. contact-us — contact options block
   --------------------------------------------------------------------------- */
.asoseo-contact {
  max-width: 960px;
  margin: 0 auto;
  padding: 44px 20px 8px;
  text-align: left;
}

.asoseo-contact h2 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  color: #1e183f;
}

.asoseo-contact h2 + p {
  margin: 0 0 34px;
}

.asoseo-contact p {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #3c3a52;
}

.asoseo-contact p:last-child {
  margin-bottom: 0;
}

.asoseo-contact a {
  color: #6153ff;
  text-decoration: none;
  border-bottom: 1px solid rgba(97, 83, 255, 0.35);
}

.asoseo-contact a:hover {
  color: #4a3ce0;
  border-bottom-color: #4a3ce0;
}

@media (max-width: 767px) {
  .asoseo-contact {
    padding: 32px 16px 4px;
  }
  .asoseo-contact h2 {
    font-size: 19px;
    line-height: 1.35;
  }
  .asoseo-contact h2 + p {
    margin-bottom: 26px;
  }
  .asoseo-contact p {
    font-size: 15px;
    line-height: 1.75;
    word-break: break-word;
  }
}