.insight-header { min-height:78px; display:grid; grid-template-columns:140px 1fr auto; align-items:center; gap:28px; padding:10px max(24px,calc((100vw - 1240px)/2)); background:rgba(255,255,255,.88); border-bottom:1px solid rgba(29,52,91,.1); backdrop-filter:blur(18px); }.insight-header .brand { width:112px; height:56px; }.insight-header .brand img { width:100%; height:100%; object-fit:contain; }.insight-header nav { display:flex; justify-content:center; gap:28px; }.insight-header nav a { color:#1a345d; font-size:.82rem; font-weight:800; text-decoration:none; }.insight-header>span { color:#a57332; font-size:.75rem; font-weight:800; letter-spacing:.12em; }
.insight-page { min-height:calc(100vh - 126px); background:radial-gradient(circle at 14% 2%,rgba(141,136,255,.25),transparent 28%),radial-gradient(circle at 90% 73%,rgba(112,205,242,.20),transparent 29%),linear-gradient(135deg,#f7f8ff,#f8fbff 51%,#fffbf4); }.insight-hero,.insight-content { width:min(1160px,calc(100% - 44px)); margin:0 auto; }.insight-hero { padding:clamp(84px,12vw,154px) 0 clamp(50px,7vw,84px); }.insight-hero .eyebrow,.insight-reading>.eyebrow { color:#a57332; }.insight-index { margin:17px 0 10px; color:#7789a4; font-size:.75rem; font-weight:800; letter-spacing:.17em; }.insight-hero h1 { max-width:950px; margin:0 0 24px; color:#102c56; font-size:clamp(3rem,6.5vw,6.5rem); line-height:1.01; letter-spacing:-.07em; }.insight-lead { max-width:720px; color:#526983; font-size:1.06rem; line-height:1.95; }.topic-back { display:inline-flex; margin-top:30px; padding-bottom:4px; color:#1b467d; border-bottom:1px solid currentColor; font-size:.84rem; font-weight:850; text-decoration:none; }
.insight-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,.38fr); align-items:start; gap:24px; padding-bottom:100px; }.insight-reading,.insight-content aside { border:1px solid rgba(115,136,183,.18); border-radius:26px; box-shadow:0 22px 58px rgba(38,57,102,.08); }.insight-reading { padding:clamp(30px,5vw,66px); background:rgba(255,255,255,.8); }.insight-reading>.eyebrow { margin:0 0 22px; }.insight-reading h2 { margin:2.25em 0 .7em; color:#132f58; font-size:clamp(1.4rem,2.5vw,2.25rem); line-height:1.25; letter-spacing:-.035em; }.insight-reading h2:first-of-type { margin-top:.3em; }.insight-reading p { max-width:70ch; margin:0 0 1.2em; color:#526983; font-size:1rem; line-height:2; white-space:pre-line; }.insight-content aside { position:sticky; top:20px; display:flex; flex-direction:column; min-height:300px; padding:34px; background:linear-gradient(148deg,#163b6d,#355b9c); color:#eaf4ff; }.insight-content aside .eyebrow { color:#f2d9a4; }.insight-content aside h2 { margin:8px 0 14px; color:#fff; font-size:2rem; line-height:1.15; }.insight-content aside>p:not(.eyebrow) { margin:0 0 28px; color:#d9e7f6; line-height:1.85; }.insight-content aside .button { margin-top:auto; align-self:flex-start; color:#13345f; background:#f2d9a4; }.insight-footer { padding:24px; color:#aebed2; background:#0c203e; font-size:.76rem; text-align:center; }
@media (max-width:760px) { .insight-header { grid-template-columns:1fr auto; gap:12px; min-height:68px; padding-inline:20px; }.insight-header .brand { width:88px; height:46px; }.insight-header nav { display:none; }.insight-hero,.insight-content { width:calc(100% - 40px); }.insight-hero { padding-top:76px; }.insight-hero h1 { width:100%; min-width:0; max-width:100%; font-size:clamp(2.25rem,10vw,3.4rem); letter-spacing:-.055em; overflow-wrap:anywhere; word-break:break-all; white-space:normal; }.insight-content { grid-template-columns:1fr; padding-bottom:62px; }.insight-reading { padding:28px 24px; border-radius:19px; }.insight-reading p { line-height:1.9; }.insight-content aside { position:static; min-height:0; padding:28px 24px; border-radius:19px; } }

/* Distinct editorial systems for the fifteen CG Insights reading experiences. */
[data-insight-style="dossier"]{--insight-a:#6a66cf;--insight-b:#e4e1ff}[data-insight-style="rebuild"]{--insight-a:#a2666e;--insight-b:#f8dce0}[data-insight-style="family"]{--insight-a:#b46b7f;--insight-b:#f8dce5}[data-insight-style="gantt"]{--insight-a:#316891;--insight-b:#d9eefb}[data-insight-style="signal"]{--insight-a:#4f886d;--insight-b:#dff3e8}[data-insight-style="chain"]{--insight-a:#546698;--insight-b:#e1e6ff}[data-insight-style="compass"]{--insight-a:#764ca1;--insight-b:#eadcff}[data-insight-style="bridge"]{--insight-a:#277b76;--insight-b:#d7f2ef}[data-insight-style="ninety"]{--insight-a:#c27442;--insight-b:#fbe8d0}[data-insight-style="pathway"]{--insight-a:#327da7;--insight-b:#d8f0fb}[data-insight-style="ladder"]{--insight-a:#5770a4;--insight-b:#e2e8fc}[data-insight-style="map"]{--insight-a:#816343;--insight-b:#f7ead3}[data-insight-style="ecosystem"]{--insight-a:#295a85;--insight-b:#d8e9f8}[data-insight-style="shield"]{--insight-a:#39767e;--insight-b:#d6f0f0}[data-insight-style="meeting"]{--insight-a:#9b654a;--insight-b:#f7e3d5}
.insight-reading .reading-summary-title{margin:8px 0 10px}.insight-reading .reading-summary{max-width:61ch;color:#203e67;font-size:1.12rem;font-weight:700}.insight-visual{position:relative;display:grid;place-items:center;min-height:330px;margin:40px 0 58px;overflow:hidden;border:1px solid color-mix(in srgb,var(--insight-a) 23%,transparent);border-radius:24px;background:radial-gradient(circle at 20% 16%,var(--insight-b),transparent 35%),radial-gradient(circle at 82% 80%,color-mix(in srgb,var(--insight-a) 22%,white),transparent 40%),#fff}.insight-visual::before,.insight-visual::after{position:absolute;border:1px solid color-mix(in srgb,var(--insight-a) 28%,transparent);border-radius:50%;content:""}.insight-visual::before{width:240px;height:240px}.insight-visual::after{width:390px;height:390px;opacity:.55}.insight-visual-caption{position:relative;z-index:3;display:grid;gap:6px;padding:20px 25px;border:1px solid rgba(255,255,255,.8);border-radius:15px;background:rgba(255,255,255,.76);box-shadow:0 15px 40px rgba(42,61,107,.12);text-align:center;backdrop-filter:blur(12px)}.insight-visual-caption small{color:var(--insight-a);font-size:.63rem;font-weight:900;letter-spacing:.16em}.insight-visual-caption strong{color:#17385f;font-size:1.25rem}.insight-mesh{position:absolute;inset:0;z-index:2}.mesh-node{position:absolute;display:grid;place-items:center;width:73px;height:73px;color:#fff;border-radius:50%;background:var(--insight-a);box-shadow:0 12px 24px color-mix(in srgb,var(--insight-a) 30%,transparent);font-size:.67rem;font-weight:800}.mesh-node.n0{top:15%;left:15%}.mesh-node.n1{top:22%;right:15%}.mesh-node.n2{bottom:17%;left:19%}.mesh-node.n3{right:18%;bottom:15%}.insight-mesh::before,.insight-mesh::after{position:absolute;top:50%;left:50%;width:280px;height:1px;background:color-mix(in srgb,var(--insight-a) 38%,transparent);content:"";transform:translate(-50%,-50%) rotate(29deg)}.insight-mesh::after{transform:translate(-50%,-50%) rotate(-29deg)}.insight-tiles{position:absolute;inset:35px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tile{display:grid;place-items:center;padding:12px;color:#193b62;border-radius:13px;background:rgba(255,255,255,.66);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--insight-a) 21%,transparent);font-size:.75rem;font-weight:800}.tile.t0{transform:translate(-12px,-5px)}.tile.t1{transform:translate(10px,8px)}.tile.t2{transform:translate(10px,-6px)}.tile.t3{transform:translate(-8px,6px)}.insight-rail{position:absolute;z-index:4;right:30px;bottom:22px;left:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rail-node{min-height:52px;padding:10px;color:#1e416a;border-radius:9px;background:rgba(255,255,255,.75);font-size:.71rem;font-weight:800;text-align:center}.rail-node::before{display:block;margin-bottom:5px;color:var(--insight-a);content:"●";font-size:.6rem}.insight-rings{position:absolute;inset:0;display:grid;place-items:center}.insight-ring{position:absolute;border:1px solid color-mix(in srgb,var(--insight-a) 33%,transparent);border-radius:50%}.insight-ring.ring-1{width:105px;height:105px}.insight-ring.ring-2{width:210px;height:210px}.insight-ring.ring-3{width:330px;height:330px;border-style:dashed;animation:insightSpin 18s linear infinite}.insight-gantt .insight-rail{bottom:34px}.insight-ladder .rail-node:nth-child(1){transform:translateY(26px)}.insight-ladder .rail-node:nth-child(2){transform:translateY(13px)}.insight-ladder .rail-node:nth-child(4){transform:translateY(-14px);color:#fff;background:var(--insight-a)}.insight-shield .insight-visual-caption{border-radius:42% 42% 28% 28%}.insight-compass .insight-tiles{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.reading-anchor{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:40px 0;padding:1px;overflow:hidden;background:color-mix(in srgb,var(--insight-a) 26%,transparent);border-radius:13px}.reading-anchor span{padding:15px 10px;color:#24466c;background:#fbfdff;font-size:.76rem;font-weight:800;text-align:center}.insight-reading strong{color:var(--insight-a);font-weight:850}.insight-reading h2{scroll-margin-top:100px}@keyframes insightSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.insight-ring.ring-3{animation:none}}@media(max-width:760px){.insight-visual{min-height:270px;margin:30px 0 42px}.mesh-node{width:52px;height:52px;font-size:.57rem}.insight-tiles{inset:24px}.insight-rail{right:12px;bottom:12px;left:12px;gap:5px}.rail-node{min-height:40px;padding:8px 4px;font-size:.58rem}.reading-anchor{grid-template-columns:repeat(2,1fr)}.insight-mesh{transform:scale(.84)}}