/* AIC Leaders' Messages — mengikuti bahasa desain halaman About ASEAN
   (Playfair Display, aksen italic gradient, eyebrow ber-titik, navy #0A1830) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;1,600&display=swap');

.aicl-wrap{
  --aicl-navy:#0A1830; --aicl-ink:#28374a; --aicl-mut:#5b6b7c; --aicl-line:#e5ecf3;
  --aicl-accent:#42A5F5;
  --aicl-grad:linear-gradient(120deg,#4FC3F7 0%,#42A5F5 45%,#7C4DFF 100%);
  max-width:1100px; margin:0 auto; padding:8px 4px; color:var(--aicl-ink); font-family:inherit;
}

/* ---- page header (eyebrow + Playfair heading + intro) ---- */
.aicl-head{ text-align:center; margin:6px auto 50px; max-width:820px; }
.aicl-eyebrow{
  display:inline-flex; align-items:center; gap:9px; margin-bottom:16px;
  font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--aicl-accent); background:rgba(66,165,245,.10);
  padding:6px 15px; border-radius:999px;
}
.aicl-eyebrow::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.aicl-h2{
  margin:0; font-family:'Playfair Display',Georgia,serif; font-weight:600;
  font-size:clamp(34px,4.8vw,60px); line-height:1.08; letter-spacing:-1px; color:var(--aicl-navy);
}
.aicl-h2 em{
  font-style:italic; background:var(--aicl-grad);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
}
.aicl-lead{ margin:18px auto 0; max-width:720px; font-size:17px; line-height:1.7; color:var(--aicl-mut); }

/* ---- leader row ---- */
.aicl-row{
  display:grid; grid-template-columns:320px 1fr; gap:48px;
  align-items:start; padding:48px 0; border-top:1px solid var(--aicl-line);
}
.aicl-row:first-of-type{ border-top:0; padding-top:8px; }
.aicl-row.aicl-rev{ grid-template-columns:1fr 320px; }
.aicl-row.aicl-rev .aicl-aside{ order:2; }
.aicl-row.aicl-rev .aicl-body{ order:1; }

.aicl-aside{ position:sticky; top:24px; }
.aicl-photo{
  border-radius:14px; overflow:hidden; background:#eef2f6;
  box-shadow:0 2px 8px rgba(10,24,48,.10),0 26px 48px -22px rgba(10,24,48,.45);
}
.aicl-photo img{ display:block; width:100%; height:auto; }
.aicl-id{ margin-top:18px; }
.aicl-name{
  margin:0; font-family:'Playfair Display',Georgia,serif; font-weight:600;
  font-size:25px; line-height:1.15; letter-spacing:-.5px; color:var(--aicl-navy);
}
.aicl-role{ margin-top:6px; font-size:13.5px; font-weight:600; color:var(--aicl-accent); }

/* ---- message body ---- */
.aicl-body{ position:relative; }
.aicl-msg{ font-size:16.5px; line-height:1.78; color:var(--aicl-ink); }
.aicl-msg p{ margin:0 0 16px; }
.aicl-msg p:last-child{ margin-bottom:0; }
.aicl-msg h4{
  margin:30px 0 13px; font-family:'Playfair Display',Georgia,serif; font-weight:600;
  font-size:20px; letter-spacing:-.3px; color:var(--aicl-navy);
}
.aicl-msg ul{ margin:0 0 16px; padding-left:0; list-style:none; }
.aicl-msg li{ position:relative; margin:0 0 11px; padding-left:24px; }
.aicl-msg li::before{
  content:""; position:absolute; left:2px; top:.55em; width:8px; height:8px;
  border-radius:50%; background:var(--aicl-accent);
}
.aicl-msg strong{ color:var(--aicl-navy); font-weight:700; }

/* ---- dark mode (mengikuti toggle tema situs) ---- */
[data-theme="dark"] .aicl-h2,
[data-theme="dark"] .aicl-name,
[data-theme="dark"] .aicl-msg h4,
[data-theme="dark"] .aicl-msg strong{ color:#fff; }
[data-theme="dark"] .aicl-msg{ color:#d7e0ea; }
[data-theme="dark"] .aicl-row{ border-color:rgba(255,255,255,.12); }
[data-theme="dark"] .aicl-lead{ color:#aebccb; }

/* ---- responsive ---- */
@media (max-width:820px){
  .aicl-row, .aicl-row.aicl-rev{ grid-template-columns:1fr; gap:24px; }
  .aicl-row.aicl-rev .aicl-aside{ order:0; }
  .aicl-row.aicl-rev .aicl-body{ order:0; }
  .aicl-aside{ position:static; max-width:280px; }
  .aicl-msg{ font-size:16px; }
}