/* CTF catalogue — spacious three-column composition from the approved reference. */
.journal-index .journal-cases,
.journal-index .journal-cases *{box-sizing:border-box}

.journal-index .journal-cases{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  padding:1px;
  border:0;
  background:var(--journal-rule);
}

.journal-index .journal-case{
  position:relative;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:0;
  background:var(--journal-panel);
}

.journal-index .journal-case::before,
.journal-index .journal-case::after{display:none}

.journal-index .journal-case>summary,
.journal-index .journal-case:first-child>summary,
.journal-index .journal-case:nth-child(3)>summary{
  display:grid;
  min-height:342px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:auto 1fr auto;
  align-items:stretch;
  gap:0;
  padding:0;
  background:transparent;
}

.journal-index .journal-case-heading small{display:none!important}

.journal-index .journal-case-heading{
  display:flex;
  grid-column:1/-1;
  grid-row:1;
  min-width:0;
  height:auto;
  padding:52px 28px 0;
  flex:0 0 auto;
  flex-direction:column;
}

.journal-index .journal-case-heading strong,
.journal-index .journal-case:first-child .journal-case-heading strong{
  min-width:0;
  min-height:2.18em;
  max-width:560px;
  color:var(--ink);
  font:300 clamp(25px,1.58vw,30px)/1.08 Apparat,Arial,sans-serif;
  letter-spacing:-.016em;
  overflow-wrap:anywhere;
  text-wrap:balance;
}

.journal-index .journal-case-heading>span{
  min-width:0;
  max-width:560px;
  margin-top:19px;
  padding-top:16px;
  border-top:1px solid var(--journal-rule);
  color:var(--journal-muted);
  font:400 13px/1.48 Apparat,Arial,sans-serif;
  overflow-wrap:anywhere;
}

.journal-index .journal-preview-meta{
  display:grid;
  grid-column:1/4;
  grid-row:3;
  grid-template-columns:repeat(3,minmax(0,1fr));
  min-width:0;
  gap:0;
  margin:0;
  padding:0;
  align-self:stretch;
  border-top:1px solid var(--journal-rule);
  color:var(--journal-muted);
  font:400 10.5px/1.3 Apparat,Arial,sans-serif;
  letter-spacing:.01em;
}

.journal-index .journal-preview-meta>span:not(.ctf-tools){
  display:flex;
  min-width:0;
  min-height:52px;
  padding:11px 12px;
  align-items:center;
  justify-content:center;
  border-right:1px solid var(--journal-rule);
  text-align:center;
  overflow-wrap:anywhere;
}

.journal-index .journal-preview-meta>span:first-child{border-left:0}
.journal-index .journal-preview-meta span+span::before,
.journal-index .journal-preview-meta .ctf-tools::before{display:none!important}

