/* Localised parent guides, including English examples within Arabic prose. */
.guide-language-notice { padding: 16px 20px; border-inline-start: 4px solid #6232b4; border-radius: 12px; background: #eee5f9; color: #354b5c; line-height: 1.8; margin-bottom: 28px; }
.guide-source-language { font-size: .9rem; color: #485b6b; }
.guide-page :is(h1,h2,h3,a,p,li,td,th,figcaption) { overflow-wrap: anywhere; }
.guide-page .guide-toc { gap: 12px 22px; }
.guide-page .guide-next .button { white-space: normal; text-align: center; }
html[dir="rtl"] .guide-body ol { padding-left: 0; padding-inline-start: 24px; }
html[dir="rtl"] .guide-sources ul { padding-left: 0; padding-inline-start: 24px; }
html[dir="rtl"] .satpin-table :is(caption,th,td) { text-align: start; }
html[dir="rtl"] .guide-page .sound-example { direction: ltr; }
.guide-page bdi[lang="en"] { font-family: "Nunito", system-ui, sans-serif; }
.guide-download { display: grid; grid-template-columns: minmax(0, 1fr) 144px; align-items: center; gap: 28px; margin: 0 0 32px; padding: 24px 28px; border: 1px solid #6232b426; border-radius: 24px; background: #eee5f9; }
.guide-download-copy { min-width: 0; }
.guide-download-icon { display: block; width: 144px; height: auto; border-radius: 30px; box-shadow: 0 8px 20px #33205b26; }
.guide-download h2 { margin: 0 0 8px; font-size: clamp(1.35rem, 3vw, 1.75rem); }
.guide-download p { margin: 0; line-height: 1.65; }
.guide-download .guide-store-row { justify-content: flex-start; gap: 14px; margin: 18px 0 12px; }
.guide-store-row .store-badge { display: inline-flex; align-items: center; min-height: 48px; }
.guide-store-row .store-badge img { display: block; width: auto; height: 54px; max-width: 100%; }
.guide-store-row .store-badge-google img { height: 50px; }
.guide-download .guide-download-note { color: #485b6b; font-size: .875rem; }
.guide-app-screenshot { margin: 28px 0 36px; }
.guide-app-screenshot picture { display: block; }
.guide-app-screenshot img { display: block; width: 100%; height: auto; border-radius: 18px; border: 1px solid #354b5c26; box-sizing: border-box; }
.guide-app-screenshot figcaption { margin-top: 12px; color: #485b6b; font-size: .95rem; line-height: 1.7; }
.guide-screenshot-source { display: block; margin-top: 6px; }
@media (max-width: 560px) {
    .guide-app-screenshot { max-width: 340px; margin-inline: auto; }
    .guide-download { grid-template-columns: minmax(0, 1fr); padding: 20px; gap: 18px; }
    .guide-download-icon { grid-row: 1; width: 80px; border-radius: 18px; }
    .guide-page .guide-toc { padding: 18px; }
    .guide-page .guide-toc a { flex-basis: 100%; }
    .guide-page .guide-next { padding: 22px; }
}