/* Community guides use the same game surfaces as the catalogues. */
.summoner-guide{color:var(--game-text);line-height:1.65;font-size:16px;min-width:0}
.summoner-guide h3,.summoner-guide h4{color:#fff3c9;line-height:1.25;margin:0 0 12px;font-weight:800}
.summoner-guide p{margin:0 0 14px}.summoner-guide h3{font-size:23px}.summoner-guide h4{font-size:18px}
.guide-hero{display:flex;align-items:center;gap:30px;padding:30px;background:linear-gradient(110deg,#203b4b,#142e3c);border:2px solid var(--game-border);border-left:5px solid var(--game-gold);box-shadow:5px 6px 0 #071b2b80}
.guide-hero-copy{flex:1;min-width:0}.guide-headline{font-size:clamp(25px,3vw,38px)!important;font-style:italic;max-width:650px}.guide-lead{font-size:17px;color:var(--game-text);max-width:850px}
.guide-badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.guide-badge{padding:5px 10px;background:#f2cc63;color:#142e3c;font-size:13px;font-weight:800}.guide-muted{color:var(--game-muted);font-size:14px}
.guide-beastmaster{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 8px 10px #071b2b)}
.guide-sigils{display:flex;gap:10px;margin-top:20px}.guide-sigils img{border:2px solid var(--game-gold);width:56px;height:56px;object-fit:cover}
.guide-editorial{border-left:3px solid var(--game-border);padding:12px 16px;margin:20px 0!important;background:#142e3cbf;color:var(--game-muted);font-size:14px}
.guide-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.guide-link,.guide-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid var(--game-border);border-bottom:3px solid #081f2b;background:var(--game-raised);color:#fff3c9;text-decoration:none;font:700 14px Arial,sans-serif;cursor:pointer;line-height:1.4;text-align:center}
.guide-link:hover,.guide-action:hover{background:#3c6174;border-color:var(--game-gold)}.guide-link:focus-visible,.guide-action:focus-visible,.guide-details summary:focus-visible{outline:3px solid #73dbff;outline-offset:3px}
.guide-section{margin:32px 0;scroll-margin-top:140px}.guide-section>h3{padding-bottom:10px;border-bottom:2px solid var(--game-border)}
.guide-core{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.guide-ability,.guide-panel,.guide-item{min-width:0;padding:18px;background:var(--game-panel);border:1px solid var(--game-border);box-shadow:3px 4px 0 #071b2b80}
.guide-ability,.guide-item{display:flex;flex-direction:column;align-items:flex-start}.guide-ability p,.guide-item p{font-size:14px}.guide-action{margin-top:auto}.guide-ability-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.guide-ability-head img{width:56px;height:56px;border:1px solid var(--game-gold)}.guide-ability-head h4{font-size:17px;margin:0}
.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-panel p{margin-bottom:0;font-size:15px}.guide-step{display:inline-grid;place-items:center;background:var(--game-gold);color:#142e3c;width:34px;height:34px;font-size:22px;font-weight:900;margin-bottom:14px;transform:rotate(-4deg)}.guide-feature{margin-top:18px;border-left:4px solid var(--game-gold)}
.guide-equipment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-item-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.guide-item-head img{width:65px;height:50px;object-fit:contain}.guide-item-head h4{margin:0;font-size:17px}.guide-caution{margin:22px 0;border-left:4px solid var(--game-gold);background:var(--game-inset)}
.guide-formulas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-coefficient{font-size:38px;color:var(--game-value);line-height:1.2}.guide-mechanics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-reference-title{color:var(--game-gold)!important}.guide-details{margin:22px 0;background:var(--game-panel);border:1px solid var(--game-border);padding:0 18px}.guide-details summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:700;color:var(--game-gold)}
@media(max-width:1200px){.guide-core{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-beastmaster{width:120px;height:120px}}
@media(max-width:700px){.guide-steps,.guide-equipment,.guide-formulas,.guide-mechanics{grid-template-columns:1fr}.guide-hero{padding:20px;gap:12px;align-items:flex-start}.guide-beastmaster{display:none}.guide-core{grid-template-columns:1fr}.guide-section{scroll-margin-top:200px}.guide-jumps .guide-link{flex:1 1 40%}.guide-ability{padding:16px}.guide-headline{font-size:27px!important}}

.guide-page>.hero{display:none}.guide-page{padding-top:28px}