/* Shared guide surfaces, aligned with My Account. */
body.site-ui:is([data-page=heroes],[data-page=equipment]){--ink:#23262d;--muted:#626a77;--green:#1769db;--line:#e2e7ef;--site-ink:#23262d;--site-muted:#626a77;--site-accent:#1769db;--site-paper:#f5f5f7;background:#f5f5f7;color:#23262d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.site-ui:is([data-page=heroes],[data-page=equipment]) :is(h1,h2,h3,h4){color:#23262d;letter-spacing:-.025em}
.site-ui:is([data-page=heroes],[data-page=equipment]) h1{letter-spacing:-.04em;font-weight:700}
.site-ui:is([data-page=heroes],[data-page=equipment]) :is(button,input,select,textarea){border-radius:10px;font:inherit;min-height:40px;box-shadow:none}
.site-ui:is([data-page=heroes],[data-page=equipment]) button{background:#1769db;border-color:#1769db;color:#fff;font-size:13px;font-weight:600}
.site-ui:is([data-page=heroes],[data-page=equipment]) :is(input,select,textarea){background:#fff;color:#323a46;border:1px solid #d8dfe9}
.site-ui:is([data-page=heroes],[data-page=equipment]) :is(button,summary,a,input,select):focus-visible{outline:3px solid #82b0f3;outline-offset:3px}
.site-ui:is([data-page=heroes],[data-page=equipment]) a{color:#1763cb}
.site-ui:is([data-page=heroes],[data-page=equipment]) button[aria-pressed=false]{background:transparent;color:#566173;border-color:transparent}
.site-ui:is([data-page=heroes],[data-page=equipment]) button[aria-pressed=true]{background:#e8f0ff;color:#175dbf;border-color:#cfddf5}
.site-ui:is([data-page=heroes],[data-page=equipment])>header{background:#fffffff5;border-color:#e6e8ed;box-shadow:none}
.site-ui:is([data-page=heroes],[data-page=equipment])>header :is(.brand,strong){color:#252b35}
.site-ui:is([data-page=heroes],[data-page=equipment]) #site-menu{color:#515a68;background:transparent;border-color:transparent}
.site-ui:is([data-page=heroes],[data-page=equipment]) .player-languages a{color:#626a76;background:none;border:0}
.site-ui:is([data-page=heroes],[data-page=equipment]) .player-nav{background:#fff;border-color:#e1e5ec;box-shadow:0 12px 35px #18264112;border-radius:14px}
.site-ui:is([data-page=heroes],[data-page=equipment]) .player-nav a{background:none;color:#434d5c;border:0;border-radius:8px}
.site-ui:is([data-page=heroes],[data-page=equipment]) .player-nav a[aria-current=page]{background:#eaf1ff;color:#1763cb}
.site-ui[data-page=heroes] :is(.hero-slot,.hero-starting,.hero-innate,.hero-hero-card,.hero-skill-panel,.hero-controls,.hero-stat-grid,.hero-stat-grid>div,.hero-card,.hero-recent-card,.hero-section){background:#fff;border-color:#e2e7ef;border-radius:14px;box-shadow:none}
.site-ui[data-page=heroes] :is(.hero-card,.hero-recent-card){color:#303946}
.site-ui[data-page=heroes] .hero-card:hover{border-color:#91b1df;box-shadow:0 3px 12px #1c385a09;transform:none}
.site-ui[data-page=heroes] .hero-pick{background:#f6f8fc;color:#33435a;border-color:#dce4ef}
.site-ui[data-page=heroes] :is(.hero-slot-foot button,.hero-build-top button,.hero-starting-actions button,.hero-controls button){background:#eef3fc;border-color:#dce5f4;color:#175dbf}
.site-ui[data-page=heroes] .hero-remove{background:#f8f3f3;color:#914343;border-color:#eadada}
.site-ui[data-page=heroes] :is(.hero-filters,.hero-starting,.hero-skills-heading,.hero-skill-filters){border-radius:12px;border-color:#e1e6ee}
.site-ui[data-page=equipment] :is(.gear-card,.gear-set,.gear-detail-section,.gear-detail-columns>section,.catalyst-panel,.upgrade-panel,.gear-extra,.set-columns>section){background:#fff;border-color:#e1e6ee;border-radius:14px;box-shadow:none}
.site-ui[data-page=equipment] .gear-card{color:#303946}
.site-ui[data-page=equipment] .gear-card:hover{border-color:#91b1df;transform:none;box-shadow:0 3px 12px #1c385a09}
.site-ui:is([data-page=heroes],[data-page=equipment]) dialog{background:#fff;border:1px solid #e1e6ee;border-radius:16px;box-shadow:0 20px 70px #20345325;color:#303946}
.site-ui:is([data-page=heroes],[data-page=equipment]) dialog::backdrop{background:#24324770}
.site-ui:is([data-page=heroes],[data-page=equipment]) :is(th,td){border-color:#e5eaf1}
.site-ui:is([data-page=heroes],[data-page=equipment]) th{background:#f5f7fb;color:#526174}
/* Embedding removes duplicate navigation, not guide content or game rules. */
body.account-guide-frame{background:#fff!important;margin:0}
.account-guide-frame>header,.account-guide-frame #footer,.account-guide-frame .hero-section-tabs,.account-guide-frame .hero-build-top,.account-guide-frame #hero-starting,.account-guide-frame #hero-recent,.account-guide-frame .hero-plan-status{display:none!important}
.account-guide-frame main{max-width:none;padding:16px 20px 30px;margin:0}
.account-guide-preview-note{font-size:12px;line-height:1.55;color:#626e7e;background:#f5f8fd;border:1px solid #e5ebf5;border-radius:10px;padding:11px 14px;margin:0 0 16px}
.account-guide-frame #hero-builder{padding:0;margin:0}
.account-guide-frame #hero-builder h1{font-size:26px}
.account-guide-frame[data-page=equipment]{overflow:hidden}
.account-guide-frame[data-page=equipment]>main{display:none}
.account-guide-frame #gear-detail[open]{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.account-guide-frame #gear-detail::backdrop{background:#fff}
.account-guide-frame #gear-detail #close,.account-guide-frame #detail-language{display:none}
.account-guide-frame #gear-detail .account-guide-preview-note{margin:12px 20px}
.account-guide-frame .gear-detail-columns{grid-template-columns:1fr 1fr;gap:18px}
.account-guide-frame .hero-link-preview{display:none}
@media(max-width:760px){
 .site-ui:is([data-page=heroes],[data-page=equipment]) :is(button,input,select){min-height:44px}
 .account-guide-frame main{padding:12px 12px 24px}
 .account-guide-frame .gear-detail-columns{grid-template-columns:1fr}
 .account-guide-frame .hero-controls{padding:12px;gap:10px}
 .account-guide-frame #hero-builder h1{font-size:23px}
 .account-guide-preview-note{padding:10px 12px;font-size:11px}
 .account-guide-frame #gear-detail .account-guide-preview-note{margin:10px 12px}
}
@media(prefers-reduced-motion:reduce){.site-ui:is([data-page=heroes],[data-page=equipment]) *{scroll-behavior:auto!important;transition:none!important}}
/* Navigation and form panels keep readable contrast over legacy guide styles. */
.site-ui[data-page=heroes] .hero-section-tabs a{color:#536175;background:transparent;border-color:transparent}
.site-ui[data-page=heroes] .hero-section-tabs a[aria-current=page]{background:#e8f0ff;color:#175dbf;border-color:#cfddf5}
.site-ui[data-page=heroes] .hero-config{background:#fff;border-color:#e2e7ef;border-radius:14px;box-shadow:none}
.site-ui[data-page=heroes] .hero-jumps a{background:#eef3fb;color:#175dbf;border-color:#e1e7f0}
.site-ui:is([data-page=heroes],[data-page=equipment]) #languages a{color:#626a76;background:none;border-color:transparent}
.site-ui:is([data-page=heroes],[data-page=equipment]) #languages a[aria-current=true]{color:#175dbf;background:#eaf1ff}
.site-ui[data-page=equipment] .gear-catalyst{background:#f6f8fc;border-color:#e2e7ef;border-radius:14px}