/* Today in Sonic History archive v1.10.2 */
/* The plugin supplies its own archive hero, so suppress OceanWP's duplicate
   "Sonic Events" title/breadcrumb header on this archive only. */
body.post-type-archive-sonic_event .page-header,
body.post-type-archive-sonic_event .site-breadcrumbs{
  display:none !important;
}

body.post-type-archive-sonic_event #content-wrap,
body.post-type-archive-sonic_event #primary,
body.post-type-archive-sonic_event .content-area{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
}

body.post-type-archive-sonic_event #right-sidebar,
body.post-type-archive-sonic_event .widget-area{
  display:none !important;
}

.sc-history-archive-page{
  --sc-history-blue:#02126f;
  --sc-history-blue-2:#1720d2;
  --sc-history-link:#0b5fff;
  --sc-history-yellow:#feeb4a;
  --sc-history-red:#a60304;
  --sc-history-ink:#0b1220;
  --sc-history-muted:rgba(11,18,32,.70);
  --sc-history-border:rgba(20,55,120,.16);
  width:100%;
  margin:0;
}

.sc-history-archive-hero{
  position:relative;
  overflow:hidden;
  width:100%;
  color:#fff;
  background:
    radial-gradient(circle at 90% 0,rgba(24,242,255,.20),transparent 35%),
    radial-gradient(circle at 8% 100%,rgba(254,235,74,.12),transparent 28%),
    linear-gradient(145deg,#010d55 0%,#02126f 42%,#1720d2 100%);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 30px rgba(0,0,0,.16);
}

.sc-history-archive-hero::after{
  content:"";
  position:absolute;
  width:390px;
  height:390px;
  right:-190px;
  top:-235px;
  border:42px solid rgba(255,255,255,.045);
  border-radius:50%;
  pointer-events:none;
}

.sc-history-archive-hero__inner{
  position:relative;
  z-index:1;
  width:90%;
  margin:0 auto;
  padding:28px 0 26px;
}

.sc-history-archive-kicker{
  display:inline-block;
  margin-bottom:7px;
  color:var(--sc-history-yellow);
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
}

.sc-history-archive-hero h1{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(30px,3.4vw,46px);
  line-height:1.04;
  font-weight:900;
  letter-spacing:-.4px;
  text-shadow:0 2px 0 rgba(0,0,0,.25),0 12px 28px rgba(0,0,0,.34);
}

.sc-history-archive-hero p{
  max-width:850px;
  margin:0 0 12px;
  color:rgba(255,255,255,.86);
  font-size:14px;
  line-height:1.5;
  font-weight:700;
}

.sc-history-archive-summary{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.77);
  font-size:12px;
  line-height:1.2;
  font-weight:800;
}

.sc-history-archive-summary strong{
  color:var(--sc-history-yellow);
  font-size:14px;
}

.sc-history-archive-summary__sep{opacity:.6;}

.sc-history-archive-shell{
  width:90%;
  margin:18px auto 30px;
}

.sc-history-filter{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 14px;
  padding:12px 14px;
  background:linear-gradient(180deg,#fff 0%,#f4f7ff 100%);
  border:1px solid var(--sc-history-border);
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}

.sc-history-filter__copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:170px;
}

.sc-history-filter__copy strong{
  color:var(--sc-history-blue);
  font-size:14px;
  font-weight:900;
}

.sc-history-filter__copy span{
  color:var(--sc-history-muted);
  font-size:11px;
  font-weight:700;
}

.sc-history-filter-controls{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:flex-end;
  gap:8px;
}

.sc-history-filter label{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0;
}

.sc-history-filter-label{
  color:var(--sc-history-muted);
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.45px;
  text-transform:uppercase;
}

.sc-history-filter select{
  min-width:126px;
  min-height:38px;
  margin:0;
  padding:7px 30px 7px 9px;
  color:var(--sc-history-ink);
  background:#fff;
  border:1px solid rgba(23,32,203,.22);
  border-radius:4px;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
}

