/* RetroLive distribution site. Written to remain usable in Safari 6+. */
html, body, div, span, h1, h2, h3, p, a, img, ol, ul, li, section, article, header, footer, main { margin: 0; padding: 0; border: 0; }
html { -webkit-text-size-adjust: 100%; }
body { min-width: 280px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; color: #16181d; background: #f6f7f9; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
a { color: inherit; }
img { max-width: 100%; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.wrap { width: 92%; max-width: 1120px; margin: 0 auto; }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); }
.language-picker { display: inline-block; margin-left: 22px; line-height: normal; vertical-align: middle; }
.language-picker select { max-width: 148px; height: 30px; padding: 0 25px 0 9px; border: 1px solid #d0d5dd; border-radius: 8px; color: #344054; background: #fff; font: 12px -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
.topbar { height: 64px; border-bottom: 1px solid #e5e7eb; background: #fff; background: rgba(255,255,255,.92); }
.topbar-inner { position: relative; height: 64px; line-height: 64px; }
.brand { float: left; color: #101828; font-size: 21px; font-weight: 700; text-decoration: none; letter-spacing: -.5px; }
.top-links { float: right; }
.top-links a { margin-left: 28px; color: #475467; font-size: 14px; text-decoration: none; }
.hero { padding: 100px 0 86px; text-align: center; }
.eyebrow, .section-kicker { color: #a85f00; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.hero h1 { max-width: 780px; margin: 18px auto 20px; font-size: 66px; line-height: 1.04; letter-spacing: -3px; }
.hero-copy { max-width: 680px; margin: 0 auto; color: #596273; font-size: 19px; line-height: 1.65; }
.hero-actions { margin-top: 34px; }
.button { display: inline-block; min-width: 150px; margin: 4px 5px; padding: 13px 24px; border: 1px solid #d0d5dd; border-radius: 11px; font-size: 15px; font-weight: 600; text-decoration: none; }
.button-primary { border-color: #d88700; color: #171717; background: #ffb21a; }
.button-secondary { color: #344054; background: #fff; }
.flow-section { padding: 58px 0; color: #fff; background: #111827; }
.flow-section h2 { margin-bottom: 32px; font-size: 27px; text-align: center; }
.flow-list { list-style: none; }
.flow-list li { float: left; width: 33.333%; padding: 0 28px; text-align: center; }
.flow-list li > span { display: block; width: 36px; height: 36px; margin: 0 auto 13px; border: 1px solid #756534; border-radius: 50%; color: #ffc24d; line-height: 34px; }
.flow-list strong, .flow-list small { display: block; }
.flow-list strong { margin-bottom: 7px; font-size: 18px; }
.flow-list small { color: #b6bfce; font-size: 14px; line-height: 1.55; }
.apps-section { padding: 92px 0 100px; }
.apps-section > h2 { margin: 10px 0 34px; font-size: 42px; letter-spacing: -1.5px; }
.app-cards { margin: 0 -9px; }
.app-card { float: left; width: 31.333%; min-height: 470px; margin: 0 1%; padding: 34px; border: 1px solid #e3e6eb; border-radius: 24px; background: #fff; box-shadow: 0 14px 40px rgba(16,24,40,.06); }
.app-card img { display: block; border-radius: 28px; box-shadow: 0 10px 26px rgba(16,24,40,.18); }
.app-card .compatibility { margin-top: 25px; color: #667085; font-size: 12px; font-weight: 600; }
.app-card h3 { margin: 8px 0 12px; font-size: 23px; }
.app-card > p:not(.compatibility) { min-height: 84px; color: #667085; font-size: 15px; line-height: 1.6; }
.card-link { display: inline-block; margin-top: 18px; color: #a85f00; font-weight: 600; text-decoration: none; }
.notice-section { padding: 0 0 88px; }
.notice-box { padding: 28px 32px; border: 1px solid #ead8b6; border-radius: 18px; background: #fff8e9; }
.notice-box h2 { margin-bottom: 7px; font-size: 17px; }
.notice-box p { color: #475467; font-size: 14px; line-height: 1.7; }
.footer, .modern-footer { padding: 28px 0; border-top: 1px solid #e5e7eb; color: #667085; background: #fff; font-size: 13px; }
.footer p, .modern-footer p { float: left; }
.footer .footer-links, .modern-footer .footer-links { float: right; }
.footer-links a { margin-left: 22px; text-decoration: none; }

/* iOS 6: gradients include solid fallbacks for older engines. */
.ios6-page { color: #302b25; background-color: #d8d2c6; background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e2d8), to(#cbc3b5)); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.ios6-statusbar { position: relative; height: 20px; padding: 0 8px; color: #fff; background: #080808; font-size: 11px; font-weight: bold; line-height: 20px; }
.ios6-statusbar span:last-child { float: right; }
.ios6-statusbar .status-time { position: absolute; left: 50%; width: 80px; margin-left: -40px; text-align: center; }
.ios6-navbar { position: relative; height: 45px; border-top: 1px solid #a18f75; border-bottom: 1px solid #4e4233; color: #fff; background: #77654d; background: -webkit-gradient(linear, left top, left bottom, from(#aa9a83), color-stop(.49,#8a765b), color-stop(.5,#776249), to(#68543d)); text-align: center; text-shadow: 0 -1px 0 #463a2d; line-height: 44px; box-shadow: inset 0 1px 0 rgba(255,255,255,.25); }
.ios6-navbar strong { font-size: 18px; }
.ios6-navbar a { position: absolute; top: 7px; height: 30px; padding: 0 10px; border: 1px solid #4f4233; border-radius: 6px; color: #fff; background: #75634c; background: -webkit-gradient(linear, left top, left bottom, from(#9e8d75), to(#68553e)); font-size: 12px; font-weight: bold; line-height: 28px; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 1px 0 rgba(255,255,255,.14); }
.ios6-back { left: 8px; }
.ios6-source { right: 8px; }
.language-picker-overlay { position: absolute; z-index: 5; top: 51px; right: 8px; margin: 0; text-shadow: none; }
.language-picker-overlay select { border-color: #8f806b; color: #4c4235; background: #f4f0e8; }
.ios6-content { width: 92%; max-width: 760px; margin: 0 auto; padding: 48px 0 40px; }
.ios6-hero { padding: 0 22px 34px; }
.ios6-icon { float: left; border: 1px solid #28231e; border-radius: 29px; box-shadow: 0 3px 8px rgba(45,35,24,.48), 0 1px 0 rgba(255,255,255,.7); }
.ios6-intro { margin-left: 204px; padding-top: 10px; text-shadow: 0 1px 0 #fff; }
.ios6-label { color: #746853; font-size: 11px; font-weight: bold; letter-spacing: .7px; text-transform: uppercase; }
.ios6-intro h1 { margin: 7px 0 9px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 38px; font-weight: bold; line-height: 1.05; letter-spacing: -1.2px; }
.ios6-intro > p:last-child { color: #5e574d; font-size: 15px; line-height: 1.55; }
.ios6-panel { margin: 0 0 22px; border: 1px solid #948b7d; border-radius: 10px; background: #fbfaf7; box-shadow: 0 1px 1px rgba(255,255,255,.8), 0 1px 3px rgba(72,58,39,.15), inset 0 1px 0 #fff; overflow: hidden; }
.ios6-panel h2 { padding: 9px 14px; border-bottom: 1px solid #82796c; color: #fff; background: #77736c; background: -webkit-gradient(linear, left top, left bottom, from(#aaa69f), to(#706b63)); font-size: 13px; text-shadow: 0 -1px 0 #4f4b45; }
.ios6-row { min-height: 44px; padding: 12px 14px; border-bottom: 1px solid #d8d2c7; background: #fbfaf7; font-size: 14px; }
.ios6-row:last-child { border-bottom: 0; }
.ios6-row strong { float: left; }
.ios6-row > span { display: block; margin-left: 140px; color: #6f685e; text-align: right; }
.ios6-features ul { padding: 8px 14px 8px 36px; background: #fbfaf7; }
.ios6-features li { padding: 7px 0; color: #585148; font-size: 14px; }
.download-panel { text-align: center; }
.download-panel-legacy { padding: 22px; border: 1px solid #9a8d79; border-radius: 11px; background: #eee9df; background: -webkit-gradient(linear, left top, left bottom, from(#f6f2ea), to(#e4dccf)); box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(67,50,29,.18); }
.version-copy { margin-bottom: 13px; color: #625d54; font-size: 12px; font-weight: bold; }
.ios6-download { display: block; max-width: 340px; margin: 0 auto; padding: 13px 18px; border: 1px solid #855b05; border-radius: 8px; color: #fff; background: #d28a00; background: -webkit-gradient(linear, left top, left bottom, from(#ffc342), color-stop(.5,#e5a31e), color-stop(.51,#d18b08), to(#b87500)); font-size: 18px; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 0 #855800; box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 1px 2px rgba(74,50,15,.32); }
.install-note { max-width: 520px; margin: 13px auto 0; color: #716c63; font-size: 11px; line-height: 1.5; }
.ios6-footer { padding: 25px 12px 35px; color: #605c54; font-size: 12px; text-align: center; text-shadow: 0 1px 0 #fff; }

/* iOS 7 */
.ios7-page { color: #151515; background: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
.ios7-nav { height: 64px; border-bottom: 1px solid #d7d7d7; background: #fafafa; background: rgba(250,250,250,.94); }
.ios7-nav-inner { position: relative; width: 92%; max-width: 980px; height: 64px; margin: 0 auto; text-align: center; line-height: 64px; }
.ios7-nav strong { font-size: 17px; font-weight: 500; }
.ios7-nav a { color: #007aff; font-size: 15px; text-decoration: none; }
.ios7-nav a:first-child { left: 0; }
.ios7-nav-inner > a:first-child { position: absolute; left: 0; }
.ios7-nav-actions { position: absolute; top: 0; right: 0; height: 64px; }
.ios7-nav-actions a { position: static; display: inline-block; vertical-align: middle; }
.ios7-nav-actions .language-picker { margin-left: 18px; }
.ios7-nav-actions select { height: 32px; border-color: #d7d7d7; border-radius: 7px; color: #555; background: #fff; font-size: 12px; }
.ios7-hero { position: relative; min-height: 560px; padding: 102px 20px 104px; overflow: hidden; }
.ios7-hero-inner { position: relative; z-index: 2; width: 92%; max-width: 860px; margin: 0 auto; }
.ios7-icon-column { float: left; width: 40%; padding-top: 22px; text-align: center; }
.ios7-copy-column { float: right; width: 54%; text-align: left; }
.ios7-icon { position: relative; z-index: 2; border-radius: 46px; box-shadow: 0 22px 50px rgba(0,0,0,.24); }
.ios7-overline { position: relative; z-index: 2; margin: 0 0 12px; color: #b07200; font-size: 12px; font-weight: 400; letter-spacing: 2.5px; }
.ios7-hero h1 { position: relative; z-index: 2; font-size: 55px; font-weight: 200; line-height: 1.05; letter-spacing: -2px; }
.ios7-lead { position: relative; z-index: 2; max-width: 520px; margin: 20px 0 26px; color: #6a6a6e; font-size: 18px; line-height: 1.55; }
.ios7-download { position: relative; z-index: 2; display: inline-block; padding: 11px 27px; border: 1px solid #007aff; border-radius: 22px; color: #007aff; font-size: 16px; text-decoration: none; }
.ios7-requirement { position: relative; z-index: 2; margin-top: 13px; color: #8e8e93; font-size: 12px; }
.ios7-orb { position: absolute; border-radius: 50%; opacity: .65; }
.orb-one { top: 20px; left: -110px; width: 300px; height: 300px; background: #e2f0ff; background: -webkit-radial-gradient(center, circle, #b8dcff, #f4f9ff 70%); }
.orb-two { right: -100px; bottom: -100px; width: 360px; height: 360px; background: #fff1c8; background: -webkit-radial-gradient(center, circle, #ffca4d, #fff8e7 70%); }
.ios7-details { padding: 78px 0; background: #f5f5f7; }
.ios7-detail-wrap { width: 92%; max-width: 980px; margin: 0 auto; }
.ios7-detail-wrap article { float: left; width: 29.333%; margin: 0 2%; }
.ios7-detail-wrap article > span { color: #007aff; font-size: 12px; letter-spacing: 2px; }
.ios7-detail-wrap h2 { margin: 12px 0; font-size: 24px; font-weight: 400; }
.ios7-detail-wrap p { color: #737377; font-size: 15px; line-height: 1.7; }
.ios7-bottom { padding: 95px 20px; text-align: center; }
.ios7-bottom h2 { font-size: 35px; font-weight: 300; }
.ios7-bottom p { max-width: 620px; margin: 14px auto 18px; color: #737377; font-size: 16px; line-height: 1.6; }
.ios7-bottom a { color: #007aff; text-decoration: none; }
.ios7-footer { padding: 24px; border-top: 1px solid #e5e5e5; color: #8e8e93; font-size: 12px; text-align: center; }
.ios7-footer a { color: #007aff; }

/* Modern importer */
.importer-page { overflow-x: hidden; color: #f4f1eb; background: #151617; }
.modern-nav { height: 72px; border-bottom: 1px solid #353638; background: #151617; }
.modern-nav-inner { position: relative; line-height: 72px; }
.modern-brand { float: left; color: #fff; font-size: 19px; font-weight: 700; text-decoration: none; }
.modern-nav-inner > div { float: right; }
.modern-nav-inner > div a { margin-left: 28px; color: #c6c1b7; font-size: 13px; text-decoration: none; }
.language-picker-dark select { border-color: #474643; color: #e8e4dc; background: #232426; }
.importer-hero { min-height: 670px; padding-top: 100px; padding-bottom: 90px; }
.importer-copy { float: left; width: 56%; padding-top: 35px; }
.modern-pill { display: inline-block; padding: 7px 11px; border: 1px solid #8f6214; border-radius: 20px; color: #ffc24d; background: #2c261a; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; }
.importer-copy h1 { max-width: 650px; margin: 24px 0 22px; color: #fff; font-size: 57px; line-height: 1.05; letter-spacing: -2.5px; }
.importer-lead { max-width: 600px; color: #bbb6ad; font-size: 18px; line-height: 1.65; }
.importer-actions { margin-top: 33px; }
.modern-download, .modern-source { display: inline-block; margin: 4px 9px 4px 0; padding: 13px 22px; border-radius: 12px; font-size: 14px; font-weight: 650; text-decoration: none; }
.modern-download { color: #18130b; background: #ffb21a; box-shadow: 0 8px 30px rgba(255,178,26,.2); }
.modern-source { border: 1px solid #4b4945; color: #e5e0d7; }
.modern-requirement { margin-top: 12px; color: #858078; font-size: 12px; }
.importer-visual { position: relative; float: right; width: 40%; min-height: 430px; text-align: center; }
.importer-icon { position: relative; z-index: 2; margin-top: 45px; border-radius: 54px; box-shadow: 0 30px 75px rgba(0,0,0,.55); }
.glow { position: absolute; border-radius: 50%; opacity: .55; }
.glow-one { top: 0; left: 0; width: 340px; height: 340px; background: #5a3907; background: -webkit-radial-gradient(center, circle, #875a0e, rgba(21,22,23,0) 70%); }
.glow-two { right: -50px; bottom: 0; width: 260px; height: 260px; background: #6b4303; background: -webkit-radial-gradient(center, circle, #b4750a, rgba(21,22,23,0) 70%); }
.modern-flow { padding: 95px 0 105px; border-top: 1px solid #343330; background: #1b1c1e; }
.modern-section-label { color: #ffc24d; font-size: 11px; font-weight: 700; letter-spacing: 2px; }
.modern-flow h2 { max-width: 600px; margin: 13px 0 40px; color: #fff; font-size: 39px; letter-spacing: -1.2px; }
.modern-cards { margin: 0 -8px; }
.modern-cards article { float: left; width: 31.333%; min-height: 250px; margin: 0 1%; padding: 28px; border: 1px solid #3d3b36; border-radius: 20px; background: #242527; }
.modern-cards b { color: #ffc24d; font-size: 12px; letter-spacing: 2px; }
.modern-cards h3 { margin: 25px 0 11px; color: #fff; font-size: 20px; }
.modern-cards p { color: #a9a39a; font-size: 14px; line-height: 1.7; }
.modern-note { padding: 100px 0; text-align: center; }
.modern-note div { max-width: 720px; margin: 0 auto; padding: 45px; border: 1px solid #3d3b36; border-radius: 24px; background: #222325; }
.modern-note h2 { margin-bottom: 12px; color: #fff; font-size: 28px; }
.modern-note p { color: #a9a39a; font-size: 15px; line-height: 1.7; }
.modern-footer { border-color: #302f2d; color: #817d76; background: #101112; }
.modern-footer a { color: #c6c1b7; }
.is-downloading { opacity: .72; }

/* Script-aware typography. Preserve Japanese readability and Arabic joins. */
html[lang="ja"] body, html[lang="ja"] .language-picker select { font-family: -apple-system, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
html[lang="ar"] body, html[lang="ar"] .language-picker select { font-family: -apple-system, "Geeza Pro", Tahoma, Arial, sans-serif; }
html[lang="ja"] [data-i18n], html[lang="ar"] [data-i18n] { letter-spacing: normal; text-transform: none; }
html[lang="ja"] h1, html[lang="ar"] h1 { line-height: 1.35; }
html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ar"] h2, html[lang="ar"] h3 { line-height: 1.45; }
.bidi-ltr { direction: ltr; unicode-bidi: embed; white-space: nowrap; }
.back-chevron { display: inline-block; direction: ltr; unicode-bidi: embed; }

/* Physical properties intentionally support Safari 6; never mirror app artwork. */
html[dir="rtl"] .brand, html[dir="rtl"] .modern-brand { float: right; }
html[dir="rtl"] .top-links, html[dir="rtl"] .modern-nav-inner > div { float: left; }
html[dir="rtl"] .top-links a, html[dir="rtl"] .modern-nav-inner > div a { margin-left: 0; margin-right: 28px; }
html[dir="rtl"] .language-picker { margin-left: 0; margin-right: 22px; }
html[dir="rtl"] .flow-list li, html[dir="rtl"] .app-card, html[dir="rtl"] .ios7-detail-wrap article, html[dir="rtl"] .modern-cards article { float: right; }
html[dir="rtl"] .app-card img { margin-right: 0; margin-left: auto; }
html[dir="rtl"] .footer p, html[dir="rtl"] .modern-footer p { float: right; }
html[dir="rtl"] .footer .footer-links, html[dir="rtl"] .modern-footer .footer-links { float: left; }
html[dir="rtl"] .footer-links a { margin-left: 0; margin-right: 22px; }
html[dir="rtl"] .ios6-back { left: auto; right: 8px; }
html[dir="rtl"] .ios6-source { right: auto; left: 8px; }
html[dir="rtl"] .language-picker-overlay { right: auto; left: 8px; margin: 0; }
html[dir="rtl"] .ios6-icon { float: right; }
html[dir="rtl"] .ios6-intro { margin-left: 0; margin-right: 204px; }
html[dir="rtl"] .ios6-row strong { float: right; }
html[dir="rtl"] .ios6-row > span { margin-left: 0; margin-right: 140px; text-align: left; }
html[dir="rtl"] .ios6-features ul { padding-left: 14px; padding-right: 36px; }
html[dir="rtl"] .ios7-nav-inner > a:first-child { left: auto; right: 0; }
html[dir="rtl"] .ios7-nav-actions { right: auto; left: 0; }
html[dir="rtl"] .ios7-nav-actions .language-picker { margin-left: 0; margin-right: 18px; }
html[dir="rtl"] .back-chevron { -webkit-transform: scaleX(-1); transform: scaleX(-1); }
html[dir="rtl"] .ios7-icon-column { float: right; }
html[dir="rtl"] .ios7-copy-column { float: left; text-align: right; }
html[dir="rtl"] .importer-copy { float: right; }
html[dir="rtl"] .importer-visual { float: left; }
html[dir="rtl"] .modern-download, html[dir="rtl"] .modern-source { margin-right: 0; margin-left: 9px; }

@media screen and (max-width: 760px) {
  .hero { padding: 70px 0 62px; }
  .hero h1 { font-size: 43px; letter-spacing: -1.7px; }
  .hero-copy { font-size: 17px; }
  .flow-list li { float: none; width: 100%; margin: 0 0 30px; }
  .flow-list li:last-child { margin-bottom: 0; }
  .apps-section { padding: 68px 0; }
  .apps-section > h2 { font-size: 34px; }
  .app-card { float: none; width: 100%; min-height: 0; margin: 0 0 18px; }
  .app-card > p:not(.compatibility) { min-height: 0; }
  .ios6-content { padding-top: 30px; }
  .ios6-hero { text-align: center; }
  .ios6-icon { float: none; width: 145px; height: 145px; }
  .ios6-intro { margin: 17px 0 0; padding: 0; }
  .ios6-intro h1 { font-size: 34px; }
  .ios7-hero { min-height: 620px; padding-top: 60px; }
  .ios7-hero-inner { max-width: 560px; text-align: center; }
  .ios7-icon-column, .ios7-copy-column { float: none; width: 100%; padding: 0; text-align: center; }
  .ios7-icon { width: 180px; height: 180px; border-radius: 36px; }
  .ios7-overline { margin-top: 27px; }
  .ios7-hero h1 { font-size: 43px; }
  .ios7-lead { margin-right: auto; margin-left: auto; }
  .ios7-detail-wrap article { float: none; width: 100%; margin: 0 0 36px; }
  .importer-hero { min-height: 0; padding-top: 60px; text-align: center; }
  .importer-copy, .importer-visual { float: none; width: 100%; }
  .importer-copy h1 { font-size: 42px; }
  .importer-visual { min-height: 330px; }
  .importer-icon { width: 220px; height: 220px; }
  .modern-cards article { float: none; width: 100%; min-height: 0; margin: 0 0 16px; }
}

@media screen and (max-width: 420px) {
  .topbar, .topbar-inner { height: 106px; }
  .top-links a { margin-left: 16px; }
  .top-links .language-picker { position: absolute; top: 58px; right: 0; margin: 0; }
  .hero h1 { font-size: 36px; }
  .button { display: block; margin: 8px 0; }
  .app-card { padding: 26px; }
  .ios6-navbar strong { font-size: 15px; }
  .ios6-navbar a { padding: 0 7px; }
  .ios6-row strong { float: none; display: block; margin-bottom: 4px; }
  .ios6-row > span { margin: 0; text-align: left; }
  .ios7-nav a { font-size: 13px; }
  .ios7-nav-actions .language-picker { position: absolute; top: 70px; right: 0; margin: 0; }
  .ios7-nav-actions > a { display: none; }
  .ios7-hero h1 { font-size: 38px; }
  .modern-nav-inner > div a { margin-left: 14px; }
  .modern-nav-inner > div a:first-child { display: none; }
  .modern-nav { height: 112px; }
  .modern-nav-inner > div .language-picker { position: absolute; top: 68px; right: 0; margin: 0; }
  .importer-copy h1 { font-size: 36px; }
  .modern-download, .modern-source { display: block; margin-right: 0; }
  .modern-note div { padding: 30px 22px; }
  .footer p, .footer .footer-links, .modern-footer p, .modern-footer .footer-links { float: none; text-align: center; }
  .footer-links { margin-top: 12px; }
  .footer-links a:first-child { margin-left: 0; }
}

@media screen and (max-width: 760px) {
  html[dir="rtl"] .flow-list li, html[dir="rtl"] .app-card, html[dir="rtl"] .ios7-detail-wrap article, html[dir="rtl"] .modern-cards article,
  html[dir="rtl"] .ios6-icon, html[dir="rtl"] .ios7-icon-column, html[dir="rtl"] .ios7-copy-column,
  html[dir="rtl"] .importer-copy, html[dir="rtl"] .importer-visual { float: none; }
  html[dir="rtl"] .ios6-intro { margin: 17px 0 0; }
  html[dir="rtl"] .ios7-copy-column { text-align: center; }
  /* Clip only decoration, so no meaningful content is hidden to pass overflow checks. */
  .glow-one { max-width: 100%; }
  .glow-two { right: 0; max-width: 100%; }
}

@media screen and (max-width: 600px) {
  /* The original single row cannot fit longer download labels plus the selector. */
  .topbar, .topbar-inner { height: 106px; }
  .top-links .language-picker { position: absolute; top: 58px; right: 0; margin: 0; }
  .modern-nav { height: 112px; }
  .modern-nav-inner > div .language-picker { position: absolute; top: 68px; right: 0; margin: 0; }
  .ios7-nav-actions .language-picker { position: absolute; top: 70px; right: 0; margin: 0; }
  html[dir="rtl"] .top-links .language-picker,
  html[dir="rtl"] .modern-nav-inner > div .language-picker,
  html[dir="rtl"] .ios7-nav-actions .language-picker { right: auto; left: 0; margin: 0; }
}

@media screen and (max-width: 420px) {
  html[dir="rtl"] .top-links a { margin-right: 16px; }
  html[dir="rtl"] .modern-nav-inner > div a { margin-right: 14px; }
  html[dir="rtl"] .ios6-row strong { float: none; }
  html[dir="rtl"] .ios6-row > span { margin: 0; text-align: right; }
  html[dir="rtl"] .modern-download, html[dir="rtl"] .modern-source { margin-left: 0; }
  html[dir="rtl"] .footer p, html[dir="rtl"] .footer .footer-links,
  html[dir="rtl"] .modern-footer p, html[dir="rtl"] .modern-footer .footer-links { float: none; }
  html[dir="rtl"] .footer-links a:first-child { margin-right: 0; }
}