/* The Journal — isolated to the existing Home List template. */
body.page-template-template-home-list { --rosalia-bg:#f8f6f1; --rosalia-bg-alt:#efebe3; --rosalia-border:#ded9d0; background:var(--rosalia-bg); }
body.page-template-template-home-list.dark-mode { --rosalia-bg:#181715; --rosalia-bg-alt:#24221f; --rosalia-border:#45413a; }
.page-template-template-home-list .rosalia-header-subscribe { display:none; }
.page-template-template-home-list .site-main { display:block; padding-top:0; }
.page-template-template-home-list .rosalia-journal { width:100%; max-width:none; float:none; }
.rosalia-journal a { color:inherit; text-decoration:none; }
.rosalia-journal a:hover { text-decoration:underline; text-underline-offset:5px; }
.journal-masthead { text-align:center; padding:64px 20px 40px; }
.journal-eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:18px; font-size:10px; letter-spacing:2px; text-transform:uppercase; line-height:1.7; color:var(--rosalia-text-muted); }
.journal-masthead > .journal-eyebrow { justify-content:center; }
.journal-masthead h1 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(56px,8vw,112px); font-weight:400; letter-spacing:-5px; line-height:1.08; margin:16px 0; color:var(--rosalia-text); }
.journal-masthead p { color:var(--rosalia-text-muted); font-size:14px; margin:0; }
.journal-categories { display:flex; justify-content:center; flex-wrap:wrap; gap:16px 32px; padding:20px; border-block:1px solid var(--rosalia-border); font-size:11px; letter-spacing:1.2px; text-transform:uppercase; margin-bottom:42px; }
.rosalia-journal .journal-story { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); align-items:center; gap:42px; width:100%; padding:0 0 30px; margin:0; border-bottom:1px solid var(--rosalia-border); }
.journal-photo { display:block; overflow:hidden; background:var(--rosalia-bg-alt); }
.rosalia-journal .journal-photo img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; transition:transform .4s ease; }
.journal-photo:hover img { transform:scale(1.025); }
.journal-copy { min-width:0; }
.journal-copy h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(24px,2.6vw,36px); line-height:1.2; letter-spacing:-.7px; margin:14px 0; overflow-wrap:anywhere; }
.journal-excerpt { font-size:14px; line-height:1.85; color:var(--rosalia-text-muted); margin:0 0 22px; }
.journal-read { font-size:10px; letter-spacing:1.5px; text-transform:uppercase; display:inline-block; padding-bottom:8px; border-bottom:1px solid currentColor; }
.rosalia-journal .journal-featured .journal-story { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:54px; border:0; padding:0; }
.rosalia-journal .journal-featured .journal-photo img { aspect-ratio:5/4; }
.journal-featured .journal-copy h2 { font-size:clamp(30px,3.5vw,48px); }
.journal-feature-label { display:block; font-size:10px; text-transform:uppercase; letter-spacing:2px; margin-bottom:26px; color:var(--rosalia-text-muted); }
.journal-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; border-top:1px solid var(--rosalia-border); padding-top:22px; margin:58px 0 32px; scroll-margin-top:100px; }
.journal-section-heading h2 { font-family:Georgia,'Times New Roman',serif; font-size:30px; font-weight:400; margin:0; }
.journal-section-heading > span { font-size:11px; color:var(--rosalia-text-muted); }
.rosalia-journal .rosalia-list-stories { display:flex; flex-direction:column; gap:30px; max-width:900px; margin:auto; }
.rosalia-journal .list-pagination { margin:40px 0; }
.journal-trending-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.rosalia-journal .journal-trending-grid .journal-story { display:flex; flex-direction:column; align-items:stretch; gap:18px; border:0; padding:0; }
.journal-trending-grid .journal-copy h2 { font-size:25px; }
.journal-trending-grid .journal-excerpt { display:none; }
.journal-trending-grid .journal-eyebrow { font-size:9px; letter-spacing:1px; gap:10px; }
.journal-newsletter { padding:48px 30px; margin:60px 0 20px; background:var(--rosalia-bg-alt); text-align:center; }
.journal-newsletter > .journal-eyebrow { justify-content:center; }
.journal-newsletter h2 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(26px,3vw,40px); font-weight:400; margin:12px 0 24px; }
.journal-newsletter .rosalia-inline-subscribe { margin-inline:auto; }
.rosalia-journal a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(max-width:760px) {
 .journal-masthead { padding:40px 0 28px; }
 .journal-masthead h1 { letter-spacing:-2px; }
 .journal-categories { gap:14px 20px; margin-bottom:28px; }
 .rosalia-journal .journal-story,.rosalia-journal .journal-featured .journal-story { grid-template-columns:1fr; gap:22px; }
 .journal-feature-label { margin-bottom:12px; }
 .journal-section-heading { flex-direction:column; gap:8px; margin-top:40px; }
 .journal-trending-grid { grid-template-columns:1fr; gap:30px; }
 .journal-newsletter { padding:32px 18px; }
}
@media(prefers-reduced-motion:reduce) { .rosalia-journal .journal-photo img { transition:none; } }

