/* Hooglink typography and colour; a single-column editorial feed. */
@import url('/assets/fonts/roboto.css');
.journal-page{background:#f3f6f8;color:#222}
.journal-page .brand{cursor:pointer}
.journal-page .desktop-nav a.is-current{color:#168ac3}
.journal-page .desktop-nav a.is-current:after{width:100%}
.journal-page :focus-visible{outline:3px solid #229ed9;outline-offset:4px}
.journal-main{width:min(100% - 32px,960px);margin:0 auto;padding:94px 0 64px}
.journal-heading{margin:0 0 27px}
.journal-heading h1{margin:0 0 8px;font-size:40px;line-height:1.1;letter-spacing:-.045em;font-weight:600}
.journal-heading p{margin:0;color:#66808d;font-size:16px;line-height:1.5}
.journal-layout{display:grid;grid-template-columns:minmax(0,650px) minmax(0,286px);gap:24px;align-items:start}
.article-feed{display:grid;gap:20px;min-width:0}
.feed-card,.story-paper{min-width:0;overflow:hidden;background:#fff;border:1px solid #dfe8ed;border-radius:14px}
.feed-card{transition:border-color .2s}
.feed-card:hover{border-color:#bddceb}
.feed-card[hidden]{display:none}
.feed-card-top{padding:24px 28px 20px}
.article-author{display:flex;align-items:center;gap:10px;min-width:0}
.author-avatar{width:36px;height:36px;flex-shrink:0;object-fit:cover;object-position:center;border-radius:9px}
.author-label{display:grid;gap:2px;font-size:14px;line-height:1.3}
.author-label strong{font-weight:600}
.author-label span{font-size:13px;color:#778b96}
.feed-card h2{margin:20px 0 12px;font-size:28px;font-weight:600;line-height:1.17;letter-spacing:-.025em;text-wrap:pretty}
.feed-card h2 a:hover{color:#168ac3}
.feed-card p{margin:0;color:#4e626d;font-size:17px;line-height:1.5}
.feed-cover{display:block;background:#edf7fb;overflow:hidden}
.feed-cover img{width:100%;aspect-ratio:1.95;object-fit:cover;transition:transform .4s}
.feed-cover:hover img{transform:scale(1.02)}
.feed-cover.panorama img{aspect-ratio:2.8;object-fit:contain}
.feed-cover.funnel img{object-fit:contain;padding:20px}
.feed-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 28px}
.read-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#168ac3;font-size:15px;font-weight:600}
.read-link svg{width:17px;height:17px}
.reading-time{display:inline-flex;gap:6px;align-items:center;color:#7a8b95;font-size:14px;white-space:nowrap}
.reading-time svg{width:16px;height:16px}
.journal-sidebar{position:sticky;top:86px;display:grid;gap:18px;min-width:0}
.side-panel{border:1px solid #dfe8ed;border-radius:13px;padding:22px;background:#fff}
.side-heading{display:block;margin:0 0 16px;font-size:14px;font-weight:600;color:#66808d}
.rubrics{display:grid;gap:5px}
.rubric{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:none;text-align:left;font:400 15px/1.35 Arial,sans-serif;color:#4b626e;cursor:pointer}
.rubric svg{width:18px;height:18px;flex-shrink:0}
.rubric:hover{background:#f3f8fb}
.rubric.is-active{color:#168ac3;background:#eaf6fc;font-weight:600}
.journal-about{background:#eaf6fc;border-color:#d2e9f5}
.journal-about img{width:108px;margin-bottom:18px}
.journal-about h2{font-size:22px;line-height:1.18;letter-spacing:-.025em;margin:0 0 12px;font-weight:600}
.journal-about p{margin:0;color:#617986;font-size:16px;line-height:1.5}
.journal-about>a{display:inline-flex;align-items:center;gap:7px;margin-top:19px;min-height:44px;color:#168ac3;font-size:14px;font-weight:600}
.side-links{padding:2px 8px;color:#7c8b95;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}
.side-links a:hover{color:#168ac3}
.feed-end{margin:12px 0 0;color:#82919a;font-size:14px;text-align:center}
.back-to-journal{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:-8px 0 16px;color:#66808d;font-size:14px}
.back-to-journal svg{width:17px;height:17px}
.story-heading{padding:30px 32px 25px}
.story-heading h1{margin:24px 0 18px;font-size:38px;line-height:1.12;letter-spacing:-.035em;font-weight:600;text-wrap:pretty}
.story-lead{font-size:19px;line-height:1.5;color:#536d7a;margin:0}
.story-hero{margin:0;background:#eef7fb}
.story-hero img{width:100%;height:auto;aspect-ratio:1.95;object-fit:cover}
.story-hero.funnel img{object-fit:contain;padding:20px}
.story-body{padding:12px 32px 32px;font-size:18px;line-height:1.65;color:#344852}
.story-body h2{margin:34px 0 16px;color:#222;font-size:27px;line-height:1.2;letter-spacing:-.025em;font-weight:600;scroll-margin-top:90px}
.story-body p{margin:0 0 20px}
.story-body strong{color:#273d49;font-weight:600}
.story-body ul,.story-body ol{padding-left:24px;margin:18px 0 24px}
.story-body li{padding-left:5px;margin-bottom:12px}
.story-body blockquote{margin:28px 0;padding:22px 24px;border-left:3px solid #229ed9;border-radius:0 10px 10px 0;background:#eaf6fc;color:#215773;font-size:23px;line-height:1.4;letter-spacing:-.015em}
.story-body figure{margin:28px -32px;background:#f4f9fc}
.story-body figure img{width:100%;height:auto}
.story-body figcaption{padding:10px 32px 14px;color:#6c818d;font-size:14px;line-height:1.5;background:white}
.story-takeaway{margin-top:28px;padding:22px 24px;border:1px solid #d1e8f3;border-radius:10px;background:#f2f9fd}
.story-takeaway h2{margin:0 0 12px;font-size:23px}
.story-takeaway p:last-child{margin-bottom:0}
.story-bottom{padding:15px 32px;border-top:1px solid #e5edf1;display:flex;justify-content:space-between;align-items:center;gap:16px}
.story-bottom .topic-label{color:#168ac3;background:#eaf6fc;border-radius:999px;padding:7px 12px;font-size:14px}
.story-toc{display:grid;gap:4px}
.story-toc a{display:block;min-height:44px;padding:10px 0 10px 12px;border-left:2px solid #e4edf2;color:#66808d;font-size:14px;line-height:1.45}
.story-toc a:hover,.story-toc a.is-active{color:#168ac3;border-left-color:#229ed9}
.more-reading{margin-top:30px}
.more-reading>h2{margin:0 0 16px;font-size:25px;letter-spacing:-.025em;font-weight:600}
.related-list{display:grid;gap:12px}
.related-link{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:16px;align-items:center;padding:20px 24px;border:1px solid #dfe8ed;border-radius:12px;background:white}
.related-link strong{font-size:18px;line-height:1.3;letter-spacing:-.015em;font-weight:600}
.related-link span{display:block;margin-top:8px;color:#7c8b95;font-size:13px}
.related-link img{width:108px;height:76px;border-radius:6px;object-fit:cover;background:#eaf6fc}
.related-link:hover strong{color:#168ac3}
.journal-mobile-rubrics{display:none}
.journal-page .site-footer{background:#fff}
@media(min-width:861px) and (max-width:1000px){.journal-layout{grid-template-columns:minmax(0,1fr) 254px;gap:18px}.feed-card h2{font-size:26px}.side-panel{padding:19px}.story-heading h1{font-size:34px}}
@media(max-width:860px){
 .journal-main{width:min(100% - 28px,720px);padding-top:88px}
 .journal-layout{grid-template-columns:1fr;gap:24px}
 .journal-sidebar{display:none}
 .journal-heading{margin-bottom:22px}
 .journal-mobile-rubrics{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}
 .journal-mobile-rubrics .rubric{font-size:14px;border:1px solid #dfe8ed;background:white;border-radius:999px;padding:9px 14px}
 .journal-mobile-rubrics .rubric.is-active{background:#eaf6fc;border-color:#b8dff2}
 .mobile-contents{margin:22px 0 2px;padding:16px 18px;background:#f3f8fb;border-radius:9px;font-size:15px}
 .mobile-contents summary{cursor:pointer;font-weight:600;min-height:24px}
 .mobile-contents nav{display:grid;margin-top:10px;gap:8px}
 .mobile-contents a{display:block;padding:8px 0;color:#168ac3}
}
@media(min-width:861px){.mobile-contents{display:none}}
@media(max-width:560px){
 .journal-main{width:100%;padding:84px 0 38px}
 .journal-heading{padding:0 18px;margin-bottom:20px}
 .journal-heading h1{font-size:34px}
 .journal-heading p{font-size:16px;max-width:330px}
 .journal-mobile-rubrics{padding:0 16px;gap:6px}
 .journal-mobile-rubrics .rubric{font-size:14px;min-height:42px;padding:8px 11px}
 .article-feed{gap:14px}
 .feed-card,.story-paper{border-radius:0;border-left:0;border-right:0}
 .feed-card-top{padding:20px 18px 18px}
 .feed-card h2{font-size:25px;line-height:1.2;margin-top:18px}
 .feed-card p{font-size:16px;line-height:1.5}
 .feed-card-bottom{padding:10px 18px}
 .feed-cover img{aspect-ratio:1.75}
 .feed-cover.panorama img{aspect-ratio:2.5}
 .back-to-journal{margin:0 18px 14px}
 .story-heading{padding:23px 18px 22px}
 .story-heading h1{font-size:31px;line-height:1.15;margin-top:22px}
 .story-lead{font-size:18px}
 .story-body{padding:8px 18px 25px;font-size:17px;line-height:1.65}
 .story-body h2{font-size:25px;margin-top:30px}
 .story-body blockquote{font-size:22px;margin:24px 0;padding:19px 20px}
 .story-body figure{margin:24px -18px}
 .story-body figcaption{padding-inline:18px}
 .story-takeaway{padding:20px}
 .story-bottom{padding:14px 18px}
 .more-reading{padding:0 16px;margin-top:28px}
 .related-link{padding:18px 16px;grid-template-columns:minmax(0,1fr) 84px;gap:12px}
 .related-link img{width:84px;height:70px}
 .related-link strong{font-size:17px}
 .feed-end{padding:0 18px}
}
@media(prefers-reduced-motion:reduce){.journal-page *{scroll-behavior:auto!important;transition:none!important}}

/* Imported articles keep source blocks and media in their original order. */
.vc-journal .feed-card-top{padding-bottom:0}
.vc-journal .feed-card h2{margin-bottom:20px}
.feed-preview .vc-block--text{padding:0 28px 18px}
.feed-preview .vc-block--media+.vc-block--text{padding-top:20px}
.feed-preview .vc-image{margin:0}
.feed-preview .vc-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.feed-preview .vc-image figcaption{padding:10px 28px;font-size:14px;color:#66808d}
.vc-journal .story-heading{padding-bottom:4px}
.vc-journal .story-heading h1{margin-bottom:20px}
.vc-journal .story-body{padding-top:0}
.vc-journal .story-toc{max-height:calc(100vh - 250px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.story-body .vc-block{min-width:0}
.story-body .vc-block p{margin:0 0 18px}
.story-body .vc-block p:empty{min-height:0;margin:0}
.story-body .vc-block h2{margin:30px 0 16px}
.story-body .vc-block h3{margin:25px 0 14px;color:#222;font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.015em;scroll-margin-top:90px}
.story-body .vc-block h4{font-size:20px;line-height:1.4;scroll-margin-top:90px}
.story-body .vc-block--text a,.story-body .vc-block--list a,.story-body .vc-block--quote a{color:#168ac3;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.story-body .vc-block b{font-weight:700;color:inherit}
.story-body .vc-block--media{margin:23px 0}
.story-body>.vc-block--media:first-child{margin-top:0}
.story-body .vc-gallery{display:grid;gap:14px}
.story-body .vc-gallery--multiple{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.story-body .vc-image{margin:0;background:transparent;min-width:0}
.story-body .vc-image img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:8px}
.story-body .vc-image>a{display:block;cursor:zoom-in}
.story-body .vc-image figcaption{padding:8px 0 0;font-size:14px;line-height:1.5;color:#6c818d;background:transparent}
.story-body .vc-block--quote blockquote{margin:24px 0;padding:20px 23px;font-size:18px;line-height:1.6;letter-spacing:0}
.story-body .vc-block--quote p:last-child{margin-bottom:0}
.story-body .vc-quote-text{white-space:pre-line}
.story-body .vc-block--quote cite{display:block;margin-top:12px;font-size:14px;font-style:normal;color:#66808d}
.story-body .vc-block--list ul,.story-body .vc-block--list ol{margin:16px 0 22px}
.story-body .vc-block--list li{margin-bottom:9px}
.story-body .vc-block--special_button{margin:22px 0 26px}
.story-body .vc-source-button{min-height:50px;max-width:100%;justify-content:center;text-align:center;font-size:15px;line-height:1.4;box-shadow:none}
.story-body .vc-block--delimiter hr{border:0;border-top:1px solid #dce8ee;margin:28px 0}
.source-link{font-size:14px;color:#168ac3}
.vc-journal .related-link img{object-fit:contain}
@media(max-width:560px){
 .feed-preview .vc-block--text{padding-inline:18px}
 .feed-preview .vc-image figcaption{padding-inline:18px}
 .story-body .vc-block--quote blockquote{padding:18px 20px;font-size:17px}
 .story-body .vc-block h3{font-size:22px}
 .story-body .vc-source-button{width:100%}
 .story-body .vc-gallery--multiple{gap:8px}
.vc-journal .story-heading{padding-bottom:14px}
}

/* Measured against vc.ru: 640px card, 24px inset, 20/26 titles, 17/26 copy. */
.vc-journal{--article-inset:24px;--article-text-indent:15px}
.vc-journal .journal-layout{grid-template-columns:minmax(0,640px) minmax(0,296px)}
.vc-journal .feed-card,.vc-journal .story-paper{border:0;border-radius:10px;font-family:Roboto,Arial,sans-serif}
.vc-journal .article-author{gap:12px}
.vc-journal .author-avatar{width:40px;height:40px;border-radius:50%}
.vc-journal .author-label{font-size:15px;line-height:18px;gap:2px}
.vc-journal .author-label strong{font-weight:500}
.vc-journal .author-label span{font-size:13px;line-height:18px}
.vc-journal .feed-card-top{padding:20px var(--article-inset) 0}
.vc-journal .feed-card h2,.vc-journal .story-heading h1{font-size:20px;line-height:26px;font-weight:500;letter-spacing:normal;text-wrap:wrap;margin:12px 0}
.vc-journal .feed-card p{font-size:17px;line-height:26px;color:#222}
.vc-journal .feed-preview .vc-block{margin:12px 0}
.vc-journal .feed-preview .vc-block--text{padding:0 calc(var(--article-inset) + var(--article-text-indent)) 0 var(--article-inset)}
.vc-journal .feed-preview .vc-block--media{padding:0 var(--article-inset);margin:20px 0}
.vc-journal .feed-preview .vc-block:first-child{margin-top:0}
.vc-journal .feed-preview .vc-block:last-child{margin-bottom:0}
.vc-journal .vc-image>a{display:block;overflow:hidden;border-radius:10px}
.vc-journal .vc-image img{display:block;border-radius:10px;width:100%;height:auto;aspect-ratio:auto}
.vc-journal .vc-image video{display:block;border-radius:10px;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.vc-journal .feed-card-bottom{padding:12px var(--article-inset)}
.vc-journal .read-link{font-size:17px;line-height:26px;font-weight:400}
.vc-journal .story-heading{padding:20px var(--article-inset) 0}
.vc-journal .story-body{padding:0 var(--article-inset) 24px;font-size:17px;line-height:26px;color:#222}
.vc-journal .story-body .vc-block{margin:12px 0}
.vc-journal .story-body .vc-block--text,.vc-journal .story-body .vc-block--header,.vc-journal .story-body .vc-block--list,.vc-journal .story-body .vc-block--quote{padding-right:var(--article-text-indent)}
.vc-journal .story-body .vc-block p{margin:0}
.vc-journal .story-body .vc-block p+p{margin-top:12px}
.vc-journal .story-body .vc-block--header{margin-top:20px;margin-bottom:12px}
.vc-journal .story-body .vc-block h2{font-size:21.06px;line-height:28.08px;font-weight:500;letter-spacing:normal;margin:0}
.vc-journal .story-body .vc-block h3,.vc-journal .story-body .vc-block h4{font-size:18.72px;line-height:28.08px;font-weight:700;letter-spacing:normal;margin:0}
.vc-journal .story-body .vc-block--media{margin:20px 0}
.vc-journal .story-body .vc-image img{border-radius:10px}
.vc-journal .story-body .vc-block--list ul,.vc-journal .story-body .vc-block--list ol{margin:0;padding:0 0 0 20px}
.vc-journal .story-body .vc-block--list li{margin:8px 0;padding:0}
.vc-journal .story-body .vc-block--quote blockquote{margin:0;padding:0 0 0 12px;border-left:4px solid #229ed9;border-radius:0;background:none;color:#222;font-size:17px;line-height:26px;letter-spacing:normal}
.vc-journal .story-body .vc-block--quote p+p{margin-top:8.5px}
.vc-journal .story-body>.vc-block:first-child{margin-top:0}
.vc-journal .story-body>.vc-block:last-child{margin-bottom:0}
.vc-journal .story-body .vc-image figcaption{font-size:15px;line-height:22px;padding-top:12px}
.vc-journal .story-bottom{padding:12px var(--article-inset)}
.vc-journal .related-link strong{font-family:Roboto,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:500;letter-spacing:normal}
@media(max-width:860px){
 .vc-journal .journal-main{max-width:640px}
 .vc-journal .journal-layout{grid-template-columns:minmax(0,1fr)}
 .vc-journal .mobile-contents{margin:12px 0;font-family:Arial,sans-serif}
}
@media(max-width:560px){
 .vc-journal{--article-inset:16px}
 .vc-journal .feed-card,.vc-journal .story-paper{border-radius:0}
 .vc-journal .story-heading h1{font-size:20px;line-height:26px}
}