body.guide-directory-page{background:#f5efd8}
.guide-directory{min-height:calc(100vh - 154px);padding:60px 24px 88px;background:linear-gradient(180deg,#e6f2db,#f5efd8)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.guide-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 76px;max-width:760px;margin:0 auto}
.guide-tile{display:block;color:#284632;text-align:center;text-decoration:none}
.guide-tile-art{display:block;width:100%;aspect-ratio:1/1;border-radius:8px;background-image:url('assets/brand/guide-icons-atlas.png');background-size:200% 200%;background-repeat:no-repeat;box-shadow:0 12px 24px #0005;transition:transform .18s ease,box-shadow .18s ease}
.guide-tile-enchant .guide-tile-art{background-position:0 0}
.guide-tile-realm .guide-tile-art{background-image:url('assets/brand/guide-realm.png');background-size:cover;background-position:center}
.guide-tile-friends .guide-tile-art{background-position:0 100%}
.guide-tile-auction .guide-tile-art{background-image:url('assets/brand/guide-auction-gavel.png');background-size:cover;background-position:center}
.guide-tile-label{display:block;margin-top:18px;color:#284632;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:900;line-height:1.3}
.guide-tile:hover .guide-tile-art,.guide-tile:focus-visible .guide-tile-art{transform:translateY(-7px);box-shadow:0 19px 30px #0009}
.guide-tile:hover .guide-tile-label,.guide-tile:focus-visible .guide-tile-label{color:#996028}
.guide-tile:focus-visible{outline:3px solid #ffdc77;outline-offset:8px;border-radius:6px}
.guide-directory-page .footer{background:#f5efd8;border-top:0;color:#4a604e}
.guide-directory-page .footer .wrap{color:#4a604e}
html[data-theme="night"] body.guide-directory-page{background:#000}
html[data-theme="night"] .guide-directory{background:#000}
html[data-theme="night"] .guide-tile-label{color:#f8f0d8}
html[data-theme="night"] .guide-tile:hover .guide-tile-label,html[data-theme="night"] .guide-tile:focus-visible .guide-tile-label{color:#ffdc77}
html[data-theme="night"] .guide-directory-page .topbar{background:linear-gradient(180deg,rgba(8,8,8,.98),rgba(8,8,8,.89) 62%,rgba(8,8,8,.58));color:#f8f0d8}
html[data-theme="night"] .guide-directory-page .topbar::before{background:linear-gradient(180deg,rgba(8,8,8,.52),transparent)}
html[data-theme="night"] .guide-directory-page .nav a{color:#f8f0d8}
html[data-theme="night"] .guide-directory-page .nav a:hover,html[data-theme="night"] .guide-directory-page .nav a:focus-visible,html[data-theme="night"] .guide-directory-page .nav a[aria-current=page]{color:#151515}
html[data-theme="night"] .guide-directory-page .footer{background:#000;color:#c8c8c3}
html[data-theme="night"] .guide-directory-page .footer .wrap{color:#bdccb9}
@media(max-width:960px){.guide-tile-grid{max-width:660px;gap:48px}.guide-directory{padding-top:48px}}
@media(max-width:520px){.guide-directory{padding:40px 20px 72px 58px}.guide-tile-grid{gap:26px 18px}.guide-tile-label{margin-top:11px;font-size:1.15rem}.guide-tile-art{border-radius:5px}}