@charset "UTF-8";

/* Approved compact closing modules for the journal listing and article pages. */
.journal-v2 .jp-cta--compact{
  position:relative;
  isolation:isolate;
  height:clamp(150px,9.18vw,188px);
  min-height:0;
  overflow:hidden;
  background:#f8f4ec url('../assets/quiet/v15/ivory-paper-v16.webp') center/cover no-repeat;
}
.journal-v2 .jp-cta--compact::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:27%;
  z-index:-1;
  background:#4b2227 url('../assets/journal/contact-relief.webp') 27% 42%/cover no-repeat;
}
.journal-v2 .jp-cta--compact .jp-cta-inner{
  display:block;
  position:relative;
  width:100%;
  max-width:none;
  height:100%;
  padding:0;
}
.journal-v2 .jp-cta--compact .jp-cta-paper{
  position:absolute;
  inset:9% 2.25% 9% 19.2%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-width:0;
  padding:16px clamp(30px,3.45vw,70px);
  border-left:3px solid #aa8e69;
  background:#faf7f0 url('../assets/quiet/v15/ivory-paper-v16.webp') center/cover no-repeat;
  box-shadow:0 10px 23px rgba(38,27,23,.13);
}
.journal-v2 .jp-cta--compact .jp-cta-paper>div{min-width:0}
.journal-v2 .jp-cta--compact .jp-caps{
  display:block;
  margin:0 0 7px;
  color:#aa8e69;
  font-size:clamp(9px,.7vw,13px);
  letter-spacing:.23em;
}
.journal-v2 .jp-cta--compact h2{
  margin:0;
  color:#382c26;
  font:600 clamp(22px,1.82vw,37px)/1.34 var(--serif);
  white-space:nowrap;
}
.journal-v2 .jp-cta--compact .jp-cta-paper>a{
  display:flex;
  flex:none;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-width:clamp(145px,11.9vw,244px);
  min-height:clamp(48px,3.22vw,66px);
  margin:0;
  padding:12px 20px;
  background:#4b2227;
  color:#fff8ee;
  font:400 clamp(13px,1.12vw,20px)/1.4 var(--serif);
  text-decoration:none;
  transition:background .2s,transform .2s;
}
.journal-v2 .jp-cta--compact .jp-cta-paper>a:hover{background:#66353b;transform:translateY(-2px)}
.journal-v2 .jp-cta--compact .jp-cta-paper>a:focus-visible{outline:2px solid #4b2227;outline-offset:4px}
.journal-v2 .jp-cta--compact .jp-cta-paper>a .icon{width:20px;height:20px;filter:brightness(0) invert(1)}

@media(max-width:1100px){
  .journal-v2 .jp-cta--compact h2{font-size:22px}
  .journal-v2 .jp-cta--compact .jp-cta-paper{padding-inline:28px}
}
@media(max-width:700px){
  .journal-v2 .jp-cta--compact{height:auto;min-height:0;padding:40px 16px 16px}
  .journal-v2 .jp-cta--compact::before{width:100%;height:80px;bottom:auto;background-position:25% 45%}
  .journal-v2 .jp-cta--compact .jp-cta-inner{height:auto}
  .journal-v2 .jp-cta--compact .jp-cta-paper{
    position:relative;
    inset:auto;
    display:block;
    padding:20px 22px;
    box-shadow:0 9px 18px rgba(38,27,23,.12);
  }
  .journal-v2 .jp-cta--compact h2{font-size:clamp(21px,5.4vw,27px);white-space:normal}
  .journal-v2 .jp-cta--compact .jp-cta-paper>a{width:max-content;min-width:135px;min-height:44px;margin-top:16px;padding:9px 14px}
}
@media(prefers-reduced-motion:reduce){
  .journal-v2 .jp-cta--compact .jp-cta-paper>a{transition:none}
}

/* Approved reading transition: compact burgundy chapter strip. */
.journal-v2 .jp-next{
  display:block;height:clamp(170px,12.6vw,240px);padding:0;
  background:#4b2227;color:#f8f4ec;font:inherit;text-decoration:none;
}
.journal-v2 .jp-next-inner{
  display:grid;grid-template-columns:clamp(145px,12vw,195px) minmax(0,1fr) 88px;
  align-items:center;gap:clamp(28px,2.6vw,50px);
  width:calc(100% - var(--gutter)*2);max-width:var(--layout-max,1420px);
  height:100%;margin-inline:auto;border:0;
}
.journal-v2 .jp-next-label{
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  min-height:60%;padding-right:24px;border-right:1px solid #aa8e695c;
  color:#bba075;font:400 clamp(15px,1.3vw,21px)/1.5 var(--sans);letter-spacing:.12em;
}
.journal-v2 .jp-next .jp-next-label [lang=en]{font:400 clamp(12px,1.05vw,17px)/1.5 var(--latin);letter-spacing:.19em}
.journal-v2 .jp-next .jp-next-label [lang=en]{color:#bba075}
.journal-v2 .jp-next .jp-next-action>span:last-child{color:#f0e5d8;font:inherit}
.journal-v2 .jp-next-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:0}
.journal-v2 .jp-next-copy::before{content:none}
.journal-v2 .jp-next-title{
  display:block;color:#f8f4ec;font:600 clamp(26px,2.55vw,43px)/1.4 var(--serif);
  overflow-wrap:anywhere;transition:color .2s;
}
.journal-v2 .jp-next .jp-next-copy .jp-next-meta{
  display:block;margin-top:12px;color:#ded0c4;font:400 clamp(13px,1vw,17px)/1.5 var(--sans);
}
.journal-v2 .jp-next span.jp-next-action{display:flex;align-items:center;flex-direction:column;gap:10px;color:#f0e5d8;font:400 13px/1.5 var(--sans)}
.journal-v2 .jp-next .jp-next-action .jp-next-arrow{
  position:static;display:grid;place-items:center;width:76px;height:76px;
  border:1px solid #bba075;border-radius:50%;background:transparent;transform:none;
  transition:background .25s,border-color .25s;
}
.journal-v2 .jp-next-arrow img{display:block;width:34px;height:34px;filter:invert(68%) sepia(20%) saturate(621%) hue-rotate(357deg) brightness(91%) contrast(85%);transition:transform .25s}
.journal-v2 .jp-next:hover .jp-next-arrow{background:#ffffff0a;border-color:#e2cba7;transform:none}
.journal-v2 .jp-next:hover .jp-next-arrow img{transform:translateX(4px)}
.journal-v2 .jp-next:hover .jp-next-title{color:#fffaf2}
.journal-v2 .jp-next:focus-visible{outline:2px solid #e2cba7;outline-offset:-5px}
@media(max-width:1000px){
  .journal-v2 .jp-next-inner{grid-template-columns:126px minmax(0,1fr) 72px;gap:25px}
  .journal-v2 .jp-next-label{padding-right:18px;letter-spacing:.08em}
  .journal-v2 .jp-next-title{font-size:25px}
  .journal-v2 .jp-next .jp-next-action .jp-next-arrow{width:58px;height:58px}
}
@media(max-width:700px){
  .journal-v2 .jp-next{height:auto;min-height:184px;padding-block:25px}
  .journal-v2 .jp-next-inner{grid-template-columns:minmax(0,1fr) 56px;gap:14px 18px;height:auto}
  .journal-v2 .jp-next-label{grid-column:1;flex-direction:row;justify-content:flex-start;align-items:baseline;gap:12px;min-height:0;padding:0;border:0;font-size:12px;letter-spacing:.08em}
  .journal-v2 .jp-next .jp-next-label [lang=en]{font-size:10px;letter-spacing:.16em}
  .journal-v2 .jp-next-copy{grid-column:1;grid-row:2}
  .journal-v2 .jp-next-title{font-size:clamp(21px,5.5vw,26px);line-height:1.5}
  .journal-v2 .jp-next .jp-next-copy .jp-next-meta{margin-top:9px;font-size:11px}
  .journal-v2 .jp-next span.jp-next-action{grid-column:2;grid-row:1 / span 2;align-self:center;gap:9px;font-size:10px}
  .journal-v2 .jp-next .jp-next-action .jp-next-arrow{width:50px;height:50px}
  .journal-v2 .jp-next-arrow img{width:26px;height:26px}
}
@media(prefers-reduced-motion:reduce){.journal-v2 .jp-next *{transition:none!important}}
