/* A handbook for the two games, followed by platform topics. Real SSR links. */
.guide-directory{padding-block:clamp(24px,4vw,48px);scroll-margin-top:calc(var(--app-header-height,68px) + 24px)}
.guide-directory>header{max-width:76ch;margin-bottom:28px}
body.arena-ui .guide-directory h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.2;text-transform:none;letter-spacing:-.02em;margin:0 0 12px}
.guide-directory p,.guide-topic-copy>span{color:var(--a8-text-2,#bfc5d0);line-height:1.65}
.guide-directory nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.guide-directory nav>a{position:relative;display:flex;align-items:center;gap:24px;min-width:0;padding:24px 0;border-bottom:1px solid var(--a8-line);text-decoration:none}
.guide-topic-copy{display:grid;gap:9px;min-width:0}
.guide-directory strong{font-family:var(--a8-heading);font-size:1.2rem;line-height:1.25;color:var(--a8-text,#f4f1fb)}
.guide-directory small{display:flex;align-items:center;gap:12px;color:var(--a8-brand-strong,#b69aea);font-size:.8rem;min-height:24px}
.guide-directory small b{font-size:18px;font-weight:400;transition:transform .16s ease}
.guide-directory .is-start{grid-column:1/-1;padding:20px 24px;margin-bottom:12px;border:1px solid var(--a8-line);border-left:3px solid var(--a8-accent);background:var(--a8-bg-raised)}
.guide-directory .is-start .guide-topic-copy{width:100%;grid-template-columns:minmax(0,1fr) auto;gap:8px 32px}
.guide-directory .is-start .guide-topic-copy>span{grid-column:1}
.guide-directory .is-start small{grid-column:2;grid-row:1/3;align-self:center}
.guide-directory :is(.is-blockfall,.is-colorfall){padding-block:32px}
.guide-directory :is(.is-blockfall,.is-colorfall) strong{font-size:clamp(1.5rem,2.3vw,2rem)}
.guide-directory .arena-game-mark{width:88px;height:88px;flex:0 0 88px;object-fit:contain}
.guide-directory nav>a:hover strong{color:var(--a8-brand-strong,#b69aea)}
.guide-directory nav>a:hover small b{transform:translateX(4px)}
.guide-directory a:focus-visible{outline:2px solid var(--a8-brand-strong,#b69aea);outline-offset:4px}
.guide-directory>p{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:24px}
.guide-directory>p a{display:inline-flex;align-items:center;min-height:44px}
.editorial-section[id]{scroll-margin-top:calc(var(--app-header-height,68px) + 24px)}
@media(max-width:639px){
 .guide-directory nav{grid-template-columns:1fr}
 .guide-directory nav>a{padding:20px 0;gap:18px}
 .guide-directory .is-start{padding:20px}
 .guide-directory .is-start .guide-topic-copy{grid-template-columns:1fr}
 .guide-directory .is-start small{grid-column:1;grid-row:auto}
 .guide-directory .arena-game-mark{width:64px;height:64px;flex-basis:64px}
 .guide-directory{padding-block:28px}
}
@media(prefers-reduced-motion:reduce){.guide-directory small b{transition:none}}