/* Featured contrast and the theme's existing AJAX heart control. */
.rosalia-journal .journal-featured {
    background:#000; color:#fff; padding:clamp(22px,3vw,42px);
    --rosalia-text:#fff; --rosalia-text-muted:#c5c5c5; --rosalia-border:#444;
}
.rosalia-journal .journal-featured .journal-copy h2,
.rosalia-journal .journal-featured .journal-read { color:#fff; }
.rosalia-journal .journal-copy { display:flex; flex-direction:column; align-self:stretch; }
.journal-story-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:auto; padding-top:20px; }
.rosalia-journal .journal-story-actions .post-like-button { margin:0 0 0 auto; flex-shrink:0; }
.rosalia-journal .journal-story-actions .like-btn { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; background:transparent; border:0; padding:8px; gap:6px; color:var(--rosalia-text-muted); }
.rosalia-journal .journal-story-actions .like-btn .heart-icon { width:18px; height:18px; }
.rosalia-journal .journal-story-actions .like-btn:hover,
.rosalia-journal .journal-story-actions .like-btn.liked { color:#e66b76; }
.rosalia-journal .journal-story-actions .like-btn:focus-visible { outline:2px solid currentColor; outline-offset:3px; }

/* Match the stacked newsletter button to the email field. */
.rosalia-journal .journal-newsletter .tnp { width:100%; max-width:500px; margin-inline:auto; }
.rosalia-journal .journal-newsletter .tnp form { width:100%; max-width:none; }
.rosalia-journal .journal-newsletter .tnp-field-email,
.rosalia-journal .journal-newsletter .tnp-field-button { width:100%; margin-inline:0; padding-inline:0; }
.rosalia-journal .journal-newsletter .tnp input.tnp-email,
.rosalia-journal .journal-newsletter .tnp input.tnp-submit { display:block; box-sizing:border-box; width:100% !important; max-width:none; height:44px; margin-inline:0; padding:10px 12px; border-radius:0; }

/* Journal discovery and publication introduction. */
.journal-explore-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.journal-explore-card { position:relative; display:block; min-height:220px; background:#262626; color:#fff !important; overflow:hidden; }
.journal-explore-photo { position:absolute; inset:0; }
.journal-explore-photo img { width:100%; height:100%; object-fit:cover; }
.journal-explore-card::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.08)); }
.journal-explore-name { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; min-height:220px; padding:26px; box-sizing:border-box; font:30px/1.2 Georgia,serif; }
.journal-explore-name small { font:11px/1.5 Arial,sans-serif; margin-top:10px; letter-spacing:1px; }
.journal-about { max-width:700px; margin:64px auto 0; text-align:center; }
.journal-about .journal-eyebrow { justify-content:center; }
.journal-about h2 { font:400 clamp(28px,3vw,40px)/1.2 Georgia,serif; margin:16px 0; }
.journal-about p { color:var(--rosalia-text-muted); font-size:14px; line-height:1.9; white-space:pre-line; }
.journal-back-top { position:fixed; right:24px; bottom:24px; z-index:900; display:inline-flex; align-items:center; gap:12px; padding:14px 18px; min-height:44px; box-sizing:border-box; background:#000; color:#fff; border:1px solid #777; font:11px/1.4 Arial,sans-serif; text-decoration:none; }
.journal-back-top[hidden] { display:none; }
.journal-back-top:hover { background:#333; color:#fff; }
.journal-back-top:focus-visible { outline:2px solid #d76b75; outline-offset:4px; }
@media(max-width:760px) {
 .journal-explore-grid { grid-template-columns:1fr; gap:18px; }
 .journal-explore-card,.journal-explore-name { min-height:190px; }
 .journal-about { margin-top:40px; }
 .journal-back-top { right:16px; bottom:16px; }
}

/* Editorial voices, authors and the featured pull quote. */
.journal-author { display:inline-flex; align-items:center; gap:8px; align-self:flex-start; margin-top:10px; font:11px/1.5 Arial,sans-serif; color:var(--rosalia-text-muted) !important; }
.journal-author img { width:24px; height:24px; border-radius:50%; object-fit:cover; }
.rosalia-journal .journal-featured-quote { border:0; border-left:2px solid #999; padding:0 0 0 20px; margin:6px 0 20px; color:#eee; }
.journal-featured-quote p { font:italic 20px/1.6 Georgia,serif; margin:0; }
.journal-editor-note { padding:36px; margin-top:56px; border-block:1px solid var(--rosalia-border); max-width:760px; margin-inline:auto; text-align:center; }
.journal-editor-note .journal-eyebrow { justify-content:center; }
.journal-editor-note h2 { font:400 32px/1.2 Georgia,serif; margin:14px 0; }
.journal-editor-note > p { white-space:pre-line; font-size:14px; line-height:1.9; color:var(--rosalia-text-muted); }
.journal-editor-signature { display:block; font:italic 22px/1.5 Georgia,serif; margin-top:20px; }
.journal-series .journal-section-heading .journal-eyebrow { margin-bottom:8px; }
@media(max-width:760px) { .journal-editor-note { padding:28px 16px; margin-top:40px; } .journal-featured-quote p { font-size:18px; } }

.journal-masthead .journal-logo-title { margin:22px auto; letter-spacing:normal; line-height:1; }
.journal-logo-title a { display:block; width:min(var(--journal-logo-width,240px),100%); margin-inline:auto; }
.journal-logo-title .journal-brand-image { display:block; width:100%; height:auto; max-height:200px; object-fit:contain; }

/* Alternative Featured Story composition. */
.rosalia-journal .journal-featured.journal-featured-overlay { padding:0; overflow:hidden; }
.rosalia-journal .journal-featured-overlay .journal-story { position:relative; display:block; min-height:560px; }
.journal-featured-overlay .journal-photo { position:absolute; inset:0; }
.rosalia-journal .journal-featured-overlay .journal-photo img { width:100%; height:100%; aspect-ratio:auto; object-fit:cover; }
.journal-featured-overlay .journal-story::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.6) 65%,rgba(0,0,0,.35)); pointer-events:none; }
.rosalia-journal .journal-featured-overlay .journal-copy { position:relative; z-index:2; max-width:780px; box-sizing:border-box; min-height:560px; padding:48px; justify-content:center; }
.journal-featured-overlay .journal-story-actions { margin-top:0; }
@media(max-width:760px) {
 .rosalia-journal .journal-masthead h1:not(.journal-logo-title) { font-size:var(--journal-mobile-masthead,56px); }
 .rosalia-journal .journal-copy h2 { font-size:var(--journal-mobile-title,28px); }
 .rosalia-journal .journal-featured .journal-copy h2 { font-size:calc(var(--journal-mobile-title,28px) + 6px); }
 .rosalia-journal .rosalia-list-stories,.rosalia-journal .journal-trending-grid { gap:var(--journal-mobile-spacing,30px); }
 .rosalia-journal .rosalia-list-stories > .journal-story { padding-bottom:var(--journal-mobile-spacing,30px); }
 .rosalia-journal .journal-featured-overlay .journal-copy { padding:28px 24px; min-height:520px; }
 .rosalia-journal .journal-featured-overlay .journal-story { min-height:520px; }
}

.journal-copy .journal-author { margin-top:0; margin-bottom:18px; }

/* Uncropped photo and structured overlay story composition. */
.rosalia-journal .journal-featured-overlay .journal-story { display:grid; grid-template-columns:minmax(0,1fr); min-height:0; }
.journal-featured-overlay .journal-photo { position:relative; inset:auto; grid-area:1 / 1; display:flex; align-items:center; align-self:stretch; background:#000; }
.rosalia-journal .journal-featured-overlay .journal-photo img { display:block; width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; transform:none; }
.journal-featured-overlay .journal-story::before { grid-area:1 / 1; }
.rosalia-journal .journal-featured-overlay .journal-copy { grid-area:1 / 1; width:100%; max-width:none; min-height:560px; padding:28px 40px 24px; justify-content:flex-start; }
.journal-featured-overlay .journal-feature-label { margin:0 0 18px; }
.journal-featured-overlay .journal-copy h2,.journal-featured-overlay .journal-excerpt,.journal-featured-overlay .journal-featured-quote { max-width:740px; }
.journal-overlay-details { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:0 0 22px; }
.journal-overlay-details .journal-author { margin:0; }
.journal-overlay-meta { margin-left:auto; justify-content:flex-end; text-align:right; }
.journal-overlay-meta:empty { display:none; }
.journal-featured-overlay .journal-story-actions { margin-top:auto; padding-top:36px; width:100%; box-sizing:border-box; }
.journal-featured-overlay .journal-story-actions .journal-read { margin-right:auto; }
@media(max-width:760px) {
 .rosalia-journal .journal-featured-overlay .journal-copy { padding:22px 20px; min-height:500px; }
 .journal-featured-overlay .journal-feature-label { margin-bottom:12px; }
 .journal-overlay-meta { font-size:9px; letter-spacing:1px; gap:12px; }
 .journal-featured-overlay .journal-story-actions { gap:10px; padding-top:28px; }
}

/* Fixed featured frame: the whole image is centered inside, independent of its ratio. */
.rosalia-journal .journal-featured-overlay .journal-story { height:620px; min-height:0; grid-template-rows:minmax(0,1fr); }
.journal-featured-overlay .journal-photo { position:absolute; inset:0; display:block; }
.rosalia-journal .journal-featured-overlay .journal-photo img { width:100%; height:100%; max-height:100%; object-fit:contain; object-position:center; }
.rosalia-journal .journal-featured-overlay .journal-copy { height:100%; min-height:0; overflow-y:auto; }
@media(max-width:760px) {
 .rosalia-journal .journal-featured-overlay .journal-story { height:600px; min-height:0; }
 .rosalia-journal .journal-featured-overlay .journal-copy { min-height:0; }
}

/* Featured typography and category placement, shared by both compositions. */
.rosalia-journal .journal-featured .journal-feature-label { font-size:18px; font-weight:700; line-height:1.4; }
.rosalia-journal .journal-featured .journal-copy h2,
.rosalia-journal .journal-featured .journal-excerpt { width:100%; margin-inline:auto; text-align:center; }
.rosalia-journal .journal-featured .journal-featured-category { justify-content:center; margin:0 0 20px; }
.rosalia-journal .journal-featured .journal-eyebrow:empty { display:none; }
@media(max-width:760px) {
 .rosalia-journal .journal-featured .journal-feature-label { font-size:16px; }
}

/* Center the editorial group in the image, with date anchored above it. */
.rosalia-journal .journal-featured .journal-feature-label { font:400 13px/1.5 Georgia,'Times New Roman',serif; letter-spacing:1.5px; }
.rosalia-journal .journal-featured-overlay .journal-copy { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(min-content,1fr) auto; row-gap:18px; position:relative; }
.journal-featured-overlay .journal-feature-label { grid-row:1; grid-column:1; margin:0; padding-right:150px; }
.journal-featured-date { position:absolute; top:28px; right:40px; max-width:145px; text-align:right; font:400 10px/1.7 Arial,sans-serif; letter-spacing:1px; text-transform:uppercase; }
.journal-featured-center { grid-row:2; grid-column:1; align-self:center; width:100%; }
.rosalia-journal .journal-featured-overlay .journal-featured-quote { margin:6px auto 0; padding:0; border:0; text-align:center; }
.rosalia-journal .journal-featured-overlay .journal-story-actions { grid-row:3; grid-column:1; margin-top:0; padding-top:0; }
@media(max-width:760px) {
 .journal-featured-date { top:22px; right:20px; max-width:125px; font-size:9px; }
 .journal-featured-overlay .journal-feature-label { padding-right:135px; }
}

/* Featured reading order: title, excerpt, quote, category, reading time. */
.rosalia-journal .journal-featured .journal-copy h2 { margin-bottom:6px; }
.rosalia-journal .journal-featured .journal-excerpt { margin-top:0; margin-bottom:16px; }
.rosalia-journal .journal-featured .journal-featured-quote { margin-bottom:16px; }
.rosalia-journal .journal-featured .journal-featured-category { margin-bottom:6px; }
.rosalia-journal .journal-featured .journal-featured-reading { justify-content:center; text-align:center; margin:0; }

/* Fill the existing frame and swap featured category/read action positions. */
.rosalia-journal .journal-featured-overlay .journal-photo img { object-fit:cover; object-position:center; }
.journal-featured-read { text-align:center; margin-top:18px; }
.rosalia-journal .journal-featured .journal-story-actions .journal-featured-category { justify-content:flex-start; margin:0 auto 0 0; }

/* Adjustable photo focus and contrast in the full-width Featured Story. */
.rosalia-journal .journal-featured-overlay .journal-photo img { object-position:var(--journal-focus-x,50%) var(--journal-focus-y,50%); }
.rosalia-journal .journal-featured-overlay .journal-story::before { background:linear-gradient(90deg,rgba(0,0,0,calc(var(--journal-shade,1) * .92)),rgba(0,0,0,calc(var(--journal-shade,1) * .6)) 65%,rgba(0,0,0,calc(var(--journal-shade,1) * .35))); }