/* Mobile reading and ordering layout. Artwork, exports and desktop styles retain their own rules. */
@media screen and (max-width: 700px) {
  /* Longer Kazakh brand captions must leave room for both languages and the menu. */
  .pa-header .pa-brand { flex-shrink: 1; min-width: 0; }
  .pa-header .pa-brand > span { min-width: 0; }
  .pa-header .pa-brand small { white-space: normal; overflow-wrap: anywhere; }
  body.pa-inner { --page-gutter: clamp(16px, 4.3vw, 18px); }
  body.pa-inner:not(.pa-teacher) { font-size: 16px; line-height: 1.55; }
  body.pa-inner:not(.pa-teacher) :is(.crumbs, .breadcrumbs, .ex-breadcrumbs) {
    padding-top: 12px;
    font-size: 13px;
    line-height: 1.5;
    gap: 5px 8px;
  }
  body.pa-inner:not(.pa-teacher) .hero { padding-block: 16px 28px; }
  body.pa-inner:not(.pa-teacher) :is(.hero-grid, .phero) {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    margin-top: 0;
  }
  body.pa-inner:not(.pa-teacher) :is(.hero h1, .pbuy h1, .ex-hero h1) {
    font-size: clamp(30px, 8.2vw, 36px);
    line-height: 1.13;
    margin-block: 10px 16px;
  }
  body.pa-inner:not(.pa-teacher) :is(.block, .section):not(.pa-sample-section) {
    padding-block: 28px;
  }
  body.pa-inner:not(.pa-teacher) :is(.block h2, .ex-article h2, .ex-related > h2, .rq-heading h2) {
    font-size: clamp(26px, 7vw, 30px);
    line-height: 1.2;
    margin-bottom: 14px;
  }
  body.pa-inner:not(.pa-teacher) :is(.hero .lead, .block .sub, .hero .sub, .pa-order-card p, .cta-strip p) {
    font-size: 16px;
    line-height: 1.6;
  }
  body.pa-inner:not(.pa-teacher) .block .sub { margin-bottom: 20px; }
  body.pa-inner:not(.pa-teacher) .hero .lead { margin-bottom: 18px; }
  body.pa-inner:not(.pa-teacher) :is(.hero .eyebrow, .pbuy .eyebrow) {
    font-size: 12px;
    line-height: 1.45;
    margin-bottom: 12px;
  }
  body.pa-inner:not(.pa-teacher) .hero-cta { gap: 8px; }
  body.pa-inner:not(.pa-teacher) :is(.hero, .lead-wrap, .cta-strip, .standard-file, .doc-examples, .rq-actions, .rq-card, .rq-contract, .act-copy) :is(.btn, .button) {
    min-height: 48px;
    padding: 11px 15px;
    font-size: 16px;
    line-height: 1.4;
  }

  /* Product and service introductions stay concise without removing information. */
  body.pa-inner:not(.pa-teacher) .pimg {
    min-height: 0;
    padding: 14px;
    border-radius: 18px;
  }
  body.pa-inner:not(.pa-teacher) .pimg .seal {
    width: clamp(200px, 60vw, 240px);
    max-width: 100%;
    height: auto;
    max-height: 240px;
    object-fit: contain;
  }
  body.pa-inner:not(.pa-teacher) .pbuy .ptype {
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.5;
  }
  body.pa-inner:not(.pa-teacher) .pbuy .pnow { font-size: 36px; line-height: 1.1; }
  body.pa-inner:not(.pa-teacher) .pbuy .prices { margin-bottom: 10px; }
  body.pa-inner:not(.pa-teacher) .pbuy .pcta {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-block: 18px 16px;
  }
  body.pa-inner:not(.pa-teacher) .pbuy .pnote { gap: 8px; font-size: 15px; line-height: 1.5; }
  body.pa-inner:not(.pa-teacher) .pricecard { padding: 20px; border-radius: 18px; }
  body.pa-inner:not(.pa-teacher) .pricecard .big { font-size: 36px; line-height: 1.15; }
  body.pa-inner:not(.pa-teacher) .pricecard :is(.row, .tr) {
    padding-block: 11px;
    gap: 6px 14px;
  }
  body.pa-inner:not(.pa-teacher) .pricecard :is(.row, .tr, .row b, .tr b, .from, .unit) {
    font-size: 16px;
    line-height: 1.5;
  }
  body.pa-inner:not(.pa-teacher) .pricecard .btn { margin-top: 16px; }
  body.pa-inner:not(.pa-teacher) :is(.feat, .steps, .trust, .svcs, .lead-wrap) { gap: 12px; }
  body.pa-inner:not(.pa-teacher) :is(.feat .item, .steps .step, .trust .t, .svc, .pa-order-card) {
    padding: 18px;
    border-radius: 17px;
  }
  body.pa-inner:not(.pa-teacher) .feat .item { gap: 12px; }
  body.pa-inner:not(.pa-teacher) :is(.feat .item h3, .steps .step h3) { font-size: 20px; margin-bottom: 7px; }
  body.pa-inner:not(.pa-teacher) :is(.feat .item p, .steps .step p, .trust .l, .lead-list .li, .svc .st, .svc .sp) {
    font-size: 16px;
    line-height: 1.55;
  }
  body.pa-inner:not(.pa-teacher) .steps .n { margin-bottom: 10px; }
  body.pa-inner:not(.pa-teacher) :is(.specs .sr, .ptable .tr) {
    padding: 13px 16px;
    gap: 6px 16px;
    font-size: 16px;
    line-height: 1.5;
  }
  body.pa-inner:not(.pa-teacher) .lead-wrap { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  body.pa-inner:not(.pa-teacher) form.lead { padding: 18px; }
  body.pa-inner:not(.pa-teacher) form.lead :is(input, select, textarea) {
    min-height: 48px;
    padding: 11px 13px;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 12px;
  }
  body.pa-inner:not(.pa-teacher) .faq details { padding-inline: 16px; margin-bottom: 10px; }
  body.pa-inner:not(.pa-teacher) .faq summary { min-height: 48px; padding-block: 15px; font-size: 17px; line-height: 1.45; gap: 12px; }
  body.pa-inner:not(.pa-teacher) .faq details p { padding-bottom: 16px; font-size: 16px; line-height: 1.6; }
  body.pa-inner:not(.pa-teacher) .cta-strip { padding: 20px; gap: 18px; border-radius: 18px; }
  body.pa-inner:not(.pa-teacher) .pa-order-card h3 { font-size: 25px !important; margin-block: 10px 14px; }
  body.pa-inner.pa-privacy > main > .wrap { padding-block: 24px; }
  body.pa-inner.pa-privacy main :is(p, li) { font-size: 16px; line-height: 1.65; }

  /* Documents and business details keep full readable copy and a single column. */
  body.pa-inner :is(.doc-example-grid, .doc-example-poa, .rq-hero, .rq-grid, .rq-grid-wide, .standard-file, .act-download) {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  body.pa-inner :is(.doc-example, .rq-card, .rq-contract, .standard-file, .destruction-card, .destruction-contact) {
    padding: 18px;
    border-radius: 18px;
  }
  body.pa-inner :is(.doc-example h3, .rq-card h3, .rq-contract h3, .standard-file h3, .destruction-card h3, .act-copy h3) {
    font-size: 22px;
    line-height: 1.25;
    margin-bottom: 12px;
  }
  body.pa-inner :is(.doc-example p, .doc-example-fields li, .rq-card p, .rq-list, .rq-contract p, .standard-file p, .destruction-card p, .destruction-copy p, .destruction-copy li, .destruction-note p, .act-copy p, .destruction-contact p) {
    font-size: 16px;
    line-height: 1.6;
  }
  body.pa-inner .doc-examples-nav { margin-block: 18px 22px; gap: 8px; }
  body.pa-inner .doc-examples-nav a { min-height: 48px; padding: 11px 14px; }
  body.pa-inner .doc-example-preview { margin-block: 16px 12px; padding: 10px; }
  body.pa-inner .doc-example-fields { margin-bottom: 18px; }
  body.pa-inner .doc-example-fields li { margin-top: 10px; }
  body.pa-inner :is(.doc-example-poa, .standard-file, .act-download) { margin-top: 22px; }
  body.pa-inner .rq-heading { margin-bottom: 20px; }
  body.pa-inner .rq-heading .sub { font-size: 16px; line-height: 1.6; }
  body.pa-inner .rq-actions { gap: 8px; margin-top: 20px; }
  body.pa-inner .rq-actions .btn { font-size: 16px; }
  body.pa-inner .rq-toc { gap: 8px; margin-top: 22px; padding-top: 18px; }
  body.pa-inner .rq-toc a { min-height: 48px; padding: 10px 13px; }
  body.pa-inner .rq-details > div { grid-template-columns: minmax(0, 1fr); gap: 5px; padding-block: 14px; font-size: 16px; }
  body.pa-inner .rq-contract { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body.pa-inner .rq-file-actions { gap: 8px; }
  body.pa-inner .rq-file-actions .btn { min-height: 48px; font-size: 16px; }
  body.pa-inner :is(.rq-bank, .rq-links, .rq-id) { font-size: 16px; line-height: 1.55; }
  body.pa-inner .rq-pdf-label { margin-bottom: 16px; }
  body.pa-inner .rq-company h2 { font-size: 28px; line-height: 1.15; margin-block: 8px 16px; }
  body.pa-inner :is(.license-layout, .seal-anatomy, .chsi-sample-layout) { gap: 20px; }
  body.pa-inner :is(.seal-anatomy, .standard-features, .chsi-sample-layout) { margin-top: 22px; }
  body.pa-inner :is(.seal-anatomy figure, .standard-features article, .chsi-sample) { padding: 16px; border-radius: 18px; }
  body.pa-inner .seal-anatomy-list { gap: 18px; }
  body.pa-inner :is(.seal-anatomy-list p, .standard-features p, .chsi-specs span, .chsi-sample figcaption, .license-preview figcaption) { font-size: 16px; line-height: 1.6; }
  body.pa-inner :is(.seal-anatomy-list h3, .standard-features h3) { font-size: 21px; }
  body.pa-inner .chsi-specs > div { padding-block: 14px; }
  body.pa-inner .destruction-note { margin-top: 20px; padding: 16px 18px; }
  body.pa-inner .destruction-cases { gap: 14px; margin-top: 20px; }
  body.pa-inner .act-actions { gap: 8px; margin-block: 18px; }

  /* Reference reading and selection tools retain all sections and table columns. */
  body.pa-inner.ex-page .ex-hero { padding-block: 18px 22px; }
  body.pa-inner.ex-page .ex-hero h1 { margin-top: 0; }
  body.pa-inner.ex-page :is(.ex-lead, .ex-article, .ex-answer, .ex-note, .ex-card p, .ex-card-description, .ex-picker-result p:not(.picker-card__price), .ex-model) {
    font-size: 16px;
    line-height: 1.6;
  }
  body.pa-inner.ex-page .ex-meta { margin-top: 16px; gap: 5px 14px; font-size: 13px; line-height: 1.5; }
  body.pa-inner.ex-page .ex-layout { gap: 22px; padding-bottom: 28px; }
  body.pa-inner.ex-page :is(.ex-answer, .ex-note, .ex-toc, .ex-card, .ex-tools, .ex-picker-result, .picker-card) { padding: 18px; }
  body.pa-inner.ex-page .ex-answer { margin-bottom: 22px; }
  body.pa-inner.ex-page .ex-article > section > h2 { margin-top: 28px; }
  body.pa-inner.ex-page .ex-article h3 { margin-block: 22px 10px; font-size: 22px; }
  body.pa-inner.ex-page .ex-article p { margin-bottom: 15px; }
  body.pa-inner.ex-page .ex-article :is(ul, ol) { margin-block: 12px 18px; padding-left: 21px; }
  body.pa-inner.ex-page .ex-article li { margin-bottom: 8px; }
  body.pa-inner.ex-page .ex-toc ol { grid-template-columns: minmax(0, 1fr); }
  body.pa-inner.ex-page .ex-toc a { min-height: 48px; padding-block: 11px; font-size: 16px; line-height: 1.5; }
  body.pa-inner.ex-page .ex-toc .pa-action { margin-top: 10px; }
  body.pa-inner.ex-page .ex-cards { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-block: 20px 28px; }
  body.pa-inner.ex-page .ex-card :is(h2, h3, .ex-card-title) { font-size: 23px; margin-bottom: 12px; }
  body.pa-inner.ex-page .ex-card :is(p, .ex-card-description) { margin-bottom: 14px; }
  body.pa-inner.ex-page .ex-related { margin-top: 28px; padding-top: 24px; }
  body.pa-inner.ex-page .ex-sources { margin-top: 28px; padding-top: 22px; font-size: 16px; line-height: 1.6; }
  body.pa-inner.ex-page .ex-table-wrap { margin-block: 18px 22px; }
  body.pa-inner.ex-page :is(.ex-article, .ex-tools) :is(th, td) { padding: 12px; font-size: 16px; line-height: 1.55; }
  body.pa-inner.ex-page .ex-tools { margin-block: 22px; }
  body.pa-inner.ex-page .ex-picker fieldset { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 16px; }
  body.pa-inner.ex-page .ex-picker { gap: 16px; }
  body.pa-inner.ex-page .ex-picker label { margin-bottom: 6px; }
  body.pa-inner.ex-page .picker-results { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-block: 16px; }
  body.pa-inner.ex-page .ex-checklist { gap: 8px; margin-block: 18px; }
  body.pa-inner.ex-page .ex-checklist label { padding: 14px; font-size: 16px; line-height: 1.55; }
  body.pa-inner.ex-page .ex-filter { gap: 8px; margin-block: 18px; }
  body.pa-inner.ex-page .ex-filter button { min-height: 48px; padding: 10px 14px; }

  /* Preview and its existing actions remain together; only surrounding space changes. */
  body.pa-inner.ex-constructor-page .ex-hero { padding-bottom: 16px; }
  body.pa-inner.ex-constructor-page .ex-hero h1 { font-size: clamp(30px, 8vw, 34px); }
  body.pa-inner.ex-constructor-page .ex-constructor { grid-template-columns: minmax(0, 1fr); gap: 22px; margin-block: 12px 28px; }
  body.pa-inner.ex-constructor-page .ex-constructor > .ex-seal-preview { grid-row: 1; }
  body.pa-inner.ex-constructor-page .ex-seal-preview { padding: 12px; gap: 10px; border-radius: 18px; }
  body.pa-inner.ex-constructor-page .ex-seal-paper { width: min(100%, 300px); padding: 12px; }
  body.pa-inner.ex-constructor-page .ex-sample-navigation { width: 100%; gap: 8px; }
  body.pa-inner.ex-constructor-page .ex-constructor-fields { gap: 14px; }
  body.pa-inner.ex-constructor-page .ex-constructor-fields label { gap: 6px; font-size: 16px; line-height: 1.5; }
  body.pa-inner.ex-constructor-page .ex-constructor-fields :is(input:not([type=checkbox]):not([type=radio]), select, textarea) { min-height: 48px; padding: 11px 13px; font-size: 16px; }
  body.pa-inner.ex-constructor-page .ex-constructor-fields .ex-location-input input { min-height: 56px; padding-right: 116px; }
  body.pa-inner.ex-constructor-page .ex-location-input { margin-top: 6px; }
  body.pa-inner.ex-constructor-page .ex-location-input button { top: 4px; bottom: 4px; width: 48px; min-height: 48px; }
  body.pa-inner.ex-constructor-page .ex-location-toggle { right: 4px; }
  body.pa-inner.ex-constructor-page .ex-location-clear { right: 60px; }
  body.pa-inner.ex-constructor-page .ex-location-option { min-height: 48px; }
  body.pa-inner.ex-constructor-page :is(.ex-helper, .ex-seal-diameter, .ex-action-status, .ex-location-help, .ex-identifier-count) { font-size: 15px; line-height: 1.5; }
  body.pa-inner.ex-constructor-page .ex-constructor-intro h2 { font-size: 24px; margin-bottom: 8px; }
  body.pa-inner.ex-constructor-page .ex-constructor-actions { gap: 8px; margin-top: 0; }
  body.pa-inner.ex-constructor-page .ex-constructor-actions :is(button, a) { min-height: 48px; padding: 10px 12px; font-size: 16px; line-height: 1.4; }
  body.pa-inner.ex-constructor-page .ex-export-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.pa-inner.ex-constructor-page .ex-export-actions :is(button, a) { padding-inline: 8px; }
  body.pa-inner.ex-constructor-page :is(.ex-sample-chooser, .ex-constructor-more) > summary { min-height: 48px; padding: 11px 12px; font-size: 16px; line-height: 1.5; }
  body.pa-inner.ex-constructor-page .ex-more-content { gap: 12px; padding: 0 12px 12px; }
  body.pa-inner.ex-constructor-page .ex-share-options-header button { flex-basis: 48px; min-height: 48px; padding: 4px; }
  body.pa-inner.ex-constructor-page .ex-constructor-jump { min-height: 48px; margin-top: 6px; }
}