/* Shared proportions, distinct diagram motion, no continuously running effects. */
html .journal-index .journal-cases{gap:16px}
html .journal-index .journal-case>summary,html .journal-index .journal-case:first-child>summary,html .journal-index .journal-case:nth-child(3)>summary{min-height:382px}
html .journal-index .ctf-case-visual{height:172px;margin:0 20px;background-size:14px 14px;background-image:radial-gradient(circle,rgba(128,128,128,.16) .65px,transparent .8px)}
html .journal-index .ctf-case-visual svg{width:100%;max-width:420px;margin:auto}
html .journal-index .journal-case-heading{padding:20px 22px 19px}
html .journal-index .journal-case-heading strong,html .journal-index .journal-case:first-child .journal-case-heading strong{min-height:0;font-size:21px;line-height:1.23;letter-spacing:-.025em}
html .journal-index .journal-case-heading>span{margin-top:10px;font-size:13px;line-height:1.55}
html .journal-index .journal-preview-meta{padding-bottom:16px;gap:8px}
html .journal-index .journal-preview-meta>span:first-child{font-family:Fragment,ui-monospace,monospace;font-size:10px}
html .journal-index .journal-case-open{min-height:48px}
.ctf-visual-trace{stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;opacity:.75;transition:stroke-dashoffset 1.15s cubic-bezier(.22,1,.36,1)}
.ctf-visual-ready .ctf-visual-trace{stroke-dashoffset:0}
html .journal-index .journal-case>summary:focus-visible .ctf-visual-motion{transform:translateY(-3px)}
@media(hover:hover) and (pointer:fine){
 html .journal-index .journal-case[data-case-id="01"]>summary:hover .ctf-visual-motion{transform:scale(1.055)}
 html .journal-index .journal-case[data-case-id="02"]>summary:hover .ctf-visual-motion{transform:translate(-5px,3px)}
 html .journal-index .journal-case[data-case-id="03"]>summary:hover .ctf-visual-motion{transform:none}
 html .journal-index .journal-case[data-case-id="03"]>summary:hover .ctf-radar-hand{transform:rotate(70deg)}
 html .journal-index .journal-case[data-case-id="04"]>summary:hover .ctf-visual-motion{transform:translateX(5px)}
 html .journal-index .journal-case[data-case-id="05"]>summary:hover .ctf-visual-motion{transform:translate(3px,-5px)}
 html .journal-index .journal-case[data-case-id="06"]>summary:hover .ctf-visual-motion{transform:translateY(-3px)}
 html .journal-index .journal-case>summary:hover .ctf-visual-trace{opacity:1;stroke-width:2}
}
@media(max-width:759px){
 html .journal-index .journal-cases{gap:14px}
 html .journal-index .journal-case>summary,html .journal-index .journal-case:first-child>summary,html .journal-index .journal-case:nth-child(3)>summary{min-height:0}
 html .journal-index .ctf-case-visual{height:144px;margin:0 18px}
 html .journal-index .journal-case-heading{padding:18px 18px 17px}
 html .journal-index .journal-case-heading strong,html .journal-index .journal-case:first-child .journal-case-heading strong{font-size:20px}
 html .journal-index .journal-preview-meta{padding-bottom:16px}
}
@media(prefers-reduced-motion:reduce){
 .ctf-visual-trace{transition:none;stroke-dashoffset:0}
 html .journal-index .journal-case>summary:hover .ctf-visual-motion,html .journal-index .journal-case>summary:hover .ctf-radar-hand,html .journal-index .journal-case>summary:focus-visible .ctf-visual-motion{transform:none!important}
}