/* Article-only R4 mobile correction. Loaded after mobile-reference.css. */
.quick-answer-icon,
.article-note__icon,
.related-mobile-index,
.article-phone-mockup { display: none; }
.related-desktop-kicker { font-style: normal; }

@media (max-width: 900px) {
  body[data-mobile-page="article-390"] {
    --article-bg: #09141e;
    --article-panel: #161c20;
    --article-line: #303b42;
    background: var(--article-bg);
  }

  body[data-mobile-page="article-390"] .brand::before { content: "Юрий Gagarin"; }
  body[data-mobile-page="article-390"] .site-header {
    position: sticky !important;
    top: 0;
    z-index: 90;
    height: 50px;
    min-height: 50px !important;
    background: rgba(10, 16, 21, .98);
  }
  body[data-mobile-page="article-390"] > main > .breadcrumbs {
    position: sticky;
    top: 50px;
    z-index: 79;
    height: 40px;
    min-height: 40px;
    overflow: hidden;
    padding: 0 12px;
    background: rgba(10, 16, 21, .98);
  }
  body[data-mobile-page="article-390"] .breadcrumbs ol { height: 40px; }
  body[data-mobile-page="article-390"] .breadcrumbs a,
  body[data-mobile-page="article-390"] .breadcrumbs span { min-height: 32px; font-size: 10px; }
  body[data-mobile-page="article-390"].article-scrolled .site-header { height: 41px; min-height: 41px !important; }
  body[data-mobile-page="article-390"].article-scrolled > main > .breadcrumbs { top: 41px; height: 32px; min-height: 32px; }
  body[data-mobile-page="article-390"].article-scrolled .breadcrumbs ol { height: 32px; }

  body[data-mobile-page="article-390"] .article-hero {
    min-height: 153px;
    padding: 8px 15px 12px;
    background: #0b1015;
  }
  body[data-mobile-page="article-390"] .article-hero h1 {
    margin: 0 0 10px;
    font-size: 27.5px !important;
    line-height: 1.18;
  }
  body[data-mobile-page="article-390"] .article-answer {
    margin: 0;
    max-width: 360px;
    font-size: 12px;
    line-height: 1.45;
  }

  body[data-mobile-page="article-390"] .article-layout {
    gap: 0 !important;
    padding: 0 15px 20px;
    background: var(--article-bg);
  }
  body[data-mobile-page="article-390"] .article-quick-answer {
    min-height: 399px;
    margin: 0 0 10px;
    padding: 16px;
    border-color: var(--article-line);
    background: var(--article-panel);
  }
  body[data-mobile-page="article-390"] .mobile-quick-intro { margin-bottom: 4px; }
  body[data-mobile-page="article-390"] .mobile-quick-intro h2 { margin-bottom: 3px; font-size: 17px; line-height: 1.15; }
  body[data-mobile-page="article-390"] .mobile-quick-intro p { font-size: 11px; line-height: 1.38; }
  body[data-mobile-page="article-390"] .quick-answer-number { display: none !important; }
  body[data-mobile-page="article-390"] .quick-answer-icon {
    position: relative;
    grid-row: 1 / span 2;
    display: block;
    align-self: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #252c31;
  }
  body[data-mobile-page="article-390"] .quick-answer-icon::before,
  body[data-mobile-page="article-390"] .quick-answer-icon::after,
  body[data-mobile-page="article-390"] .article-note__icon::before,
  body[data-mobile-page="article-390"] .article-note__icon::after { content: ""; position: absolute; }
  body[data-mobile-page="article-390"] .quick-answer-icon--voice::before,
  body[data-mobile-page="article-390"] .article-note__icon::before { left: 15px; top: 8px; width: 7px; height: 13px; border: 1px solid #f1f2ef; border-radius: 5px; }
  body[data-mobile-page="article-390"] .quick-answer-icon--voice::after,
  body[data-mobile-page="article-390"] .article-note__icon::after { left: 12px; top: 17px; width: 13px; height: 8px; border: 1px solid #f1f2ef; border-top: 0; border-radius: 0 0 8px 8px; }
  body[data-mobile-page="article-390"] .quick-answer-icon--prep::before { left: 17px; top: 8px; width: 4px; height: 22px; border: 1px solid #f1f2ef; transform: rotate(42deg); }
  body[data-mobile-page="article-390"] .quick-answer-icon--style::before { left: 15px; top: 8px; width: 8px; height: 8px; border: 1px solid #f1f2ef; border-radius: 50%; }
  body[data-mobile-page="article-390"] .quick-answer-icon--style::after { left: 11px; top: 20px; width: 16px; height: 10px; border: 1px solid #f1f2ef; border-radius: 9px 9px 3px 3px; }
  body[data-mobile-page="article-390"] .quick-answer-icon--scope::before { left: 10px; top: 11px; width: 18px; height: 16px; border: 1px solid #f1f2ef; border-radius: 3px; }
  body[data-mobile-page="article-390"] .quick-answer-icon--scope::after { left: 14px; top: 8px; width: 10px; height: 5px; border-inline: 1px solid #f1f2ef; }
  body[data-mobile-page="article-390"] .quick-answer-grid article { grid-template-columns: 52px 1fr; min-height: 72px; padding: 8px 0; }
  body[data-mobile-page="article-390"] .quick-answer-grid h3 { margin: 1px 0 3px; font-size: 13px; font-weight: 500; }
  body[data-mobile-page="article-390"] .quick-answer-grid p { font-size: 10px; line-height: 1.32; }

  body[data-mobile-page="article-390"] .toc {
    height: 44px;
    margin: 0 0 20px;
    border-color: var(--article-line);
    background: var(--article-panel);
  }
  body[data-mobile-page="article-390"] .toc strong,
  body[data-mobile-page="article-390"] .mobile-toc-toggle { min-height: 42px; padding: 8px 13px; font-size: 13px; }

  body[data-mobile-page="article-390"] .article-content > section {
    margin: 0 0 12px;
    padding: 0 0 12px;
    scroll-margin-top: 82px;
  }
  body[data-mobile-page="article-390"] .article-content > section[id] [data-desktop-role^="article-copy"] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
  }
  body[data-mobile-page="article-390"] .article-content > section[id] .section-no {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    color: #f1f2ef;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: 0;
    text-transform: none;
  }
  body[data-mobile-page="article-390"] .article-content > section[id] h2 {
    grid-column: 2;
    grid-row: 1;
    margin: 0 0 7px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.12;
  }
  body[data-mobile-page="article-390"] .article-content > section[id] [data-desktop-role^="article-copy"] > p:not(.section-no),
  body[data-mobile-page="article-390"] .article-content > section[id] .article-note { grid-column: 1 / -1; }
  body[data-mobile-page="article-390"] .article-content > section[id] [data-desktop-role^="article-copy"] > p:not(.section-no) {
    margin: 0 0 8px;
    font-size: 10.5px;
    font-weight: 300;
    line-height: 1.4;
  }
  body[data-mobile-page="article-390"] .article-note {
    display: grid;
    grid-template-columns: 34px 1fr;
    min-height: 58px;
    margin-top: 3px;
    padding: 9px 11px;
    border-color: var(--article-line);
    background: #101b21;
  }
  body[data-mobile-page="article-390"] .article-note__icon { position: relative; display: block; width: 30px; height: 34px; }
  body[data-mobile-page="article-390"] .article-note__icon::before { left: 10px; top: 3px; }
  body[data-mobile-page="article-390"] .article-note__icon::after { left: 7px; top: 12px; }
  body[data-mobile-page="article-390"] .article-note strong { font-size: 10px; font-weight: 500; }
  body[data-mobile-page="article-390"] .article-note p { margin: 2px 0 0 !important; font-size: 9px !important; font-weight: 300; line-height: 1.35 !important; }
  body[data-mobile-page="article-390"] #part-2 .article-visual img { height: 144px; object-position: 30% center; filter: grayscale(1); }

  body[data-mobile-page="article-390"] .article-checklist > .section-no { display: none; }
  body[data-mobile-page="article-390"] .article-checklist h2 { margin: 0 0 7px; font-size: 15px; font-weight: 400; }
  body[data-mobile-page="article-390"] .article-checklist ul { margin: 0; border-color: var(--article-line); }
  body[data-mobile-page="article-390"] .article-checklist li { min-height: 29px; padding: 4px 7px; gap: 8px; font-size: 10px; font-weight: 400; line-height: 1.2; }
  body[data-mobile-page="article-390"] .article-checklist li span { width: 17px; height: 17px; flex-basis: 17px; border-radius: 2px; }

  body[data-mobile-page="article-390"] .desktop-article-faq { padding: 8px 18px 6px; background: var(--article-bg); }
  body[data-mobile-page="article-390"] .desktop-article-faq .section-heading { margin: 0 0 4px; }
  body[data-mobile-page="article-390"] .desktop-article-faq .section-no { display: block; margin: 0; color: #f1f2ef; font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; }
  body[data-mobile-page="article-390"] .desktop-article-faq h2 { display: none; }
  body[data-mobile-page="article-390"] .desktop-article-faq .faq-list article { min-height: 30px; }
  body[data-mobile-page="article-390"] .desktop-article-faq .faq-list button { min-height: 30px; padding: 4px 8px; font-size: 10px; font-weight: 400; }
  body[data-mobile-page="article-390"] .desktop-article-faq .faq-list button span { font-size: 19px; }
  body[data-mobile-page="article-390"] .desktop-article-faq .faq-list [role="region"] { padding: 4px 8px 8px; font-size: 10px; }

  body[data-mobile-page="article-390"] .desktop-article-related { padding: 8px 18px 10px; background: var(--article-bg); }
  body[data-mobile-page="article-390"] .desktop-article-related .section-heading { margin: 0 0 5px; }
  body[data-mobile-page="article-390"] .desktop-article-related .section-no { display: block; margin: 0; color: #f1f2ef; font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; }
  body[data-mobile-page="article-390"] .desktop-article-related h2 { display: none; }
  body[data-mobile-page="article-390"] .desktop-article-related .related-grid { height: 93px; grid-auto-columns: 80px; gap: 8px; border: 0; }
  body[data-mobile-page="article-390"] .desktop-article-related .related-grid a { height: 93px; min-height: 93px !important; padding: 5px; overflow: hidden; }
  body[data-mobile-page="article-390"] .desktop-article-related .related-grid a:nth-child(1) { background-image: linear-gradient(0deg, rgba(3,7,8,.76), transparent), url('/gagarin/assets/mobile-blog-chess-rear-v2.png'); background-position: 62% center; }
  body[data-mobile-page="article-390"] .desktop-article-related .related-grid a:nth-child(2) { background-image: linear-gradient(0deg, rgba(3,7,8,.76), transparent), url('/gagarin/assets/desktop-wedding-stage-reference.png'); }
  body[data-mobile-page="article-390"] .desktop-article-related .related-grid a:nth-child(3) { background-image: linear-gradient(0deg, rgba(3,7,8,.76), transparent), url('/gagarin/assets/mobile-blog-calculator-v2.png'); }
  body[data-mobile-page="article-390"] .desktop-article-related .related-grid a:nth-child(4) { background-image: linear-gradient(0deg, rgba(3,7,8,.76), transparent), url('/gagarin/assets/desktop-preparation-reference.png'); }
  body[data-mobile-page="article-390"] .related-mobile-index { display: inline; color: #e9ecea; font-size: 9px; font-weight: 400; }
  body[data-mobile-page="article-390"] .related-desktop-kicker { display: none; }
  body[data-mobile-page="article-390"] .desktop-article-related .related-grid h3 { margin-top: 34px; font-size: 9px; line-height: 1.08; }
  body[data-mobile-page="article-390"] .desktop-article-related .related-grid a > b { right: 5px; bottom: 4px; font-size: 11px; }

  body[data-mobile-page="article-390"] .linked-service {
    position: relative;
    min-height: 112px;
    margin: 0 18px;
    padding: 27px 9px 7px 137px;
    border: 0;
    background: var(--article-bg) url('/gagarin/assets/desktop-wedding-stage-reference.png') left 27px / 128px 84px no-repeat;
    text-align: left;
  }
  body[data-mobile-page="article-390"] .linked-service::before { content: ""; position: absolute; inset: 24px 0 0; z-index: 0; border: 1px solid var(--article-line); border-radius: 3px; pointer-events: none; }
  body[data-mobile-page="article-390"] .linked-service > * { position: relative; z-index: 1; }
  body[data-mobile-page="article-390"] .linked-service .section-no { position: absolute; top: 0; left: 0; margin: 0; color: #f1f2ef; font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; }
  body[data-mobile-page="article-390"] .linked-service h2 { margin: 0 0 4px; font-size: 14px; font-weight: 400; }
  body[data-mobile-page="article-390"] .linked-service > p:not(.section-no) { margin: 0 0 5px; font-size: 8px; line-height: 1.3; }
  body[data-mobile-page="article-390"] .linked-service .button { width: auto; min-height: 25px; padding: 3px 9px; font-size: 8px; }

  body[data-mobile-page="article-390"] .author-section {
    width: auto;
    height: 122px;
    min-height: 122px;
    margin: 8px 16px;
    padding: 8px;
    grid-template-columns: 2fr 1.05fr;
    gap: 7px;
    overflow: hidden;
    border: 1px solid var(--article-line);
    border-radius: 4px;
    background: var(--article-bg);
  }
  body[data-mobile-page="article-390"] .author-section > div { padding: 0 !important; }
  body[data-mobile-page="article-390"] .author-section .section-no { display: none; }
  body[data-mobile-page="article-390"] .author-section h2 { margin: 0 0 4px; font-size: 14px; font-weight: 400; }
  body[data-mobile-page="article-390"] .author-section p { margin: 0 0 4px; font-size: 8px; line-height: 1.3; }
  body[data-mobile-page="article-390"] .author-section a { min-height: 24px; font-size: 8px; }
  body[data-mobile-page="article-390"] .author-section img { width: 100%; height: 104px; object-position: center 18%; filter: grayscale(1); border-radius: 0; }

  body[data-mobile-page="article-390"] .page-cta {
    position: relative;
    min-height: 110px;
    padding: 10px 44% 10px 18px;
    overflow: hidden;
    background: var(--article-bg);
    text-align: left;
  }
  body[data-mobile-page="article-390"] .page-cta .section-no { display: none; }
  body[data-mobile-page="article-390"] .page-cta h2 { margin: 0 0 4px; font-size: 15px; font-weight: 400; }
  body[data-mobile-page="article-390"] .page-cta > p:not(.section-no) { margin: 0 0 6px; font-size: 8px; line-height: 1.3; }
  body[data-mobile-page="article-390"] .page-cta .button { width: auto; min-height: 29px; padding: 4px 10px; font-size: 8px; }
  body[data-mobile-page="article-390"] .article-phone-mockup { position: absolute; right: 14px; bottom: -40px; display: block; width: 150px; height: 142px; padding: 12px 9px; border: 4px solid #53575a; border-radius: 28px 28px 0 0; background: #0d1113; color: #eef0ed; transform: rotate(-1deg); }
  body[data-mobile-page="article-390"] .article-phone-top { font-size: 6px; }
  body[data-mobile-page="article-390"] .article-phone-name { margin: 4px -9px; padding: 4px 9px; background: #202729; font-size: 8px; }
  body[data-mobile-page="article-390"] .article-phone-mockup p { margin: 7px 0; padding: 6px; border-radius: 5px; background: #315b3e; font-size: 6px; line-height: 1.25; }

  body[data-mobile-page="article-390"] + .site-footer,
  body[data-mobile-page="article-390"] .site-footer { display: none; }
  body[data-mobile-page="article-390"] .fixed-actions { left: 12px; right: 12px; bottom: 4px; height: 50px; padding: 3px; gap: 12px; visibility: hidden; opacity: 0; }
  body[data-mobile-page="article-390"].article-scrolled .fixed-actions { visibility: visible; opacity: 1; }
  body[data-mobile-page="article-390"] .fixed-actions a { min-height: 44px; padding: 2px 7px; gap: 7px; font-size: 9px; }
  body[data-mobile-page="article-390"] .fixed-actions a:first-child span { display: grid; line-height: 1.05; }
  body[data-mobile-page="article-390"] .fixed-actions small { font-size: 8px; font-weight: 400; }
}

@media (max-width: 900px) {
  body[data-mobile-page="article-390"] .breadcrumbs a,
  body[data-mobile-page="article-390"] .mobile-toc-toggle,
  body[data-mobile-page="article-390"] .faq-list button,
  body[data-mobile-page="article-390"] .linked-service a,
  body[data-mobile-page="article-390"] .author-section a,
  body[data-mobile-page="article-390"] .page-cta a { display:flex; align-items:center; min-height:44px !important; }

  /* Keep the FAQ label visible when the final viewport is pinned to page end. */
  body[data-mobile-page="article-390"].article-scrolled .desktop-article-faq .section-heading {
    position: sticky;
    top: 73px;
    z-index: 5;
    padding: 5px 0;
    background: var(--article-bg);
  }

  body[data-mobile-page="article-390"] .fixed-actions a { min-height:44px !important; }
}