.journal-page{background:var(--paper);color:var(--ink);min-height:100vh}
.journal-page .site-header{position:relative;background:var(--ink)}
.journal-page a{text-decoration:none}
.journal-page .site-header nav a[aria-current="page"]{color:#e9a79c}
.journal-shell{max-width:1280px;margin:auto;padding:clamp(3rem,7vw,6rem) 7vw}
.journal-shell .breadcrumbs{width:auto;display:flex;flex-wrap:wrap;gap:.7rem;font-size:.75rem;color:#655d57;margin:0 0 clamp(3rem,6vw,5rem)}
.journal-shell .breadcrumbs a{color:var(--red)}
.journal-heading{max-width:860px;margin-bottom:clamp(3rem,6vw,5rem)}
.journal-heading h1{font:500 clamp(2.25rem,6vw,5rem)/1.08 var(--serif);letter-spacing:-.04em;margin:1.1rem 0 1.8rem;overflow-wrap:anywhere}
.journal-lead{max-width:740px;line-height:1.8;font-size:clamp(1rem,1.5vw,1.2rem);color:#5f5852}
.journal-empty{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(2rem,5vw,4rem) 0;max-width:860px}
.journal-empty h2{font:500 clamp(1.7rem,3vw,2.6rem)/1.2 var(--serif);margin:0 0 1.2rem}
.journal-empty p{max-width:620px;line-height:1.8;color:#5f5852;margin-bottom:2rem}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem}
.journal-card{min-width:0;border-top:1px solid var(--line);padding-top:1.5rem}
.journal-card>a:first-child{display:block}
.journal-card img{display:block;width:100%;height:auto;margin-bottom:1.5rem}
.journal-card h2{font:500 clamp(1.7rem,3vw,2.7rem)/1.15 var(--serif);margin:.8rem 0;overflow-wrap:anywhere}
.journal-card h2 a{color:inherit}
.journal-card p{line-height:1.7;color:#5f5852}
.journal-meta{display:flex;flex-wrap:wrap;gap:.6rem 1rem;font-size:.75rem;color:#746a63;line-height:1.7}
.journal-featured{margin-bottom:4rem}
.journal-featured .journal-card{max-width:960px}
.journal-list-title{font:500 clamp(1.7rem,3vw,2.7rem) var(--serif);margin:3rem 0 2rem}
.journal-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;border-top:1px solid var(--line);padding-top:2rem;margin-top:3rem}
.journal-pagination [aria-current]{color:var(--red)}
.journal-article{max-width:76ch;margin:auto;min-width:0}
.journal-article .journal-heading{margin-bottom:2.5rem}
.journal-article .journal-heading h1{font-size:clamp(2.25rem,5vw,4.5rem)}
.journal-byline{margin:0 0 1.4rem}
.journal-byline .journal-meta{margin:0}
.journal-byline .journal-meta+.journal-meta{margin-top:.3rem}
.journal-article .journal-lead{font:500 clamp(1.15rem,2vw,1.55rem)/1.65 var(--serif);color:var(--ink)}
.journal-content{font-size:1.0625rem;line-height:1.85;overflow-wrap:anywhere}
.journal-content h2,.journal-content h3{font-family:var(--serif);line-height:1.25;letter-spacing:-.02em;margin:2.5rem 0 1rem}
.journal-content h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.journal-content h3{font-size:1.5rem}
.journal-content p,.journal-content ul,.journal-content ol{margin:0 0 1.4rem}
.journal-content a,.journal-related a{color:var(--red);text-decoration:underline;text-underline-offset:.2em}
.journal-content ul,.journal-content ol{padding-left:1.4rem}
.journal-content blockquote{margin:2rem 0;padding:1rem 0 1rem 1.5rem;border-left:2px solid var(--red);font:italic 500 clamp(1.25rem,2vw,1.65rem)/1.6 var(--serif)}
.journal-content blockquote cite{display:block;margin-top:.7rem;font:400 .8rem/1.6 var(--sans);color:#746a63}
.journal-figure{margin:2rem 0}
.journal-figure img,.journal-video img{display:block;width:100%;height:auto}
.journal-figure figcaption{font-size:.78rem;line-height:1.7;color:#746a63;margin-top:.75rem}
.journal-video{margin:2rem 0;padding:1.5rem;border:1px solid var(--line)}
.journal-video a{display:block;margin-top:.8rem}
.journal-related{border-top:1px solid var(--line);padding-top:2rem;margin-top:3rem}
.journal-related h2{font:500 1.6rem var(--serif)}
.journal-related ul{padding-left:1.2rem;line-height:1.8;overflow-wrap:anywhere}
.journal-demo{padding:1rem 1.3rem;margin-bottom:2rem;border:1px solid var(--red);color:var(--red);font-weight:600;line-height:1.6}
@media(max-width:600px){.journal-shell{padding:3rem 5vw 4rem}.journal-grid{grid-template-columns:1fr;gap:2.5rem}.journal-shell .breadcrumbs{margin-bottom:3rem}.journal-content{font-size:1rem}}
@media(max-width:900px){.journal-page .site-header nav:not(.open){display:none}}
@media(scripting:none) and (max-width:1020px){.journal-page .menu-toggle{display:none}.journal-page .site-header{height:auto;flex-wrap:wrap}.journal-page .site-header nav:not(.open){display:flex;position:static;flex-basis:100%;flex-direction:row;flex-wrap:wrap;padding:1rem 0;gap:1rem}}