/* Light editorial theme shared by the existing blog and article templates. */
body{background:#f8f7f2!important;color:#242d28!important;font-family:"Avenir Next","Segoe UI",sans-serif!important}
nav,footer{background:#f8f7f2!important;border-color:#d8ddd3!important}
body [class*="bg-slate-9"],body [class*="bg-slate-8"]{background-color:#eeefe7!important}
[class*="text-slate-"],.text-white{color:#4b574e!important}
h1,h2,h3,h4,.prose strong{color:#242d28!important}
h1{font-weight:500!important;letter-spacing:-.055em!important;text-transform:none!important;font-size:clamp(2.5rem,6vw,5rem)!important;overflow-wrap:anywhere}
[class*="text-blue-"]{color:#234d3c!important}
[class~="bg-blue-600"],[class~="bg-blue-500"]{background-color:#234d3c!important;color:#fff!important}
[class*="border-white"],[class*="border-slate"]{border-color:#d8ddd3!important}
.prose{color:#4b574e!important;overflow-wrap:anywhere}
.prose h2,.prose h3{color:#242d28!important;text-transform:none!important;font-weight:600!important}
.prose a{color:#234d3c!important}
.prose blockquote{color:#52624e!important;border-color:#234d3c!important}
.prose code{background:#e7eadd!important;color:#234d3c!important}
.prose pre{background:#e7eadd!important;border-color:#c5cfbc!important}
.prose pre code{background:transparent!important}
.prose table{display:block;max-width:100%;overflow-x:auto}
.prose img{height:auto}
a:focus-visible{outline:3px solid #a27738;outline-offset:4px}
body>div.text-center>h1{margin-bottom:2rem}
body>div.text-center>p{margin-top:0!important}
/* Shared navigation: deliberately independent from the legacy utility styles. */
.journal-header{position:sticky;top:0;z-index:100;background:rgba(248,247,242,.98);border-bottom:1px solid #d8ddd3}
.journal-nav{width:min(1220px,calc(100% - 96px));min-height:90px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.journal-brand{font-size:29px;font-weight:700;letter-spacing:-1.8px;color:#242d28;line-height:1.2;text-decoration:none}.journal-brand span{color:#234d3c}
.journal-nav nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.journal-nav nav a{padding-block:12px}.journal-nav nav a:hover,.journal-nav nav a[aria-current=page]{color:#234d3c;text-decoration:underline;text-underline-offset:6px}
.journal-nav .journal-contact{border:1px solid #234d3c;padding:12px 18px;border-radius:3px}.journal-menu{display:none}.journal-skip{position:fixed;top:-100px;left:16px;z-index:110;background:white;padding:12px}.journal-skip:focus{top:12px}
#journal-content{padding-top:64px;padding-bottom:80px}.journal-list #journal-content>div{max-width:1220px}.journal-intro{padding:8px 0 40px;border-bottom:1px solid #d8ddd3;margin-bottom:32px}.journal-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;color:#234d3c}.journal-intro h1{text-align:left;line-height:1.08;margin:22px 0}.journal-intro em{font-family:Georgia,serif;font-weight:400;color:#234d3c}.journal-intro>p:last-child{font-size:18px;line-height:1.7;max-width:640px;color:#636c64}
.journal-list main .justify-center{justify-content:flex-start}.journal-list main .max-w-md{max-width:560px;margin-left:0;margin-bottom:40px}.journal-list input[type=search]{background:#fff!important;border-radius:4px;padding-right:55px}.journal-list main form button{min-width:36px;min-height:36px;display:grid;place-items:center}
.journal-list main article{border-radius:6px;background:#fff!important;box-shadow:none}.journal-list main article img{opacity:1}.journal-list main article h2{font-size:27px;line-height:1.22;font-weight:500;letter-spacing:-.035em;text-transform:none}.journal-list main article .p-8{padding:28px}.journal-list main article:hover{border-color:#869c87!important}.journal-list main article p{font-weight:400;font-size:15px;line-height:1.7}.journal-list main article a>div:last-child>span:last-child{font-weight:600;font-size:10px;color:#234d3c!important}
.journal-list main [aria-label=Pagination]{flex-wrap:wrap}.journal-list main [aria-label=Pagination]>div{flex-wrap:wrap}.journal-list footer{padding-block:35px}.journal-list footer>div{gap:24px}.journal-list footer .uppercase{font-weight:500;letter-spacing:.05em}.journal-list footer>div>div{font-size:20px;letter-spacing:-.04em;text-transform:lowercase}
.journal-list main form{position:relative}.journal-list main form button{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.journal-intro h1 em{margin-left:.12em}
button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #a27738;outline-offset:4px}
/* Explicit component styles: pagination must not depend on generated utilities. */
.journal-list .journal-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid #d8ddd3}
.journal-pagination-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:100%}
.journal-pagination a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;padding:10px 12px;border:1px solid #d8ddd3;border-radius:6px;background:#fff;color:#234d3c;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none}
.journal-pagination a:hover{background:#e7eadd;border-color:#869c87}
.journal-pagination a[aria-current=page]{background:#234d3c;border-color:#234d3c;color:#fff}
.journal-pagination .journal-pagination-step{padding-inline:18px}
@media(max-width:540px){.journal-list .journal-pagination{gap:12px;margin-top:32px;padding-top:20px}.journal-pagination-pages{order:-1;flex-basis:100%}}
@media(max-width:1050px){.journal-nav{width:calc(100% - 56px)}.journal-nav nav{gap:16px;font-size:12px}}
@media(max-width:800px){.journal-nav{min-height:76px}.journal-menu{display:block;border:1px solid #d8ddd3;min-height:44px;padding:8px 12px;border-radius:3px;font-size:13px}.journal-nav nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px 28px;border-bottom:1px solid #d8ddd3}.journal-nav nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.journal-nav nav a{padding:10px 12px}#journal-content{padding-top:40px;padding-bottom:50px}.journal-intro{padding-bottom:26px}.journal-intro>p:last-child{font-size:16px}.journal-list main article h2{font-size:24px}}
@media(max-width:420px){.journal-nav{width:calc(100% - 36px)}#journal-content{padding-inline:18px}.journal-list main article .p-8{padding:22px}.journal-intro h1{font-size:48px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
