/* Right-to-left overrides for Casper, which only ships LTR styles.
   Flexbox, grid and text-align:start flip on their own under dir="rtl";
   these are the rules screen.css hard-codes with left/right. */
[dir=rtl] ol, [dir=rtl] ul { padding-left: 1.5em; padding-right: 1.3em; }
[dir=rtl] li { padding-left: 0; padding-right: .3em; }
[dir=rtl] dt { float: right; margin: 0 0 0 20px; text-align: left; }
[dir=rtl] dd { text-align: right; }

[dir=rtl] .is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-menu { margin-left: 0; margin-right: -40px; }
[dir=rtl] .is-head-left-logo .gh-head-menu { margin-left: 64px; margin-right: 16px; }
[dir=rtl] .gh-head-actions { text-align: left; }
[dir=rtl] .gh-burger { margin-right: 0; margin-left: -3px; }

[dir=rtl] .post-card-featured { padding-left: 0; padding-right: 18px; }
[dir=rtl] .pagination .older-posts { text-align: left; }
[dir=rtl] .pagination .newer-posts { text-align: right; }
[dir=rtl] .article-byline-content .author-list { padding-right: 0; padding-left: 12px; }
[dir=rtl] .site-footer-nav a { margin-left: 0; margin-right: 10px; }

[dir=rtl] .gh-content > blockquote:not([class]):before { left: auto; right: -1.5em; }
[dir=rtl] .gh-content table:not(.gist table) th { text-align: right; }
[dir=rtl] .gh-content .kg-product-card .kg-product-card-description > ol,
[dir=rtl] .gh-content .kg-product-card .kg-product-card-description > ul { padding-left: 0; padding-right: 1.9em; }

/* The pagination arrows point "forward" in reading order. */
[dir=rtl] .pagination [aria-hidden] { display: inline-block; transform: scaleX(-1); }