.site-ad-shell { display:contents; --ad-header:120px; --ad-banner-height:90px; --ad-band-height:138px; }
.site-ad-rail,.site-ad-bottom { display:none; }
.site-ad-shell [hidden] { display:none!important; }
@media(min-width:801px) {
 body:has(.site-ad-scroll-content) { overflow-y:auto; }
 body .site-ad-shell > #content.site-ad-scroll-content {
  height:calc(100dvh - var(--ad-header));min-height:0;overflow-y:auto;
  padding-top:14px;padding-bottom:10px;scrollbar-gutter:stable;
  scrollbar-width:thin;scrollbar-color:#89604c #1b1819;
 }
 body .site-ad-shell.has-bottom-ad > #content.site-ad-scroll-content { height:max(480px,calc(100dvh - var(--ad-header) - var(--ad-band-height))); }
}
.site-ad-label { margin:0 0 6px;font-size:11px;line-height:18px;color:#a99b92; }
.site-ad-example { display:flex;align-items:center;justify-content:space-around;gap:16px;padding:12px;background:linear-gradient(155deg,#102640,#0b1420);border:1px solid #45607a;color:#c9e3f8; }
.site-ad-example strong { display:block;font-size:22px;line-height:1.4; }
.site-ad-example span { display:block;font-size:14px; }
.site-ad-example svg { width:60px;height:60px;fill:none;stroke:#8bbadd;stroke-width:3; }
.site-ad-example small { font-size:10px;color:#8eb0ce; }
.site-ad-shell.has-bottom-ad { display:block;width:100%;max-width:1612px;margin:var(--ad-header) auto 0; }
body .site-ad-shell.has-bottom-ad > #content { margin:0; }
.has-bottom-ad > .site-ad-bottom { display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--ad-band-height);padding:10px 26px 14px; }
.site-ad-bottom .site-ad-example { width:728px;max-width:100%;height:var(--ad-banner-height); }
/* A row below the panels, never a fixed overlay or anchor. */
body:is(.hunting-page,.classes-page,.strategy-page,.journals-page,.subquests-page):has(.has-bottom-ad) { overflow-y:auto; }
body:is(.hunting-page,.classes-page,.strategy-page,.journals-page,.subquests-page) .has-bottom-ad > #content { height:calc(100dvh - var(--ad-header) - var(--ad-band-height));min-height:480px; }
@media(max-width:1000px) { .site-ad-shell { --ad-header:108px; } }
@media(max-width:799px) { .site-ad-shell { --ad-banner-height:60px;--ad-band-height:108px; }.site-ad-bottom .site-ad-example { width:468px; } }
@media(max-width:499px) { .site-ad-shell { --ad-banner-height:50px;--ad-band-height:98px; }.has-bottom-ad > .site-ad-bottom { padding-inline:14px; }.site-ad-bottom .site-ad-example { width:320px;padding:4px 10px;gap:8px; }.site-ad-example strong { font-size:15px; }.site-ad-example span { font-size:10px; }.site-ad-example svg { width:36px;height:36px; }.site-ad-bottom .site-ad-example small { display:none; } }
@media(min-width:1848px) and (min-height:820px) {
 .site-ad-shell.has-side-ad { display:grid;grid-template-columns:1612px 160px;column-gap:24px;width:1796px;margin:120px auto 0;position:relative;align-items:start; }
 body .site-ad-shell.has-side-ad > #content { margin:0;width:1612px; }
 .has-side-ad > .site-ad-rail { display:block;position:absolute;right:0;top:var(--site-ad-top,260px);width:160px;height:600px; }
 .site-ad-rail .site-ad-label { position:absolute;bottom:calc(100% + 6px);left:0;margin:0; }
 .site-ad-rail .site-ad-example { width:160px;height:600px;flex-direction:column;justify-content:center;gap:28px;text-align:center;padding:16px; }
 .site-ad-rail .site-ad-example svg { width:96px;height:96px; }
}
@media(max-width:800px) {
 body.hunting-page .site-ad-shell.has-bottom-ad > #content { height:auto;min-height:0; }
}
@media(max-width:700px) {
 body.classes-page .site-ad-shell.has-bottom-ad > #content { height:auto;min-height:0; }
}