/* HKS: cards grow with the complete headline, including 200% text scaling.
   The repeated existing page ID overrides legacy YellowPencil page rules. */
html body #page#page#page#page .galactic-el-blog > .el-blog-item,
html body #page#page#page#page .exad-post-grid .exad-row-wrapper > .exad-col {
  height: auto !important;
  max-height: none !important;
  min-width: 0 !important;
}
html body #page#page#page#page .galactic-el-blog .el-post-item,
html body #page#page#page#page .exad-post-grid .exad-post-grid-container {
  height: 100% !important;
  max-height: none !important;
  min-width: 0 !important;
}
html body #page#page#page#page .galactic-el-blog .el-post-content,
html body #page#page#page#page .exad-post-grid .exad-post-grid-body {
  height: auto !important;
  max-height: none !important;
  min-width: 0 !important;
  flex: 1 0 auto !important;
  overflow: visible !important;
}
html body #page#page#page#page .galactic-el-blog .post-title,
html body #page#page#page#page .exad-post-grid .exad-post-grid-body h3,
html body #page#page#page#page .galactic-el-blog .post-title a,
html body #page#page#page#page .exad-post-grid .exad-post-grid-title {
  height: auto !important;
  max-height: none !important;
  min-width: 0 !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}
html body #page#page#page#page .galactic-el-blog .post-title a,
html body #page#page#page#page .exad-post-grid .exad-post-grid-title {
  display: block !important;
  line-height: 1.4 !important;
}

/* Shared HKS news cards: home, archives, category explorer, teams, leagues and search. */
html body #page#page#page#page#page :is(.galactic-el-blog .el-post-item, .exad-post-grid .exad-post-grid-container, #hks-search .hs-card) {
  min-width:0!important; min-height:0!important; max-height:none!important;
  margin:0!important; padding:0!important; overflow:hidden!important;
  border:1px solid rgba(117,164,211,.28)!important; border-radius:15px!important;
  background:#0a203b!important; box-shadow:0 12px 28px rgba(7,21,45,.12)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
