#rg-elements-content .eg-order-guide{margin:22px 0;padding:22px;border:1px solid var(--line,#414453);border-radius:12px;background:var(--surface,transparent);color:var(--ink,inherit)}
#rg-elements-content .eg-order-guide p{font-size:16px;line-height:1.75;margin:12px 0}
.eg-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.eg-section-head h3{margin:4px 0;font-size:21px}.eg-eyebrow{font-size:12px;letter-spacing:.12em;color:var(--accent,#5896ba)}.eg-small{font-size:14px;color:var(--muted,#929aab)}
.eg-example-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.eg-example-buttons button{font:inherit;font-size:15px;min-height:40px;padding:8px 13px;border:1px solid var(--line,#414453);color:var(--ink,inherit);background:var(--soft,transparent);cursor:pointer}.eg-example-buttons button[aria-pressed=true]{background:var(--accent,#5896ba);color:#07121c;border-color:var(--accent,#5896ba)}.eg-example-buttons button:focus-visible{outline:3px solid var(--accent,#5896ba);outline-offset:3px}
.eg-slot-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:62px 26px;position:relative;padding:8px 12px;margin:20px 0 12px;color:var(--accent,#5896ba)}.eg-slot-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.eg-slot-arrows>path{fill:none;stroke:currentColor;stroke-width:2;marker-end:url(#eg-arrow-tip)}
.eg-mod-slot{position:relative;z-index:1;min-height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 8px;border:1px solid var(--line,#414453);background:var(--surface,#14151b);border-radius:8px;color:var(--ink,inherit);box-shadow:inset 0 0 0 3px var(--soft,transparent)}.eg-element-slot{border:2px solid var(--slot-tone);background:var(--soft,#181b21)}.eg-slot-number{font-size:23px;font-weight:bold;color:var(--accent,#5896ba)}.eg-slot-label{font-size:15px;line-height:1.5;text-align:center;overflow-wrap:anywhere;word-break:keep-all}.eg-next-row{position:absolute;top:calc(50% + 12px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:13px;background:var(--surface,#14151b);padding:0 6px;z-index:1}
#rg-elements-content .eg-example-result{padding:12px 16px;border-left:3px solid var(--accent,#5896ba);background:var(--soft,transparent);font-size:17px}#rg-elements-content .eg-example-result p{margin:6px 0 0;font-size:15px}
.eg-riven-guide{margin-top:20px;padding-top:16px;border-top:1px solid var(--line,#414453);font-size:16px}.eg-riven-guide summary{cursor:pointer;font-weight:bold;line-height:1.6}.eg-riven-guide ul{padding-left:22px;line-height:1.8}.eg-riven-guide li{margin:10px 0}.eg-source-links{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:14px}
.eg-faction-modifiers{margin-top:16px;padding-top:13px;border-top:1px solid var(--line,#414453)}.eg-faction-modifiers h4{font-size:16px;margin:0 0 10px}.eg-faction-modifiers p{display:flex;flex-direction:column;gap:4px;margin:10px 0;font-size:15px;line-height:1.7}.eg-damage-up{color:#07855b}.eg-damage-down{color:#bc3a3a}.eg-faction-modifiers small{font-size:14px;color:var(--muted,#929aab);line-height:1.6;display:block}.eg-faction-explainer{font-size:15px;line-height:1.8;border-left:3px solid var(--accent,#5896ba);padding:10px 14px;margin:18px 0}
.eg-combo-guide{margin:26px 0}.eg-combo-guide h3{font-size:21px;margin:6px 0 12px}.eg-combo-intro{font-size:16px;line-height:1.8}.eg-combo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.eg-combo-card{padding:20px;border:1px solid var(--line,#414453);background:var(--surface,transparent);border-radius:10px;min-width:0}.eg-combo-card h4{font-size:21px;margin:6px 0 16px;color:var(--accent,#5896ba)}.eg-combo-card p{font-size:16px;line-height:1.8;overflow-wrap:anywhere;word-break:keep-all}.eg-combo-card p strong{font-size:15px}.eg-combo-warning{border-top:1px solid var(--line,#414453);padding-top:14px}.eg-combo-guide em{font-style:normal;text-decoration:underline}
html[data-theme=dark] .eg-damage-up{color:#66e6ab}html[data-theme=dark] .eg-damage-down{color:#ff9b9b}:root[data-service-skin=reframed] .eg-order-guide,:root[data-service-skin=reframed] .eg-combo-card{border-radius:0}
@media(max-width:1000px){.eg-combo-grid{grid-template-columns:1fr}.eg-combo-card{padding:16px}}
@media(max-width:600px){#rg-elements-content .eg-order-guide{padding:14px 10px}.eg-section-head h3{font-size:19px}#rg-elements-content .eg-order-guide p{font-size:15px}.eg-slot-board{gap:58px 14px;padding:4px 3px}.eg-mod-slot{min-height:108px;padding:10px 4px;gap:6px}.eg-slot-number{font-size:20px}.eg-slot-label{font-size:13px}.eg-next-row{font-size:11px;top:calc(50% + 11px)}.eg-example-buttons button{font-size:14px;flex:1 1 150px}.eg-riven-guide{font-size:15px}}

.eg-riven-comparison{margin-top:20px;padding:16px;border:1px solid var(--line,#414453)}.eg-riven-comparison h4{font-size:18px;margin:0 0 10px}.eg-riven-comparison>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.eg-riven-comparison small{display:block;font-size:14px;margin-top:8px;color:var(--muted,#929aab)}.eg-riven-comparison b{color:var(--accent,#5896ba)}@media(max-width:650px){.eg-riven-comparison>div{grid-template-columns:1fr;gap:0}.eg-riven-comparison>div>p+p{border-top:1px solid var(--line,#414453);padding-top:12px}}

.eg-jump{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.eg-jump button{font:inherit;font-size:15px;min-height:40px;padding:8px 12px;background:var(--soft,transparent);color:var(--accent,#5896ba);border:1px solid var(--line,#414453);cursor:pointer}#eg-type-cards,#eg-order-title,#eg-combo-title{scroll-margin-top:100px}

.eg-mod-slot:not(:nth-of-type(4)):not(:nth-of-type(8))::after{content:"→";position:absolute;right:-23px;top:50%;transform:translateY(-50%);color:var(--accent,#5896ba);font:22px/1 sans-serif;pointer-events:none}@media(max-width:600px){.eg-mod-slot:not(:nth-of-type(4)):not(:nth-of-type(8))::after{font-size:15px;right:-15px}}

.eg-combo-card h4{color:var(--ink,inherit)}.eg-combo-card .eg-element-term{color:var(--tone);white-space:normal}.eg-combo-card h4 .eg-element-term{display:inline;white-space:nowrap}.eg-combo-card .eg-element-icon{font:inherit;vertical-align:baseline}:root[data-theme=light] .eg-combo-card .eg-element-term{color:color-mix(in srgb,var(--tone) 40%,#111827)!important}

.eg-slot-label .eg-element-term{color:var(--tone);white-space:nowrap}.eg-slot-label .eg-element-icon{font:inherit;vertical-align:baseline}:root[data-theme=light] .eg-slot-label .eg-element-term{color:color-mix(in srgb,var(--tone) 40%,#111827)!important}

/* Pair smaller damage symbols with the vertical center of their text. */
.eg-combo-card h4 .eg-element-term,.eg-slot-label .eg-element-term{display:inline-flex;align-items:center;vertical-align:middle;gap:.2em}
.eg-combo-card .eg-element-icon,.eg-slot-label .eg-element-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:max-content;min-width:1em;height:1em;white-space:nowrap;font-size:.8em;line-height:1;vertical-align:middle}

/* Damage-type card titles use the same color/icon pair as combination titles. */
.rg-element h3 .eg-element-term{display:inline-flex;align-items:center;vertical-align:middle;gap:.2em;color:var(--tone)!important}
.rg-element h3 .eg-element-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:max-content;min-width:1em;height:1em;white-space:nowrap;font-size:.8em;line-height:1;vertical-align:middle}
:root[data-theme=light] .rg-element h3 .eg-element-term{color:color-mix(in srgb,var(--tone) 40%,#111827)!important}

/* A two-character symbol (Magnetic) must reserve its full glyph width. */
.rg-element .rg-pill>span[aria-hidden=true]{flex:none;min-width:1em;width:max-content;white-space:nowrap;line-height:1;text-align:center}