body.postid-4062 .sd-ai-coding-body .role-aside { max-width: 560px; } body.postid-4062 .sd-ai-coding-body .role-row__cats { grid-template-columns: repeat(3, minmax(72px, 1fr)); } body.postid-4062 .sd-ai-coding-body .sd-insight-figure--wide img { width: 100%; height: auto; } body.postid-4062 .sd-ai-coding-body .sd-infographic-index-text { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; white-space: pre-wrap !important; } body.postid-4062 .sd-ai-coding-body .sd-playbook-cta__cover-wrap { background: transparent !important; border: 0 !important; box-shadow: none !important; filter: none !important; } body.postid-4062 .sd-ai-coding-body .sd-playbook-cta__cover { box-shadow: 0 20px 44px rgba(4, 22, 34, 0.32) !important; border: 0 !important; filter: none !important; } body.postid-4062 .sd-ai-coding-body .role-aside--generated { aspect-ratio: auto !important; min-height: 0 !important; padding: clamp(24px, 3.2vw, 36px) !important; background: radial-gradient(ellipse at 18% 20%, rgba(219, 99, 93, 0.18), transparent 48%), radial-gradient(ellipse at 86% 82%, rgba(246, 200, 147, 0.14), transparent 46%), linear-gradient(180deg, #235C81 0%, #11314A 100%) !important; } body.postid-4062 .sd-ai-coding-body .role-aside--generated .role-list { display: flex !important; } body.postid-4062 .sd-ai-coding-body .role-aside--generated .role-legend { display: flex !important; } body.postid-4062 .sd-ai-coding-body .role-row__icon { overflow: hidden; } body.postid-4062 .sd-ai-coding-body .role-row__icon img { width: 100% !important; height: 100% !important; border-radius: 50%; object-fit: cover; display: block; } body.postid-4062 .sd-ai-coding-body .when-frac__col-head { gap: 18px; } body.postid-4062 .sd-ai-coding-body .when-frac__icon { width: 72px !important; height: 72px !important; padding: 0 !important; background: #11314A !important; border: 1px solid rgba(246, 200, 147, 0.34) !important; box-shadow: inset 0 0 0 3px rgba(255, 246, 232, 0.06), 0 12px 26px rgba(17, 49, 74, 0.22); overflow: hidden !important; } body.postid-4062 .sd-ai-coding-body .when-frac__icon img { width: 100% !important; height: 100% !important; border-radius: 50% !important; object-fit: cover !important; display: block; } body.postid-4062 .sd-ai-coding-body .sd-work-type .sd-insight__section-inner { max-width: 1180px; margin: 0 auto; padding: clamp(72px, 8vw, 112px) 28px; } body.postid-4062 .sd-ai-coding-body .sd-work-type__head { max-width: 760px; margin: 0 0 34px; } body.postid-4062 .sd-ai-coding-body .sd-work-type__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 16px; font-family: "Source Code Pro", ui-monospace, monospace; font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: #DB635D; } body.postid-4062 .sd-ai-coding-body .sd-work-type__eyebrow-dot { width: 8px; height: 8px; border-radius: 50%; background: #DB635D; box-shadow: 0 0 0 4px rgba(219, 99, 93, 0.16); } body.postid-4062 .sd-ai-coding-body .sd-work-type__title { margin: 0 0 14px; font-family: "DM Sans", "Inter", sans-serif; font-size: clamp(30px, 3vw, 42px); line-height: 1.14; font-weight: 600; color: #11314A; letter-spacing: 0; } body.postid-4062 .sd-ai-coding-body .sd-work-type__intro { margin: 0; max-width: 680px; font-family: "Inter", system-ui, sans-serif; font-size: 16px; line-height: 1.65; color: rgba(17, 49, 74, 0.76); } body.postid-4062 .sd-ai-coding-body .sd-work-type .sd-insight__section-card { background: transparent; border: 0; box-shadow: none; padding: 0; } body.postid-4062 .sd-ai-coding-body .sd-work-type .sd-insight-figure { margin: 0; } body.postid-4062 .sd-ai-coding-body .sd-work-type .sd-insight-figure img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 16px; border: 1px solid rgba(17, 49, 74, 0.14); box-shadow: 0 22px 50px rgba(17, 49, 74, 0.16); background: #FFF6E8; } body.postid-4062 .sd-ai-coding-body .sd-work-type .sd-insight-figure figcaption { margin-top: 14px; font-family: "Inter", system-ui, sans-serif; font-size: 13px; line-height: 1.55; color: rgba(17, 49, 74, 0.64); text-align: center; } body.postid-4062 .sd-ai-coding-body .vet-frac__head { display: block !important; max-width: 760px; margin-bottom: 36px !important; } body.postid-4062 .sd-ai-coding-body .vet-frac__badge { display: none !important; } body.postid-4062 .sd-ai-coding-body .vet-frac__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; border-top: 0; } body.postid-4062 .sd-ai-coding-body .vet-frac__row { display: grid; grid-template-columns: 42px minmax(0, 1fr); column-gap: 16px; row-gap: 10px; padding: 24px; border: 1px solid rgba(17, 49, 74, 0.1); border-radius: 14px; background: rgba(255, 246, 232, 0.72); box-shadow: 0 14px 34px rgba(17, 49, 74, 0.08); } body.postid-4062 .sd-ai-coding-body .vet-frac__num { width: 34px; height: 34px; margin-top: 0; } body.postid-4062 .sd-ai-coding-body .vet-frac__title { margin: 4px 0 0; align-self: start; } body.postid-4062 .sd-ai-coding-body .vet-frac__body { grid-column: 1 / -1; } body.postid-4062 .sd-ai-coding-body .sd-insight__what-we-run-icon { width: 52px !important; height: 52px !important; padding: 0 !important; border-radius: 50% !important; overflow: hidden !important; background: #11314A !important; border: 1px solid rgba(246, 200, 147, 0.26) !important; box-shadow: inset 0 0 0 3px rgba(255, 246, 232, 0.05); } body.postid-4062 .sd-ai-coding-body .sd-insight__what-we-run-icon img { width: 100% !important; height: 100% !important; border-radius: 50% !important; object-fit: cover !important; display: block !important; } @media (max-width: 720px) { body.postid-4062 .sd-ai-coding-body .role-row__cats { grid-template-columns: 1fr; } body.postid-4062 .sd-ai-coding-body .when-frac__icon { width: 64px !important; height: 64px !important; } body.postid-4062 .sd-ai-coding-body .sd-work-type .sd-insight__section-inner { padding: 64px 20px 72px; } body.postid-4062 .sd-ai-coding-body .sd-work-type .sd-insight-figure img { border-radius: 12px; } body.postid-4062 .sd-ai-coding-body .vet-frac__list { grid-template-columns: 1fr; } body.postid-4062 .sd-ai-coding-body .vet-frac__row { padding: 20px; } body.postid-4062 .sd-ai-coding-body .sd-insight__what-we-run-row { grid-template-columns: 52px minmax(0, 1fr); } }