/* Journal · editorial geometry in the approved showbook palette.
   Load after showbook-poster.css. Artwork is decorative; actual titles remain HTML. */
#blog.journal-refresh,#article.journal-refresh{--jr-paper:#EDE6D8;--jr-ink:#12162B;--jr-yellow:#F2C230;--jr-ember:#D9542B;--jr-red:#9E2A22;--jr-muted:#514A44;color:var(--jr-ink);background:var(--jr-paper)}
.journal-refresh .journal-art{display:block;position:relative;width:100%;height:auto;overflow:hidden;aspect-ratio:8/5;background:var(--jr-ink)}
.journal-refresh .journal-art svg{display:block;width:100%;height:auto;max-height:none;aspect-ratio:8/5}
html[data-showbook-layout] body #blog.journal-refresh .proc-inner::before{display:none}
#blog.journal-refresh .proc-inner>h1{max-width:17ch;margin:0;text-align:left;font:600 clamp(2.75rem,6.5vw,6rem)/1.02 var(--display);letter-spacing:-.03em}
#blog.journal-refresh .proc-sub{max-width:54ch;margin:1.5rem 0 0;text-align:left;color:var(--jr-muted);font:400 1.15rem/1.6 var(--body)}
#blog.journal-refresh .blog-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3.5rem 2.5rem;margin-top:3rem;border:0}
#blog.journal-refresh .blog-card{display:flex;grid-column:span 6;min-width:0;flex-direction:column;gap:1.25rem;padding:0 0 1.75rem;border-bottom:1px solid var(--jr-ink);color:var(--jr-ink);text-decoration:none;align-items:stretch}
#blog.journal-refresh .blog-card::before{display:none}
#blog.journal-refresh .blog-card-visual{width:100%;grid-column:auto;grid-row:auto;margin:0;padding:0;aspect-ratio:8/5;border:0;border-radius:0;overflow:hidden;background:var(--jr-ink)}
#blog.journal-refresh .blog-card-body{grid-column:auto;grid-row:auto;min-width:0}
#blog.journal-refresh .blog-card-meta{margin:0;color:var(--jr-muted);font:500 .74rem/1.55 var(--mono);letter-spacing:.04em;text-transform:none}
#blog.journal-refresh .blog-card-title{max-width:24ch;margin:.65rem 0 .9rem;color:inherit;font:600 clamp(1.75rem,2.8vw,2.75rem)/1.12 var(--display);letter-spacing:-.025em;text-wrap:balance}
#blog.journal-refresh .blog-card-excerpt{max-width:58ch;margin:0;color:var(--jr-muted);font:400 1.1rem/1.6 var(--body)}
#blog.journal-refresh .blog-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;align-items:center;padding:0;border:0;background:var(--jr-ink);color:var(--jr-paper)}
#blog.journal-refresh .blog-card:first-child .blog-card-body{padding:2rem}
#blog.journal-refresh .blog-card:first-child .blog-card-meta,#blog.journal-refresh .blog-card:first-child .blog-card-excerpt{color:var(--jr-paper)}
#blog.journal-refresh .blog-card:first-child .blog-card-title{font-size:clamp(2rem,3.2vw,3.25rem)}
#blog.journal-refresh .blog-card:nth-child(4){grid-column:span 7}
#blog.journal-refresh .blog-card:nth-child(5){grid-column:span 5}
#blog.journal-refresh .blog-card:nth-child(5) .blog-card-visual{aspect-ratio:6/5}
#blog.journal-refresh .blog-card:nth-child(5) .journal-art{height:100%;aspect-ratio:auto}
#blog.journal-refresh .blog-card:nth-child(5) .journal-art svg{height:100%;object-fit:cover}
#blog.journal-refresh .blog-card:nth-child(6){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2.5rem;align-items:center}
#blog.journal-refresh .blog-card:hover .blog-card-title{text-decoration:underline;text-decoration-color:var(--jr-ember);text-decoration-thickness:.07em;text-underline-offset:.16em}
#blog.journal-refresh .blog-card:first-child:hover .blog-card-title{text-decoration-color:var(--jr-yellow)}
#blog.journal-refresh .blog-card:focus-visible{outline:3px solid var(--jr-ink)!important;outline-offset:6px!important;box-shadow:0 0 0 3px var(--jr-paper)!important}

