/* CTF-only navigation polish */
.journal-main .journal-reader-back{
  gap:10px;
}

.journal-main .journal-reader-back>span{
  position:relative;
  display:inline-flex;
  width:20px;
  height:20px;
  flex:0 0 20px;
  align-items:center;
  justify-content:center;
  font-size:0;
  transform:none;
}

.journal-main .journal-reader-back>span::before{
  content:"";
  position:absolute;
  top:50%;
  left:3px;
  width:13px;
  height:1px;
  background:currentColor;
  transform:translateY(-.5px);
}

.journal-main .journal-reader-back>span::after{
  content:"";
  position:absolute;
  top:50%;
  left:3px;
  width:6px;
  height:6px;
  border-left:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:translateY(-50%) rotate(45deg);
}

.journal-main .journal-reader-back:hover>span{
  transform:translateX(-3px);
}

@media(prefers-reduced-motion:reduce){
  .journal-main .journal-reader-back>span{
    transition:none;
  }
}

/* CTF catalogue: explicit action, compact facts and safe long-field typography. */
.journal-index .journal-case>summary{
  position:relative;
}

.journal-index .journal-preview-meta{
  min-height:72px;
  padding:24px 194px 24px 28px;
  gap:8px 24px;
}

.journal-index .journal-case-open{
  position:absolute;
  right:0;
  bottom:0;
  display:flex!important;
  width:166px;
  min-height:72px;
  margin:0;
  padding:0 18px;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid var(--journal-rule);
  border-left:1px solid var(--journal-rule);
  color:var(--ink);
  background:transparent;
  font:400 13px/1.3 Apparat,Arial,sans-serif;
  text-align:left;
  overflow:hidden;
}

.journal-index .journal-case-open::before{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:2px;
  background:var(--acid,#b8ff38);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .42s cubic-bezier(.22,1,.36,1);
}

.journal-index .journal-case-open::after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-top:1px solid currentColor;
  border-right:1px solid currentColor;
  transform:rotate(45deg);
  transition:transform .42s cubic-bezier(.22,1,.36,1);
}

@media(hover:hover) and (pointer:fine){
  .journal-index .journal-case>summary:hover .journal-case-open{
    color:var(--ink);
    background:transparent;
  }

  .journal-index .journal-case>summary:hover .journal-case-open::before{
    transform:scaleX(1);
  }

  .journal-index .journal-case>summary:hover .journal-case-open::after{
    transform:translateX(4px) rotate(45deg);
  }
}

.journal-index .journal-case>summary:focus-visible .journal-case-open::before{
  transform:scaleX(1);
}

.journal-index .journal-case>summary:focus-visible .journal-case-open::after{
  transform:translateX(4px) rotate(45deg);
}

.journal-main .journal-field-grid>div{
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  align-items:start;
}

.journal-main .journal-field-grid :is(dt,strong){
  min-width:0;
  font-family:Fragment,FragmentMono,ui-monospace,monospace;
  font-size:12.5px;
  font-weight:400;
  line-height:1.45;
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.journal-main .journal-field-grid :is(dd,span){
  min-width:0;
  font:400 14px/1.5 Apparat,Arial,sans-serif;
  overflow-wrap:anywhere;
}

.journal-main .journal-command :is(header strong,header em),
.journal-main .journal-command-explain :is(dt,dd),
.journal-main .journal-practice-list :is(h5,p,dt,dd){
  overflow-wrap:anywhere;
}

@media(max-width:759px){
  .journal-index .journal-preview-meta{
    min-height:0;
    padding:22px;
  }

  .journal-index .journal-case-open{
    position:relative;
    width:100%;
    min-height:48px;
    padding:0 22px;
    border-left:0;
  }
}

@media(max-width:520px){
  .journal-index .journal-preview-meta{
    padding:0 15px 20px;
  }

  .journal-index .journal-case-open{
    min-height:46px;
    padding:0 15px;
    font-size:12px;
  }

  .journal-main .journal-field-grid>div{
    grid-template-columns:minmax(0,1fr);
    gap:6px;
  }
}

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