/* Monochrome field diagrams for the CTF catalogue. */
html .journal-index .journal-cases{gap:12px;background:transparent;padding:0}
html .journal-index .journal-case,html .journal-index .journal-case:first-child,html .journal-index .journal-case:nth-child(3){grid-column:auto;grid-row:auto;border:1px solid var(--journal-rule);background:var(--journal-panel)}
html .journal-index .journal-case>summary,html .journal-index .journal-case:first-child>summary,html .journal-index .journal-case:nth-child(3)>summary{position:relative;display:flex;flex-direction:column;min-height:388px;padding:0;overflow:hidden}
html .journal-index .ctf-case-visual{display:block;flex:0 0 auto;height:164px;margin:0 18px;border-bottom:1px solid var(--journal-rule);color:var(--ink);background-image:radial-gradient(circle,rgba(128,128,128,.2) .65px,transparent .8px);background-size:12px 12px}
.ctf-case-visual svg{display:block;width:100%;height:100%;overflow:visible}
.ctf-case-visual svg text{font:9px Fragment,ui-monospace,monospace;text-anchor:middle;fill:currentColor;stroke:none;letter-spacing:.04em}
.ctf-visual-faint{opacity:.22}
.ctf-visual-panel{fill:var(--journal-panel)}
.ctf-visual-dot{fill:currentColor;stroke:none}
.ctf-visual-wash{fill:currentColor;fill-opacity:.08;stroke-opacity:.35}
.ctf-visual-motion{transform-origin:180px 80px;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.ctf-radar-hand{transform-origin:180px 80px;transition:transform .8s cubic-bezier(.22,1,.36,1)}
html .journal-index .journal-case-heading{padding:21px 22px 18px}
html .journal-index .journal-case-heading strong,html .journal-index .journal-case:first-child .journal-case-heading strong{font:400 21px/1.2 Apparat,Arial,sans-serif;letter-spacing:-.025em;min-height:2.4em;max-width:none;text-wrap:pretty;overflow-wrap:normal}
html .journal-index .journal-case-heading>span{font:400 14px/1.5 Apparat,Arial,sans-serif;margin-top:11px;padding-top:0;border:0;max-width:none;overflow-wrap:normal}
html .journal-index .journal-preview-meta{position:static;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:auto;min-height:0;margin:auto 22px 0;padding:0 0 14px;gap:6px 12px;border:0;font:400 11px/1.4 Apparat,Arial,sans-serif}
html .journal-index .journal-preview-meta>span:not(.ctf-tools){display:block;min-height:0;padding:0;border:0;text-align:left}
html .journal-index .journal-case-open{position:relative;inset:auto;display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin:0;padding:12px 22px;border:0;border-top:1px solid var(--journal-rule);font:400 12px/1.3 Apparat,Arial,sans-serif;text-align:left;color:var(--ink);background:transparent}
html .journal-index .journal-case-open::after{display:block;width:7px;height:7px;flex:0 0 7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
html .journal-index .journal-case-open>i{display:none}
html .journal-index .journal-case>summary:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
@media(hover:hover) and (pointer:fine){
 html .journal-index .journal-case>summary:hover{background:transparent;box-shadow:none}
 html .journal-index .journal-case>summary:hover .journal-case-open{background:transparent;color:var(--ink)}
 html .journal-index .journal-case>summary:hover .ctf-visual-motion{transform:translateY(-4px)}
 html .journal-index .journal-case>summary:hover .ctf-radar-hand{transform:rotate(28deg)}
}
@media(max-width:759px){
 html .journal-index .journal-cases{gap:12px}
 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:136px;margin:0 16px}
 html .journal-index .journal-case-heading{padding:18px 18px 16px}
 html .journal-index .journal-case-heading strong,html .journal-index .journal-case:first-child .journal-case-heading strong{font-size:20px;min-height:0;line-height:1.22}
 html .journal-index .journal-case-heading>span{font-size:13px;line-height:1.5;margin-top:10px}
 html .journal-index .journal-preview-meta{margin:0 18px;padding-bottom:15px;font-size:11px}
 html .journal-index .journal-case-open{padding:12px 18px}
}
@media(prefers-reduced-motion:reduce){.ctf-visual-motion,.ctf-radar-hand{transition:none}html .journal-index .journal-case>summary:hover .ctf-visual-motion,html .journal-index .journal-case>summary:hover .ctf-radar-hand{transform:none}}