/* Compact journal cards with a single, clear hierarchy. */
.journal-case-heading small{
  display:none;
}

.journal-index .journal-case>summary,
.journal-index .journal-case:first-child>summary{
  min-height:310px;
  padding:28px 28px 24px;
}

.journal-index .journal-case-number{
  position:static;
  display:block;
  margin:0 0 42px;
  color:var(--journal-muted);
  font-size:15px;
  font-weight:400;
  line-height:1;
  letter-spacing:.04em;
}

.journal-index .journal-case-heading{
  height:auto;
}

.journal-index .journal-case-heading strong,
.journal-index .journal-case:first-child .journal-case-heading strong{
  max-width:680px;
  font-size:clamp(25px,2.25vw,36px);
  font-weight:300;
  line-height:1.08;
  letter-spacing:-.038em;
}

.journal-index .journal-case-heading>span{
  max-width:620px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--journal-rule);
  font-size:14px;
  line-height:1.55;
}

.journal-index .journal-case-open{
  margin-top:auto;
  padding-top:24px;
  color:var(--ink);
  font-size:13px;
}

.journal-index .journal-case-open::after{
  font-size:20px;
  transition:transform .32s cubic-bezier(.22,1,.36,1);
}

.journal-index .journal-case>summary{
  transition:background-color .28s ease;
}

.journal-index .journal-case>summary:hover .journal-case-open::after{
  transform:translate(3px,-3px);
}

@media(max-width:900px){
  .journal-index .journal-case>summary,
  .journal-index .journal-case:first-child>summary{
    min-height:280px;
  }
}

@media(max-width:700px){
  .journal-index .journal-case>summary,
  .journal-index .journal-case:first-child>summary{
    min-height:250px;
    padding:20px 18px 18px;
  }

  .journal-index .journal-case-number{
    margin-bottom:34px;
    font-size:13px;
  }

  .journal-index .journal-case-heading strong,
  .journal-index .journal-case:first-child .journal-case-heading strong{
    max-width:100%;
    font-size:26px;
    line-height:1.08;
  }

  .journal-index .journal-case-heading>span{
    margin-top:15px;
    padding-top:13px;
    font-size:13px;
  }

  .journal-index .journal-case-open{
    padding-top:20px;
  }
}

@media(prefers-reduced-motion:reduce){
  .journal-index .journal-case>summary,
  .journal-index .journal-case-open::after{
    transition:none;
  }
}

/* v401: denser previews and a full practice track inside each case. */
.journal-preview-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px 18px;
  margin-top:18px;
  color:var(--journal-muted);
  font:400 12px/1.35 Apparat,Arial,sans-serif;
}

.journal-preview-meta span+span::before{
  display:inline-block;
  width:3px;
  height:3px;
  margin:0 9px 3px 0;
  background:currentColor;
  content:"";
}

.journal-reader .journal-preview-meta{
  display:none;
}

.journal-practice{
  border-right:1px solid var(--journal-rule);
  border-bottom:1px solid var(--journal-rule);
  border-left:1px solid var(--journal-rule);
}

.journal-practice>header{
  display:grid;
  grid-template-columns:minmax(160px,.28fr) minmax(0,1fr);
  gap:8px 32px;
  padding:28px 20px;
  border-bottom:1px solid var(--journal-rule);
}

.journal-practice>header>span{
  grid-row:1/3;
  color:var(--journal-muted);
  font:400 13px/1.4 Apparat,Arial,sans-serif;
}

.journal-practice h4,
.journal-practice h5,
.journal-practice p,
.journal-practice dl{
  margin:0;
}

.journal-practice>header h4{
  font:400 clamp(22px,2.1vw,30px)/1.12 Apparat,Arial,sans-serif;
  letter-spacing:-.03em;
}

.journal-practice>header p{
  max-width:700px;
  color:var(--journal-muted);
  font:400 14px/1.55 Apparat,Arial,sans-serif;
}

.journal-practice-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.journal-practice-list article{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:18px;
  min-width:0;
  padding:22px 20px 24px;
  border-right:1px solid var(--journal-rule);
  border-bottom:1px solid var(--journal-rule);
}

.journal-practice-list article:nth-child(even){
  border-right:0;
}

.journal-practice-list article:last-child{
  grid-column:1/-1;
  border-right:0;
  border-bottom:0;
}

.journal-practice-list article>span{
  color:var(--journal-muted);
  font:400 13px/1.3 Apparat,Arial,sans-serif;
  font-variant-numeric:tabular-nums;
}

.journal-practice-list h5{
  font:400 18px/1.25 Apparat,Arial,sans-serif;
  letter-spacing:-.02em;
}

.journal-practice-list article p{
  margin-top:10px;
  color:var(--journal-muted);
  font:400 14px/1.55 Apparat,Arial,sans-serif;
}

.journal-practice-list dl{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:20px;
  padding-top:15px;
  border-top:1px solid var(--journal-rule);
}

.journal-practice-list dt{
  margin-bottom:5px;
  color:var(--journal-muted);
  font:400 11px/1.35 Apparat,Arial,sans-serif;
}

.journal-practice-list dd{
  margin:0;
  font:400 13px/1.45 Apparat,Arial,sans-serif;
}

@media(max-width:700px){
  .journal-index .journal-case>summary,
  .journal-index .journal-case:first-child>summary{
    min-height:0;
    padding:20px 18px 18px;
  }

  .journal-index .journal-case-number{
    margin-bottom:24px;
  }

  .journal-index .journal-case-heading strong,
  .journal-index .journal-case:first-child .journal-case-heading strong{
    font-size:23px;
    line-height:1.1;
    letter-spacing:-.032em;
  }

  .journal-index .journal-case-heading>span{
    margin-top:14px;
    padding-top:12px;
    line-height:1.48;
  }

  .journal-preview-meta{
    gap:6px 12px;
    margin-top:14px;
    font-size:11px;
  }

  .journal-preview-meta span+span::before{
    margin-right:6px;
  }

  .journal-index .journal-case-open{
    margin-top:20px;
    padding-top:14px;
    border-top:1px solid var(--journal-rule);
  }

  .journal-practice>header{
    grid-template-columns:1fr;
    gap:7px;
    padding:20px 16px;
  }

  .journal-practice>header>span{
    grid-row:auto;
  }

  .journal-practice>header h4{
    font-size:22px;
  }

  .journal-practice-list{
    grid-template-columns:1fr;
  }

  .journal-practice-list article,
  .journal-practice-list article:nth-child(even),
  .journal-practice-list article:last-child{
    grid-column:auto;
    grid-template-columns:30px minmax(0,1fr);
    gap:12px;
    padding:18px 16px 20px;
    border-right:0;
    border-bottom:1px solid var(--journal-rule);
  }

  .journal-practice-list article:last-child{
    border-bottom:0;
  }

  .journal-practice-list dl{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:16px;
  }
}