/* Guide links (Bob, approved 9 Oct 2026): S1 soft indigo wash. Phone rules first; desktop from 900px. */
.al-gl{margin:18px 0 22px;font-family:inherit;text-align:left}
.al-gl--home{max-width:1200px;margin:22px auto 6px;padding:0 15px;box-sizing:border-box}
.al-gl *{box-sizing:border-box}
.al-gl__wash{background:linear-gradient(180deg,#EEF0FA,#F8F9FD);border-radius:16px;padding:14px}
.al-gl .al-gl__heading{font-size:18px;font-weight:700;line-height:1.3;color:#111;margin:0 0 10px;padding:0;letter-spacing:0;text-transform:none}
.al-gl .al-gl__heading::before{content:"";display:inline-block;width:4px;height:16px;background:#5B6BBD;border-radius:2px;margin-right:8px;vertical-align:-2px}
.al-gl__scroll{position:relative}
.al-gl .al-gl__track{display:flex;gap:10px;margin:0;padding:0 0 4px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.al-gl .al-gl__track::-webkit-scrollbar{display:none}
.al-gl .al-gl__card{position:relative;flex:0 0 258px;margin:0;padding:14px;list-style:none;background:#fff;border:1px solid #d9def3;border-radius:14px;box-shadow:0 1px 3px rgba(77,90,161,.10);scroll-snap-align:start;min-width:0}
.al-gl .al-gl__card::before{content:none}
.al-gl .al-gl__card:first-child{border-top:3px solid #5B6BBD}
.al-gl .al-gl__card:nth-child(n+4){display:none}
.al-gl__chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:#5B6BBD;color:#fff;font-size:11.5px;font-weight:600;line-height:1.2;letter-spacing:.02em;border-radius:100px;padding:3px 9px 3px 4px}
.al-gl__icon{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:none;border:1px solid #fff;background:#fff}
.al-gl__dot{width:18px;height:18px;border-radius:50%;background:#fff;flex:none;display:inline-block}
.al-gl .al-gl__title{font-size:15px;font-weight:700;line-height:1.3;color:#111;margin:10px 0 6px;padding:0;letter-spacing:0;text-transform:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.al-gl a.al-gl__link,.al-gl a.al-gl__link:hover{color:#111;text-decoration:none!important}
.al-gl .al-gl__link::after{content:"";position:absolute;inset:0;border-radius:14px}
.al-gl .al-gl__link:focus-visible::after{outline:2px solid #5B6BBD;outline-offset:2px}
.al-gl .al-gl__card:hover .al-gl__link{color:#4d5aa1}
.al-gl .al-gl__excerpt{font-size:13px;line-height:1.45;color:#6b7185;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al-gl .al-gl__time{font-size:12px;line-height:1.3;color:#6b7185;margin:8px 0 0}
.al-gl__arrow,.al-gl .al-gl__count{display:none}
.al-gl .al-gl__all-wrap{margin:12px 0 0;padding:0}
.al-gl .al-gl__all{display:flex;align-items:center;justify-content:center;height:46px;background:#5B6BBD;color:#fff;font-size:14px;font-weight:700;line-height:1;text-decoration:none!important;border-radius:10px}
.al-gl .al-gl__all:hover{background:#4d5aa1;color:#fff}
.al-gl .al-gl__all:focus-visible{outline:2px solid #111;outline-offset:2px}

/* Game and account pages on phones: one featured card, then two smaller ones. */
.al-gl--game .al-gl__card,.al-gl--shelf .al-gl__card,.al-gl--basics .al-gl__card{flex-basis:244px}
.al-gl--game .al-gl__card:first-child,.al-gl--shelf .al-gl__card:first-child,.al-gl--basics .al-gl__card:first-child{flex-basis:292px}
.al-gl--game .al-gl__card:first-child .al-gl__title,.al-gl--shelf .al-gl__card:first-child .al-gl__title,.al-gl--basics .al-gl__card:first-child .al-gl__title{font-size:18px;font-weight:800;line-height:1.25}
.al-gl--game .al-gl__card:first-child .al-gl__excerpt,.al-gl--shelf .al-gl__card:first-child .al-gl__excerpt,.al-gl--basics .al-gl__card:first-child .al-gl__excerpt{-webkit-line-clamp:3}

@media (min-width:900px){
  .al-gl{margin:26px 0 30px}
  .al-gl--home{margin:30px auto 10px;padding:0 20px}
  .al-gl__wash{padding:20px}
  .al-gl .al-gl__heading{font-size:22px;margin-bottom:14px}
  .al-gl .al-gl__heading::before{height:19px}
  .al-gl .al-gl__track{gap:16px;scroll-behavior:smooth}
  .al-gl .al-gl__card,
  .al-gl--game .al-gl__card,.al-gl--shelf .al-gl__card,.al-gl--basics .al-gl__card,
  .al-gl--game .al-gl__card:first-child,.al-gl--shelf .al-gl__card:first-child,.al-gl--basics .al-gl__card:first-child{flex:0 0 calc((100% - 48px)/4)}
  .al-gl .al-gl__card:nth-child(n+4){display:block}
  .al-gl--game .al-gl__card:first-child .al-gl__title,.al-gl--shelf .al-gl__card:first-child .al-gl__title,.al-gl--basics .al-gl__card:first-child .al-gl__title{font-size:15px;font-weight:700;line-height:1.3}
  .al-gl--game .al-gl__card:first-child .al-gl__excerpt,.al-gl--shelf .al-gl__card:first-child .al-gl__excerpt,.al-gl--basics .al-gl__card:first-child .al-gl__excerpt{-webkit-line-clamp:2}
  .al-gl--more .al-gl__arrow{display:flex;align-items:center;justify-content:center;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;border-radius:50%;background:#fff;border:1px solid #d9def3;box-shadow:0 2px 8px rgba(77,90,161,.22);color:#4d5aa1;font-size:22px;line-height:1;cursor:pointer}
  .al-gl--more .al-gl__arrow[hidden]{display:none}
  .al-gl--more .al-gl__arrow:focus-visible{outline:2px solid #5B6BBD;outline-offset:2px}
  .al-gl--more .al-gl__count{display:block;font-size:12.5px;line-height:1.4;color:#6b7185;margin:10px 2px 0}
  .al-gl .al-gl__all-wrap{margin-top:16px;text-align:center}
  .al-gl .al-gl__all{display:inline-flex;width:auto;padding:0 26px}
}
@media (prefers-reduced-motion:reduce){.al-gl .al-gl__track{scroll-behavior:auto}}