/* =============================================================
   LIVEDEN — Compiled Utility Styles
   Replaces cdn.tailwindcss.com — no external JS, no console warnings.
   Generated from professionals.html class usage.
   ============================================================= */

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; }

/* ── Display ── */
.flex         { display: flex; }
.inline-flex  { display: inline-flex; }
.grid         { display: grid; }

/* ── Position ── */
.relative    { position: relative; }
.absolute    { position: absolute; }
.top-8       { top: 2rem; }
.bottom-8    { bottom: 2rem; }
.-left-8     { left: -2rem; }
.-right-8    { right: -2rem; }

/* ── Overflow ── */
.overflow-hidden { overflow: hidden; }

/* ── Flexbox ── */
.flex-col       { flex-direction: column; }
.items-center   { align-items: center; }
.justify-center { justify-content: center; }

/* ── Grid ── */
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.gap-4       { gap: 1rem; }
.gap-5       { gap: 1.25rem; }
.gap-8       { gap: 2rem; }
.gap-12      { gap: 3rem; }

/* ── Sizing ── */
.min-h-screen { min-height: 100vh; }
.h-full       { height: 100%; }
.h-10         { height: 2.5rem; }
.h-48         { height: 12rem; }
.h-56         { height: 14rem; }
.w-full       { width: 100%; }
.w-10         { width: 2.5rem; }
.w-48         { width: 12rem; }
.w-56         { width: 14rem; }

/* ── Max-width ── */
.max-w-xl   { max-width: 36rem; }
.max-w-2xl  { max-width: 42rem; }
.max-w-3xl  { max-width: 48rem; }
.max-w-5xl  { max-width: 64rem; }
.max-w-6xl  { max-width: 72rem; }
.max-w-7xl  { max-width: 80rem; }
.mx-auto    { margin-left: auto; margin-right: auto; }

/* ── Margin ── */
.mb-4  { margin-bottom: 1rem; }
.mt-2  { margin-top: 0.5rem; }
.mt-3  { margin-top: 0.75rem; }
.mt-4  { margin-top: 1rem; }
.mt-5  { margin-top: 1.25rem; }
.mt-6  { margin-top: 1.5rem; }
.mt-8  { margin-top: 2rem; }
.mt-10 { margin-top: 2.5rem; }

/* ── Padding ── */
.p-6       { padding: 1.5rem; }
.p-7       { padding: 1.75rem; }
.p-8       { padding: 2rem; }
.px-6      { padding-left: 1.5rem;  padding-right: 1.5rem; }
.px-7      { padding-left: 1.75rem; padding-right: 1.75rem; }
.py-3\.5   { padding-top: 0.875rem; padding-bottom: 0.875rem; }
.py-5      { padding-top: 1.25rem;  padding-bottom: 1.25rem; }
.py-16     { padding-top: 4rem;     padding-bottom: 4rem; }
.py-18     { padding-top: 4.5rem;   padding-bottom: 4.5rem; }
.py-20     { padding-top: 5rem;     padding-bottom: 5rem; }

/* ── Typography ── */
.text-sm   { font-size: 0.875rem;  line-height: 1.25rem; }
.text-base { font-size: 1rem;      line-height: 1.5rem; }
.text-lg   { font-size: 1.125rem;  line-height: 1.75rem; }
.text-xl   { font-size: 1.25rem;   line-height: 1.75rem; }
.text-3xl  { font-size: 1.875rem;  line-height: 2.25rem; }
.text-4xl  { font-size: 2.25rem;   line-height: 2.5rem; }

.font-semibold { font-weight: 700; }
.text-center   { text-align: center; }
.uppercase     { text-transform: uppercase; }

.leading-tight { line-height: 1.25; }
.leading-7     { line-height: 1.75rem; }
.leading-8     { line-height: 2rem; }

.tracking-\[0\.18em\] { letter-spacing: 0.18em; }
.tracking-\[0\.04em\] { letter-spacing: 0.04em; }

