/* Editorial copy follows the game catalog and inherits each site's own colors. */
.home-guide{margin:44px 0 54px;padding-top:36px;border-top:1px solid var(--line);color:var(--text);--guide-accent:var(--violet)}
.home-guide p{font-size:15px;line-height:1.95;color:var(--muted);overflow-wrap:anywhere}
.guide-header{max-width:900px;margin-bottom:30px}
.guide-header h2{font-size:28px;font-weight:600;line-height:1.5;margin-bottom:16px;text-wrap:balance}
.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;align-items:start}
.guide-contents{display:flex;flex-direction:column;gap:14px;border-left:3px solid var(--guide-accent);padding:4px 0 4px 20px}
.guide-contents strong{font-size:13px;color:var(--text);font-weight:600}
.guide-contents a{font-size:13px;line-height:1.75;color:var(--muted)}
.guide-contents a:hover,.guide-contents a:focus-visible{color:var(--guide-accent);text-decoration:underline;text-underline-offset:4px}
.guide-sections{min-width:0;max-width:850px}
.guide-sections>section{scroll-margin-top:145px}
.guide-sections>section+section{margin-top:30px;padding-top:27px;border-top:1px solid var(--line)}
.guide-sections h3{font-size:20px;font-weight:600;line-height:1.55;margin:0 0 13px}
.guide-sections p+p{margin-top:12px}
.guide-sections p a{color:var(--guide-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.guide-faq{margin-top:36px;padding-top:30px;border-top:1px solid var(--line);scroll-margin-top:145px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px}
.guide-faq h2{font-size:22px;line-height:1.6;font-weight:600}
.guide-faq details{border-bottom:1px solid var(--line)}
.guide-faq summary{font-size:15px;font-weight:500;line-height:1.7;cursor:pointer;padding:16px 26px 16px 0;color:var(--text)}
.guide-faq summary::marker{color:var(--guide-accent)}
.guide-faq details[open] summary{color:var(--guide-accent)}
.guide-faq details p{padding:0 0 20px;font-size:14px;max-width:800px}
.guide-next{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;margin-top:22px}
.guide-next a{color:var(--guide-accent);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.guide-next span{font-size:11px;line-height:1.8;color:var(--muted)}
.guide--starter{--guide-accent:var(--accent-dark);background:var(--surface);padding:32px;border:1px solid var(--line);border-radius:16px}
.guide--starter .guide-layout,.guide--starter .guide-faq{grid-template-columns:210px minmax(0,1fr);gap:32px}
.guide--arcade .guide-header{max-width:780px}
.guide--arcade .guide-layout{grid-template-columns:1fr;gap:28px}
.guide--arcade .guide-contents{flex-direction:row;flex-wrap:wrap;gap:12px 25px;padding:16px 0;border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide--arcade .guide-contents strong{width:100%}
.guide--arcade .guide-sections{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:none}
.guide--arcade .guide-sections>section+section{margin:0;padding:0;border:0}
.guide--lounge .guide-header{max-width:820px}
.guide--lounge .guide-header h2{font-weight:400;font-size:30px}
.guide--lounge .guide-sections h3{font-weight:500}
.guide--lounge .guide-contents{border-left-width:1px}
.guide--cyber{padding:28px;background:var(--surface);border:1px solid var(--line)}
.guide--cyber .guide-header h2{font-size:26px}
.guide--cyber .guide-layout,.guide--cyber .guide-faq{grid-template-columns:190px minmax(0,1fr);gap:28px}
.guide--cyber .guide-contents{border-left:2px solid var(--cyan);padding-left:16px}
.guide--club{border-top:2px solid var(--text)}
.guide--club .guide-header{max-width:none;display:grid;grid-template-columns:1fr 1.5fr;gap:40px}
.guide--club .guide-header h2{font-weight:700}
.guide--club .guide-contents{background:#e2ebdf;border:0;border-radius:8px;padding:22px}
.guide--club .guide-faq{padding:25px;background:#fffef6;border:1px solid var(--line);border-radius:8px}
@media(max-width:1050px){.guide-layout,.guide-faq,.guide--starter .guide-layout,.guide--starter .guide-faq,.guide--cyber .guide-layout,.guide--cyber .guide-faq{grid-template-columns:1fr;gap:25px}.guide-contents{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.guide-contents strong{grid-column:1/-1}.guide--club .guide-header{grid-template-columns:1fr;gap:0}.guide-sections{max-width:none}}
@media(max-width:760px){.home-guide{margin:30px 0 36px;padding-top:25px}.guide-header{margin-bottom:24px}.guide-header h2,.guide--lounge .guide-header h2,.guide--cyber .guide-header h2{font-size:23px}.home-guide p{font-size:14px;line-height:1.95}.guide-contents{display:flex;gap:12px}.guide-contents a{font-size:12px}.guide-sections h3{font-size:18px}.guide-sections>section+section{margin-top:24px;padding-top:22px}.guide-faq{margin-top:28px;padding-top:23px;gap:12px}.guide-faq h2{font-size:21px}.guide-faq summary{font-size:14px;padding:15px 0}.guide-faq details p{font-size:13px}.guide-next{align-items:flex-start;flex-direction:column;gap:15px}.guide-next a{font-size:13px}.guide--starter,.guide--cyber{padding:22px 18px}.guide--arcade .guide-sections{grid-template-columns:1fr;gap:26px}.guide--arcade .guide-contents{flex-direction:column;gap:12px}.guide--club .guide-faq{padding:20px}.guide--club .guide-contents{padding:18px}}