/* Guia clássico — páginas internas no mesmo padrão do portal. */
.guide-page { max-width: 1000px; margin: 0 auto; }
.guide-heading { display:flex; align-items:center; gap:9px; margin:0 0 11px; padding:0 0 11px; border-bottom:2px solid #9d151b; }
.guide-heading h1 { margin:0; color:#f0f0f0; font:700 25px/1 Georgia,"Times New Roman",serif; text-transform:uppercase; }
.guide-heading small { display:block; margin-bottom:3px; color:#a0a0a0; font-size:9px; letter-spacing:1px; }
.guide-breadcrumb { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 20px; color:#838383; font-size:11px; }
.guide-breadcrumb a { color:#d4d4d4; }.guide-breadcrumb a:hover { color:#df3039; }
.guide-layout { display:grid; grid-template-columns:218px minmax(0,1fr); gap:22px; align-items:start; }
.guide-sidebar { border:1px solid #2d2d2d; background:#090909; }.guide-sidebar h2 { margin:0; padding:12px 14px; border-bottom:1px solid #2d2d2d; color:#e3323d; font-size:11px; font-weight:700; }
.guide-sidebar a { display:block; padding:10px 14px; border-bottom:1px solid #202020; color:#c9c9c9; font-size:11px; }.guide-sidebar a:last-child { border-bottom:0; }.guide-sidebar a:hover,.guide-sidebar a.current { color:#fff; background:linear-gradient(90deg,#4f070c,#190203); }
.guide-main { min-width:0; }.guide-intro { margin:0 0 16px; padding:16px 18px; border:1px solid #303030; background:linear-gradient(115deg,rgba(56,6,10,.48),rgba(8,8,8,.96) 52%); }.guide-intro h2 { margin:0 0 7px; color:#f0d09b; font:700 21px Georgia,"Times New Roman",serif; }.guide-intro p { margin:0; color:#b9b9b9; font-size:12px; }
.guide-list { display:grid; gap:10px; }.guide-entry { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:13px; min-height:78px; padding:12px 14px; border:1px solid #292929; background:#080808; transition:.14s ease; }.guide-entry:hover { border-color:#982029; background:#120405; }.guide-number { width:25px; height:25px; display:grid; place-items:center; color:#fff; background:#bb1722; font-size:12px; font-weight:700; }.guide-entry h3 { margin:0 0 4px; color:#e7e7e7; font-size:14px; }.guide-entry p { margin:0; color:#929292; font-size:11px; line-height:1.45; }.guide-entry .guide-more { color:#d73b43; font-size:10px; font-weight:700; white-space:nowrap; }.guide-entry:hover .guide-more { color:#fff; }
.guide-article { border:1px solid #2d2d2d; background:#080808; }.guide-article-header { padding:17px 19px 14px; border-bottom:1px solid #2d2d2d; background:linear-gradient(120deg,#340509,#0a0a0a 50%); }.guide-article-header h2 { margin:0; color:#efd09d; font:700 23px Georgia,"Times New Roman",serif; }.guide-article-header p { margin:7px 0 0; color:#a8a8a8; font-size:11px; }.guide-body { padding:19px; color:#c2c2c2; }.guide-body h3 { margin:22px 0 8px; color:#e5e5e5; font-size:14px; }.guide-body h3:first-child { margin-top:0; }.guide-body p { margin:8px 0; font-size:12px; line-height:1.7; }.guide-body ol,.guide-body ul { margin:8px 0 12px; padding-left:22px; }.guide-body li { padding:4px 0; font-size:12px; }
.guide-callout { margin:17px 0; padding:12px 14px; border-left:3px solid #c71d28; background:#180607; color:#d5c1b0; font-size:11px; line-height:1.55; }.guide-callout strong { color:#f4d69f; }
.class-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.class-card { display:flex; flex-direction:column; min-height:153px; padding:17px; border:1px solid #303030; background:radial-gradient(circle at 85% 5%,rgba(155,17,27,.24),transparent 44%),#090909; }.class-card:hover { border-color:#a5222b; }.class-card h3 { margin:0 0 6px; color:#f0d09b; font:700 18px Georgia,"Times New Roman",serif; }.class-card p { flex:1; margin:0; color:#a1a1a1; font-size:11px; line-height:1.55; }.class-card a { align-self:flex-start; margin-top:14px; color:#dc3b43; font-size:10px; font-weight:700; }.class-card a:hover { color:#fff; }
.class-stat-table,.skill-table { width:100%; border-collapse:collapse; margin:11px 0 4px; }.class-stat-table th,.class-stat-table td,.skill-table th,.skill-table td { padding:9px 8px; border:1px solid #2e2e2e; font-size:11px; text-align:center; }.class-stat-table th,.skill-table th { color:#d7d7d7; background:#1b1b1b; font-weight:700; }.class-stat-table td,.skill-table td { color:#b8b8b8; background:#0c0c0c; }.skill-table td:first-child { color:#e9d09b; text-align:left; }.skill-table td:last-child { color:#d9535b; }
.class-tabs { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 16px; }.class-tabs a { padding:8px 10px; border:1px solid #4a171a; color:#bbb; background:#100405; font-size:10px; font-weight:700; }.class-tabs a:hover,.class-tabs a.current { border-color:#ba212b; color:#fff; background:#751017; }.detail-block { margin-top:15px; padding-top:4px; }.detail-block + .detail-block { border-top:1px solid #292929; }.detail-block h3 { margin:17px 0 7px; color:#eee; font-size:15px; }.detail-block p { margin:0; color:#a5a5a5; font-size:11px; line-height:1.6; }
@media(max-width:720px){.guide-layout{grid-template-columns:1fr}.guide-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-sidebar h2{grid-column:1/-1}.guide-sidebar a:nth-child(2n){border-right:1px solid #202020}.class-grid{grid-template-columns:1fr}.guide-entry{grid-template-columns:31px minmax(0,1fr)}.guide-entry .guide-more{display:none}}
