.atlas-guide-launcher {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1200;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 0;
  border-radius: 999px;
  padding: 12px 17px;
  color: #fff;
  background: #2f5eea;
  box-shadow: 0 10px 28px rgba(26, 55, 126, .28);
  font: 700 14px/1.2 inherit;
  cursor: pointer;
}

.atlas-guide-launcher:hover { background: #244fd0; }
.atlas-guide-launcher-mark { font-size: 18px; }

.atlas-guide-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 1300;
  display: grid;
  grid-template-rows: auto auto 1fr;
  width: min(440px, 94vw);
  background: #f7f9fd;
  border-left: 1px solid #dce3f1;
  box-shadow: -18px 0 42px rgba(22, 41, 82, .22);
  transform: translateX(105%);
  transition: transform .2s ease;
}

.atlas-guide-drawer.open { transform: translateX(0); }
.atlas-guide-header { padding: 20px 20px 14px; background: #fff; border-bottom: 1px solid #e2e7f0; }
.atlas-guide-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.atlas-guide-kicker { display: block; color: #315de0; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.atlas-guide-heading h2 { margin: 4px 0 3px; color: #172644; font: 700 23px/1.15 Georgia, serif; }
.atlas-guide-heading p { margin: 0; color: #66728a; font-size: 12px; }
.atlas-guide-close { border: 0; border-radius: 9px; width: 34px; height: 34px; color: #66728a; background: #f1f4f9; font-size: 21px; cursor: pointer; }
.atlas-guide-search { display: flex; gap: 8px; margin-top: 15px; }
.atlas-guide-search input { flex: 1; min-width: 0; border: 1px solid #cfd8ea; border-radius: 9px; padding: 11px 12px; background: #fff; font: inherit; }
.atlas-guide-search input:focus { outline: 2px solid rgba(47, 94, 234, .22); border-color: #5078ed; }
.atlas-guide-context { padding: 10px 20px; color: #52617b; background: #eef3ff; border-bottom: 1px solid #dce5fa; font-size: 12px; }
.atlas-guide-context strong { color: #274fca; }
.atlas-guide-content { overflow: auto; padding: 16px 18px 28px; }
.atlas-guide-section-title { margin: 4px 2px 10px; color: #69758c; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.atlas-guide-list { display: grid; gap: 9px; }
.atlas-guide-card { border: 1px solid #dce3ef; border-radius: 12px; background: #fff; overflow: hidden; }
.atlas-guide-card-button { width: 100%; border: 0; padding: 13px 14px; color: #1d2b48; background: transparent; text-align: left; cursor: pointer; }
.atlas-guide-card-button:hover { background: #f7f9ff; }
.atlas-guide-card-title { display: block; font-weight: 750; }
.atlas-guide-card-summary { display: block; margin-top: 4px; color: #6b778e; font-size: 12px; line-height: 1.4; }
.atlas-guide-article { border: 1px solid #dce3ef; border-radius: 13px; padding: 16px; background: #fff; }
.atlas-guide-back { border: 0; padding: 0; color: #315de0; background: none; font-weight: 700; cursor: pointer; }
.atlas-guide-article h3 { margin: 14px 0 7px; color: #172644; font-size: 19px; }
.atlas-guide-article p { color: #4e5c75; font-size: 13px; line-height: 1.55; }
.atlas-guide-steps { margin: 13px 0 0; padding-left: 23px; color: #34435f; font-size: 13px; line-height: 1.55; }
.atlas-guide-steps li + li { margin-top: 7px; }
.atlas-guide-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
.atlas-guide-action { border: 1px solid #bfcceb; border-radius: 8px; padding: 9px 12px; color: #244fc9; background: #f7f9ff; font-weight: 750; cursor: pointer; }
.atlas-guide-action.primary { border-color: #315de0; color: #fff; background: #315de0; }
.atlas-guide-downloads { display: grid; gap: 8px; margin-top: 17px; }
.atlas-guide-downloads > span { color: #69758c; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.atlas-guide-downloads a { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #d5def0; border-radius: 9px; padding: 11px 12px; color: #244fc9; background: #f7f9ff; font-size: 13px; font-weight: 750; text-decoration: none; }
.atlas-guide-downloads a:hover { border-color: #315de0; background: #eef3ff; }
.atlas-guide-downloads a b { display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; border-radius: 50%; color: #fff; background: #315de0; font-size: 14px; }
.atlas-guide-empty { padding: 30px 18px; color: #69758b; text-align: center; }
.atlas-guide-highlight { position: relative !important; z-index: 1451 !important; border-radius: 7px; box-shadow: 0 0 0 4px #ffbd2e, 0 0 0 9999px rgba(14, 25, 48, .42) !important; animation: atlas-guide-pulse 1.15s ease-in-out infinite alternate; }
@keyframes atlas-guide-pulse { from { box-shadow: 0 0 0 3px #ffbd2e, 0 0 0 9999px rgba(14,25,48,.42); } to { box-shadow: 0 0 0 7px rgba(255,189,46,.75), 0 0 0 9999px rgba(14,25,48,.42); } }
.atlas-guide-toast { position: fixed; left: 50%; bottom: 28px; z-index: 1500; transform: translateX(-50%); border-radius: 9px; padding: 11px 15px; color: #fff; background: #24314a; box-shadow: 0 7px 20px rgba(0,0,0,.22); font-size: 13px; }
@media (max-width: 700px) { .atlas-guide-launcher-label { display: none; } .atlas-guide-launcher { right: 14px; bottom: 14px; padding: 12px 14px; } }