/* Mohsin Builds Insights: shared Developer OS chrome inherits css/home.css
   and css/case-studies.css. This stylesheet only styles Insights content. */
.insights-page{color:#f4f8fb}
.insights-page .skip-link{position:absolute;left:-9999px;top:0}
.insights-page .skip-link:focus{left:15px;top:15px;z-index:999;background:white;color:#04101e;padding:10px}
.insights-page .insights-hero{padding:clamp(48px,6vw,84px) 0 54px}
.insights-page .insights-hero h1{font-size:clamp(42px,5.7vw,79px);font-weight:820;line-height:1.06;letter-spacing:-.05em;max-width:950px;margin:22px 0}
.insights-page .insights-hero p{font-size:clamp(15px,1.65vw,18px);line-height:1.85;max-width:760px;margin:0}
.insights-page .insights-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.insights-page .insights-collection{padding:0 0 50px}
.insights-page .insights-section-head{margin-bottom:25px}
.insights-page .insights-section-head h2{font-size:clamp(25px,2.8vw,36px);margin:9px 0;letter-spacing:-.035em}
.insights-page .insights-section-head p{max-width:760px;font-size:13px;line-height:1.75;margin:0}
.insights-page .insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.insights-page .insights-entry{display:flex;flex-direction:column;min-width:0;transition:border-color .2s,transform .2s}
.insights-page .insights-entry:hover{border-color:rgba(112,219,255,.56);transform:translateY(-3px)}
.insights-page .insights-entry .window-strip{gap:12px}
.insights-page .insights-entry .window-strip>span:nth-child(2){flex:1;text-align:center}
.insights-page .insights-visual{padding:18px 22px;min-height:204px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 75% 80%,rgba(85,217,255,.16),transparent 55%),linear-gradient(135deg,#0b2c46,#061522);border-bottom:1px solid rgba(96,165,215,.22);font-family:var(--mono)}
.insights-page .insights-visual.is-violet{background:radial-gradient(circle at 77% 80%,rgba(149,128,255,.18),transparent 55%),linear-gradient(135deg,#131f48,#071523)}
.insights-page .visual-id,.insights-page .visual-footer{font-size:9px;letter-spacing:.09em;color:#84b1cb}
.insights-page .visual-screen{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid rgba(91,189,231,.27);border-radius:10px;background:rgba(3,17,33,.43);padding:19px;min-height:100px}
.insights-page .visual-screen>span:first-child{font-size:10px;letter-spacing:.08em;color:#9cc5da}
.insights-page .visual-amount{font-family:var(--sans);font-weight:800;font-size:clamp(32px,3.2vw,50px);line-height:1;letter-spacing:-.08em;color:#6dddff}
.insights-page .is-violet .visual-amount{color:#afa2ff}
.insights-page .visual-amount i{font-size:.46em}
.insights-page .visual-flow{display:block;font-size:10px;line-height:1.7;color:#aa9bff}
.insights-page .visual-flow i{font-size:9px;padding:0 4px}
.insights-page .visual-lines{display:grid;gap:7px}
.insights-page .visual-lines b{display:block;width:38px;height:5px;border-radius:10px;background:#276b85}
.insights-page .visual-lines b:nth-child(2){width:23px;background:#537fc1}
.insights-page .visual-lines b:nth-child(3){width:32px;background:#417b85}
.insights-page .insights-card-copy{padding:27px 27px 30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.insights-page .insights-card-copy h3{font-size:clamp(23px,2.3vw,30px);line-height:1.25;letter-spacing:-.04em;margin:12px 0 14px}
.insights-page .insights-card-copy p{font-size:13px;line-height:1.8;margin:0 0 20px}
.insights-page .insights-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;margin-bottom:22px}
.insights-page .insights-tags span{font:9px var(--mono);color:#acd9ef;border:1px solid #29516b;background:#0b2a40;padding:7px 9px;border-radius:6px}
.insights-page .insights-card-copy .button{margin-top:auto}
.insights-page .insights-cta{padding:4px 0 65px}
.insights-page .insights-cta-inner{padding:clamp(25px,3.3vw,43px);display:flex;gap:24px;align-items:center;justify-content:space-between}
.insights-page .insights-cta-inner h2{font-size:clamp(25px,2.9vw,36px);letter-spacing:-.04em;margin:8px 0 12px}
.insights-page .insights-cta-inner p{font-size:13px;max-width:660px;line-height:1.8;margin:0}
.insights-page .insights-cta-inner .button{flex-shrink:0}
.insights-page .insights-article{max-width:1050px;margin:0 auto;padding:clamp(32px,4.6vw,60px) 0 66px}
.insights-page .insights-article>h1{font-size:clamp(38px,4.8vw,65px);line-height:1.1;letter-spacing:-.05em;max-width:950px;margin:18px 0 20px}
.insights-page .insights-article>.lead{font-size:clamp(16px,1.8vw,19px);line-height:1.8;max-width:800px;color:#c3d9e8}
.insights-page .metadata{display:flex;flex-wrap:wrap;gap:10px 22px;margin:25px 0 30px;font:10px var(--mono);color:#80a5c0}
.insights-page .insights-reading-window{overflow:hidden}
.insights-page .insights-reading-window .window-strip{gap:10px}
.insights-page .insights-reading-window .window-strip>span:nth-child(2){flex:1;text-align:center}
.insights-page .reading{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:42px;padding:clamp(22px,3.8vw,48px)}
.insights-page .copy{min-width:0;color:#c0d6e6;font-size:15px;line-height:1.88}
.insights-page .copy p{margin:0 0 21px}
.insights-page .copy h2{font-size:clamp(24px,2.4vw,31px);line-height:1.26;letter-spacing:-.035em;margin:43px 0 16px;scroll-margin-top:110px}
.insights-page .copy h3{font-size:19px;margin:28px 0 8px}
.insights-page .copy strong{color:#f4faff}
.insights-page .copy ol,.insights-page .copy ul{padding-left:25px}
.insights-page .copy li{margin:12px 0;padding-left:4px}
.insights-page .copy a:not(.button){color:#65dfff}
.insights-page .note,.insights-page .brief{background:rgba(15,55,77,.8);border:1px solid rgba(103,193,232,.28);border-left:3px solid #55d9ff;border-radius:0 9px 9px 0;padding:19px 22px;margin:25px 0}
.insights-page .brief p{margin:7px 0}
.insights-page .table-wrap{overflow:auto;border:1px solid rgba(99,164,208,.26);border-radius:10px;margin:23px 0}
.insights-page table{width:100%;min-width:470px;border-collapse:collapse;font-size:13px}
.insights-page th,.insights-page td{padding:13px;border-bottom:1px solid rgba(100,164,206,.2);text-align:left;vertical-align:top}
.insights-page th{background:#10334b;color:#e3f5ff}
.insights-page tr:last-child td{border-bottom:0}
.insights-page td:first-child{font-weight:700;color:#edf8ff}
.insights-page .toc{display:grid;gap:11px;position:sticky;top:96px;align-self:start;padding:18px;background:rgba(9,34,52,.82);border:1px solid rgba(97,160,203,.27);border-radius:10px;font-size:12px}
.insights-page .toc strong{font:10px var(--mono);letter-spacing:.07em;color:#67dbff;margin-bottom:6px}
.insights-page .toc a{color:#aac8da}
.insights-page .toc a:hover{color:#67dbff}
.insights-page .pitch{padding:29px;border:1px solid rgba(100,180,220,.36);border-radius:12px;background:linear-gradient(120deg,#0d344c,#101d36);margin:35px 0}
.insights-page .pitch h2{margin:12px 0}
.insights-page .pitch p{font-size:13px}
.insights-page .pitch .button{margin-top:12px}
.insights-page .insights-article>.eyebrow{display:inline-flex;padding:8px 13px;border:1px solid #23516c;background:rgba(20,66,96,.26);border-radius:100px;font-size:10px;letter-spacing:.08em}
@media(max-width:1100px){.insights-page .insights-grid{grid-template-columns:1fr}.insights-page .insights-entry{display:grid;grid-template-columns:42% minmax(0,1fr)}.insights-page .insights-entry .window-strip{grid-column:1/-1}.insights-page .insights-visual{border-bottom:0;border-right:1px solid #21506b;height:100%}.insights-page .visual-screen{flex-direction:column;align-items:flex-start}.insights-page .insights-card-copy h3{font-size:25px}}
@media(max-width:850px){.insights-page .reading{grid-template-columns:1fr}.insights-page .toc{display:none}.insights-page .insights-cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.insights-page .insights-grid{grid-template-columns:1fr}.insights-page .insights-entry{display:flex}.insights-page .insights-visual{border-right:0;border-bottom:1px solid #21506b;min-height:172px}.insights-page .visual-screen{flex-direction:row;align-items:center}.insights-page .insights-hero{padding:35px 0 43px}.insights-page .insights-hero h1{font-size:clamp(38px,9vw,53px)}.insights-page .insights-card-copy{padding:23px}.insights-page .reading{padding:21px}.insights-page .insights-article{padding:30px 0 42px}.insights-page .window-strip{font-size:8px;padding:0 10px}.insights-page .insights-cta-inner{padding:23px}.insights-page .insights-reading-window .window-strip span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.insights-page .insights-entry{transition:none}}

/* Compact Insights catalog: retained Developer OS visual language. */
.insights-page .insights-grid{align-items:stretch}
.insights-page .insights-entry .insights-visual{min-height:130px;padding:16px 20px}
.insights-page .insights-entry .visual-screen{min-height:62px;padding:12px 17px}
.insights-page .insights-entry .visual-amount{font-size:32px;letter-spacing:0}
.insights-page .insights-entry .insights-card-copy{padding:20px 23px 23px}
.insights-page .insights-entry .insights-card-copy h3{font-size:clamp(20px,1.9vw,25px)}
.insights-page .insights-entry .window-strip{font-size:9px}
.insights-page .insights-entry .visual-id{overflow-wrap:anywhere}
.insights-page .post-related{border-top:1px solid rgba(100,175,217,.26);margin-top:40px;padding-top:20px}
.insights-page .post-related h2{font-size:23px}
@media(max-width:640px){.insights-page .insights-entry .window-strip{font-size:8px}.insights-page .insights-entry .insights-visual{min-height:120px}}

/* Illustrated Insights covers and topic explainers. */
.insights-page .insights-cover-link{display:block;position:relative;overflow:hidden;border-bottom:1px solid rgba(93,171,210,.26);aspect-ratio:1200/630;background:#061525}
.insights-page .insights-cover-link img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.insights-page .insights-entry:hover .insights-cover-link img{transform:scale(1.018)}
.insights-page .insights-featured{margin:15px 0 30px;overflow:hidden;background:#061525;border:1px solid rgba(94,186,234,.27);border-radius:14px}
.insights-page .insights-featured img{width:100%;height:auto;display:block}
.insights-page .insights-featured figcaption{padding:10px 17px;font:10px/1.65 var(--mono);color:#8aa8c2}
.insights-page .insights-deep-dive{margin:34px 0;border-top:1px solid rgba(87,171,209,.24);padding-top:9px}
.insights-page .insights-deep-dive h3{margin:25px 0 10px}
@media(max-width:1100px){.insights-page .insights-entry .insights-cover-link{height:100%;aspect-ratio:auto}.insights-page .insights-entry .insights-cover-link img{height:100%;object-fit:cover}}
@media(max-width:640px){.insights-page .insights-entry .insights-cover-link{height:auto;aspect-ratio:1200/630}}