html body #page#page#page#page#page :is(.galactic-el-blog .el-post-item, .exad-post-grid .exad-post-grid-container, #hks-search .hs-card):hover {
  border-color:rgba(117,164,211,.5)!important;
  box-shadow:0 19px 38px rgba(7,21,45,.18)!important;
}
html body #page#page#page#page#page .galactic-el-blog:not(.hks-view-list):not(.hks-view-titles) .el-post-item,
html body #page#page#page#page#page .exad-post-grid .exad-post-grid-container {
  display:flex!important; flex-direction:column!important; width:100%!important;
}
html body #page#page#page#page#page :is(.galactic-el-blog .el-post-content,.exad-post-grid .exad-post-grid-body,#hks-search .hs-content) {
  position:relative!important; min-width:0!important; min-height:0!important;
  height:auto!important; max-height:none!important; padding:23px 22px 24px!important;
  border:0!important; border-radius:0!important; box-shadow:none!important;
  background:radial-gradient(circle at 100% 0%,rgba(54,184,255,.17),transparent 38%),linear-gradient(145deg,#102d51 0%,#071a31 74%)!important;
  color:#c4cfdf!important; overflow:visible!important;
}
html body #page#page#page#page#page .galactic-el-blog:not(.hks-view-titles) .el-post-content,
html body #page#page#page#page#page .exad-post-grid .exad-post-grid-body {
  display:flex!important; flex-direction:column!important; justify-content:flex-start!important;
}
html body #page#page#page#page#page :is(.galactic-el-blog .el-post-content,.exad-post-grid .exad-post-grid-body,#hks-search .hs-content)::before {
  content:""!important; position:absolute!important; inset:0 auto auto 22px!important;
  width:48px!important; height:3px!important; border:0!important;
  border-radius:0 0 3px 3px!important; background:#d71920!important;
  box-shadow:0 3px 9px rgba(215,25,32,.28)!important;
}
html body #page#page#page#page#page :is(.galactic-el-blog .post-title,.exad-post-grid .exad-post-grid-body h3,#hks-search .hs-card h3) {
  margin:0!important; padding:0!important; border:0!important; border-radius:0!important;
  background:none!important; box-shadow:none!important; order:1;
}
html body #page#page#page#page#page :is(.galactic-el-blog .post-title,.exad-post-grid .exad-post-grid-body h3,#hks-search .hs-card h3)::before,
html body #page#page#page#page#page :is(.galactic-el-blog .post-title,.exad-post-grid .exad-post-grid-body h3,#hks-search .hs-card h3)::after {content:none!important;}
html body #page#page#page#page#page :is(.galactic-el-blog .post-title a,.exad-post-grid .exad-post-grid-title,#hks-search .hs-card h3 a) {
  display:block!important; height:auto!important; max-height:none!important; min-width:0!important;
  font-family:Oxanium,Arial,sans-serif!important; font-size:18px!important; font-weight:800!important;
  line-height:1.4!important; letter-spacing:-.012em!important;
  text-transform:none!important; text-decoration:none!important; color:#fff!important;
  white-space:normal!important; overflow:visible!important; overflow-wrap:anywhere!important;
  word-break:normal!important; -webkit-line-clamp:unset!important; line-clamp:unset!important;
  transition:color .2s ease!important;
}
html body #page#page#page#page#page :is(.galactic-el-blog .post-title a,.exad-post-grid .exad-post-grid-title,#hks-search .hs-card h3 a):is(:hover,:focus-visible) {color:#ff8b8f!important;}
html body #page#page#page#page#page :is(.galactic-el-blog .post-meta,.exad-post-grid .exad-post-data,#hks-search .hs-meta) {
  display:flex!important; flex-wrap:wrap!important; align-items:center!important;
  gap:7px!important; width:auto!important; max-width:100%!important; height:auto!important;
  flex:0 0 auto!important; align-self:flex-start!important; order:0!important;
  margin:0 0 13px!important; padding:0!important; border:0!important; border-radius:0!important;
  background:none!important; box-shadow:none!important;
}
html body #page#page#page#page#page :is(.galactic-el-blog .post-meta li,.exad-post-grid .exad-post-data li,.exad-post-grid .exad-post-data li span) {
  margin:0!important; padding:0!important; list-style:none!important; line-height:1!important;
}
html body #page#page#page#page#page .galactic-el-blog .post-meta :is(.hks-news-author,li:has(.la-user)),
html body #page#page#page#page#page .galactic-el-blog .post-meta i {display:none!important;}
html body #page#page#page#page#page :is(.galactic-el-blog .post-meta li:last-child>a,.exad-post-grid .exad-post-grid-author-date,#hks-search .hs-meta time) {
  display:inline-flex!important; align-items:center!important; gap:7px!important; max-width:100%!important;
  margin:0!important; padding:6px 9px!important; border:0!important; border-radius:999px!important;
  background:rgba(255,255,255,.08)!important; color:#c4cfdf!important;
  font-family:Oxanium,Arial,sans-serif!important; font-size:11px!important; font-weight:800!important;
  line-height:1.2!important; letter-spacing:.045em!important;
  text-transform:uppercase!important; text-decoration:none!important; white-space:normal!important;
}
html body #page#page#page#page#page :is(.galactic-el-blog .post-meta li:last-child>a,.exad-post-grid .exad-post-grid-author-date,#hks-search .hs-meta time)::before {
  content:""!important; position:static!important; flex:0 0 6px!important; width:6px!important; height:6px!important;
  border:0!important; border-radius:50%!important; background:#f04b50!important;
  box-shadow:0 0 0 3px rgba(240,75,80,.12)!important;
}
html body #page#page#page#page#page .galactic-el-blog:not(.hks-view-list):not(.hks-view-titles) :is(.el-post-thumb,.el-post-thumb-inner),
html body #page#page#page#page#page .exad-post-grid :is(.exad-post-grid-thumbnail,.exad-post-grid-thumbnail>a),
html body #page#page#page#page#page #hks-search[data-view=grid] .hs-image {
  display:block!important; position:relative!important; flex:0 0 auto!important;
  width:100%!important; height:210px!important; min-height:210px!important; max-height:none!important;
  margin:0!important; padding:0!important; overflow:hidden!important; aspect-ratio:auto!important;
}
html body #page#page#page#page#page :is(.galactic-el-blog .el-post-thumb img,.exad-post-grid .exad-post-grid-thumbnail img,#hks-search .hs-image img) {
  display:block!important; width:100%!important; height:100%!important; max-width:100%!important;
  object-fit:cover!important; object-position:center!important; margin:0!important; padding:0!important;
}
html body #page#page#page#page#page :is(.galactic-el-blog .el-post-thumb,.exad-post-grid .exad-post-grid-thumbnail,#hks-search .hs-image)::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(5,16,36,0) 55%,rgba(5,16,36,.38) 100%);
}
html body #page#page#page#page#page .galactic-el-blog:not(.hks-view-list):not(.hks-view-titles) :is(.read-more,.hks-card-category,.hks-card-excerpt,.el-post-thumb>.category),
html body #page#page#page#page#page #hks-search[data-view=grid] :is(.hs-excerpt,.hs-read,.hs-meta>a,.hs-meta>span) {display:none!important;}
html body #page#page#page#page#page :is(.galactic-el-blog .hks-card-excerpt,#hks-search .hs-excerpt) {order:3; color:#b7c9d8!important; margin-top:12px!important;}
html body #page#page#page#page#page :is(.galactic-el-blog .hks-card-category,#hks-search .hs-read) {order:2; color:#c4cfdf!important;}
html body #page#page#page#page#page :is(.galactic-el-blog,.exad-post-grid,#hks-search .hs-card) a:focus-visible {outline:3px solid #ff8b8f!important; outline-offset:3px!important;}
html body #page#page#page#page#page :is(.galactic-el-blog .el-post-thumb,.exad-post-grid .exad-post-grid-thumbnail,#hks-search .hs-image) {position:relative!important;}
html body #page#page#page#page#page #hks-search .hs-read {order:4!important;margin-top:14px!important;}
/* Compact modes keep their own layout and grow to fit large text. */
html body #page#page#page#page#page .galactic-el-blog.hks-view-list :is(.el-post-item,.el-post-content) {min-height:0!important;}
html body #page#page#page#page#page .galactic-el-blog.hks-view-list .el-post-content {flex:1 1 0!important;}
html body #page#page#page#page#page .galactic-el-blog.hks-view-titles .post-meta {margin:0!important;}
html body #page#page#page#page#page #hks-search .hs-card h3 {flex-shrink:0!important; max-height:none!important; overflow:visible!important;}
@media(max-width:767px) {
  html body #page#page#page#page#page :is(.galactic-el-blog .el-post-item,.exad-post-grid .exad-post-grid-container,#hks-search .hs-card) {border-radius:13px!important;}
  html body #page#page#page#page#page :is(.galactic-el-blog .el-post-content,.exad-post-grid .exad-post-grid-body,#hks-search .hs-content) {padding:22px 19px!important;}
  html body #page#page#page#page#page :is(.galactic-el-blog .el-post-content,.exad-post-grid .exad-post-grid-body,#hks-search .hs-content)::before {left:19px!important;}
  html body #page#page#page#page#page :is(.galactic-el-blog .post-title a,.exad-post-grid .exad-post-grid-title,#hks-search .hs-card h3 a) {font-size:17px!important;}
  html body #page#page#page#page#page .galactic-el-blog:not(.hks-view-titles) :is(.el-post-thumb,.el-post-thumb-inner),
  html body #page#page#page#page#page .exad-post-grid :is(.exad-post-grid-thumbnail,.exad-post-grid-thumbnail>a),
  html body #page#page#page#page#page #hks-search .hs-image {width:100%!important; height:220px!important; min-height:220px!important; flex:0 0 auto!important;}
  html body #page#page#page#page#page #hks-search .hs-card {display:flex!important; flex-direction:column!important;}
  html body #page#page#page#page#page .galactic-el-blog.hks-view-list .el-post-content {flex:1 0 auto!important;}
}
@media(prefers-reduced-motion:reduce) {
  html body #page#page#page#page#page :is(.galactic-el-blog .el-post-item,.exad-post-grid .exad-post-grid-container,#hks-search .hs-card) {transition:none!important;transform:none!important;}
}

