/* EIWA · text pages: «Доставка», «Доставка и оплата», «Политика конфиденциальности», «Согласие на обработку
   персональных данных». Quiet paper, one reading column, small-caps labels; the page's 漢字 is its one pink. */

.doc {
  padding: clamp(2.5rem, 6vw, 5.5rem) var(--gutter) var(--section-y);
}
.doc__head { max-width: 46rem; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.doc__jp { display: block; margin-bottom: 1rem; font-size: clamp(1.25rem, 2vw, 1.625rem); }
.doc__title { font-size: clamp(2rem, 4.6vw, 3.75rem); font-weight: 300; line-height: 1.05; }
.doc__lead { margin-top: 1.25rem; max-width: 36rem; font-size: clamp(1.125rem, 1.6vw, 1.3125rem); font-weight: 300; line-height: 1.45; }
.doc__meta { margin-top: 1.25rem; font-size: var(--fs-label); color: var(--mute); }
.doc__meta .link { color: var(--ink); }

/* two columns from the tablet up: contents on the left, the text on the right */
.doc__layout { display: grid; gap: 2rem var(--gutter); }
@media (min-width: 1024px) {
  .doc__layout { grid-template-columns: minmax(12rem, 16rem) minmax(0, 46rem); align-items: start; }
  .doc__toc { position: sticky; top: calc(var(--header-h) + 1.5rem); }
}
.doc__toc { font-size: .9375rem; }
.doc__toc p { margin-bottom: .75rem; font-size: var(--fs-label); color: var(--mute); }
.doc__toc ol { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.doc__toc a { color: var(--ink-2); }
.doc__toc a:hover { color: var(--ink); }
@media (max-width: 1023px) {
  .doc__toc { padding-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
}

.doc__lead-in { margin-bottom: 1.5rem; font-size: var(--fs-label); color: var(--mute); }
.doc__body { max-width: 46rem; font-size: var(--fs-body); line-height: 1.6; overflow-wrap: break-word; }
.doc__url { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; overflow-wrap: anywhere; }
.doc__meta .link { display: inline; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .3em; }
.doc__meta .link::after { display: none; }
.doc__body h2 {
  margin: clamp(2.25rem, 4vw, 3rem) 0 1rem;
  scroll-margin-top: calc(var(--header-h) + 1rem);
  font-size: clamp(1.25rem, 2vw, 1.5rem); font-weight: 400; line-height: 1.25;
}
.doc__body h2:first-child { margin-top: 0; }
.doc__body p + p, .doc__body p + ul, .doc__body ul + p { margin-top: .875rem; }
.doc__body ul { margin: .875rem 0 0; padding-left: 1.25rem; }
.doc__body li + li { margin-top: .375rem; }
.doc__body li::marker { color: var(--mute); }
/* numbered clauses keep the document's own numbers («2.1.3.»), indented by level */
.doc__item { display: grid; grid-template-columns: 4.25rem minmax(0, 1fr); gap: 0 .5rem; margin-top: .75rem; }
.doc__item--2 { padding-left: 1.5rem; grid-template-columns: 4.25rem minmax(0, 1fr); }
.doc__n { color: var(--mute); font-variant-numeric: tabular-nums; }
@media (max-width: 599px) {
  .doc__body { font-size: 1rem; }
  .doc__item { grid-template-columns: 2.5rem minmax(0, 1fr); }
  .doc__item--2 { grid-template-columns: 3.25rem minmax(0, 1fr); padding-left: .5rem; }
}

/* facts: label · value rows (delivery, terms) */
.facts { display: grid; margin: 0; border-top: 1px solid var(--line); }
.facts > div { display: grid; grid-template-columns: minmax(8rem, 13rem) minmax(0, 1fr); gap: .25rem 1.5rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.facts dt { font-size: var(--fs-label); color: var(--mute); font-variant: all-small-caps; letter-spacing: var(--tracking-sc); padding-top: .2em; }
.facts dd { margin: 0; }
@media (max-width: 599px) { .facts > div { grid-template-columns: 1fr; } }

.doc__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; margin-top: 2rem; }
.doc__note { margin-top: 1rem; color: var(--ink-2); font-size: .9375rem; }

/* delivery: the schematic beside the facts on wide screens */
.dl { display: grid; gap: clamp(2.5rem, 5vw, 4rem) var(--gutter); }
@media (min-width: 1024px) { .dl { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } }
.dl__zone h2, .dl__facts h2 { margin-bottom: 1rem; font-size: var(--fs-label); font-weight: 400; color: var(--mute); font-variant: all-small-caps; letter-spacing: var(--tracking-sc); }
.dl__map { max-width: 34rem; }
.dl__map .zm { margin: 0; }
.dl__map:empty { aspect-ratio: 320 / 262; background: var(--paper-2); }
html:not(.js) .dl__map:empty { display: none; }

/* the seller's requisites (terms.html, settings.legal) */
.req { margin-top: 1rem; font-size: .9375rem; color: var(--ink-2); }
.req p + p { margin-top: .25rem; }

/* running text of the documents: links flow with the words (not inline-block), so the «.» or «,» after a link
   never wraps onto a line of its own; the underline is the text's own */
.doc__body .link, .doc__note .link, .facts .link {
  display: inline; padding-bottom: 0;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em;
}
.doc__body .link::after, .doc__note .link::after, .facts .link::after { display: none; }