/* Hero carries the expression; long-form copy stays on a quiet reading surface. */
.legacy-content:has(#article.journal-refresh){padding-inline:clamp(1.75rem,6.5vw,6rem)}
#article.journal-refresh .article-inner{max-width:100%;position:relative;isolation:isolate}
#article.journal-refresh .journal-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid var(--jr-ink)}
#article.journal-refresh .journal-head-copy{min-width:0}
#article.journal-refresh .article-subtitle{margin:0 0 1.5rem;color:var(--jr-muted);font:400 1.25rem/1.55 var(--body)}
#article.journal-refresh .article-title{max-width:18ch;margin:0 0 1.5rem;text-align:left;color:var(--jr-ink);font:600 clamp(2.5rem,4.3vw,4.75rem)/1.06 var(--display);letter-spacing:-.03em;overflow-wrap:break-word;text-wrap:balance}
#article.journal-refresh .article-meta{justify-content:flex-start;gap:.5rem 1rem;margin:0;color:var(--jr-muted);font:500 .74rem/1.65 var(--mono);letter-spacing:.025em;text-transform:none}
#article.journal-refresh .art-cat{color:var(--jr-muted)}
#article.journal-refresh .art-date::before{display:none}
#article.journal-refresh .article-hero{width:100%;max-width:none;margin:0}
#article.journal-refresh .article-hero .journal-art{aspect-ratio:1;display:flex;align-items:center}
#article.journal-refresh .article-hero .journal-art--renewal{background:var(--jr-ember)}
#article.journal-refresh .article-hero .journal-art--search{background:var(--jr-paper)}
#article.journal-refresh .article-hero .journal-art--answers{background:var(--jr-paper)}
#article.journal-refresh .article-hero .journal-art--budget{background:var(--jr-yellow)}
#article.journal-refresh .article-body{box-sizing:content-box;position:relative;max-width:64ch;margin:0 auto;padding:3.5rem clamp(1rem,5vw,4.5rem);color:var(--jr-ink);background:var(--jr-paper);font-size:1.15rem}
#article.journal-refresh .article-body::before{content:"";position:absolute;z-index:-1;inset:0 calc(-1 * clamp(2rem,8vw,7rem));background:var(--jr-ink) url('/assets/media/showbook/closing-cubist-mosaic.webp') center/cover no-repeat;pointer-events:none}
#article.journal-refresh .article-body>p,#article.journal-refresh .article-body li{max-width:70ch;font:400 1.15rem/1.85 var(--body);color:var(--jr-ink)}
#article.journal-refresh .article-body>p{margin:0 0 1.4rem}
#article.journal-refresh .article-body>p:first-of-type::first-letter{float:none;margin:0;color:inherit;font:inherit}
#article.journal-refresh .article-body>p:first-of-type{font-size:1.35rem;line-height:1.65;margin-bottom:2rem}
#article.journal-refresh .article-body h2{margin:3.5rem 0 1.25rem;color:var(--jr-ink);font:600 clamp(1.8rem,3vw,2.65rem)/1.15 var(--display);letter-spacing:-.025em;text-wrap:balance}
#article.journal-refresh .article-body h2::before{display:none}
#article.journal-refresh .article-body h3{margin:2rem 0 .9rem;color:var(--jr-ink);font:600 1.45rem/1.3 var(--display);letter-spacing:-.015em}
#article.journal-refresh .article-body ul,#article.journal-refresh .article-body ol{padding-left:1.4rem;margin:1rem 0 1.75rem}
#article.journal-refresh .article-body li{padding-left:.25rem;margin:.3rem 0}
#article.journal-refresh .article-body li::marker{color:var(--jr-red)}
#article.journal-refresh .article-body a{color:var(--jr-red);text-underline-offset:.2em}
#article.journal-refresh .article-body blockquote{margin:2rem 0;padding:1.5rem 0;border:0;border-top:1px solid var(--jr-ink);border-bottom:1px solid var(--jr-ink);font:500 1.35rem/1.65 var(--body)}
#article.journal-refresh .article-body pre{max-width:100%;overflow:auto}
#article.journal-refresh .article-body img{max-width:100%;height:auto}
#article.journal-refresh .article-related{margin:3rem 0 0;padding:1.5rem 0 0;border:0;border-top:1px solid var(--jr-ink)}
#article.journal-refresh .article-related h3{margin:0 0 1rem;color:var(--jr-muted);font:500 .8rem/1.4 var(--mono);letter-spacing:.025em;text-transform:none}
#article.journal-refresh .rel-title{font:600 1.5rem/1.25 var(--display);color:var(--jr-ink)}
#article.journal-refresh .rel-excerpt{font:400 1.05rem/1.65 var(--body);color:var(--jr-muted)}
#article.journal-refresh .service-cta{box-sizing:border-box;max-width:70ch;margin:3rem auto 0;padding:2rem;background:var(--jr-yellow);color:var(--jr-ink);border:0;box-shadow:none}
#article.journal-refresh .service-cta h2{color:var(--jr-ink);font:600 clamp(1.75rem,3vw,2.4rem)/1.15 var(--display)}
#article.journal-refresh .service-cta a{color:var(--jr-ink)}
#article.journal-refresh a:focus-visible{outline:3px solid var(--jr-ink)!important;outline-offset:4px!important;box-shadow:0 0 0 3px var(--jr-paper)!important}
.journal-refresh ::selection{background:var(--jr-yellow);color:var(--jr-ink)}

@media(max-width:1000px){
 #blog.journal-refresh .blog-card:first-child{grid-template-columns:1fr 1fr}
 #blog.journal-refresh .blog-card:first-child .blog-card-body{padding:1.5rem}
 #blog.journal-refresh .blog-card:first-child .blog-card-title{font-size:2rem}
 #blog.journal-refresh .blog-card:first-child .blog-card-visual{aspect-ratio:auto;height:100%;display:flex;align-items:center}
 #article.journal-refresh .journal-head{gap:1.5rem}
 #article.journal-refresh .article-body::before{display:none}
 #article.journal-refresh .article-body::after{content:"";display:block;height:4rem;margin-top:3rem;background:var(--jr-ink) url('/assets/media/showbook/closing-cubist-mosaic.webp') center/cover no-repeat}
}
@media(max-width:760px){
 #blog.journal-refresh .proc-inner>h1{max-width:17ch;font-size:clamp(2.5rem,8vw,3.75rem)}
 #blog.journal-refresh .proc-sub{font-size:1.1rem}
 #blog.journal-refresh .blog-grid{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}
 #blog.journal-refresh .blog-card:first-child{display:flex;gap:0}
 #blog.journal-refresh .blog-card:first-child .blog-card-visual{aspect-ratio:8/5;height:auto;display:block}
 #blog.journal-refresh .blog-card:first-child .blog-card-body{padding:1.5rem}
 #blog.journal-refresh .blog-card-title,#blog.journal-refresh .blog-card:first-child .blog-card-title{font-size:1.9rem;max-width:25ch}
 #blog.journal-refresh .blog-card:nth-child(5) .blog-card-visual{aspect-ratio:8/5}
 #blog.journal-refresh .blog-card:nth-child(6){display:flex;gap:1.25rem}
 #article.journal-refresh .journal-head{display:flex;flex-direction:column;align-items:stretch;gap:2rem;padding-bottom:2rem}
 #article.journal-refresh .article-title{max-width:19ch;font-size:clamp(2.4rem,8.5vw,3.6rem)}
 #article.journal-refresh .article-hero .journal-art{aspect-ratio:8/5}
 #article.journal-refresh .article-body{box-sizing:border-box;max-width:100%;padding:2rem .5rem}
 #article.journal-refresh .article-body::before{display:none}
 #article.journal-refresh .article-body>p,#article.journal-refresh .article-body li{font-size:1.1rem;line-height:1.8}
 #article.journal-refresh .article-body>p:first-of-type{font-size:1.2rem;line-height:1.65}
 #article.journal-refresh .service-cta{margin-top:1.5rem;padding:1.5rem}
}
@media(prefers-reduced-motion:reduce){.journal-refresh *{scroll-behavior:auto}}
@media(forced-colors:active){.journal-refresh .journal-art{border:1px solid CanvasText}#article.journal-refresh .article-body::before{display:none}}