/* Shared reading layout for published journal snapshots and editor previews. */
.ava-journal {
  box-sizing: border-box;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 36px 24px 60px;
}
.ava-journal .body {
  overflow-wrap: anywhere;
}
.ava-journal .body img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 24px auto;
}
@media (max-width: 640px) {
  .ava-journal { padding: 26px 16px 50px; }
  .ava-journal .body img { margin: 20px auto; }
}
/* Directory-only editorial treatment. Article reading and original images stay intact. */
.ava-journal:has(> .list){max-width:1120px;padding-top:64px;padding-bottom:96px}
.ava-journal:has(> .list)>.eyebrow{font-size:11px;letter-spacing:.18em;color:#826d53;margin-bottom:18px;display:flex;align-items:center;gap:14px}
.ava-journal:has(> .list)>.eyebrow:before{content:'';width:32px;height:1px;background:#9b8262}
.ava-journal:has(> .list)>h1{font-size:clamp(30px,3.5vw,46px);font-weight:400;line-height:1.38;letter-spacing:-.035em;margin:0 0 32px;text-wrap:balance}
.ava-journal:has(> .list)>.ava-jlang-bar{background:transparent!important;border:0!important;border-top:1px solid #ded6ca!important;border-radius:0!important;padding:18px 0!important;margin:0!important;font-size:12px!important;gap:12px!important}
.ava-journal:has(> .list) .ava-jlang-pill{border:0;background:transparent;padding:6px 8px;color:#665f55}
.ava-journal:has(> .list) .ava-jlang-pill.is-active{background:#eee8df;color:#302a23;border-radius:3px}
.ava-journal:has(> .list) .ava-j-search-bar{margin:12px 0 22px}
.ava-journal:has(> .list) .ava-j-search-input-wrap{border:0;border-bottom:1px solid #b6a58f;border-radius:0;background:#faf8f5;padding:3px 8px}
.ava-journal:has(> .list) .ava-j-search-input{font-size:16px;min-height:52px;background:transparent}
.ava-journal:has(> .list) .ava-j-cat-tabs{background:transparent;border:0;border-radius:0;padding:0 0 24px;margin:0 0 32px;gap:8px 10px;border-bottom:1px solid #ded6ca}
.ava-journal:has(> .list) .ava-j-cat-btn{border:1px solid transparent;background:transparent;border-radius:3px;padding:10px 12px;font-size:13px;line-height:1.5;color:#62594d}
.ava-journal:has(> .list) .ava-j-cat-btn.is-active{background:#332f29;color:#fff;border-color:#332f29}
.ava-journal:has(> .list) .ava-j-cat-count{background:transparent;color:inherit;opacity:.75;font-size:10px}
.ava-journal>.list{display:block;counter-reset:journal-entry}
.ava-journal>.list>.card{counter-increment:journal-entry;position:relative;box-shadow:none;transition:background-color .15s,color .15s}
.ava-journal>.list>.card[hidden]{display:none!important}
.ava-journal>.list>.card:first-child{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:36px;align-content:center;background:#f5f1ea;border:0;border-radius:3px;padding:32px;margin:0 0 30px}
.ava-journal>.list>.card:first-child>img{grid-column:1;grid-row:1 / span 4;align-self:center;width:100%!important;height:auto!important;max-height:420px;object-fit:contain;border-radius:2px!important;margin:0!important}
.ava-journal>.list>.card:first-child>:not(img){grid-column:2}
.ava-journal>.list>.card:first-child h2{font-size:clamp(23px,2.3vw,30px);line-height:1.6;letter-spacing:-.025em;font-weight:500;margin:12px 0 16px;text-wrap:pretty}
.ava-journal>.list>.card:first-child p{font-size:14px;line-height:1.9;color:#6b6257;margin:0 0 20px}
.ava-journal>.list>.card:first-child small{font-size:11px;letter-spacing:.06em;color:#7e6c54}
.ava-journal>.list>.card:first-child .ava-j-cat-badge{justify-self:start;align-self:start;border:0;border-radius:0;padding:0;background:transparent;font-size:11px;letter-spacing:.04em;color:#80694c}
.ava-journal>.list>.card:not(:first-child){display:grid;grid-template-columns:42px minmax(0,1fr) 28px;gap:22px;align-items:center;padding:28px 12px;border:0;border-bottom:1px solid #ded7cd;border-radius:0;margin:0;color:#39332c;background:transparent}
.ava-journal>.list>.card:not(:first-child)>:not(h2){display:none!important}
.ava-journal>.list>.card:not(:first-child):before{content:counter(journal-entry,decimal-leading-zero) / "";font:400 15px/1.5 Georgia,serif;color:#887458;align-self:start;padding-top:4px}
.ava-journal>.list>.card:not(:first-child):after{content:'↗' / '';font-size:20px;color:#887458;text-align:right}
.ava-journal>.list>.card:not(:first-child) h2{font-size:clamp(18px,1.7vw,22px);font-weight:500;letter-spacing:-.018em;line-height:1.75;margin:0;text-wrap:pretty}
.ava-journal>.list>.card:hover{background-color:#f6f2ec;color:#745b39}
.ava-journal>.list>.card:focus-visible{outline:2px solid #826b4d;outline-offset:5px}
@media(max-width:640px){
 .ava-journal:has(>.list){padding:36px 20px 64px}
 .ava-journal:has(>.list)>h1{margin-bottom:24px}
 .ava-journal:has(>.list)>.ava-jlang-bar{gap:5px!important}
 .ava-journal:has(>.list) .ava-j-cat-tabs{gap:5px;margin-bottom:24px;padding-bottom:20px}
 .ava-journal:has(>.list) .ava-j-cat-btn{font-size:12px;padding:8px}
 .ava-journal>.list>.card:first-child{grid-template-columns:1fr;padding:20px;gap:0;margin-bottom:16px}
 .ava-journal>.list>.card:first-child>img{grid-column:1;grid-row:auto;margin-bottom:22px!important;max-height:300px}
 .ava-journal>.list>.card:first-child>:not(img){grid-column:1}
 .ava-journal>.list>.card:first-child h2{font-size:23px;line-height:1.6}
 .ava-journal>.list>.card:not(:first-child){grid-template-columns:25px minmax(0,1fr) 18px;gap:12px;padding:24px 0}
 .ava-journal>.list>.card:not(:first-child) h2{font-size:18px;line-height:1.75}
 .ava-journal>.list>.card:not(:first-child):before{font-size:12px}
}