/* Optional media gallery and YouTube embeds for the Journal CMS. */
.current-media{margin-top:1rem}
.media-thumbs{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.8rem}
.media-thumb{display:flex;flex-direction:column;gap:.45rem;font-size:.75rem;color:#aaa}
.media-thumb img{width:120px;height:84px;object-fit:cover;border-radius:4px;border:1px solid #333}
.media-thumb input{accent-color:#d4ff32}
.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}
.article-gallery img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#111;border-radius:4px}
.article-videos{display:grid;gap:1.25rem;margin:2rem 0}
.youtube-frame{position:relative;width:100%;aspect-ratio:16/9;background:#111;border-radius:4px;overflow:hidden}
.youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:640px){.article-gallery{grid-template-columns:1fr}.media-thumb img{width:96px;height:68px}}
.language-picker{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1.2rem;padding:1rem;border:1px solid #303030;border-radius:4px}
.language-picker .eyebrow{flex-basis:100%;margin:0}
.language-picker label{display:flex;align-items:center;gap:.45rem;color:#eee}
.language-picker input[type=checkbox]{accent-color:#d4ff32;width:1rem;height:1rem}
.language-picker small{flex-basis:100%}
.translation-panel{display:grid;gap:.85rem;padding:1rem;border:1px solid #303030;border-radius:4px}
.translation-panel[hidden]{display:none!important}
.translation-panel>.eyebrow{margin:0}
.translation-panel label{display:block}
.post-options{display:grid;gap:.45rem;padding:1rem;border:1px solid #303030;border-radius:4px}
.post-options label{display:flex;align-items:center;gap:.55rem;color:#eee}
.post-options input[type=checkbox]{accent-color:#d4ff32;width:1rem;height:1rem}
.post-options small{margin:0 0 .4rem 1.55rem}
.related-articles{margin:3.5rem 0 1rem;padding-top:1.5rem;border-top:1px solid #303030}
.related-articles>.eyebrow{margin-bottom:1.2rem}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.related-card{display:block;overflow:hidden;color:inherit;text-decoration:none;border:1px solid #303030;border-radius:5px;background:#101010;transition:border-color .2s ease,transform .2s ease}
.related-card:hover{border-color:#d4ff32;transform:translateY(-3px)}
.related-image{aspect-ratio:16/10;background:#191919;display:grid;place-items:center;color:#d4ff32}
.related-image img{width:100%;height:100%;object-fit:cover}
.related-copy{padding:1rem}
.related-copy .eyebrow{margin:0 0 .6rem}
.related-copy h2{margin:0 0 1rem;font-size:1.1rem;line-height:1.3}
@media(max-width:760px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.related-grid{grid-template-columns:1fr}}


/* Readable article flow and responsive media */
.article-body{max-width:100%;line-height:1.78;overflow-wrap:anywhere}
.article-body p{margin:0 0 1.1em}
.article-body p:last-child{margin-bottom:0}
.article-body br+br{display:block;content:"";line-height:.65em}
.article-body img,.article-gallery img{display:block;max-width:100%;height:auto;width:auto;object-fit:contain;margin:1.5rem auto;border-radius:4px}
.article-body iframe,.article-body video{display:block;max-width:100%;width:100%;aspect-ratio:16/9;margin:1.5rem 0;border:0}
.article-body h2,.article-body h3,.article-body h4{line-height:1.25;margin:1.8em 0 .65em}
.article-body a{color:var(--accent,#d4ff32);text-decoration:underline;text-underline-offset:.2em}
.editor-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0;padding:.65rem;border:1px solid #333;border-radius:6px;background:#111}
.editor-toolbar button,.editor-toolbar select,.editor-toolbar input{min-height:2.25rem;padding:.35rem .6rem;border:1px solid #444;border-radius:4px;background:#171717;color:#eee}
.editor-surface{min-height:18rem;padding:1rem;border:1px solid #444;border-radius:6px;background:#101010;color:#eee;line-height:1.7;overflow:auto}
.editor-surface:focus{outline:1px solid #d4ff32}
.editor-surface img{max-width:100%;height:auto}


/* Editorial search, live suggestions and article tags */
.blog-search-wrap{position:relative;z-index:5;max-width:760px;margin:2.4rem auto 3rem}
.blog-search{display:flex;align-items:center;gap:.8rem;padding:.55rem .6rem .55rem 1rem;border:1px solid #38352f;border-radius:3px;background:linear-gradient(110deg,#11100e,#0c0c0b);box-shadow:0 12px 36px #0005;transition:border-color .25s,box-shadow .25s}
.blog-search:focus-within{border-color:#a9a468;box-shadow:0 0 0 1px #a9a46833,0 16px 42px #0008}
.blog-search .search-mark{color:#d4ff32;font-size:1.1rem;line-height:1;flex:0 0 auto}
.blog-search input[type=search]{flex:1;min-width:0;padding:.8rem .2rem;border:0;outline:0;background:transparent;color:#eee;font:inherit;font-size:.96rem;letter-spacing:.01em}
.blog-search input[type=search]::placeholder{color:#85817a}
.blog-search button{flex:0 0 auto;padding:.78rem 1.1rem;border:1px solid #d4ff32;border-radius:2px;background:#d4ff32;color:#111;font:500 .72rem/1 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.blog-search button:hover{background:transparent;color:#d4ff32}
.blog-search-clear{display:inline-block;margin:.65rem .2rem;color:#aaa;font-size:.78rem;text-decoration:none}
.search-suggestions{position:absolute;top:calc(100% + .55rem);left:0;right:0;display:none;padding:.45rem;border:1px solid #35332d;border-radius:3px;background:rgba(13,13,12,.98);box-shadow:0 20px 50px #000b;backdrop-filter:blur(12px)}
.search-suggestions.is-open{display:block}
.search-suggestion{display:flex;align-items:center;gap:.9rem;min-height:76px;padding:.55rem .65rem;color:#eee;text-decoration:none;border-bottom:1px solid #ffffff10;transition:background .2s}
.search-suggestion:last-child{border-bottom:0}
.search-suggestion:hover,.search-suggestion:focus-visible{background:#ffffff0b;outline:0}
.search-suggestion img{width:76px;height:56px;flex:0 0 76px;object-fit:cover;border-radius:2px;background:#181715}
.search-suggestion-copy{min-width:0;display:flex;flex-direction:column;gap:.35rem}
.search-suggestion-copy strong{overflow:hidden;color:#eee;font-size:.96rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.search-suggestion-copy small{color:#aaa08b;font: .62rem 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase}
.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:2rem 0 0;padding-top:1rem;border-top:1px solid #ffffff18}
.article-tags-label{width:100%;color:#999;font: .65rem 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase}
.article-tag{padding:.4rem .65rem;border:1px solid #3a3832;border-radius:2px;color:#d6d0c2;font-size:.78rem;text-decoration:none;transition:border-color .2s,color .2s}
.article-tag:hover{border-color:#d4ff32;color:#d4ff32}
@media(max-width:600px){.blog-search-wrap{margin:1.8rem auto 2.2rem}.blog-search{gap:.5rem;padding-left:.75rem}.blog-search button{padding:.72rem .75rem}.search-suggestion img{width:62px;height:48px;flex-basis:62px}}

.search-suggestion-placeholder{width:76px;height:56px;flex:0 0 76px;display:grid;place-items:center;border-radius:2px;background:linear-gradient(135deg,#1c1a16,#0d0d0c);color:#d4ff32;font-size:1.25rem}
@media(max-width:600px){.search-suggestion-placeholder{width:62px;height:48px;flex-basis:62px}}
.blog-search>a{flex:0 0 auto;color:#999;font-size:.75rem;text-decoration:none}
.blog-search>a:hover{color:#d4ff32}

/* Keep article text readable in the editor; display the actual letter case. */
.editor-surface{ text-transform:none !important; letter-spacing:normal !important; }