html body #page#page#page#page#page :is(.galactic-el-blog>.el-blog-item,.exad-post-grid .exad-row-wrapper>.exad-col){min-height:0!important;}

/* Native date, tag and author archives. CSS grid keeps enlarged titles from overlapping. */
html body.archive #page#page#page#page#page #primary .post-items.grid:not([hidden]) {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:35px!important;height:auto!important;margin:0!important;padding:0!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post {position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .article-inner {display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:1px solid rgba(117,164,211,.28)!important;border-radius:15px!important;background:#0a203b!important;box-shadow:0 12px 28px rgba(7,21,45,.12)!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-thumbnail,html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-thumbnail>a {display:block!important;position:relative!important;flex:0 0 auto!important;width:100%!important;height:210px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-thumbnail img {display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-thumbnail::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,16,36,0) 55%,rgba(5,16,36,.38) 100%);}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-content {position:relative!important;flex:1 0 auto!important;height:auto!important;max-height:none!important;min-width:0!important;padding:23px 22px 24px!important;border:0!important;background:radial-gradient(circle at 100% 0%,rgba(54,184,255,.17),transparent 38%),linear-gradient(145deg,#102d51 0%,#071a31 74%)!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-content::before {content:"";position:absolute;top:0;left:22px;width:48px;height:3px;border-radius:0 0 3px 3px;background:#d71920;box-shadow:0 3px 9px rgba(215,25,32,.28);}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .entry-header {margin:0!important;padding:0!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .entry-title {margin:0!important;padding:0!important;border:0!important;height:auto!important;max-height:none!important;overflow:visible!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .entry-title a {display:block!important;font-family:Oxanium,Arial,sans-serif!important;font-size:18px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:-.012em!important;text-transform:none!important;text-decoration:none!important;color:#fff!important;height:auto!important;max-height:none!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;word-break:normal!important;-webkit-line-clamp:unset!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .entry-title a:is(:hover,:focus-visible) {color:#ff8b8f!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-meta {display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 13px!important;padding:0!important;border:0!important;background:none!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-meta > a[rel=bookmark] {display:inline-flex!important;align-items:center!important;gap:7px!important;max-width:100%!important;padding:6px 9px!important;margin:0!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#c4cfdf!important;font-family:Oxanium,Arial,sans-serif!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.045em!important;text-transform:uppercase!important;text-decoration:none!important;white-space:normal!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-meta > a[rel=bookmark]::before {content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#f04b50;box-shadow:0 0 0 3px rgba(240,75,80,.12);}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post :is(.dl-cat-items,.post-meta i,.post-meta .updated,.post-meta>a:not([rel=bookmark])) {display:none!important;}
html body.archive #page#page#page#page#page #primary .post-items.grid > article.post a:focus-visible {outline:3px solid #ff8b8f!important;outline-offset:3px!important;}
@media(max-width:767px){
 html body.archive #page#page#page#page#page #primary .post-items.grid {grid-template-columns:minmax(0,1fr)!important;gap:22px!important;}
 html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .article-inner {border-radius:13px!important;}
 html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-thumbnail,html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-thumbnail>a {height:220px!important;}
 html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-content {padding:22px 19px!important;}
 html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .post-content::before {left:19px;}
 html body.archive #page#page#page#page#page #primary .post-items.grid > article.post .entry-title a {font-size:17px!important;}
}

