/* WordPress-only additions to base.css and pages.css (shared with the design preview). */

/* Writing filters are links and a search form here, so they work without JavaScript too. */
html:not(.js) .archive-section .archive-controls,html:not(.js) .archive-section .archive-result-line,html:not(.js) .not-found .archive-controls{display:flex}
html:not(.js) .archive-section .filter-tabs{display:flex}
html:not(.js) .article-share{display:flex}
html:not(.js) .article-share .copy-link{display:none}
.archive-controls{align-items:end}
.archive-controls .field:first-child{flex:1 1 320px}
.archive-submit{min-height:48px;margin:0;padding-inline:22px;background:transparent;color:var(--green);border:1px solid var(--field-line);font-size:14px;cursor:pointer}
.archive-submit:hover{background:var(--wash)}
.filter-tabs a{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--surface-raised);border-radius:3px;padding:9px 14px;color:var(--green);font:500 14px 'Hind Siliguri',var(--sans);min-height:42px;text-decoration:none;flex:none}
.filter-tabs a[aria-current=page]{background:var(--pressed-bg);color:var(--pressed-fg);border-color:var(--pressed-bg)}
.filter-tabs a:hover:not([aria-current=page]){background:var(--wash)}
@media(max-width:560px){.filter-tabs a{font-size:13px;padding:8px 10px}.archive-controls .field:first-child{flex:1 1 100%}.archive-submit{width:100%}}
.not-found .archive-controls{max-width:640px;margin:26px 0 8px}
.archive-result-line a.plain-button{display:inline-flex;align-items:center}

/* Numbered pages. */
.wp-pagination .page-numbers{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:3px;background:var(--surface-raised);color:var(--green);text-decoration:none;font-size:14px}
.wp-pagination .page-numbers.current{background:var(--pressed-bg);color:var(--pressed-fg);border-color:var(--pressed-bg)}
.wp-pagination .page-numbers.dots{border:0;background:none;min-width:24px}
.wp-pagination a.page-numbers:hover{background:var(--wash)}

/* Posts without a cover image get a type-only cover in every image slot. */
.story-image .type-cover{aspect-ratio:1.72;font-size:20px}
.small-story .story-image .type-cover{aspect-ratio:1;padding:12px;font-size:13px}
.feature-cover .type-cover{height:100%;min-height:280px;font-size:30px}

/* Ordinary pages use the article measure. */
.page-layout{padding-block:20px 60px}
.page-body{max-width:740px;margin:0 auto}

/* Block-editor content inside articles and pages. */
.article-body .wp-block-image,.article-body figure{margin:30px 0}
.article-body figcaption,.article-body .wp-caption-text{font-size:14px;line-height:1.6;color:var(--muted);text-align:center;margin-top:8px}
.article-body .aligncenter{margin-inline:auto;display:block;text-align:center}
.article-body .alignleft{float:left;margin:6px 24px 16px 0;max-width:50%}
.article-body .alignright{float:right;margin:6px 0 16px 24px;max-width:50%}
.article-body .alignwide,.article-body .alignfull{max-width:100%}
.article-body .wp-caption{max-width:100%}
.article-body .wp-block-table,.article-body .table-scroll{overflow-x:auto;margin:30px 0}
.article-body table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}
.article-body th,.article-body td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}
.article-body .wp-block-embed__wrapper,.article-body .wp-block-embed{margin:30px 0}
.article-body iframe,.article-body video{max-width:100%}
.article-body .wp-has-aspect-ratio .wp-block-embed__wrapper{position:relative}
.article-body .wp-has-aspect-ratio iframe{position:absolute;inset:0;width:100%;height:100%}
.article-body .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{content:'';display:block;padding-top:56.25%}
.article-body audio{width:100%;margin:12px 0}
.article-body .has-text-align-right{text-align:right}
.article-body .has-text-align-center{text-align:center}
.article-body .wp-block-separator{border:0;border-top:1px solid var(--line);margin:35px 0}
.article-body .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.article-body .wp-block-gallery img{margin:0}
.article-body::after{content:'';display:table;clear:both}
.page-links{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap;font-size:14px}

/* Logged-in editors see the admin bar above the sticky header. */
@media(min-width:783px){body.admin-bar .header{top:32px}body.admin-bar .search-panel{max-height:calc(100dvh - 117px)}}
@media(min-width:601px) and (max-width:782px){body.admin-bar .header{top:46px}}

/* MailPoet sign-up form in the footer: the site's field and gold button. */
.amk-mailpoet .mailpoet_form{padding:0!important;background:none!important}
.amk-mailpoet .mailpoet_form form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.amk-mailpoet .mailpoet_paragraph{margin:0!important;flex:1 1 220px}
.amk-mailpoet .mailpoet_text,.amk-mailpoet input[type=email]{width:100%!important;min-height:51px;padding:14px 17px!important;font:14px var(--sans)!important;color:var(--ink)!important;background:var(--surface-raised)!important;border:1px solid var(--line)!important;border-radius:3px!important}
.amk-mailpoet .mailpoet_submit{min-height:51px;padding:12px 22px!important;font:600 13px var(--sans)!important;color:#183129!important;background:var(--gold)!important;border:0!important;border-radius:3px!important;cursor:pointer;width:auto!important}
.amk-mailpoet .mailpoet_submit:hover{background:#ead39b!important}
.amk-mailpoet .mailpoet_message,.amk-mailpoet .mailpoet_validate_success,.amk-mailpoet .mailpoet_validate_error{flex-basis:100%;font-size:14px;color:#d1dfd6}
.amk-mailpoet .parsley-errors-list{color:#f3c6a5;font-size:13px;list-style:none;padding:0;margin:6px 0 0}

/* WordPress's own accessibility class, used by core blocks and plugins. */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:200;padding:10px 16px;background:var(--surface-raised);color:var(--ink)}
#ast-scroll-top{display:none!important}

/* Page-header pictures on listing pages (Writing, Faith & Philosophy, the series, not found). */
.intro-art{flex:0 0 min(40%,460px);margin:0}
.intro-art img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:3px}

/* Post covers are 16:9 cards with the title written on them: show them whole, never cropped. */
.feature-cover img{aspect-ratio:16/9}
.not-found .intro-art{max-width:460px;margin-bottom:34px}
@media(max-width:800px){.intro-line{flex-direction:column;align-items:stretch}.intro-art{flex:none;order:-1}.intro-art img{aspect-ratio:2;max-height:260px}}

/* "Listen on Spotify" button on podcast episode pages (written by tools/publish_podcasts.py). */
.article-body a.spotify-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:999px;background:#1db954;color:#0b1f12;font:600 14px var(--sans);text-decoration:none}
.article-body a.spotify-btn:hover{background:#1ed760}