/*
Theme Name: SlayAndClay Experiment 6
Description: Experiment 6's photographic hero and cream journal, with native WordPress content.
Author: SlayAndClay
Version: 1.1.24
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: slayandclay-experiment-4
*/

/* Keep the source composition independent of WordPress's block layout wrappers. */
.sc-site-header a,.sc-site-footer a,.hero a,.journal a,.article-hero a,.related-reading a{text-decoration:none}
/* Categories start on cream rather than a photograph, so the header needs its own surface. */
.category .sc-site-header{background:var(--sc-ink);color:var(--sc-paper);border-color:var(--sc-rule)}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.topic-filter{text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.topic-filter[aria-current=page]{background:var(--sc-paper);color:var(--sc-ink)}
.journal-grid[aria-busy=true]{opacity:.6;pointer-events:none}
.journal-grid{transition:opacity .18s ease}
/* Keep the total alongside the filters when it fits, otherwise right-align it below. */
.journal-toolbar{display:flex;flex-wrap:wrap;gap:14px 24px}
.topic-filters{flex:1 1 auto;min-width:0}
.article-count{margin:0 0 0 auto;white-space:nowrap}
.category .section-heading .article-count{margin:18px 0 0}
@media(max-width:594px){.article-count{display:none}}
/* WP auto-sized lazy images must not set the featured grid row's intrinsic height. */
@media(min-width:600px){.featured-story .cover-link{position:relative}.featured-story .cover-link img{position:absolute;inset:0;width:100%;height:100%}}
/* Reserve the designed frame even while a lazy image is loading or fails. */
.journal-story .cover-link{position:relative;aspect-ratio:16/10}
.journal-story .cover-link img{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:599px){.featured-story .cover-link{position:relative;aspect-ratio:4/3}.featured-story .cover-link img{position:absolute;inset:0;width:100%;height:100%}}
.feed-meta a:hover{text-decoration:underline;text-underline-offset:4px}
.pagination .dots{width:auto;padding-inline:4px}
.pagination .previous{display:flex;align-items:center;gap:12px;min-height:44px}
.empty-journal{grid-column:1/-1;padding:48px 0;color:var(--sc-muted)}
.archive-page .journal,.search-page .journal{padding-top:160px}
.archive-page .section-heading h1,.search-page .section-heading h1{font:400 clamp(44px,4.8vw,66px)/1.04 var(--sc-serif);letter-spacing:-.03em}
.generic-page .reading-surface{padding-top:160px;min-height:70svh}
.generic-page .sc-prose{margin-inline:auto}
.generic-page .sc-prose>h1{font:400 clamp(44px,6vw,72px)/1.08 var(--sc-serif);letter-spacing:-.03em;color:var(--sc-ink);margin-bottom:40px}
.sc-prose section{display:flow-root}
.sc-prose>p,.sc-prose>ul,.sc-prose>ol,.sc-prose>figure,.sc-prose>div{margin-bottom:24px}
.sc-prose .wp-block-image img{height:auto!important}
.generic-page .wp-block-image img{aspect-ratio:auto;object-fit:contain}
.generic-page .wp-block-image.aligncenter img{margin-inline:auto}
.sc-prose .wp-block-image figcaption{font:400 12px/1.6 var(--sc-ui);margin-top:12px;color:var(--sc-body)}
.sc-prose .rank-math-answer>*+*{margin-top:16px}
.sc-prose .rank-math-answer{padding-bottom:26px;font-size:16px;line-height:1.85}
.sc-prose .rank-math-list-item{border-bottom:1px solid color-mix(in srgb,var(--sc-ink) 18%,transparent)}
.article-hero.no-cover{background:var(--sc-ink)}
.article-hero .helidform-article-meta{margin:0}
.reading-surface>.sc-prose.section-container{width:min(780px,calc(100% - var(--sc-gutter)*2))}
.woocommerce-page .reading-surface{padding-top:160px;min-height:70svh}
.reading-layout.no-contents{display:block;max-width:780px}
.sc-prose .wp-block-table td,.sc-prose .wp-block-table th{border-color:color-mix(in srgb,var(--sc-ink) 14%,transparent)}
.sc-prose .wp-block-table thead{border-bottom:1px solid color-mix(in srgb,var(--sc-ink) 14%,transparent)}
.sc-prose .wp-block-table th{border-top:0;border-bottom:0}
.sc-prose .wp-block-table td{border-bottom:0}
.sc-prose .wp-block-table td:first-child,.sc-prose .wp-block-table th:first-child{border-left:0}
.sc-prose .wp-block-table td:last-child,.sc-prose .wp-block-table th:last-child{border-right:0}
.sc-error-search{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.sc-error-search input{min-height:48px;padding:12px 18px;border:1px solid var(--sc-rule);border-radius:28px;background:var(--sc-surface);color:var(--sc-paper);font:inherit;max-width:100%}
body.admin-bar .sc-site-header{top:32px}
@media(max-width:782px){body.admin-bar .sc-site-header{top:46px}}
@media(max-width:599px){.sc-site-header:not(.has-menu-js){height:auto;min-height:80px;flex-wrap:wrap;padding-block:16px;gap:8px}.sc-site-header:not(.has-menu-js) .menu-toggle{display:none}.sc-site-header:not(.has-menu-js) .primary-nav{position:static;display:flex;flex-wrap:wrap;width:100%;padding:0;background:transparent;border:0;gap:16px}.sc-site-header:not(.has-menu-js) .primary-nav a{font-size:11px;padding:4px 0}}
@media(max-width:650px){.sc-prose .wp-block-table td{border:0}.sc-prose .rank-math-answer{font-size:15px;padding-bottom:22px}.pagination{flex-wrap:wrap}.archive-page .journal,.search-page .journal{padding-top:128px}.generic-page .reading-surface,.woocommerce-page .reading-surface{padding-top:128px}}
@media(prefers-reduced-motion:reduce){.journal-grid{transition:none}}
/* Keep the woman's head visible when cover crops the desktop photo vertically. */
@media(min-width:1101px){.home-page .hero-image{object-position:42% top}}
@media(min-width:1101px){.article-page .article-hero-image{object-position:34% top}}