/* Titles-only view: remove the theme's blue hover underline. */
html body #page#page#page#page#page .galactic-el-blog.hks-view-titles .post-title a {
  background-image: none !important;
}


/* News tabs: use the full 1360px desktop content width. */
@media (min-width: 1025px) {
  html body #page#page#page .exad-advance-tab-content .elementor-section:has(.exad-post-grid) > .elementor-container {
    width: 100% !important;
    max-width: 1360px !important;
    margin-inline: auto !important;
  }
  html body #page#page#page .exad-advance-tab-content .elementor-widget-wrap:has(> .elementor-widget-exad-post-grid) {
    padding-inline: 0 !important;
  }
  html body #page#page#page .exad-advance-tab-content .exad-post-grid {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1360px !important;
    margin-inline: auto !important;
  }
}


/* Homepage archive button: match the news cards and red accents. */
html body.page-id-72209 #page#page#page#page#page .elementor-element-1a884096 .exad-button-wrapper a.exad-button-action {
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;box-sizing:border-box!important;
  width:290px!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:62px!important;margin:0 auto!important;padding:14px 24px!important;
  border:1px solid rgba(117,164,211,.28)!important;border-radius:15px!important;
  background:linear-gradient(145deg,#102d51 0%,#071a31 74%)!important;color:#fff!important;
  box-shadow:0 12px 28px rgba(7,21,45,.12)!important;overflow:hidden!important;isolation:isolate!important;
  font-family:"Oxanium",Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:.035em!important;text-decoration:none!important;text-shadow:none!important;
  transform:none!important;animation:none!important;transition:border-color .2s ease,box-shadow .2s ease!important;
}
html body.page-id-72209 #page#page#page#page#page .elementor-element-1a884096 .exad-button-wrapper a.exad-button-action::before {
  content:""!important;display:block!important;position:absolute!important;inset:auto!important;top:0!important;left:50%!important;width:48px!important;height:3px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0 0 3px 3px!important;background:#ef3340!important;box-shadow:none!important;transform:translateX(-50%)!important;opacity:1!important;animation:none!important;z-index:2!important;
}
html body.page-id-72209 #page#page#page#page#page .elementor-element-1a884096 .exad-button-wrapper a.exad-button-action::after {content:none!important;display:none!important;}
html body.page-id-72209 #page#page#page#page#page .elementor-element-1a884096 .exad-button-wrapper a.exad-button-action>span {position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;font-size:14px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:.035em!important;transform:none!important;z-index:1!important;}
html body.page-id-72209 #page#page#page#page#page .elementor-element-1a884096 .exad-button-wrapper a.exad-button-action>.exad-button-icon-wrapper {
  display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;
  border:1px solid rgba(239,51,64,.25)!important;border-radius:8px!important;background:rgba(239,51,64,.08)!important;color:#f34e5a!important;box-shadow:none!important;
}
html body.page-id-72209 #page#page#page#page#page .elementor-element-1a884096 .exad-button-wrapper a.exad-button-action>.exad-button-icon-wrapper svg {display:block!important;width:18px!important;height:18px!important;margin:0!important;fill:currentColor!important;color:#f34e5a!important;transform:none!important;}
html body.page-id-72209 #page#page#page#page#page .elementor-element-1a884096 .exad-button-wrapper a.exad-button-action:hover {border-color:rgba(239,51,64,.65)!important;box-shadow:0 14px 30px rgba(7,21,45,.17)!important;color:#fff!important;}
html body.page-id-72209 #page#page#page#page#page .elementor-element-1a884096 .exad-button-wrapper a.exad-button-action:focus-visible,
html body.page-id-72209 #page#page#page#page#page .hks-home-all-news a:focus-visible {outline:3px solid #ef3340!important;outline-offset:4px!important;}
@media(max-width:1024px){
  html body.page-id-72209 #page#page#page#page#page .hks-home-all-news a {width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;border:1px solid rgba(117,164,211,.28)!important;border-radius:13px!important;background:linear-gradient(145deg,#102d51,#071a31)!important;color:#f34e5a!important;box-shadow:0 8px 20px rgba(7,21,45,.12)!important;transition:border-color .2s ease!important;}
  html body.page-id-72209 #page#page#page#page#page .hks-home-all-news a:hover {background:linear-gradient(145deg,#102d51,#071a31)!important;border-color:rgba(239,51,64,.65)!important;}
}
@media(prefers-reduced-motion:reduce){
  html body.page-id-72209 #page#page#page#page#page .elementor-element-1a884096 .exad-button-wrapper a.exad-button-action,html body.page-id-72209 #page#page#page#page#page .hks-home-all-news a {transition:none!important;}
}

/* Give the archive button space above the section boundary. */
@media(min-width:1025px){
  html body.page-id-72209 #page#page#page#page#page .elementor-element-1a884096 {margin-bottom:32px!important;}
}