/* ==========================================================
   ABG Theme 6.31.0 — News + Community polish + Skat scrolltop
   ========================================================== */

/* NEWS — softer editorial hierarchy */
body.abg-v6 .abg-v67-news-head{
  padding-top:34px!important;
  padding-bottom:30px!important;
}
body.abg-v6 .abg-v67-news-head h1{
  max-width:900px!important;
  font-size:clamp(2.45rem,3.75vw,4rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
body.abg-v6 .abg-v67-news-head p{
  max-width:760px;
  font-size:1rem;
  line-height:1.58;
}
body.abg-v6 .abg-v67-news-nav-wrap{
  padding:10px 0;
  border-bottom:0!important;
  background:#f2f4f5!important;
}
body.abg-v6 .abg-v67-news-nav-wrap .abg-v41-news-nav{
  gap:5px!important;
  padding:6px!important;
  border:1px solid #e2e6e9!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(25,34,44,.045);
}
body.abg-v6 .abg-v67-news-nav-wrap .abg-v41-news-nav a{
  height:38px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:12px!important;
  color:#626a73!important;
}
body.abg-v6 .abg-v67-news-nav-wrap .abg-v41-news-nav a:hover{
  background:#f5f6f6!important;
  color:#15181c!important;
}
body.abg-v6 .abg-v67-news-nav-wrap .abg-v41-news-nav a.is-active{
  background:#fff1c6!important;
  color:#17191d!important;
  box-shadow:inset 0 0 0 1px rgba(206,158,21,.18);
}
body.abg-v6 .abg-v67-lead-story,
body.abg-v6 .abg-v67-side-news{
  overflow:hidden;
  border:1px solid #e1e5e8!important;
  border-top:0!important;
  border-radius:24px!important;
  background:#fff;
  box-shadow:0 14px 36px rgba(25,34,44,.065);
}
body.abg-v6 .abg-v67-lead-story:before,
body.abg-v6 .abg-v67-side-news:before{
  content:"";
  display:block;
  height:5px;
}
body.abg-v6 .abg-v67-lead-story:before{background:var(--v6-yellow)}
body.abg-v6 .abg-v67-side-news:before{background:#171a1f}
body.abg-v6 .abg-v67-lead-media{
  border-radius:0!important;
  box-shadow:none!important;
}
body.abg-v6 .abg-v67-lead-label{
  left:14px!important;
  bottom:14px!important;
  border-radius:999px;
  padding:7px 11px!important;
  box-shadow:0 5px 16px rgba(0,0,0,.14);
}
body.abg-v6 .abg-v67-side-thumb{
  border-radius:14px!important;
}
body.abg-v6 .abg-v67-news-grid{
  gap:22px!important;
}
body.abg-v6 .abg-v67-news-grid .abg-news-card{
  border:1px solid #e2e6e9!important;
  border-radius:22px!important;
  background:#fff;
  box-shadow:0 10px 30px rgba(25,34,44,.055)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.abg-v6 .abg-v67-news-grid .abg-news-card:hover{
  transform:translateY(-3px);
  border-color:#d8dde1!important;
  box-shadow:0 18px 38px rgba(25,34,44,.09)!important;
}
body.abg-v6 .abg-v67-news-grid .abg-news-card-media{
  border-radius:0!important;
}
body.abg-v6 .abg-v67-news-grid .abg-news-card-body{
  padding:18px 19px 20px!important;
}

/* Older / alternate news grids: same visual language */
body.abg-v6 .abg-v4-news-grid .abg-v4-news-item{
  overflow:hidden;
  padding-top:0!important;
  border:1px solid #e2e6e9!important;
  border-radius:22px!important;
  background:#fff;
  box-shadow:0 10px 28px rgba(25,34,44,.05);
  transition:transform .2s ease,box-shadow .2s ease;
}
body.abg-v6 .abg-v4-news-grid .abg-v4-news-item:hover{
  transform:translateY(-3px);
  box-shadow:0 17px 38px rgba(25,34,44,.085);
}
body.abg-v6 .abg-v4-news-grid .abg-v4-news-media{
  border-radius:0!important;
  box-shadow:none!important;
}
body.abg-v6 .abg-v4-news-grid .abg-v4-news-copy{
  padding:16px 18px 19px;
}

/* COMMUNITY archive — turn the list into calm, tactile discussion cards */
body.abg-v6 .abg-v49-community-archive{
  padding-top:38px!important;
}
body.abg-v6 .abg-v49-community-toolbar{
  margin-bottom:18px!important;
}
body.abg-v6 .abg-v49-community-sort{
  gap:4px;
  padding:4px;
  border:1px solid #e0e3e4!important;
  border-radius:999px;
  background:#fff;
  box-shadow:0 7px 20px rgba(25,34,44,.04);
}
body.abg-v6 .abg-v49-community-sort a{
  min-width:62px;
  padding:7px 13px!important;
  border:0!important;
  border-radius:999px;
  text-align:center;
}
body.abg-v6 .abg-v49-community-sort a.is-active{
  margin:0!important;
  background:#fff1c6;
  color:#17191d!important;
}
body.abg-v6 .abg-v49-channel-nav{
  display:flex;
  gap:4px!important;
  margin-bottom:24px!important;
  padding:6px!important;
  overflow-x:auto;
  border:1px solid #e2e5e6!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(25,34,44,.045);
  scrollbar-width:none;
}
body.abg-v6 .abg-v49-channel-nav::-webkit-scrollbar{display:none}
body.abg-v6 .abg-v49-channel-nav a{
  flex:0 0 auto;
  padding:8px 13px!important;
  border:0!important;
  border-radius:12px!important;
  white-space:nowrap;
  color:#686f77;
}
body.abg-v6 .abg-v49-channel-nav a:hover{
  background:#f5f6f6;
  color:#17191d;
}
body.abg-v6 .abg-v49-channel-nav a.is-active{
  background:#fff1c6;
  color:#17191d!important;
}
body.abg-v6 .abg-v49-community-list{
  display:grid;
  gap:13px;
  border-top:0!important;
}
body.abg-v6 .abg-v49-community-list article,
body.abg-v6 .abg-v49-community-list article.is-lead{
  position:relative;
  padding:20px 22px!important;
  border:1px solid #e1e5e7!important;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 24px rgba(25,34,44,.035);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.abg-v6 .abg-v49-community-list article:hover{
  transform:translateY(-2px);
  border-color:#d5dadd!important;
  box-shadow:0 15px 34px rgba(25,34,44,.075);
}
body.abg-v6 .abg-v49-community-list article.is-lead{
  grid-template-columns:280px minmax(0,1fr) 44px!important;
  gap:24px!important;
  padding:18px!important;
  border-radius:24px;
  box-shadow:0 14px 36px rgba(25,34,44,.065);
}
body.abg-v6 .abg-v49-community-list article:not(.is-lead){
  grid-template-columns:minmax(0,1fr) 44px!important;
}
body.abg-v6 .abg-v49-community-lead-image{
  width:280px!important;
  height:178px!important;
  border-radius:18px;
  box-shadow:0 7px 20px rgba(25,34,44,.06);
}
body.abg-v6 .abg-v49-community-row-main h3{
  margin-top:6px!important;
  margin-bottom:6px!important;
}
body.abg-v6 .abg-v49-community-list article.is-lead h3{
  font-size:1.7rem!important;
  line-height:1.12;
}
body.abg-v6 .abg-v49-community-row-main p{
  margin-bottom:12px!important;
  line-height:1.55;
}
body.abg-v6 .abg-v49-community-open{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  align-self:center;
  border:1px solid #dde1e3;
  border-radius:50%;
  background:#f8f9f9;
  color:#1b1e22!important;
  font-size:1rem!important;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease;
}
body.abg-v6 .abg-v49-community-list article:hover .abg-v49-community-open{
  transform:translateX(2px);
  border-color:#d1b256;
  background:#fff7da;
}

/* Skat-card scroll-to-top */
.abg-v631-scrolltop{
  position:fixed;
  right:clamp(14px,2vw,28px);
  bottom:clamp(16px,2.6vw,30px);
  z-index:9998;
  width:54px;
  height:68px;
  padding:0;
  border:1px solid rgba(20,24,29,.18);
  border-radius:13px;
  background:#fffdf8;
  color:#1d2126;
  box-shadow:0 14px 34px rgba(15,20,26,.18);
  opacity:0;
  visibility:hidden;
  transform:translateY(14px) scale(.96);
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease,box-shadow .2s ease;
}
.abg-v631-scrolltop.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.abg-v631-scrolltop:hover{
  transform:translateY(-3px) scale(1.015);
  box-shadow:0 19px 40px rgba(15,20,26,.24);
}
.abg-v631-scrolltop:focus-visible{
  outline:3px solid rgba(216,170,43,.35);
  outline-offset:3px;
}
.abg-v631-scrolltop-arrow{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding-bottom:1px;
  font-size:1.45rem;
  font-weight:900;
  line-height:1;
}
.abg-v631-scrolltop-suit{
  position:absolute;
  z-index:1;
  font-size:.86rem;
  font-weight:900;
  line-height:1;
}
.abg-v631-scrolltop-suit.is-top{left:7px;top:7px}
.abg-v631-scrolltop-suit.is-bottom{right:7px;bottom:7px;transform:rotate(180deg)}
.abg-v631-scrolltop[data-suit="rot"] .abg-v631-scrolltop-suit{color:#c52f36}
.abg-v631-scrolltop[data-suit="pik"] .abg-v631-scrolltop-suit{color:#1d2126}
.abg-v631-scrolltop[data-suit="schell"] .abg-v631-scrolltop-suit{color:#c99300}
.abg-v631-scrolltop[data-suit="gruen"] .abg-v631-scrolltop-suit{color:#2d7849}

@media(max-width:900px){
  body.abg-v6 .abg-v49-community-list article.is-lead{
    grid-template-columns:minmax(0,1fr) 40px!important;
    padding:19px 20px!important;
  }
  body.abg-v6 .abg-v49-community-lead-image{display:none!important}
}
@media(max-width:700px){
  body.abg-v6 .abg-v67-news-nav-wrap{padding:8px 0}
  body.abg-v6 .abg-v67-news-nav-wrap .abg-v41-news-nav{
    margin:0 -3px;
    padding:5px!important;
    border-radius:15px!important;
  }
  body.abg-v6 .abg-v67-news-nav-wrap .abg-v41-news-nav a{
    height:36px!important;
    padding:0 12px!important;
    border-radius:10px!important;
  }
  body.abg-v6 .abg-v49-community-sort{align-self:flex-end}
  body.abg-v6 .abg-v49-channel-nav{border-radius:15px!important}
  body.abg-v6 .abg-v49-community-list article,
  body.abg-v6 .abg-v49-community-list article.is-lead{
    grid-template-columns:minmax(0,1fr) 36px!important;
    gap:10px!important;
    padding:17px 16px!important;
    border-radius:17px;
  }
  body.abg-v6 .abg-v49-community-list article.is-lead h3{font-size:1.36rem!important}
  body.abg-v6 .abg-v49-community-open{width:34px;height:34px}
  .abg-v631-scrolltop{width:48px;height:60px;border-radius:12px;right:14px;bottom:16px}
  .abg-v631-scrolltop-suit{font-size:.76rem}
  .abg-v631-scrolltop-arrow{font-size:1.25rem}
}
@media(prefers-reduced-motion:reduce){
  .abg-v631-scrolltop,
  body.abg-v6 .abg-v67-news-grid .abg-news-card,
  body.abg-v6 .abg-v49-community-list article,
  body.abg-v6 .abg-v49-community-open{
    transition:none!important;
  }
}

/* Compatibility: older news archive / preview routes use the generic archive grid */
body.abg-v6 .abg-v41-news-nav-wrap{
  padding:10px 0;
  border-bottom:0!important;
  background:#f2f4f5!important;
}
body.abg-v6 .abg-v41-news-nav-wrap .abg-v41-news-nav{
  display:flex;
  gap:5px!important;
  overflow-x:auto;
  padding:6px!important;
  border:1px solid #e2e6e9!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(25,34,44,.045);
  scrollbar-width:none;
}
body.abg-v6 .abg-v41-news-nav-wrap .abg-v41-news-nav::-webkit-scrollbar{display:none}
body.abg-v6 .abg-v41-news-nav-wrap .abg-v41-news-nav a{
  flex:0 0 auto;
  min-height:38px;
  display:flex;
  align-items:center;
  padding:0 14px!important;
  border:0!important;
  border-radius:12px!important;
  color:#626a73!important;
  white-space:nowrap;
}
body.abg-v6 .abg-v41-news-nav-wrap .abg-v41-news-nav a:hover{background:#f5f6f6!important;color:#15181c!important}
body.abg-v6 .abg-v41-news-nav-wrap .abg-v41-news-nav a.is-active{background:#fff1c6!important;color:#17191d!important}
body.abg-v6 .abg-v4-archive-grid .abg-news-card,
body.abg-v6 .abg-news-grid .abg-news-card{
  overflow:hidden!important;
  padding:0!important;
  border:1px solid #e2e6e9!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(25,34,44,.055)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.abg-v6 .abg-v4-archive-grid .abg-news-card:hover,
body.abg-v6 .abg-news-grid .abg-news-card:hover{
  transform:translateY(-3px);
  border-color:#d8dde1!important;
  box-shadow:0 18px 38px rgba(25,34,44,.09)!important;
}
body.abg-v6 .abg-v4-archive-grid .abg-news-card-media,
body.abg-v6 .abg-news-grid .abg-news-card-media{
  margin:0!important;
  border-radius:0!important;
  aspect-ratio:16/9!important;
}
body.abg-v6 .abg-v4-archive-grid .abg-news-card-body,
body.abg-v6 .abg-news-grid .abg-news-card-body{
  padding:17px 18px 19px!important;
}
@media(max-width:700px){
  body.abg-v6 .abg-v41-news-nav-wrap{padding:8px 0}
  body.abg-v6 .abg-v41-news-nav-wrap .abg-v41-news-nav{border-radius:15px!important;padding:5px!important}
  body.abg-v6 .abg-v41-news-nav-wrap .abg-v41-news-nav a{min-height:36px;padding:0 12px!important;border-radius:10px!important}
  body.abg-v6 .abg-v4-archive-grid .abg-news-card,
  body.abg-v6 .abg-news-grid .abg-news-card{border-radius:18px!important}
}