<div class="group flex max-w-[min(768px,100%)] flex-col gap-1 self-end" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246/0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid #e5e7eb; display: flex; max-width: min(768px, 100%); flex-direction: column; gap: 0.25rem; align-self: flex-end;">
<div class="flex flex-col gap-4" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246/0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid #e5e7eb; display: flex; flex-direction: column; gap: 1rem;">
<div class="flex min-w-0 flex-1 items-center justify-end gap-2" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246/0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid #e5e7eb; display: flex; min-width: 0px; flex: 1 1 0%; align-items: center; justify-content: flex-end; gap: 0.5rem;">
<div class="bg-surface-primary relative flex w-full min-w-0 flex-1 flex-col overflow-hidden transition-all duration-300 gap-2 border-border-faint lg:max-w-[768px]" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246/0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid #eeedec; position: relative; display: flex; width: 768px; min-width: 0px; flex: 1 1 0%; flex-direction: column; gap: 0.5rem; overflow: hidden; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; animation-duration: 0.3s; max-width: 768px;">
<div class="no-scrollbar relative flex w-full flex-1 flex-col overflow-x-auto transition-[max-height] duration-300" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246/0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid #e5e7eb; position: relative; display: flex; width: 768px; flex: 1 1 0%; flex-direction: column; overflow-x: auto; transition-property: max-height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; animation-duration: 0.3s; scrollbar-width: none;">
<div class="min-w-0" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246/0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid #e5e7eb; min-width: 0px;">
<div class="prose prose-sm prose-pre:bg-transparent prose-pre:p-0 text-wrap break-words" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246/0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid #e5e7eb; max-width: none; --tw-prose-body: hsl(24 6% 17%); --tw-prose-headings: hsl(60 3% 14%); --tw-prose-lead: hsl(24 6% 17%); --tw-prose-links: hsl(208 77% 52%); --tw-prose-bold: hsl(24 6% 17%); --tw-prose-counters: hsl(24 6% 17%); --tw-prose-bullets: hsl(35 6% 38%); --tw-prose-hr: hsl(35 6% 38%); --tw-prose-quotes: hsl(35 6% 38%); --tw-prose-quote-borders: hsl(35 6% 38%); --tw-prose-captions: hsl(35 6% 38%); --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: rgb(17 24 39/10%); --tw-prose-code: hsl(30 7% 24%); --tw-prose-pre-code: hsl(24 6% 17%); --tw-prose-pre-bg: hsl(36 45% 98%); --tw-prose-th-borders: hsl(30 9% 87%); --tw-prose-td-borders: hsl(30 9% 87%); --tw-prose-invert-body: hsl(24 6% 17%); --tw-prose-invert-headings: hsl(24 6% 17%); --tw-prose-invert-lead: hsl(24 6% 17%); --tw-prose-invert-links: hsl(24 6% 17%); --tw-prose-invert-bold: hsl(24 6% 17%); --tw-prose-invert-counters: hsl(24 6% 17%); --tw-prose-invert-bullets: hsl(24 6% 17%); --tw-prose-invert-hr: hsl(24 6% 17%); --tw-prose-invert-quotes: hsl(24 6% 17%); --tw-prose-invert-quote-borders: hsl(24 6% 17%); --tw-prose-invert-captions: hsl(24 6% 17%); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255/10%); --tw-prose-invert-code: hsl(24 6% 17%); --tw-prose-invert-pre-code: hsl(24 6% 17%); --tw-prose-invert-pre-bg: hsl(24 6% 17%); --tw-prose-invert-th-borders: hsl(24 6% 17%); --tw-prose-invert-td-borders: hsl(24 6% 17%); font-size: 0.875rem; line-height: 1.71429; font-family: Inter, 'Inter Fallback', ui-sans-serif, system-ui, sans-serif; text-wrap-style: initial; overflow-wrap: break-word;">
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246/0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid #e5e7eb; margin: 0px;"><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">When companies talk about &ldquo;sustainable IT,&rdquo; it's often unclear whether they truly care about the planet or just want cheaper power bills. Cutting energy use in data centers, adopting cloud optimization, and using efficient hardware can easily be framed as green&mdash;but the real test is intent and measurement. </span></span><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">IT for Sustainability</span></span> <span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;"> goes beyond short-term cost savings by embedding environmental goals into IT strategy: lifecycle thinking for devices, circular hardware models, transparent carbon reporting, and digital tools that actively reduce emissions across operations, not just the electricity bill.</span></span>

</div>
</div>
</div>
</div>
</div>
</div>
</div>