/* Scoped overrides retain Titan Cloud typography without touching vendor code. */
.insight-holo{padding:64px 0 0;background:#fff;color:#1a1a1a}
.insight-holo h2{font-size:clamp(26px,4vw,42px);line-height:1.15;margin:0 0 28px}
#holo-blog{scroll-margin-top:110px;min-width:0}
#holo-blog .holo-blog{font-family:inherit;max-width:none;color:inherit}
#holo-blog .holo-blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
#holo-blog .holo-blog-card{display:flex;flex-direction:column;min-width:0;padding:0 0 24px;border:0;border-bottom:1px solid #ddd;border-radius:0}
#holo-blog .holo-blog-card-thumb{width:100%;height:260px;border-radius:0;object-fit:cover}
#holo-blog .holo-blog-card-title{font-size:26px;line-height:1.2}
#holo-blog .holo-blog-card-content{overflow-wrap:anywhere}
#holo-blog .holo-blog-card:hover{box-shadow:none;border-color:#111}
#holo-blog .holo-blog-article{max-width:800px;margin:0 auto;padding-bottom:64px}
#holo-blog .holo-blog-header{max-width:800px;margin:0 auto 24px}
#holo-blog .holo-blog-article-title{font-size:clamp(30px,5vw,52px);overflow-wrap:anywhere}
#holo-blog .holo-blog-article-content{overflow-wrap:anywhere}
#holo-blog .holo-blog-article-content img,#holo-blog .holo-blog-article-content video{max-width:100%;height:auto}
#holo-blog .holo-blog-article-content pre{overflow:auto;max-width:100%}
#holo-blog .holo-blog-article-content a{text-decoration:underline}
#holo-blog .holo-blog-article-content h2{font-size:30px;margin:1.2em 0 .6em}
#holo-blog .holo-blog-article-hero{object-fit:contain;background:transparent}
#holo-blog .holo-blog-empty{font-size:16px;color:#555;padding:24px}
body[data-page="insight"] [hidden]{display:none!important}
#insight-archive h2{font-size:clamp(26px,4vw,42px);margin:0 0 32px}
@media(max-width:640px){.insight-holo{padding-top:40px}#holo-blog .holo-blog-list{grid-template-columns:minmax(0,1fr)}#holo-blog .holo-blog-card-thumb{height:200px}}

/* Article mode has no dark list hero behind the navigation. Give the header
   its own opaque background and flow space instead of overlaying the article. */
body.holo-article-view .site-header{position:relative;inset:auto;background:#111213;border-bottom-color:#303233}
body.holo-article-view .insight-holo{padding:40px 0 80px}
body.holo-article-view #holo-blog{scroll-margin-top:0}
body.holo-article-view #holo-blog .holo-blog-header{margin-bottom:32px}
body.holo-article-view #holo-blog .holo-blog-back{min-height:44px;padding:10px 16px;line-height:1.4;font-size:14px;border-color:#d5d9da;color:#303638;border-radius:8px;gap:10px}
body.holo-article-view #holo-blog .holo-blog-back:hover{background:#f0f5f5;border-color:#8e999c}
body.holo-article-view #holo-blog .holo-blog-back:focus-visible{outline:3px solid #117c83;outline-offset:4px}
body.holo-article-view #holo-blog .holo-blog-article{padding:0}
body.holo-article-view #holo-blog .holo-blog-article-hero{height:auto;max-height:none;margin-bottom:32px;border-radius:12px}
body.holo-article-view #holo-blog .holo-blog-article-title{font-size:clamp(32px,4.2vw,48px);line-height:1.16;letter-spacing:-.035em;margin-bottom:16px}
body.holo-article-view #holo-blog .holo-blog-article-date{margin-bottom:32px;color:#626a6d;line-height:1.5}
body.holo-article-view #holo-blog .holo-blog-article-content{font-size:17px;line-height:1.8;color:#303638}
body.holo-article-view #holo-blog .holo-blog-article-content p{margin:0 0 1.3em}
body.holo-article-view #holo-blog .holo-blog-article-content h1,body.holo-article-view #holo-blog .holo-blog-article-content h2{font-size:clamp(25px,3vw,32px);line-height:1.3;letter-spacing:-.025em;margin:40px 0 20px}
body.holo-article-view #holo-blog .holo-blog-article-content>:first-child{margin-top:0}
body.holo-article-view #holo-blog .holo-blog-article-content h3{font-size:23px;line-height:1.35;margin:32px 0 16px}
body.holo-article-view #holo-blog .holo-blog-article-content ul,body.holo-article-view #holo-blog .holo-blog-article-content ol{padding-left:24px;margin:0 0 24px}
body.holo-article-view #holo-blog .holo-blog-article-content li+li{margin-top:8px}
@media(max-width:640px){
 body.holo-article-view .insight-holo{padding:24px 0 48px}
 body.holo-article-view #holo-blog .holo-blog-header{margin-bottom:24px}
 body.holo-article-view #holo-blog .holo-blog-article-hero{margin-bottom:24px;border-radius:8px}
 body.holo-article-view #holo-blog .holo-blog-article-title{font-size:32px;line-height:1.18}
 body.holo-article-view #holo-blog .holo-blog-article-content{font-size:16px;line-height:1.75}
}