/* MijnDex v5.2: single-row navigation, true layered Pokémon cover. */
/* The banner and everything below it must occupy the SAME content width. */
.page:has(.cin-pokemon-page) {
  width:100%; max-width:1392px!important; margin-inline:auto!important;
  padding:22px 20px 64px!important;
}
.cin-pokemon-page { min-width:0; min-height:0; }
.cin-pokemon-below {
  width:100%;max-width:none!important;margin:0!important;
  padding:22px 0 54px!important;
}
.cin-tabs {margin-top:0!important; flex-wrap:wrap;}

/* There is NO second horizontal bar. Links live inside the existing header. */
.cin-navbar {
  display:flex;align-items:center;gap:15px;
  padding-inline:max(22px,calc((100vw - 1392px)/2));
}
.cin-navbar .cin-brand {flex:0 0 auto;}
.cin-navbar .cin-links {
  display:flex;align-items:center;justify-content:center;gap:1px;
  flex:0 0 auto;min-width:0;
}
.cin-navbar .cin-links a {
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 8px;font-size:12px;line-height:1.2;
  border-radius:8px;white-space:nowrap;
}
.cin-navbar .cin-links a.active {color:#e9f5ff;background:#16344a;}
.cin-global-search {flex:1 1 205px;min-width:120px;max-width:340px;margin-left:auto;}
.cin-nav-tools {margin-left:0;flex:0 0 auto;}
.md-login {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:8px 11px;border-radius:8px;
  background:#5865f2;color:#fff;font-size:12px;font-weight:650;white-space:nowrap;
}
.md-login:hover {background:#4752c4;}
.md-login-short {display:none;}
.md-login:focus-visible,.cin-links a:focus-visible {outline:2px solid #83d1ff;outline-offset:2px;}
/* Respect the browser's hidden attribute even when .md-login sets display. */
.md-login[hidden],.cin-account-panel[hidden],.cin-mobile-panel[hidden] {display:none!important;}

/* The cover is one full-bleed BACKGROUND. Text, labels and stats float over it.
   No right column, no image frame and no sharp vertical seam. */
.cin-pokemon-hero {
  display:block!important;position:relative;isolation:isolate;
  width:100%;min-width:0;min-height:430px;overflow:hidden;
  border:1px solid #26323d;border-radius:12px;
  background:radial-gradient(ellipse at 74% 25%,#233541,#0b141b 58%,#090e12 95%);
}
.cin-pokemon-hero::before {
  content:'';position:absolute;inset:0;z-index:0!important;
  display:block!important;pointer-events:none;
  background-image:var(--cin-cover,none);
  background-size:auto 110%;
  background-position:right center;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 68%);
  mask-image:linear-gradient(90deg,transparent 30%,#000 68%);
  opacity:.97;
}
.cin-pokemon-hero::after {
  content:'';position:absolute;inset:0;height:auto!important;z-index:1!important;
  display:block!important;pointer-events:none;
  background:
    linear-gradient(90deg,#090e12 0%,#090e12f5 18%,#090e12d9 35%,#090e1280 54%,#090e1210 82%),
    linear-gradient(0deg,#090e12c2 0%,transparent 31%);
}
.cin-pokemon-hero > .cin-cover-image,
.cin-pokemon-hero > .md-cover-frame {display:none!important;}
.cin-hero-inner {
  position:relative;z-index:2;display:flex;flex-direction:column;
  width:100%;max-width:none;margin:0;min-height:430px;
  padding:20px clamp(22px,4vw,55px) 34px;
  justify-content:space-between;
}
.cin-breadcrumb {margin:0 0 22px;font-size:12px;flex-wrap:wrap;gap:8px;}
.cin-breadcrumb>a:first-child {margin-left:0;}
.cin-hero-copy {max-width:455px;position:relative;}
.cin-hero-inner h1 {font-size:clamp(38px,4vw,58px)!important;}
.cin-hero-description {max-width:410px;}
.cin-hero-facts {max-width:100%;width:fit-content;}
.cin-hero-facts>div {min-width:0;flex:1;padding-inline:12px;}
.cin-hero-facts dd {overflow-wrap:anywhere;}

@media(max-width:1199px){
  /* A single header remains. Navigation moves into its actual menu. */
  .cin-navbar {gap:12px;padding-inline:20px;}
  .cin-navbar .cin-links {display:none;}
  .cin-hamburger {display:flex;}
  .cin-global-search {max-width:470px;min-width:140px;}
}
@media(max-width:760px){
  .cin-navbar {height:60px;padding:0 12px;gap:9px;}
  .cin-brand {font-size:19px;gap:7px;}
  .cin-nav-tools {gap:6px;}
  .md-login {min-height:35px;padding:7px 9px;font-size:11px;}
  .cin-nav-tools:has(.md-login:not([hidden])) .cin-mobile-search {display:none;}
  .cin-mobile-panel:not([hidden]) {top:60px;}
  .page:has(.cin-pokemon-page) {padding:12px 12px 48px!important;}
  .cin-pokemon-hero {min-height:505px;}
  .cin-pokemon-hero::before {
    background-size:100% auto;background-position:center top;
    -webkit-mask-image:none;mask-image:none;opacity:.96;
  }
  .cin-pokemon-hero::after {
    background:linear-gradient(180deg,#090e120e 0%,#090e1240 24%,#090e12e8 47%,#090e12 67%,#090e12 100%);
  }
  .cin-hero-inner {min-height:505px;padding:14px 17px 25px;}
  .cin-breadcrumb {margin-bottom:13px;font-size:11px;}
  .cin-hero-copy {max-width:100%;padding-top:clamp(145px,43vw,194px);transform:none;}
  .cin-hero-inner h1 {font-size:clamp(33px,8vw,43px)!important;margin:4px 0 6px!important;}
  .cin-hero-description {max-width:none;font-size:13px;margin:9px 0 15px;}
  .cin-hero-facts {width:100%;}
  .cin-pokemon-below {padding:16px 0 44px!important;}
  .cin-tabs {display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px!important;}
}
@media(max-width:390px){
  .md-login-full {display:none;}
  .md-login-short {display:inline;}
  .cin-hero-inner {padding:12px 12px 23px;}
  .cin-hero-copy {padding-top:145px;}
  .cin-hero-facts>div {padding-inline:7px;}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;}}