/* Guide content blocks — steps, callouts, checklist, hotel examples.
   Logical properties keep RTL (Arabic) correct without overrides. */
.u2g-ce-steps{list-style:none;counter-reset:u2gstep;margin:1.5rem 0;padding:0;display:grid;gap:.75rem}
.u2g-ce-steps__item{counter-increment:u2gstep;display:flex;gap:.875rem;align-items:flex-start;padding:.875rem 1rem;border:1px solid var(--u2g-border,#e5e4e0);border-radius:10px;background:var(--u2g-surface,#fff)}
.u2g-ce-steps__item::before{content:counter(u2gstep);flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:var(--u2g-primary,#0f3d2e);color:#fff;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center}
.u2g-ce-steps__body{display:flex;flex-direction:column;gap:.15rem;line-height:1.6;min-width:0}
.u2g-ce-steps__body strong{font-weight:600}

.u2g-ce-callout{display:flex;gap:.75rem;align-items:flex-start;margin:1.5rem 0;padding:.875rem 1rem;border-radius:10px;border:1px solid;border-inline-start-width:4px;line-height:1.65}
.u2g-ce-callout__icon{flex:0 0 auto;margin-block-start:.2rem;display:inline-flex}
.u2g-ce-callout__text{min-width:0}
.u2g-ce-callout--info{background:#eef5ff;border-color:#b6d0f5;color:#1d3b66}
.u2g-ce-callout--tip{background:#ecf7f0;border-color:#a9d9bb;color:#14532d}
.u2g-ce-callout--warning{background:#fff6e6;border-color:#f2cf8a;color:#7a4a00}

.u2g-ce-checklist{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:.5rem}
.u2g-ce-checklist__item{display:flex;gap:.625rem;align-items:flex-start;line-height:1.6}
.u2g-ce-checklist__tick{flex:0 0 auto;width:22px;height:22px;border-radius:6px;background:var(--u2g-primary,#0f3d2e);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-block-start:.1rem}
.u2g-ce-checklist__tick svg{width:14px;height:14px}

.u2g-ce-hotel-examples{margin:1.75rem 0}

@media (max-width:600px){
  .u2g-ce-steps__item{padding:.75rem}
  .u2g-ce-callout{padding:.75rem}
}