.journal-index .journal-preview-meta .ctf-tools{
  display:none;
  width:100%;
  min-width:0;
  margin-top:10px;
  padding:10px 0 0;
  overflow:hidden;
  border:0;
  border-top:1px solid var(--journal-rule);
  background:transparent;
  color:var(--ink);
  font-size:9.5px;
  line-height:1.35;
  letter-spacing:.015em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.journal-index .journal-case-open{
  display:flex;
  grid-column:4;
  grid-row:3;
  width:100%;
  min-height:52px;
  margin:0;
  padding:11px 14px;
  align-items:center;
  justify-content:center;
  gap:0;
  border-top:1px solid var(--journal-rule);
  color:var(--ink);
  font:500 11px/1.25 Apparat,Arial,sans-serif;
  text-align:center;
}

.journal-index .journal-case-open::after{
  display:none;
}

@media(hover:hover) and (pointer:fine){
  .journal-index .journal-case>summary:hover{background:rgba(127,127,127,.035)}
  .journal-index .journal-case>summary:hover .journal-case-open{
    background:var(--ink);
    color:var(--paper,#ececec);
  }
}

html[data-site-theme="dark"] .journal-index .journal-case{background:#151615}
html[data-site-theme="dark"] .journal-index .journal-case>summary:hover{background:#191a19}

/* One typographic scale for the catalogue, controls and expanded case content. */
.journal-main .handbook-head h1{
  font:300 clamp(25px,2vw,32px)/1.18 Apparat,Arial,sans-serif;
  letter-spacing:-.025em;
}

.journal-main .handbook-head p{
  font:400 clamp(14px,1.1vw,16px)/1.55 Apparat,Arial,sans-serif;
}

.journal-main .handbook-section-head h2{
  font:300 clamp(19px,1.45vw,23px)/1.25 Apparat,Arial,sans-serif;
  letter-spacing:-.018em;
}

.journal-main .handbook-section-head>span,
.journal-main .handbook-search,
.journal-main .handbook-search input,
.journal-main .handbook-filters button{
  font-family:Apparat,Arial,sans-serif;
}

.journal-main .handbook-search,
.journal-main .handbook-search input{font-size:13px;line-height:1.4}
.journal-main .handbook-filters button{font-size:12px;line-height:1.25}

.journal-main .journal-case-meta span,
.journal-main .journal-command header span{
  font:400 11px/1.35 Apparat,Arial,sans-serif;
}

.journal-main .journal-case-meta strong{
  font:400 clamp(13px,1vw,15px)/1.4 Apparat,Arial,sans-serif;
}

.journal-main .journal-case-section h4{
  font:500 12px/1.4 Apparat,Arial,sans-serif;
}

.journal-main .journal-case-section>p{
  font:400 clamp(14px,1.05vw,16px)/1.58 Apparat,Arial,sans-serif;
}

.journal-main .journal-practice>header h4{
  font:300 clamp(20px,1.65vw,26px)/1.16 Apparat,Arial,sans-serif;
  letter-spacing:-.016em;
}

.journal-main .journal-practice>header p,
.journal-main .journal-practice-list article p,
.journal-main .journal-practice-list dd{
  font-family:Apparat,Arial,sans-serif;
  font-size:13px;
  line-height:1.5;
}

.journal-main .journal-practice-list h5,
.journal-main .journal-command header strong{
  font-family:Apparat,Arial,sans-serif;
  font-size:14px;
  line-height:1.38;
}

.journal-main .journal-command-explain dd,
.journal-main .journal-field-grid,
.journal-main .journal-source-list{
  font-family:Apparat,Arial,sans-serif;
}

@media(min-width:760px) and (max-width:1250px){
  .journal-index .journal-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journal-index .journal-case>summary,
  .journal-index .journal-case:first-child>summary,
  .journal-index .journal-case:nth-child(3)>summary{
    min-height:340px;
    padding:0;
  }

  .journal-index .journal-case-heading{padding-top:42px}
}

@media(max-width:759px){
  .journal-index .journal-cases{grid-template-columns:1fr}
  .journal-index .journal-case>summary,
  .journal-index .journal-case:first-child>summary,
  .journal-index .journal-case:nth-child(3)>summary{
    min-height:300px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:auto 1fr auto auto;
    padding:0;
  }

  .journal-index .journal-case-heading{padding:34px 22px 0}
  .journal-index .journal-case-heading strong,
  .journal-index .journal-case:first-child .journal-case-heading strong{
    min-height:0;
    max-width:680px;
    font-size:clamp(23px,4.2vw,28px);
  }
  .journal-index .journal-case-heading>span{max-width:680px}
  .journal-index .journal-case-open{
    grid-column:1/-1;
    grid-row:4;
    width:100%;
    min-height:44px;
    margin:0;
    padding:10px 14px;
    border-top:1px solid var(--journal-rule);
  }

  .journal-index .journal-preview-meta{grid-column:1/-1;grid-row:3}
}

@media(max-width:520px){
  .journal-main .handbook-head h1{font-size:25px}
  .journal-main .handbook-head p{font-size:14px}
  .journal-main .handbook-section-head h2{font-size:19px}
  .journal-main .handbook-filters button{font-size:11.5px}

  .journal-index .journal-case>summary,
  .journal-index .journal-case:first-child>summary,
  .journal-index .journal-case:nth-child(3)>summary{
    min-height:0;
    padding:0;
  }

  .journal-index .journal-case-heading{padding:27px 15px 24px}
  .journal-index .journal-case-heading strong,
  .journal-index .journal-case:first-child .journal-case-heading strong{
    font-size:21px;
    line-height:1.1;
    letter-spacing:-.006em;
  }
  .journal-index .journal-case-heading>span{
    margin-top:14px;
    padding-top:12px;
    font-size:12px;
    line-height:1.46;
  }
  .journal-index .journal-preview-meta{gap:0;margin:0;font-size:10px}
  .journal-index .journal-preview-meta>span:not(.ctf-tools){min-height:46px;padding:9px 6px}
  .journal-index .journal-preview-meta .ctf-tools{
    margin-top:8px;
    padding-top:8px;
    font-size:9px;
  }
  .journal-index .journal-case-open{
    width:100%;
    min-height:42px;
    margin:0;
    padding:9px 12px;
    font-size:11px;
  }
}

@media(prefers-reduced-motion:reduce){
  .journal-index .journal-case-open{transition:none}
}

/* v428 — large editorial cards: the whole surface is the action. */
.journal-index .journal-case>summary,
.journal-index .journal-case:first-child>summary,
.journal-index .journal-case:nth-child(3)>summary{
  display:flex;
  min-height:338px;
  padding:0;
  flex-direction:column;
  cursor:pointer;
  transition:background-color .2s ease,box-shadow .2s ease;
}

.journal-index .journal-case-heading{
  display:flex;
  padding:42px 28px 0;
  flex-direction:column;
}

.journal-index .journal-case-heading strong,
.journal-index .journal-case:first-child .journal-case-heading strong{
  min-height:2.12em;
  max-width:590px;
  font-size:clamp(29px,1.76vw,34px);
  line-height:1.055;
  letter-spacing:-.022em;
}

.journal-index .journal-case-heading>span{
  max-width:590px;
  margin-top:20px;
  padding-top:17px;
  font-size:15.5px;
  line-height:1.48;
}

.journal-index .journal-preview-meta{
  display:flex;
  width:100%;
  margin:auto 0 0;
  padding:28px;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 24px;
  border:0;
  color:var(--journal-muted);
  font:500 13px/1.35 Apparat,Arial,sans-serif;
  letter-spacing:0;
}

.journal-index .journal-preview-meta>span:not(.ctf-tools){
  display:block;
  min-height:0;
  padding:0;
  border:0;
  text-align:left;
}

.journal-index .journal-case-open{display:none!important}

@media(hover:hover) and (pointer:fine){
  .journal-index .journal-case>summary:hover{
    background:rgba(127,127,127,.045);
    box-shadow:inset 0 -2px 0 var(--acid,#b8ff38);
  }
}

html[data-site-theme="dark"] .journal-index .journal-case>summary:hover{
  background:#191a19;
}

@media(max-width:1250px){
  .journal-index .journal-case-heading strong,
  .journal-index .journal-case:first-child .journal-case-heading strong{
    font-size:clamp(28px,2.5vw,33px);
  }
}

@media(max-width:759px){
  .journal-index .journal-case>summary,
  .journal-index .journal-case:first-child>summary,
  .journal-index .journal-case:nth-child(3)>summary{
    min-height:290px;
  }

  .journal-index .journal-case-heading{padding:32px 22px 0}

  .journal-index .journal-case-heading strong,
  .journal-index .journal-case:first-child .journal-case-heading strong{
    min-height:0;
    font-size:clamp(26px,5vw,31px);
  }

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

  .journal-index .journal-preview-meta{
    padding:25px 22px;
    font-size:12.5px;
  }
}

@media(max-width:520px){
  .journal-index .journal-case>summary,
  .journal-index .journal-case:first-child>summary,
  .journal-index .journal-case:nth-child(3)>summary{
    min-height:0;
  }

  .journal-index .journal-case-heading{padding:25px 15px 0}

  .journal-index .journal-case-heading strong,
  .journal-index .journal-case:first-child .journal-case-heading strong{
    font-size:25px;
    line-height:1.08;
  }

  .journal-index .journal-case-heading>span{
    margin-top:16px;
    padding-top:13px;
    font-size:14.5px;
    line-height:1.5;
  }

  .journal-index .journal-preview-meta{
    margin-top:22px;
    padding:0 15px 23px;
    gap:6px 16px;
    font-size:12px;
  }
}