/* Editorial interface fragments replace the abstract icon diagrams. */
html .journal-index .ctf-case-visual{height:190px;margin:0 20px;background:none;display:flex;align-items:center;justify-content:center}
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:405px}
.ctf-mini{display:block;width:100%;max-width:310px;color:var(--ink);font:11px/1.4 Fragment,ui-monospace,monospace;text-align:left}
.ctf-mini-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 10px;margin-bottom:10px;border-bottom:1px solid var(--journal-rule);font-size:10px;color:var(--journal-muted)}
.ctf-mini-example{font-family:Apparat,Arial,sans-serif;font-size:10px;opacity:.65}
.ctf-mini-row{display:flex;justify-content:space-between;gap:16px;padding:5px 0}
.ctf-mini-row>span:first-child{color:var(--journal-muted)}
.ctf-mini-domain{display:block;font:400 27px/1.1 Apparat,Arial,sans-serif;letter-spacing:-.04em;margin:1px 0 8px}
.ctf-mini-domain>span{color:var(--journal-muted)}
.ctf-mini-records{display:block}
.ctf-mini-status{display:flex;align-items:center;gap:16px;margin:4px 0 12px}
.ctf-mini-status>span:first-child{font:400 37px/1 Apparat,Arial,sans-serif;letter-spacing:-.045em}
.ctf-mini-status>span:last-child{display:block;flex:1}
.ctf-mini-status-line{display:block;height:3px;margin-top:8px;background:var(--ink);opacity:.7;transform-origin:left;transform:scaleX(.72);transition:transform .5s ease}
.ctf-port-matrix{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;margin:0 0 12px}
.ctf-port-matrix>span{height:7px;background:currentColor;opacity:.1;transition:opacity .3s ease}
.ctf-port-matrix>span.is-open{opacity:.85}
.ctf-port-matrix>span.is-filtered{opacity:.35}
.ctf-port-table{display:block}
.ctf-port-table>span{display:grid;grid-template-columns:1fr 1.3fr .7fr;gap:8px;padding:5px 0;border-bottom:1px solid var(--journal-rule)}
.ctf-port-table>span:last-child{border:0}
.ctf-port-table>span>span:last-child{text-align:right;color:var(--journal-muted)}
.ctf-state{display:flex;align-items:center;gap:7px}
.ctf-state i{width:5px;height:5px;background:currentColor}
.ctf-state.is-filtered{color:var(--journal-muted)}
.ctf-state.is-filtered i{background:transparent;border:1px solid currentColor}
.ctf-json-block{display:flex;align-items:center;gap:12px}
.ctf-json-block>span:nth-child(2){flex:1;min-width:0}
.ctf-json-bracket{font:300 62px/1 Apparat,Arial,sans-serif;color:var(--journal-muted);opacity:.6}
.ctf-mini-code-foot{display:block;padding-top:10px;margin-top:7px;border-top:1px solid var(--journal-rule);font-size:10px;color:var(--journal-muted)}
.ctf-edgar-flow{display:flex;align-items:center;gap:10px;margin:0 0 7px}
.ctf-edgar-flow>span{flex:1;text-align:center;padding:7px;border:1px solid var(--journal-rule);transition:border-color .4s ease}
.ctf-edgar-flow>i{font-style:normal;color:var(--journal-muted)}
.ctf-csv-table{display:block}
.ctf-csv-table>span{display:grid;grid-template-columns:.8fr 1fr 1.2fr;border-bottom:1px solid var(--journal-rule)}
.ctf-csv-table>span>span{padding:7px 9px;min-width:0;border-left:1px solid var(--journal-rule)}
.ctf-csv-table>span>span:first-child{border-left:0;padding-left:0}
.ctf-csv-head{color:var(--journal-muted);font-size:10px}
.ctf-csv-table i{display:block;max-width:100%;height:3px;background:currentColor;opacity:.2;margin:3px 0}
.ctf-csv-focus{background:rgba(127,127,127,.09)}
.ctf-csv-focus i{opacity:.75}
@media(hover:hover) and (pointer:fine){
 .journal-case>summary:hover .ctf-mini-status-line{transform:scaleX(1)}
 .journal-case>summary:hover .ctf-port-matrix>span.is-filtered{opacity:.65}
 .journal-case>summary:hover .ctf-edgar-flow>span{border-color:var(--journal-muted)}
}
@media(max-width:759px){
 html .journal-index .ctf-case-visual{height:181px;margin:0 18px}
 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}
 .ctf-mini{max-width:300px;font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){.ctf-mini-status-line,.ctf-port-matrix>span,.ctf-edgar-flow>span{transition:none}}
