/* pricing.html (EN, KO) — 2026-11-12. Built from publishers.css pieces
   (.pub-hero, .pub-opener, .pub-checks, .pub-faq, .pub-close) and the site's
   .step card and .icon-circle (styles.css). No prices on the page. */

/* ---- Hero: no picture; the four plan cards sit straight under it ---- */
.pr-hero { padding-bottom: var(--sp-32); }

/* ---- Plans: four .step-style cards, two by two ---- */
.pr-plans { padding-block: 0 var(--sp-56); }
.pr-plans__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-12);
  max-width: 64rem;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.pr-plan {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sp-8);
  padding: var(--card-pad);
  border-radius: var(--radius--l);
  background: var(--color--white);
  box-shadow: var(--shadow--card);
}
.pr-plan .icon-circle { margin-bottom: var(--sp-8); }
.pr-plan__label {
  font-size: var(--fs-label);
  font-weight: 500;
  letter-spacing: var(--kern-tag);
  text-transform: uppercase;
  color: var(--color--grey-600);
}
.pr-plan__title { font-size: var(--fs-h5); font-weight: 500; line-height: 1.2; color: var(--color--grey-1000); }
.pr-plan__text { font-size: var(--fs-body-m); line-height: var(--lh-body); color: var(--color--grey-800); }
.pr-plan__link { margin-top: auto; padding-top: var(--sp-8); color: var(--color--grey-1000); }
.pr-plan__link + .pr-plan__link { margin-top: 0; padding-top: 0; }

/* ---- What changes the price: heading left, five rows right ---- */
.pr-factors { padding-block: var(--sp-56); }
.pr-factors__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--sp-40);
  align-items: start;
}
.pr-factors__head > * + * { margin-top: var(--sp-16); }
.pr-factors__line { font-size: var(--fs-body-l); line-height: var(--lh-body); color: var(--color--grey-800); }
.pr-factors__list { margin: 0; border-bottom: 1px solid var(--color--grey-200); }
.pr-factor {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: var(--sp-16);
  padding-block: var(--sp-20);
  border-top: 1px solid var(--color--grey-200);
}
.pr-factor dt { font-size: var(--fs-h5); font-weight: 500; line-height: 1.25; color: var(--color--grey-1000); }
.pr-factor dd { margin: 0; font-size: var(--fs-body-m); line-height: var(--lh-body); color: var(--color--grey-800); }

/* ---- Included: one mint panel, checks in two columns ---- */
.pr-included { padding-block: 0 var(--sp-56); }
.pr-included__panel {
  padding: clamp(var(--sp-24), 4vw, var(--sp-40));
  border-radius: var(--radius--xl);
  background: var(--color--brand-50);
}
.pr-included__title { color: var(--color--grey-1000); }
.pr-included__checks { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--sp-32); row-gap: var(--sp-12); margin-top: var(--sp-24); }

/* ---- Korean setting ---- */
:lang(ko) .pr-plan__label { letter-spacing: 0; }
:lang(ko) .pr-plan__title,
:lang(ko) .pr-factor dt { word-break: keep-all; letter-spacing: var(--kern-heading); }
:lang(ko) .pr-plan__text,
:lang(ko) .pr-factor dd,
:lang(ko) .pr-factors__line,
:lang(ko) .pr-included__checks li { line-height: var(--lh-ko-body); word-break: keep-all; }

/* ---- Responsive ---- */
@media (max-width: 860px) {
  .pr-factors__grid { grid-template-columns: 1fr; gap: var(--sp-24); }
  .pr-factors__head { text-align: center; }
  .pr-included__checks { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .pr-plans__grid { grid-template-columns: 1fr; max-width: 30rem; }
  .pr-factor { grid-template-columns: 1fr; gap: var(--sp-4); padding-block: var(--sp-16); }
}

/* ---- Round 2 (owner 2026-11-12): the publishers footnote and the Globed band ---- */
.pr-plan__note { font-size: max(var(--fs-body-xs), 12px); line-height: var(--lh-body); color: var(--color--grey-600); }
.pr-partner { padding-block: 0 var(--sp-56); }
.pr-partner__card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sp-32);
  padding: var(--sp-24) var(--sp-32);
  border-radius: var(--radius--l);
  background: var(--color--white);
  box-shadow: var(--shadow--card);
}
.pr-partner__logo { width: 8.5rem; height: auto; }
.pr-partner__title { font-size: var(--fs-h5); font-weight: 500; line-height: 1.25; color: var(--color--grey-1000); }
.pr-partner__text { margin-top: var(--sp-4); font-size: var(--fs-body-m); line-height: var(--lh-body); color: var(--color--grey-800); }
:lang(ko) .pr-partner__text { line-height: var(--lh-ko-body); word-break: keep-all; }
@media (max-width: 760px) {
  .pr-partner__card { grid-template-columns: 1fr; gap: var(--sp-16); justify-items: start; padding: var(--card-pad); }
}