#ii-guidelines{max-width:760px;margin:0 auto;color:#404041;font-size:16px;line-height:1.6;font-family:'Lato','Helvetica Neue',Arial,sans-serif;padding:8px 0 40px}
#ii-guidelines h1,#ii-guidelines h3{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;color:#404041}
#ii-guidelines .ii-gl-sub{color:#1C1411;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 24px}
#ii-guidelines .ii-gl-intro{font-size:17px;color:#404041;margin:0 0 28px}
#ii-guidelines .ii-gl-item{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-top:1px solid #EAE8EC}
#ii-guidelines .ii-gl-n{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#664787;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
#ii-guidelines .ii-gl-item h3{margin:2px 0 4px;font-size:17px;color:#404041}
#ii-guidelines .ii-gl-item p{margin:0;color:#1C1411}
#ii-guidelines .ii-gl-note{background:#FCF3EE;border:1px solid #F7DFD2;border-radius:6px;padding:16px 18px;font-size:14.5px;color:#1C1411;margin-top:26px}

/* ============================================================================
   DARK MODE — #ii-guidelines uses hardcoded hex; not in the foundation's list.
   ============================================================================ */
.ii-dark #ii-guidelines{ color:#E9E3DB; }
.ii-dark #ii-guidelines h1,
.ii-dark #ii-guidelines h3,
.ii-dark #ii-guidelines .ii-gl-intro,
.ii-dark #ii-guidelines .ii-gl-item h3{ color:#E9E3DB; }
.ii-dark #ii-guidelines .ii-gl-sub{ color:#A69D93; }
.ii-dark #ii-guidelines .ii-gl-item{ border-top-color:#332D26; }
.ii-dark #ii-guidelines .ii-gl-item p{ color:#CFC7BD; }
.ii-dark #ii-guidelines .ii-gl-note{ background:#2A211A; border-color:#33261A; color:#CFC7BD; }

/* ---- mobile ---- */
@media (max-width:520px){
  #ii-guidelines{ font-size:15px; padding:8px 4px 32px; }
  #ii-guidelines .ii-gl-item{ gap:12px; }
}