/* Technical media variants and reusable SCF blocks, also loaded in Gutenberg. */
.jc-bl-shot,.jc-bl-code,.wp-block-image.is-style-jc-technical,.wp-block-gallery.is-style-jc-technical{--jc-media-line:#2b302d;--jc-media-panel:#161817;--jc-media-fg:#b9bcb7;--jc-media-accent:#00f1a9;min-width:0;max-width:100%;letter-spacing:0;box-sizing:border-box}
.jc-bl-shot,.wp-block-image.is-style-jc-technical{margin:34px 0}
.jc-bl-shot__window{border:1px solid var(--jc-media-line);border-radius:6px;overflow:hidden;background:var(--jc-media-panel)}
.jc-bl-shot__bar{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--jc-media-line);font:400 12px/1.5 "JetBrains Mono",Monaco,Consolas,monospace;color:var(--jc-media-fg)}
.jc-bl-shot__dots{display:flex;gap:5px;flex:0 0 auto}
.jc-bl-shot__dots i{width:7px;height:7px;border-radius:50%;background:#515952}
.jc-bl-shot__address{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 8px;border:1px solid var(--jc-media-line);border-radius:3px;background:#111;color:inherit}
.jc-bl-shot img,.wp-block-image.is-style-jc-technical img{display:block;width:100%;height:auto;object-fit:contain}
.wp-block-image.is-style-jc-technical img{border:1px solid var(--jc-media-line);border-radius:6px}
.jc-bl-shot figcaption,.wp-block-image.is-style-jc-technical figcaption,.wp-block-gallery.is-style-jc-technical>.blocks-gallery-caption{padding-top:10px;margin:0;font:400 12px/1.6 "JetBrains Mono",Monaco,Consolas,monospace;color:var(--jc-media-fg)}
.single-blog .bl-content>.jc-bl-shot,.single-blog .bl-content>.wp-block-image,.single-blog .bl-content>.wp-block-gallery{margin-block:34px}
.single-blog .bl-content :is(.wp-block-image,.wp-block-gallery)>figcaption{font-family:"JetBrains Mono",Monaco,Consolas,monospace;font-size:12px;line-height:1.6;margin-top:10px}
.single-blog .bl-content>.wp-block-image img{display:block;height:auto;border:1px solid var(--bl-line);border-radius:6px}
/* Preserve Gutenberg's column setting, but never crop screenshots to fill tiles. */
.wp-block-gallery.is-style-jc-technical{display:grid;grid-template-columns:repeat(var(--jc-gallery-columns,3),minmax(0,1fr));gap:16px;align-items:start}
.wp-block-gallery.is-style-jc-technical.columns-1{--jc-gallery-columns:1}
.wp-block-gallery.is-style-jc-technical.columns-2{--jc-gallery-columns:2}
.wp-block-gallery.is-style-jc-technical.columns-4{--jc-gallery-columns:4}
.wp-block-gallery.is-style-jc-technical.columns-5{--jc-gallery-columns:5}
.wp-block-gallery.is-style-jc-technical.columns-6{--jc-gallery-columns:6}
.wp-block-gallery.is-style-jc-technical>figure.wp-block-image{display:block!important;min-width:0;max-width:100%;width:100%!important;margin:0!important;align-self:start}
.wp-block-gallery.is-style-jc-technical>figure.wp-block-image img{display:block;width:100%;height:auto!important;aspect-ratio:auto;object-fit:contain!important;border:1px solid var(--jc-media-line);border-radius:6px}
.wp-block-gallery.is-style-jc-technical>figure.wp-block-image>a{display:block}
.wp-block-gallery.is-style-jc-technical>figure.wp-block-image::before{content:none!important}
.wp-block-gallery.is-style-jc-technical>figure.wp-block-image>figcaption{position:static!important;max-height:none!important;background:none!important;box-sizing:border-box;padding:10px 0 0!important;margin:0!important;color:var(--jc-media-fg)!important;font:400 12px/1.6 "JetBrains Mono",Monaco,Consolas,monospace;text-align:left}
.wp-block-gallery.is-style-jc-technical>.blocks-gallery-caption{grid-column:1/-1}
.jc-bl-code{margin:34px 0;border:1px solid var(--jc-media-line);border-radius:6px;background:#0b0c0c;overflow:hidden;color:var(--jc-media-fg)}
.jc-bl-code__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 14px;border-bottom:1px solid var(--jc-media-line);background:var(--jc-media-panel);font:400 12px/1.6 "JetBrains Mono",Monaco,Consolas,monospace}
.jc-bl-code__bar>span{min-width:0;overflow-wrap:anywhere;color:inherit}
.jc-bl-code__bar button{flex:0 0 auto;min-height:40px;padding:6px 12px;border:1px solid var(--jc-media-line);border-radius:4px;background:transparent;color:#f2f0eb;font:inherit;cursor:pointer}
.jc-bl-code__bar button[hidden]{display:none}
.jc-bl-code__bar button:hover{border-color:var(--jc-media-accent)}
.jc-bl-code__bar button:disabled{opacity:.65;cursor:wait}
.jc-bl-code :is(pre,code){font-family:"JetBrains Mono",Monaco,Consolas,monospace;font-size:14px;line-height:1.7;color:inherit;tab-size:4}
.jc-bl-code pre{margin:0;padding:18px;max-width:100%;overflow-x:auto;white-space:pre;background:none;border:0;border-radius:0}
.jc-bl-code pre code{display:block;min-width:max-content;margin:0;padding:0;background:none;border:0;white-space:pre;overflow-wrap:normal;word-break:normal}
.jc-bl-code__status{--jc-desktop-paragraph-size:12px;--jc-mobile-paragraph-size:12px;padding:10px 14px;border-top:1px solid var(--jc-media-line);font-size:12px;line-height:1.5;margin:0;color:var(--jc-media-fg)}
.jc-bl-code__status:empty{display:none}
.jc-bl-code :is(pre,button):focus-visible{outline:2px solid var(--jc-media-accent);outline-offset:-3px}
.single-blog .bl-content .jc-bl-code pre{padding:18px;border:0;background:none}
.single-blog .bl-content .jc-bl-code pre code{padding:0;overflow:visible}
.single-blog .bl-content .jc-bl-code .wp-block-code[data-file]::before{content:none}
@media(max-width:700px){.wp-block-gallery.is-style-jc-technical{grid-template-columns:minmax(0,1fr);gap:24px}.jc-bl-code__bar{padding-inline:12px}.jc-bl-code pre,.single-blog .bl-content .jc-bl-code pre{padding:14px}.jc-bl-shot__bar{gap:8px}}