/* SerieAGoal Server 2.17 | only dedicated News archives, home and global landing unchanged */
.sg217-page{min-width:0}
.sg217-landing{padding-top:6px}
.sg217-archive{min-width:0;max-width:100%}
.sg217-archive__head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 17px}
.sg217-archive__back{font-size:12px;text-decoration:none!important;color:var(--sg215-accent,#42a7da)!important;font-weight:700}
.sg217-archive__back:hover{text-decoration:underline!important}
.sg217-archive__head h1{font-size:clamp(22px,2vw,29px);line-height:1.2;letter-spacing:-.02em;font-weight:830;margin:9px 0 0!important;color:var(--sg215-text,var(--sg-text))!important}
.sg217-archive__page{display:block;font-size:12px;color:var(--sg215-muted,var(--sg-muted));margin-top:5px}
.sg217-archive__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.sg217-archive__grid:empty{display:none}
.sg217-archive-card{min-width:0}
.sg217-archive-card>.sg215-story{width:100%;height:100%}
.sg217-archive__more-area{display:flex;flex-direction:column;align-items:center;gap:10px;margin:25px 0 8px}
.sg217-archive__more{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 28px;border:1px solid var(--sg215-border,var(--sg-border));border-radius:14px;background:var(--sg215-surface,var(--sg-surface-secondary));color:var(--sg215-text,var(--sg-text))!important;font-weight:770;font-size:14px;text-decoration:none!important;transition:background .16s ease,border-color .16s ease}
.sg217-archive__more:hover,.sg217-archive__more:focus-visible{background:var(--sg-hover,rgba(100,150,180,.12));border-color:var(--sg215-accent,#42a7da);outline-offset:3px}
.sg217-archive__more.is-loading{opacity:.65;pointer-events:none}
.sg217-archive__status{font-size:12px;color:var(--sg215-muted,var(--sg-muted))}
.sg217-archive__pagination{margin-top:22px}
.sg217-archive__pagination a{color:var(--sg215-accent,#42a7da)!important}
@media(max-width:900px){.sg217-archive__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.sg217-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:480px){.sg217-archive__grid{gap:9px}.sg217-archive__head h1{font-size:22px}.sg217-archive__more{width:min(100%,320px)}}
@media(prefers-reduced-motion:reduce){.sg217-archive__more{transition:none}}
/* Do not let padding increase the intrinsic width of the mobile load-more control. */
.sg217-archive__more {box-sizing:border-box;max-width:100%}