.sc-history-filter-btn,
.sc-history-filter-clear{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 14px;
  border-radius:4px;
  font-family:inherit;
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-decoration:none !important;
  cursor:pointer;
}

.sc-history-filter .sc-history-filter-btn{
  color:#02126f !important;
  -webkit-text-fill-color:#02126f;
  background:linear-gradient(180deg,#ffeb61 0%,#f7cf00 100%);
  border:1px solid #d9ad00;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 6px 12px rgba(0,0,0,.12);
  opacity:1;
  text-shadow:none;
}

.sc-history-filter .sc-history-filter-btn:hover,
.sc-history-filter .sc-history-filter-btn:focus,
.sc-history-filter .sc-history-filter-btn:active{
  color:#02126f !important;
  -webkit-text-fill-color:#02126f;
  background:linear-gradient(180deg,#fff078 0%,#ffd70b 100%);
  border-color:#bd9700;
  opacity:1;
}

.sc-history-filter .sc-history-filter-btn:focus-visible{
  outline:3px solid #02126f;
  outline-offset:2px;
}

.sc-history-filter-clear{
  color:var(--sc-history-link);
  background:#fff;
  border:1px solid rgba(11,95,255,.20);
}

.sc-history-filter-btn:hover,
.sc-history-filter-clear:hover{
  transform:translateY(-1px);
}

.sc-history-archive-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:start;
}

.sc-history-archive-card{
  min-width:0;
  align-self:start;
  overflow:hidden;
  margin:0;
  background:#fff;
  border:1px solid rgba(23,32,203,.30);
  box-shadow:0 10px 20px rgba(0,0,0,.07);
  transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease;
}

.sc-history-archive-card:hover,
.sc-history-archive-card:focus-within{
  transform:translateY(-2px);
  border-color:rgba(11,95,255,.52);
  box-shadow:0 15px 28px rgba(0,0,0,.11);
}

.sc-history-archive-media-link{
  display:block;
  color:inherit !important;
  text-decoration:none !important;
}

.sc-history-archive-thumb{
  position:relative;
  height:210px;
  overflow:hidden;
  background:#061642;
  border-bottom:1px solid rgba(15,25,45,.10);
}

.sc-history-archive-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 240ms ease;
}

.sc-history-archive-card:hover .sc-history-archive-thumb img{
  transform:scale(1.035);
}

.sc-history-archive-thumb--fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 40%,rgba(24,242,255,.22),transparent 40%),
    linear-gradient(145deg,#061642,#1720d2);
}

.sc-history-archive-thumb--fallback span{
  color:var(--sc-history-yellow);
  font-size:52px;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.25));
}

.sc-history-archive-extras{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  padding:4px;
  background:#eef3ff;
  border-bottom:1px solid rgba(15,25,45,.10);
}

.sc-history-archive-extra{
  height:66px;
  overflow:hidden;
  background:#dce6fa;
}

.sc-history-archive-extra img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.sc-history-archive-meta{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  padding:12px 13px 14px;
}

.sc-history-archive-year{
  align-self:flex-start;
  margin:0 0 6px;
  padding:4px 7px;
  color:var(--sc-history-blue);
  background:rgba(254,235,74,.55);
  border:1px solid rgba(242,194,0,.35);
  border-radius:999px;
  font-size:10px;
  line-height:1;
  font-weight:900;
}

.sc-history-archive-itemtitle{
  margin:0 0 10px !important;
  color:var(--sc-history-ink) !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}

.sc-history-archive-itemtitle a{
  color:inherit !important;
  text-decoration:none !important;
}

.sc-history-archive-itemtitle a:hover{
  color:var(--sc-history-link) !important;
  text-decoration:underline !important;
  text-underline-offset:2px;
}

.sc-history-archive-text{
  margin:0 0 10px;
  color:var(--sc-history-ink);
  font-size:14px;
  line-height:1.38;
  font-weight:800;
}

.sc-history-archive-text p{
  margin:0 0 8px !important;
  color:inherit;
  font:inherit;
}

.sc-history-archive-text p:last-child{
  margin-bottom:0 !important;
}

