/* WordPress-only additions: article pages, simple pages, editor output */

/* Blog article on its own page (same look as the popup) */
.article { padding: 0; overflow: hidden; }
.article .reader-cover .cover { aspect-ratio: auto; height: clamp(220px, 30vw, 380px); border-radius: 0; }
.article .reader-body { padding: 30px clamp(20px, 5vw, 56px) 40px; max-width: 820px; }
.article h1 { margin: 8px 0 20px; font-size: clamp(1.8rem, 3.4vw, 2.6rem); line-height: 1.12; }
.article .reader-meta a { color: var(--blue-bright); }
.reader-nav a { display: grid; gap: 4px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 18px; background: var(--glass); }
.reader-nav a small { color: var(--muted); font-size: 0.75rem; }
.reader-nav a b { font-size: 0.95rem; }
.reader-nav a.next { text-align: right; grid-column: 2; }
@media (max-width: 720px) { .reader-nav a.next { grid-column: auto; } }

/* Simple pages (legal etc.) */
.page-content h1 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); margin: 0 0 18px; }
.page-content h2, .page-content h3 { margin: 26px 0 10px; }
.page-content p, .page-content li { color: var(--muted); line-height: 1.7; }
.page-content a, .section p a { color: var(--blue-bright); }
.plain-list { list-style: none; padding: 0; display: grid; gap: 10px; }
.plain-list small { color: var(--muted); margin-left: 8px; }

/* Content coming from the WordPress editor */
.reader-content img { max-width: 100%; height: auto; border-radius: 16px; }
.reader-content figure { margin: 0 0 16px; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* The admin bar pushes the page down when you're logged in */
.admin-bar .sidebar { top: calc(var(--admin-bar, 0px) + 16px); }
@media screen and (min-width: 783px) { .admin-bar { --admin-bar: 32px; } }