/* ── Text colors ── */
.text-\[\#1f2937\] { color: #1f2937; }
.text-\[\#374151\] { color: #374151; }
.text-\[\#4b5563\] { color: #4b5563; }
.text-\[\#6b7280\] { color: #6b7280; }
.text-\[\#80b5bb\] { color: #80b5bb; }
.text-\[\#8fb19f\] { color: #8fb19f; }
.text-white        { color: #ffffff; }

/* ── Background colors ── */
.bg-white          { background-color: #ffffff; }
.bg-\[\#80b5bb\]   { background-color: #80b5bb; }
.bg-\[\#eaf2ef\]   { background-color: #eaf2ef; }
.bg-\[\#f4f7f5\]   { background-color: #f4f7f5; }
.bg-\[\#f9f9f6\]   { background-color: #f9f9f6; }

/* Background with opacity */
.bg-\[\#80b5bb\]\/15 { background-color: rgba(128,181,187,0.15); }
.bg-\[\#80b5bb\]\/20 { background-color: rgba(128,181,187,0.20); }
.bg-\[\#8fb19f\]\/15 { background-color: rgba(143,177,159,0.15); }
.bg-\[\#8fb19f\]\/20 { background-color: rgba(143,177,159,0.20); }

/* ── Gradients ── */
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent));
}
.from-\[\#f9f9f6\] { --tw-gradient-from: #f9f9f6; }
.to-\[\#eef5f3\]   { --tw-gradient-to: #eef5f3; }

/* ── Borders ── */
.border   { border-width: 1px; border-style: solid; }
.border-b { border-bottom-width: 1px; border-bottom-style: solid; }
.border-t { border-top-width: 1px; border-top-style: solid; }
.border-y { border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; }

.border-\[\#80b5bb\] { border-color: #80b5bb; }
.border-\[\#dfe7e2\] { border-color: #dfe7e2; }
.border-\[\#e5ece8\] { border-color: #e5ece8; }

/* ── Border radius ── */
.rounded-full      { border-radius: 9999px; }
.rounded-\[1\.25rem\] { border-radius: 1.25rem; }
.rounded-\[1\.5rem\]  { border-radius: 1.5rem; }
.rounded-\[2rem\]     { border-radius: 2rem; }

/* ── Shadows ── */
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); }
.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.05\)\] { box-shadow: 0 20px 60px rgba(0,0,0,0.05); }
.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.06\)\] { box-shadow: 0 20px 60px rgba(0,0,0,0.06); }

/* ── Filters ── */
.blur-3xl     { filter: blur(64px); }
.drop-shadow-lg { filter: drop-shadow(0 10px 8px rgba(0,0,0,0.04)) drop-shadow(0 4px 3px rgba(0,0,0,0.1)); }

/* ── Aspect ratio ── */
.aspect-\[4\/5\] { aspect-ratio: 4 / 5; }

/* ── Object fit ── */
.object-contain { object-fit: contain; }
.object-cover   { object-fit: cover; }

/* ── Transitions & hover ── */
.transition { transition: color 150ms ease, background-color 150ms ease, opacity 150ms ease, box-shadow 150ms ease; }
.hover\:opacity-90:hover       { opacity: 0.9; }
.hover\:bg-\[\#f9f9f6\]:hover  { background-color: #f9f9f6; }

/* ── Responsive: sm ≥ 640px ── */
@media (min-width: 640px) {
  .sm\:flex-row { flex-direction: row; }
}

/* ── Responsive: md ≥ 768px ── */
@media (min-width: 768px) {
  .md\:px-10           { padding-left: 2.5rem; padding-right: 2.5rem; }
  .md\:text-4xl        { font-size: 2.25rem; line-height: 2.5rem; }
  .md\:text-5xl        { font-size: 3rem;    line-height: 1; }
  .md\:text-xl         { font-size: 1.25rem; line-height: 1.75rem; }
  .md\:grid-cols-2     { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3     { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:grid-cols-\[1\.4fr\,1fr\] { grid-template-columns: 1.4fr 1fr; }
}

/* ── Responsive: lg ≥ 1024px ── */
@media (min-width: 1024px) {
  .lg\:px-16        { padding-left: 4rem;  padding-right: 4rem; }
  .lg\:py-24        { padding-top: 6rem;   padding-bottom: 6rem; }
  .lg\:grid-cols-2  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:text-6xl     { font-size: 3.75rem; line-height: 1; }
}

/* ── Responsive: xl ≥ 1280px ── */
@media (min-width: 1280px) {
  .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}


/* =============================================================
   ADDITIONS — Action Plan page classes
   ============================================================= */

/* ── Extra spacing ── */
.gap-3   { gap: 0.75rem; }
.gap-6   { gap: 1.5rem; }
.py-2    { padding-top: 0.5rem;   padding-bottom: 0.5rem; }
.py-3    { padding-top: 0.75rem;  padding-bottom: 0.75rem; }
.py-8    { padding-top: 2rem;     padding-bottom: 2rem; }
.py-10   { padding-top: 2.5rem;   padding-bottom: 2.5rem; }
.py-14   { padding-top: 3.5rem;   padding-bottom: 3.5rem; }
.px-4    { padding-left: 1rem;    padding-right: 1rem; }
.px-5    { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-8    { padding-left: 2rem;    padding-right: 2rem; }
.px-10   { padding-left: 2.5rem;  padding-right: 2.5rem; }
.px-12   { padding-left: 3rem;    padding-right: 3rem; }
.p-4     { padding: 1rem; }
.p-5     { padding: 1.25rem; }
.mt-9    { margin-top: 2.25rem; }
.mt-1    { margin-top: 0.25rem; }

/* ── Extra sizing ── */
.h-11    { height: 2.75rem; }
.h-12    { height: 3rem; }
.h-16    { height: 4rem; }
.w-11    { width: 2.75rem; }
.w-12    { width: 3rem; }
.w-16    { width: 4rem; }

/* ── Extra typography ── */
.text-xs           { font-size: 0.75rem;  line-height: 1rem; }
.text-\[11px\]     { font-size: 11px;     line-height: 1.2; }
.text-\[17px\]     { font-size: 17px;     line-height: 1.75rem; }
.text-2xl          { font-size: 1.5rem;   line-height: 2rem; }
.italic            { font-style: italic; }
.tracking-tight    { letter-spacing: -0.025em; }
.tracking-\[0\.28em\] { letter-spacing: 0.28em; }
.tracking-\[0\.24em\] { letter-spacing: 0.24em; }
.tracking-\[0\.22em\] { letter-spacing: 0.22em; }
.tracking-\[0\.2em\]  { letter-spacing: 0.2em; }

/* ── Extra flex ── */
.flex-wrap       { flex-wrap: wrap; }
.items-start     { align-items: flex-start; }
.items-end       { align-items: flex-end; }
.justify-between { justify-content: space-between; }
.shrink-0        { flex-shrink: 0; }

/* ── Space-y (vertical child spacing) ── */
.space-y-4 > * + * { margin-top: 1rem; }
.space-y-5 > * + * { margin-top: 1.25rem; }
.space-y-8 > * + * { margin-top: 2rem; }

/* ── Extra text colors ── */
.text-\[\#20332f\] { color: #20332f; }
.text-\[\#6c8c7d\] { color: #6c8c7d; }
.text-\[\#1f2f2a\] { color: #1f2f2a; }
.text-\[\#51655d\] { color: #51655d; }
.text-\[\#31453e\] { color: #31453e; }
.text-\[\#7a9086\] { color: #7a9086; }
.text-\[\#4d6259\] { color: #4d6259; }
.text-\[\#5a6d65\] { color: #5a6d65; }
.text-\[\#22342f\] { color: #22342f; }
.text-\[\#5d7068\] { color: #5d7068; }
.text-\[\#2b4d48\] { color: #2b4d48; }
.text-\[\#364941\] { color: #364941; }
.text-\[\#5e7168\] { color: #5e7168; }
.text-\[\#2c4b49\] { color: #2c4b49; }
.text-\[\#7c9087\] { color: #7c9087; }
.text-\[\#6f867b\] { color: #6f867b; }
.text-\[\#5c6f66\] { color: #5c6f66; }
.text-\[\#7b8e86\] { color: #7b8e86; }
.text-white\/70    { color: rgba(255,255,255,0.70); }
.text-white\/80    { color: rgba(255,255,255,0.80); }
.text-white\/85    { color: rgba(255,255,255,0.85); }
.text-white\/90    { color: rgba(255,255,255,0.90); }

/* ── Extra backgrounds ── */
.bg-\[\#fcfcfa\]  { background-color: #fcfcfa; }
.bg-\[\#eef6f7\]  { background-color: #eef6f7; }
.bg-\[\#f4f8f5\]  { background-color: #f4f8f5; }
.bg-\[\#22342f\]  { background-color: #22342f; }
.bg-white\/12     { background-color: rgba(255,255,255,0.12); }
.bg-white\/20     { background-color: rgba(255,255,255,0.20); }

/* ── Extra borders ── */
.border-\[\#dbe5df\] { border-color: #dbe5df; }
.border-\[\#d7e2db\] { border-color: #d7e2db; }
.border-\[\#e3ebe6\] { border-color: #e3ebe6; }
.border-\[\#e2ebe5\] { border-color: #e2ebe5; }
.border-\[\#cfdcd5\] { border-color: #cfdcd5; }
.border-\[\#d9e3dc\] { border-color: #d9e3dc; }

/* ── Extra border-radius ── */
.rounded-2xl      { border-radius: 1rem; }
.rounded-\[18px\] { border-radius: 18px; }
.rounded-\[22px\] { border-radius: 22px; }
.rounded-\[24px\] { border-radius: 24px; }
.rounded-\[28px\] { border-radius: 28px; }

/* ── Backdrop blur ── */
.backdrop-blur-sm { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }

/* ── Ring (outline via box-shadow) ── */
.ring-1            { box-shadow: 0 0 0 1px var(--tw-ring-color, rgba(0,0,0,0.05)); }
.ring-white\/20    { --tw-ring-color: rgba(255,255,255,0.20); }
.ring-white\/15    { --tw-ring-color: rgba(255,255,255,0.15); }

/* ── Extra hover ── */
.hover\:bg-\[\#f2f6f3\]:hover { background-color: #f2f6f3; }

/* ── Extra responsive: lg ≥ 1024px ── */
@media (min-width: 1024px) {
  .lg\:p-10                          { padding: 2.5rem; }
  .lg\:px-10                         { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg\:px-12                         { padding-left: 3rem;   padding-right: 3rem; }
  .lg\:py-14                         { padding-top: 3.5rem;  padding-bottom: 3.5rem; }
  .lg\:flex-row                      { flex-direction: row; }
  .lg\:items-end                     { align-items: flex-end; }
  .lg\:items-start                   { align-items: flex-start; }
  .lg\:justify-between               { justify-content: space-between; }
  .lg\:text-xl                       { font-size: 1.25rem; line-height: 1.75rem; }
  .lg\:grid-cols-\[1\.2fr_\.8fr\]   { grid-template-columns: 1.2fr 0.8fr; }
  .lg\:grid-cols-\[1\.05fr_\.95fr\] { grid-template-columns: 1.05fr 0.95fr; }
  .lg\:grid-cols-\[1fr_\.8fr\]      { grid-template-columns: 1fr 0.8fr; }
}


/* =============================================================
   ADDITIONS — Ambassador page classes
   ============================================================= */

/* ── Display ── */
.hidden       { display: none; }
.block        { display: block; }
.inline-block { display: inline-block; }

/* ── Position extras ── */
.inset-0      { top: 0; right: 0; bottom: 0; left: 0; }
.inset-x-0    { left: 0; right: 0; }
.top-16       { top: 4rem; }
.bottom-10    { bottom: 2.5rem; }
.-bottom-5    { bottom: -1.25rem; }
.-bottom-6    { bottom: -1.5rem; }
.-bottom-8    { bottom: -2rem; }
.left-4       { left: 1rem; }
.left-6       { left: 1.5rem; }

/* ── Z-index ── */
.z-10 { z-index: 10; }

/* ── Extra sizing ── */
.h-24  { height: 6rem; }
.h-72  { height: 18rem; }
.h-px  { height: 1px; }
.w-28  { width: 7rem; }
.w-36  { width: 9rem; }
.w-44  { width: 11rem; }
.w-48  { width: 12rem; }
.w-72  { width: 18rem; }

/* ── Max-width extras ── */
.max-w-4xl  { max-width: 56rem; }
.max-w-md   { max-width: 28rem; }
.max-w-none { max-width: none; }

/* ── Padding extras ── */
.px-5  { padding-left: 1.25rem; padding-right: 1.25rem; }
.pl-5  { padding-left: 1.25rem; }
.pl-6  { padding-left: 1.5rem; }
.pl-8  { padding-left: 2rem; }
.py-4  { padding-top: 1rem;  padding-bottom: 1rem; }
.py-24 { padding-top: 6rem;  padding-bottom: 6rem; }
.py-28 { padding-top: 7rem;  padding-bottom: 7rem; }
.py-32 { padding-top: 8rem;  padding-bottom: 8rem; }
.p-10  { padding: 2.5rem; }

/* ── Margin extras ── */
.mt-7  { margin-top: 1.75rem; }
.mb-5  { margin-bottom: 1.25rem; }

/* ── Typography extras ── */
.font-medium   { font-weight: 500; }
.normal-case   { text-transform: none; }
.tracking-normal { letter-spacing: 0; }
.text-\[10px\] { font-size: 10px; line-height: 1.2; }
.text-\[15px\] { font-size: 15px; line-height: 1.5; }

/* ── Space-y extras ── */
.space-y-3 > * + * { margin-top: 0.75rem; }
.space-y-6 > * + * { margin-top: 1.5rem; }

/* ── Aspect ratio extras ── */
.aspect-video     { aspect-ratio: 16 / 9; }
.aspect-\[5\/4\]  { aspect-ratio: 5 / 4; }
.aspect-\[4\/4\.5\] { aspect-ratio: 4 / 4.5; }

/* ── Border extras ── */
.border-dashed { border-style: dashed; }
.border-\[4px\] { border-width: 4px; }

/* ── List ── */
.list-disc { list-style-type: disc; }

/* ── Gap extras ── */
.gap-10 { gap: 2.5rem; }
.gap-16 { gap: 4rem; }
.gap-20 { gap: 5rem; }

/* ── Hover translate ── */
.hover\:-translate-y-0\.5:hover { transform: translateY(-0.125rem); }

/* ── Border radius extras ── */
.rounded-\[1\.15rem\] { border-radius: 1.15rem; }
.rounded-\[1\.4rem\]  { border-radius: 1.4rem; }
.rounded-\[1\.75rem\] { border-radius: 1.75rem; }
.rounded-\[1\.9rem\]  { border-radius: 1.9rem; }
.rounded-\[2\.2rem\]  { border-radius: 2.2rem; }
.rounded-\[2\.25rem\] { border-radius: 2.25rem; }

/* ── Ambassador text colors ── */
.text-\[\#2f2f2f\] { color: #2f2f2f; }
.text-\[\#294246\] { color: #294246; }
.text-\[\#496266\] { color: #496266; }
.text-\[\#5a6e72\] { color: #5a6e72; }
.text-\[\#51686b\] { color: #51686b; }
.text-\[\#557074\] { color: #557074; }
.text-\[\#6d9499\] { color: #6d9499; }
.text-\[\#88a7ab\] { color: #88a7ab; }
.text-\[\#3d5458\] { color: #3d5458; }
.text-\[\#3f565a\] { color: #3f565a; }
.text-\[\#576d71\] { color: #576d71; }
.text-\[\#4f666a\] { color: #4f666a; }
.text-\[\#6f8f94\] { color: #6f8f94; }
.text-\[\#7b9ba0\] { color: #7b9ba0; }
.text-\[\#9bb3b7\] { color: #9bb3b7; }
.text-\[\#6f989d\] { color: #6f989d; }

/* ── Ambassador backgrounds ── */
.bg-\[\#eef6f6\]       { background-color: #eef6f6; }
.bg-\[\#f3f9f9\]       { background-color: #f3f9f9; }
.bg-\[\#cee5e5\]\/25   { background-color: rgba(206,229,229,0.25); }
.bg-\[\#cee5e5\]\/35   { background-color: rgba(206,229,229,0.35); }
.bg-white\/10          { background-color: rgba(255,255,255,0.10); }

/* ── Ambassador border colors ── */
.border-\[\#e3eeee\] { border-color: #e3eeee; }
.border-\[\#d5e8e8\] { border-color: #d5e8e8; }
.border-\[\#e1eded\] { border-color: #e1eded; }
.border-\[\#d9e9e9\] { border-color: #d9e9e9; }
.border-\[\#9fc8cd\] { border-color: #9fc8cd; }

/* ── Responsive: sm ≥ 640px additions ── */
@media (min-width: 640px) {
  .sm\:block          { display: block; }
  .sm\:hidden         { display: none; }
  .sm\:w-auto         { width: auto; }
  .sm\:w-36           { width: 9rem; }
  .sm\:px-5           { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm\:px-6           { padding-left: 1.5rem;  padding-right: 1.5rem; }
  .sm\:px-8           { padding-left: 2rem;    padding-right: 2rem; }
  .sm\:py-5           { padding-top: 1.25rem;  padding-bottom: 1.25rem; }
  .sm\:py-10          { padding-top: 2.5rem;   padding-bottom: 2.5rem; }
  .sm\:py-12          { padding-top: 3rem;     padding-bottom: 3rem; }
  .sm\:py-16          { padding-top: 4rem;     padding-bottom: 4rem; }
  .sm\:p-7            { padding: 1.75rem; }
  .sm\:p-8            { padding: 2rem; }
  .sm\:mt-10          { margin-top: 2.5rem; }
  .sm\:text-base      { font-size: 1rem; line-height: 1.5rem; }
  .sm\:text-lg        { font-size: 1.125rem; line-height: 1.75rem; }
  .sm\:leading-8      { line-height: 2rem; }
  .sm\:-bottom-6      { bottom: -1.5rem; }
  .sm\:left-6         { left: 1.5rem; }
  .sm\:rounded-\[2rem\]     { border-radius: 2rem; }
  .sm\:rounded-\[1\.75rem\] { border-radius: 1.75rem; }
  .sm\:rounded-\[1\.5rem\]  { border-radius: 1.5rem; }
  .sm\:rounded-\[1\.4rem\]  { border-radius: 1.4rem; }
  .sm\:rounded-\[2\.25rem\] { border-radius: 2.25rem; }
}

/* ── Responsive: md ≥ 768px additions ── */
@media (min-width: 768px) {
  .md\:block    { display: block; }
  .md\:hidden   { display: none; }
  .md\:py-20    { padding-top: 5rem;  padding-bottom: 5rem; }
  .md\:py-24    { padding-top: 6rem;  padding-bottom: 6rem; }
  .md\:py-28    { padding-top: 7rem;  padding-bottom: 7rem; }
  .md\:py-32    { padding-top: 8rem;  padding-bottom: 8rem; }
  .md\:p-10     { padding: 2.5rem; }
  .md\:px-14    { padding-left: 3.5rem; padding-right: 3.5rem; }
  .md\:py-16    { padding-top: 4rem;  padding-bottom: 4rem; }
  .md\:text-lg  { font-size: 1.125rem; line-height: 1.75rem; }
  .md\:leading-9 { line-height: 2.25rem; }
  .md\:w-44     { width: 11rem; }
}

/* ── Responsive: lg ≥ 1024px additions ── */
@media (min-width: 1024px) {
  .lg\:block                               { display: block; }
  .lg\:items-center                        { align-items: center; }
  .lg\:justify-start                       { justify-content: flex-start; }
  .lg\:text-left                           { text-align: left; }
  .lg\:order-1                             { order: 1; }
  .lg\:order-2                             { order: 2; }
  .lg\:gap-14                              { gap: 3.5rem; }
  .lg\:gap-16                              { gap: 4rem; }
  .lg\:gap-20                              { gap: 5rem; }
  .lg\:py-28                               { padding-top: 7rem; padding-bottom: 7rem; }
  .lg\:mx-0                                { margin-left: 0; margin-right: 0; }
  .lg\:pl-8                                { padding-left: 2rem; }
  .lg\:max-w-none                          { max-width: none; }
  .lg\:-bottom-8                           { bottom: -2rem; }
  .lg\:grid-cols-\[0\.92fr_1\.08fr\]      { grid-template-columns: 0.92fr 1.08fr; }
  .lg\:grid-cols-\[0\.9fr_1\.1fr\]        { grid-template-columns: 0.9fr 1.1fr; }
  .lg\:grid-cols-\[1\.05fr_0\.95fr\]      { grid-template-columns: 1.05fr 0.95fr; }
  .lg\:grid-cols-\[0\.95fr_1\.05fr\]      { grid-template-columns: 0.95fr 1.05fr; }
}

/* ── Responsive: xl ≥ 1280px additions ── */
@media (min-width: 1280px) {
  .xl\:px-12 { padding-left: 3rem; padding-right: 3rem; }
}

/* ── Shadows ── */
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1); }
.shadow-\[0_24px_60px_rgba\(65\,95\,100\,0\.12\)\] { box-shadow: 0 24px 60px rgba(65,95,100,0.12); }
.shadow-\[0_20px_50px_rgba\(65\,95\,100\,0\.08\)\] { box-shadow: 0 20px 50px rgba(65,95,100,0.08); }
.shadow-\[0_20px_50px_rgba\(65\,95\,100\,0\.06\)\] { box-shadow: 0 20px 50px rgba(65,95,100,0.06); }
.shadow-\[0_20px_50px_rgba\(65\,95\,100\,0\.16\)\] { box-shadow: 0 20px 50px rgba(65,95,100,0.16); }
.shadow-\[0_18px_45px_rgba\(65\,95\,100\,0\.04\)\] { box-shadow: 0 18px 45px rgba(65,95,100,0.04); }
.shadow-\[0_12px_30px_rgba\(65\,95\,100\,0\.03\)\] { box-shadow: 0 12px 30px rgba(65,95,100,0.03); }
.shadow-\[0_24px_60px_rgba\(65\,95\,100\,0\.08\)\] { box-shadow: 0 24px 60px rgba(65,95,100,0.08); }
.shadow-\[0_16px_35px_rgba\(128\,181\,187\,0\.28\)\] { box-shadow: 0 16px 35px rgba(128,181,187,0.28); }

/* ── h-20, w-20 (for author photo) ── */
.h-20 { height: 5rem; }
.w-20 { width: 5rem; }