/* Inline Wiki references deliberately inherit Sonic City/Yada Wiki link
   presentation. Do not restyle .sc-wiki-link or .sc-wiki-redlink here. */

.sc-history-archive-media-static{
  cursor:default;
}

.sc-history-archive-text em{
  font-style:italic;
}

.sc-history-archive-date{
  margin-top:auto;
  color:var(--sc-history-muted);
  font-size:11px;
  line-height:1.2;
  font-weight:800;
}

.sc-history-archive-pagination{
  margin:18px 0 0;
}

.sc-history-archive-pagination .page-numbers{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}

.sc-history-archive-pagination .page-numbers li{margin:0;}

.sc-history-archive-pagination a.page-numbers,
.sc-history-archive-pagination span.page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  min-height:38px;
  padding:0 10px;
  color:var(--sc-history-blue);
  background:#fff;
  border:1px solid rgba(23,32,203,.20);
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-decoration:none !important;
}

.sc-history-archive-pagination span.page-numbers.current{
  color:#fff !important;
  -webkit-text-fill-color:#fff;
  background:#1720d2 !important;
  border-color:#1720d2 !important;
  opacity:1 !important;
  text-shadow:none;
}

.sc-history-archive-pagination span.page-numbers.current:hover{
  color:#fff !important;
  -webkit-text-fill-color:#fff;
}

.sc-history-archive-pagination a:hover{
  border-color:rgba(11,95,255,.48);
  color:var(--sc-history-link);
}

.sc-history-archive-empty{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  padding:18px;
  background:#fff;
  border:1px solid var(--sc-history-border);
  box-shadow:0 10px 20px rgba(0,0,0,.06);
  color:var(--sc-history-muted);
}

.sc-history-archive-empty strong{
  color:var(--sc-history-ink);
  font-size:16px;
}

.sc-history-archive-empty a{
  color:var(--sc-history-link);
  font-weight:900;
}

/* Desktop/tablet: chronological row grid with a consistent media frame.
   Cards visually fill the shared row height, while their content remains compact. */
@media (min-width:681px){
  .sc-history-archive-grid{
    align-items:stretch;
  }

  .sc-history-archive-card{
    align-self:stretch;
    height:100%;
  }

  .sc-history-archive-media-link{
    display:flex;
    flex-direction:column;
    height:224px;
    overflow:hidden;
  }

  .sc-history-archive-thumb{
    flex:1 1 auto;
    height:auto;
    min-height:0;
  }

  .sc-history-archive-extras{
    flex:0 0 64px;
    height:64px;
    min-height:64px;
  }

  .sc-history-archive-extra{
    height:56px;
  }

  /* Long descriptions stay compact on multi-column layouts. Wiki links and
     inline formatting remain intact; only the visible card preview is clipped. */
  .sc-history-archive-text{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden;
    max-height:5.52em;
  }

  .sc-history-archive-text p{
    margin:0 !important;
  }
}

@media (max-width:1100px){
  .sc-history-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sc-history-filter{align-items:flex-start;flex-direction:column;}
  .sc-history-filter-controls{justify-content:flex-start;}
}

@media (max-width:680px){
  .sc-history-archive-hero__inner,
  .sc-history-archive-shell{width:calc(100% - 20px);}

  .sc-history-archive-hero__inner{padding:22px 0 20px;}
  .sc-history-archive-hero p{font-size:13px;}
  .sc-history-archive-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px;}
  .sc-history-archive-card{grid-row-end:auto !important;}
  .sc-history-filter{gap:12px;padding:11px;}
  .sc-history-filter-controls{display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .sc-history-filter label{min-width:0;}
  .sc-history-filter select{width:100%;min-width:0;}
  .sc-history-filter-btn,.sc-history-filter-clear{width:100%;}
  .sc-history-archive-thumb{height:190px;}
}

@media (prefers-reduced-motion:reduce){
  .sc-history-archive-card,
  .sc-history-archive-thumb img,
  .sc-history-filter-btn,
  .sc-history-filter-clear{transition:none !important;}
}