/* WordPress-only additions (original design lives in styles.css + Tailwind) */

/* Fixed header and the mobile drawer sit below the admin bar when logged in */
.admin-bar > header.fixed, .admin-bar > [data-drawer] { top: 32px; }
.admin-bar > [data-drawer] { height: calc(100% - 32px); }
@media (max-width: 782px) {
	.admin-bar > header.fixed, .admin-bar > [data-drawer] { top: 46px; }
	.admin-bar > [data-drawer] { height: calc(100% - 46px); }
}
@media (max-width: 600px) {
	.admin-bar > header.fixed, .admin-bar > [data-drawer] { top: 0; }
	.admin-bar > [data-drawer] { height: 100%; }
}

/* WP prints width/height attributes on uploaded images: keep them proportional */
.reading-page img { height: auto; }

/* Regular pages (index.php) */
.light-page .page-body { padding: 56px 0; }
.light-page .page-body .prose { max-width: 860px; }

/* Editor alignment classes */
.reading-page .prose img.alignleft, .reading-page .prose img.alignright { width: auto; max-width: 50%; }
.reading-page .prose .aligncenter { margin-left: auto; margin-right: auto; }
.reading-page .prose .alignleft { float: left; margin: 0 20px 12px 0; }
.reading-page .prose .alignright { float: right; margin: 0 0 12px 20px; }