@charset "utf-8";
/* Six real guide pages. No iframe, modal or nested scroll surface. */
.cs-guide-menu{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:22px 0 8px;padding:0;isolation:isolate}
.cs-guide-menu>a{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:82px;padding:14px 12px;border:1px solid #454b3d;border-radius:9px;overflow:hidden;text-decoration:none!important;background:linear-gradient(115deg,#2a2f24 0%,#20251d 53%,#1c211b 100%);box-shadow:inset 0 1px 0 #ffffff06;transition:transform .18s,border-color .18s,box-shadow .18s}
.cs-guide-menu>a::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 18% 35%,#b39a5820,transparent 68%),repeating-linear-gradient(125deg,#ffffff02 0 1px,transparent 1px 7px);opacity:.6;transition:opacity .18s}
.cs-guide-menu img{position:relative;flex:0 0 48px;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 4px #0004);transition:transform .18s}
.cs-guide-menu span{position:relative;min-width:0;color:#e7e8de;font-size:12px;font-weight:600;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}
.cs-guide-menu small{display:block;color:#bba27b;font-size:9px;font-weight:400;letter-spacing:1.1px;margin-bottom:2px}
.cs-guide-menu>a:hover,.cs-guide-menu>a:focus-visible{transform:translateY(-2px);border-color:#9b8158;box-shadow:0 6px 16px #0003,inset 0 1px 0 #e8c98a12}
.cs-guide-menu>a:hover::before,.cs-guide-menu>a:focus-visible::before{opacity:1}
.cs-guide-menu>a:hover img{transform:scale(1.07)}
.cs-guide-menu>a:focus-visible{outline:2px solid #c9ac7e;outline-offset:3px}
.cs-guide-menu>a[aria-current=page]{border-color:#a18a63;background:linear-gradient(115deg,#3b3b2a,#2b3024 55%,#22281e)}
.cs-guide-menu>a[aria-current=page] span{color:#f1dfbd}
@media(max-width:1050px){.cs-guide-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cs-guide-menu>a{min-height:76px;padding:12px 16px}.cs-guide-menu span{font-size:13px}}
@media(max-width:540px){.cs-guide-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 6px}.cs-guide-menu>a{gap:9px;padding:11px 10px;min-height:73px}.cs-guide-menu img{width:40px;height:40px;flex-basis:40px}.cs-guide-menu span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cs-guide-menu>a,.cs-guide-menu>a::before,.cs-guide-menu img{transition:none}.cs-guide-menu>a:hover,.cs-guide-menu>a:focus-visible,.cs-guide-menu>a:hover img{transform:none}}
/* Golden hover sweep: one short highlight, then a quiet steady glow. */
.cs-guide-menu>a::after{content:"";position:absolute;inset:-35% -35%;background:linear-gradient(105deg,transparent 34%,#ffe3a400 41%,#ffe3a433 49%,#fff1c648 50%,#ffe3a41a 54%,transparent 63%);transform:translateX(-100%);opacity:0;pointer-events:none}
.cs-guide-menu>a:hover,.cs-guide-menu>a:focus-visible{border-color:#d2b26e;box-shadow:0 0 0 1px #d8b56b22,0 0 18px #c49b3c24,0 8px 18px #0004,inset 0 0 20px #dab66c0c}
.cs-guide-menu>a:hover::after,.cs-guide-menu>a:focus-visible::after{animation:cs-gold-sweep .7s ease-out both}
.cs-guide-menu>a:hover span,.cs-guide-menu>a:focus-visible span{color:#ffe7b5;text-shadow:0 0 13px #d7ae5f40}
@keyframes cs-gold-sweep{0%{opacity:0;transform:translateX(-75%)}20%{opacity:1}100%{opacity:0;transform:translateX(75%)}}
@media(prefers-reduced-motion:reduce){.cs-guide-menu>a:hover::after,.cs-guide-menu>a:focus-visible::after{animation:none}}

/* R5: 11 cards wrap, never force horizontal scrolling. */
.cs-nav>ul>li[data-cs-guide-source="1"]{display:none!important}
.cs-guide-menu{grid-template-columns:repeat(auto-fit,minmax(174px,1fr))}
.cs-guide-menu>a{min-height:80px}.cs-guide-menu span{overflow-wrap:anywhere}
@media(max-width:1050px){.cs-guide-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.cs-guide-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Scope to guide cards only; override the old 80px minimum in any load order. */
.cs-guide-menu.cs-guide-menu > a {
    min-height: 0 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
@media (max-width: 1050px) {
    .cs-guide-menu.cs-guide-menu > a {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}
@media (max-width: 540px) {
    .cs-guide-menu.cs-guide-menu > a {
        min-height: 60px !important;
        padding-top: 5.5px !important;
        padding-bottom: 5.5px !important;
    }
}

/* R20 LIVE VERIFIED: desktop 90%, compact guide cards. No bitmap/transform scaling. */
@media screen and (min-width: 761px) {
    html { zoom: 0.9 !important; }
}
/* Explicit reset prevents an earlier desktop setting leaking into mobile. */
@media screen and (max-width: 760px) {
    html { zoom: 1 !important; }
}
/* Scope to guide cards only; override the old 80px minimum in any load order. */
.cs-guide-menu.cs-guide-menu > a {
    min-height: 0 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
@media (max-width: 1050px) {
    .cs-guide-menu.cs-guide-menu > a {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}
@media (max-width: 540px) {
    .cs-guide-menu.cs-guide-menu > a {
        min-height: 60px !important;
        padding-top: 5.5px !important;
        padding-bottom: 5.5px !important;
    }
}