/* M27 — CloudySystem Business Journal
   Purpose-built editorial system; only blog and article surfaces.
   No overrides to shared mega-menu. No internal scroll areas. */
body[data-page="blog"],body[data-page^="blog1"],body[data-page^="blog2"],body[data-page^="blog3"],body[data-page^="blog4"],body[data-page^="blog5"],body[data-page^="blog6"],body[data-page^="blog7"],body[data-page^="blog8"],body[data-page^="blog9"]{background:#f8fafc}
.blog-main,.blog-article{--journal-ink:#0c1832;--journal-navy:#07152d;--journal-blue:#1768f5;--journal-line:#e3e9f2;--journal-muted:#5c6a83;color:var(--journal-ink)}
.blog-main{padding-bottom:0}
.blog-main img,.blog-article img{max-width:100%}
.blog-main :is(a,button,input):focus-visible,.blog-article :is(a,button,summary):focus-visible{outline:3px solid #4899ff;outline-offset:4px}
.journal-hero{position:relative;max-width:none;width:100%;overflow:hidden;border:0;border-radius:0;background:radial-gradient(ellipse at 4% 5%,rgba(24,91,192,.3),transparent 38%),radial-gradient(ellipse at 88% 94%,rgba(11,118,241,.23),transparent 44%),linear-gradient(125deg,#09152c,#0a1d3d 58%,#071329);color:#fff;padding:clamp(2.2rem,5vw,5.6rem) max(1.2rem,calc((100vw - 1340px)/2));margin:0 0 4rem;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(2rem,4.5vw,5rem);min-height:560px}
.journal-hero::after{content:"";position:absolute;inset:auto -9vw -24vw auto;width:50vw;height:50vw;border-radius:50%;border:1px solid rgba(150,195,255,.14);box-shadow:0 0 0 7vw rgba(94,156,255,.025),0 0 0 14vw rgba(94,156,255,.018);pointer-events:none}
.journal-hero__copy{position:relative;z-index:1;max-width:660px}
.journal-hero__eyebrow{display:inline-flex;align-items:center;gap:.65rem;font-size:.8rem;font-weight:800;letter-spacing:.01em;color:#a5cdfb;margin:0 0 1.7rem}
.journal-hero__eyebrow::before{content:"";display:block;width:30px;height:2px;background:#5bacff}
.journal-hero h1{color:#fff;font-size:clamp(2.65rem,5.3vw,5.7rem);line-height:1.25;letter-spacing:-.05em;margin:0 0 1.3rem;font-weight:850}
.journal-hero h1 span{color:#84c5ff}
.journal-hero__lead{color:#dae8ff!important;font-size:clamp(1.05rem,1.4vw,1.25rem)!important;line-height:1.95;max-width:55ch;margin:0 0 2rem!important}
.journal-hero__actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}
.journal-hero__primary,.journal-hero__secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.72rem 1.4rem;border-radius:100px;font-size:.89rem;font-weight:800;transition:transform .18s ease,background .18s ease}
.journal-hero__primary{color:#061b3f!important;background:#fff}
.journal-hero__secondary{color:#fff!important;border:1px solid rgba(205,225,255,.4)}
.journal-hero__primary:hover{background:#d6eaff;transform:translateY(-2px)}
.journal-hero__secondary:hover{background:rgba(255,255,255,.12)}
.journal-hero__stats{border-top:1px solid rgba(203,228,255,.21);display:flex;gap:2rem;margin-top:2.4rem;padding-top:1.25rem;color:#a8bcd9;font-size:.77rem;flex-wrap:wrap}
.journal-hero__stats b{color:#fff;font-size:1.12rem;margin-inline-end:.25rem}
.journal-hero__visual{min-width:0;position:relative;z-index:1;padding:1.5rem 0 1.7rem 1.3rem}
.journal-hero__photo{position:relative;overflow:hidden;height:clamp(315px,31vw,455px);border-radius:12px 85px 12px 12px;background:#234267;box-shadow:0 32px 75px -25px rgba(0,0,0,.56)}
.journal-hero__photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.journal-hero__photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,17,40,.72),transparent 58%)}
.journal-hero__image-caption{position:absolute;bottom:1.4rem;right:1.45rem;color:#fff;font-size:.94rem;font-weight:800;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.journal-hero__issue{position:absolute;bottom:0;left:0;transform:translate(-.4rem,.3rem);z-index:2;display:flex;gap:.8rem;align-items:center;max-width:270px;padding:1rem 1.2rem;border-radius:15px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.25);color:#0c234a}
.journal-hero__issue small{display:block;font-size:.73rem;color:#6a7790}
.journal-hero__issue strong{display:block;font-size:.9rem;line-height:1.45}
.journal-hero__issue i{width:32px;height:32px;border-radius:50%;flex:none;background:#e7effe;display:grid;place-items:center;color:#115bd8;font-style:normal}
.blog-featured,.blog-tracks,.blog-library{max-width:1340px;margin-inline:auto;padding-inline:clamp(1rem,2vw,1.7rem)}
.blog-featured{margin-bottom:5rem}
.blog-section-head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;padding:0 0 1.25rem;border-bottom:1px solid #dbe4f0;margin-bottom:1.7rem}
.blog-section-head .blog-eyebrow{font-size:.76rem!important;letter-spacing:.02em!important;margin-bottom:.48rem!important;text-transform:none}
.blog-section-head h2{font-size:clamp(1.85rem,3vw,3.1rem);letter-spacing:-.035em;line-height:1.3}
.blog-section-head>p{max-width:350px;font-size:.88rem!important;line-height:1.75;color:#52617d!important}
.blog-featured__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:470px;gap:1.25rem}
.blog-featured__grid>.blog-featured__item{border:0;box-shadow:none;grid-template-rows:minmax(230px,1fr) auto;border-radius:18px;background:#fff}
.blog-featured__grid>.blog-featured__item .blog-featured__image{max-height:330px;min-height:240px}
.blog-featured__grid>.blog-featured__item .blog-featured__info{padding:1.25rem 1.4rem 1.5rem}
.blog-featured__grid>.blog-featured__item .blog-featured__info h3{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.4}
.blog-featured__item{border-radius:16px;border:1px solid #e2eaf5;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease;min-width:0}
.blog-featured__item:hover{transform:translateY(-3px);box-shadow:0 15px 38px -30px #17375c}
.blog-featured__image{background:#d9e8fb}
.blog-featured__image img{filter:saturate(.9);transition:transform .3s ease}
.blog-featured__item:hover img{transform:scale(1.025)}
.blog-featured__label{color:#135bd1;background:#eaf2ff;padding:.16rem .6rem;font-size:.7rem}
.blog-featured__go{font-size:.84rem;color:#155fdf}
.blog-featured__stack{gap:.8rem}
.blog-featured__stack .blog-featured__item{min-height:143px;align-items:stretch}
.blog-featured__stack .blog-featured__image{width:36%}
.blog-featured__stack .blog-featured__info{padding:.85rem 1rem}
.blog-featured__stack .blog-featured__info h3{line-height:1.45;font-size:clamp(.98rem,1.19vw,1.18rem)}
.blog-featured__stack .blog-featured__info p{font-size:.75rem}
.blog-tracks{margin-bottom:5rem}
.blog-tracks__grid{gap:1.15rem}
.blog-track{position:relative;border:1px solid #dce5ef;border-radius:17px;background:#fff!important;padding:1.7rem 1.55rem 1.5rem;overflow:hidden;min-height:250px}
.blog-track::before{content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:#246fe6}
.blog-track:nth-child(2)::before{background:#139ba8}
.blog-track:nth-child(3)::before{background:#243b74}
.blog-track h3{font-size:1.28rem;line-height:1.5;margin:0 0 .6rem}
.blog-track p{font-size:.82rem;color:#60708a}
.blog-track ol{margin:.8rem 0 0}
.blog-track li{padding:.55rem 0;font-size:.83rem;border-bottom:1px solid #edf0f5}
.blog-track a{color:#163b7d}
.blog-track a:hover{color:#0969f0}
.journal-editor{max-width:1340px;margin:0 auto 5rem;padding:0 clamp(1rem,2vw,1.7rem)}
.journal-editor__inner{background:#0e2348;color:#fff;border-radius:20px;padding:clamp(1.5rem,3.2vw,3rem);display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;background-image:radial-gradient(circle at 12% 12%,rgba(42,126,255,.23),transparent 48%)}
.journal-editor__inner .blog-eyebrow{color:#9ec6ff!important}
.journal-editor__inner h2{font-size:clamp(1.5rem,2.6vw,2.6rem);color:#fff;margin:.45rem 0 .6rem;max-width:600px}
.journal-editor__inner p:not(.blog-eyebrow){color:#c4d4f0;font-size:.9rem;max-width:680px;margin:0}
.journal-editor__inner a{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:40px;background:#fff;color:#0d2758;font-size:.84rem;font-weight:800;white-space:nowrap}
.blog-library{padding-bottom:2rem}
.blog-library .blog-section-head h2{font-size:clamp(1.8rem,2.8vw,2.8rem)}
.blog-controls{display:flex;align-items:flex-start;gap:.9rem;margin:1.3rem 0 1rem}
.blog-search{flex:0 0 275px;min-height:44px;box-shadow:none;border-radius:11px}
.blog-filters{display:flex;flex-wrap:wrap;gap:.4rem}
.blog-filters button{border-radius:9px;border:1px solid #dee6f2;background:#fff;color:#334c72;padding:.45rem .8rem;font-size:.8rem}
.blog-filters button[aria-pressed=true]{background:#0c234b;color:#fff;border-color:#0c234b}
.blog-result{font-size:.82rem!important;margin:1rem 0!important}
.blog-grid{gap:1.2rem}
.blog-card{border-radius:15px;border:1px solid #e4e9f1;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease}
.blog-card:hover{box-shadow:0 18px 39px -30px #23466f;transform:translateY(-3px)}
.blog-card__media{height:220px}
.blog-card__body{padding:1.15rem 1.2rem 1.25rem}
.blog-card__cat{border-radius:6px;font-size:.72rem}
.blog-card__read{font-size:.72rem;margin-top:.6rem}
.blog-card h2{font-size:1.15rem;min-height:0;line-height:1.55;letter-spacing:-.01em}
.blog-card__body p{line-height:1.82;color:#596b87;font-size:.86rem}
.blog-card__tags{margin-top:auto}
.blog-card__more{padding-top:.7rem}
.blog-endcta{max-width:1305px;padding:2.4rem 2.6rem;border-radius:18px}
.blog-endcta h2{font-size:clamp(1.55rem,2.3vw,2.25rem)}
/* Article: editorial masthead, generous typography, honest supporting content */
.blog-article{max-width:1340px;padding:clamp(1.2rem,2vw,2rem) clamp(1rem,3vw,2rem) 4rem}
.blog-article__hero{border:0;border-radius:0;background:transparent;padding:1.2rem 0 2.1rem;text-align:right}
.blog-article__back{margin:0 0 2rem}
.blog-article__back a{font-size:.83rem;color:#1a5fca}
.blog-article__meta{justify-content:flex-start;gap:.45rem;margin:0 0 1.5rem}
.blog-article__meta span{border-radius:6px;background:#e9f0fd;color:#2860ae;border:0;font-size:.77rem;padding:.3rem .7rem}
.blog-article__hero h1{font-size:clamp(2.3rem,4.4vw,4.7rem);max-width:1050px;margin:0 0 1.2rem;font-weight:850;letter-spacing:-.045em;line-height:1.32}
.blog-article__deck{max-width:840px;margin:0 0 2rem!important;font-size:clamp(1.05rem,1.5vw,1.35rem)!important;color:#526681;line-height:1.85}
.journal-article-tools{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #dce5f1;margin:0 0 2rem;padding-top:1rem;color:#526783;font-size:.83rem;max-width:1030px}
.journal-article-tools button{border:1px solid #d5e3f8;border-radius:30px;background:#fff;color:#195bbd;padding:.5rem 1rem;font:inherit;font-weight:800;cursor:pointer}
.journal-article-tools button:hover{background:#eaf2ff}
.journal-copy-fallback{width:min(430px,100%);padding:.5rem;border-radius:8px;border:1px solid #d4e3f8}
.journal-copy-fallback[hidden]{display:none}
.blog-article__cover{max-width:none;max-height:none;border-radius:16px;box-shadow:none}
.blog-article__cover img{width:100%;height:clamp(270px,42vw,530px);object-fit:cover}
.blog-article__layout{grid-template-columns:minmax(0,220px) minmax(0,760px);gap:clamp(2rem,5vw,6rem);margin:3.2rem auto;justify-content:start}
.blog-toc{background:transparent;border:0;border-inline-start:1px solid #dce4f0;border-radius:0;padding:.5rem 1rem .5rem 0;top:110px}
.blog-toc h2{font-size:.9rem;color:#0c234a}
.blog-toc li{font-size:.81rem;margin:.9rem 0;line-height:1.65}
.blog-toc li a{color:#4b5e7b}
.blog-toc li a:hover{color:#1768f5}
.blog-toc__all{font-size:.79rem}
.blog-article__content{font-size:1.08rem;line-height:2.1;color:#263852}
.blog-article__intro{font-size:1.27rem;font-weight:550;color:#142c51;line-height:2.1}
.blog-article__content>section[id]{padding:1.35rem 0 1.9rem;border-bottom:1px solid #e6eaf1}
.blog-article__content>section[id] h2{font-size:clamp(1.45rem,2vw,1.85rem);margin:1rem 0 1.1rem}
.blog-article__content p{line-height:2.08}
.blog-article__content h3{font-size:.9rem;color:#2363b4;margin:1.2rem 0 .65rem}
.blog-article__content ul{margin:.4rem 0 .6rem}
.blog-article__content li{margin:.36rem 0}
.blog-article__story{background:linear-gradient(130deg,#102246,#142e61);border-radius:16px}
.blog-article__takeaways{background:#f0f7f8;border-color:#d5e6e8}
.blog-article__faq{border-radius:15px;box-shadow:none}
.blog-article__conclusion{border-radius:15px}
.blog-related{border-top:1px solid #dce4ef;padding-top:2.8rem}
.blog-related h2{font-size:clamp(1.6rem,2.4vw,2.3rem);letter-spacing:-.03em;margin-bottom:1.5rem}
.blog-related__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.blog-related .blog-card__media{height:145px}
.journal-progress{position:fixed;inset:0 0 auto;width:100%;height:3px;z-index:1200;pointer-events:none;background:transparent}
.journal-progress span{display:block;width:0;height:100%;background:#2686ff;transition:width .08s linear}
@media(max-width:1100px){
 .journal-hero{grid-template-columns:1fr .9fr;min-height:510px;padding-inline:2rem;gap:2rem}
 .journal-hero h1{font-size:clamp(2.5rem,4.8vw,4.3rem)}
 .blog-featured__grid{grid-template-columns:1fr}
 .blog-featured__grid>.blog-featured__item{display:grid;grid-template-columns:42% 58%;grid-template-rows:auto;min-height:270px}
 .blog-featured__grid>.blog-featured__item .blog-featured__image{width:100%;height:100%;min-height:250px}
 .blog-featured__stack{grid-template-columns:repeat(3,minmax(0,1fr))}
 .blog-featured__stack .blog-featured__item{display:block}
 .blog-featured__stack .blog-featured__image{width:100%;height:150px}
 .blog-article__layout{grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:2rem}
}
@media(max-width:740px){
 .journal-hero{grid-template-columns:1fr;min-height:0;padding:2.9rem 1.15rem 2rem;gap:1.4rem;margin-bottom:2.8rem}
 .journal-hero h1{font-size:clamp(2.55rem,10vw,3.8rem)}
 .journal-hero__lead{font-size:1.04rem!important;margin-bottom:1.5rem!important}
 .journal-hero__stats{gap:1.2rem;margin-top:1.7rem}
 .journal-hero__visual{padding:0 0 1rem}
 .journal-hero__photo{height:240px;border-radius:10px 46px 10px 10px}
 .journal-hero__issue{position:relative;margin:-2rem .8rem 0 0;transform:none;max-width:270px}
 .blog-featured,.blog-tracks,.blog-library,.journal-editor{margin-bottom:2.8rem;padding-inline:1rem}
 .blog-section-head{display:block}
 .blog-section-head h2{font-size:1.85rem}
 .blog-section-head>p{margin-top:.55rem}
 .blog-featured__grid>.blog-featured__item{display:block;min-height:0}
 .blog-featured__grid>.blog-featured__item .blog-featured__image{height:220px;min-height:0}
 .blog-featured__stack{grid-template-columns:1fr}
 .blog-featured__stack .blog-featured__item{display:flex;min-height:120px}
 .blog-featured__stack .blog-featured__image{width:35%;height:auto}
 .blog-featured__stack .blog-featured__info{padding:.8rem}
 .blog-featured__stack .blog-featured__info h3{font-size:.96rem}
 .blog-featured__stack .blog-featured__info p{display:none}
 .blog-tracks__grid{grid-template-columns:1fr}
 .blog-track{min-height:0;padding:1.35rem}
 .journal-editor__inner{display:block;padding:1.6rem}
 .journal-editor__inner a{margin-top:1.2rem}
 .blog-controls{display:block}
 .blog-search{width:100%;margin-bottom:1rem}
 .blog-grid{grid-template-columns:1fr}
 .blog-article__hero{padding:1.1rem 0 1.5rem}
 .blog-article__hero h1{font-size:clamp(2rem,8vw,3rem)}
 .blog-article__cover img{height:260px}
 .blog-article__layout{display:block;margin:2.1rem auto}
 .blog-toc{position:static;padding:1.2rem;border:1px solid #dee6f0;border-radius:13px;background:#fff;margin-bottom:1.7rem}
 .blog-article__intro{font-size:1.1rem}
 .blog-article__content{font-size:1.02rem}
 .blog-related__grid{grid-template-columns:1fr}
 .blog-endcta{margin:2rem 1rem 0;padding:1.6rem}
}
@media(prefers-reduced-motion:reduce){
 .journal-hero__primary,.journal-hero__secondary,.blog-featured__item,.blog-featured__image img,.blog-card,.journal-progress span{transition:none}
 .journal-hero__primary:hover,.blog-featured__item:hover,.blog-card:hover{transform:none}
}