.h2h-page,.h2h-page *{box-sizing:border-box}
/* Isolera komponenten från äldre globala multikolumnregler i main.css. */
.h2h-page article{
  display:block;
  min-width:0;
  -webkit-columns:auto!important;
  -moz-columns:auto!important;
  columns:auto!important;
  -webkit-column-count:1!important;
  -moz-column-count:1!important;
  column-count:1!important;
  -webkit-column-width:auto!important;
  -moz-column-width:auto!important;
  column-width:auto!important;
  -webkit-column-gap:normal!important;
  -moz-column-gap:normal!important;
  column-gap:normal!important;
}
.h2h-page article>*{
  -webkit-column-break-inside:avoid;
  break-inside:avoid;
}
.h2h-match-row{display:block!important;width:100%;min-width:0}
.h2h-match-row>a{width:100%;max-width:none}
.h2h-page{--h2h-blue:#1d4289;--h2h-blue-dark:#15366f;--h2h-deep:#0f2b5f;--h2h-ink:#10243b;--h2h-muted:#647287;--h2h-border:rgba(18,54,96,.14);--h2h-soft:#f3f6fa;--h2h-win:#18864b;--h2h-draw:#d08a00;--h2h-loss:#c4454b;min-width:0;padding:clamp(.8rem,2vw,1.35rem) 0 3rem;overflow-x:hidden;background:linear-gradient(180deg,#f3f6fb 0,#fff 34rem);color:var(--h2h-ink)}
.h2h-shell{width:100%;max-width:84rem;min-width:0;margin:0 auto;padding-inline:clamp(1rem,3vw,2rem)}
.h2h-not-found{padding:clamp(2rem,6vw,5rem);border:1px solid var(--h2h-border);border-radius:1.2rem;background:#fff;text-align:center;box-shadow:0 .8rem 2.2rem rgba(16,36,59,.07)}
.h2h-not-found p{margin:0;color:var(--h2h-blue);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.h2h-not-found h1{margin:.45rem 0 1.2rem;color:var(--h2h-ink)}
.h2h-not-found a{display:inline-flex;padding:.7rem .9rem;border-radius:.7rem;background:var(--h2h-blue);color:#fff!important;font-weight:850;text-decoration:none!important}
.h2h-hero{position:relative;display:grid;grid-template-columns:minmax(0,3fr) minmax(20rem,2fr);height:clamp(20rem,29vw,23.75rem);overflow:hidden;border-radius:1.3rem;background:var(--h2h-blue);box-shadow:0 1.2rem 3.2rem rgba(29,66,137,.25);color:#fff;isolation:isolate}
.h2h-hero:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(112deg,transparent 0 59%,rgba(255,255,255,.075) 59% 61%,transparent 61%),linear-gradient(135deg,rgba(255,255,255,.055),transparent 48%),radial-gradient(circle at 14% 8%,rgba(255,255,255,.16),transparent 19rem);content:""}
.h2h-hero__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(1.9rem,4vw,2.8rem)}
.h2h-eyebrow{margin:0 0 .45rem!important;color:rgba(255,255,255,.76);font-size:.72rem!important;font-weight:900;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}
.h2h-hero h1{max-width:100%;margin:0;color:#fff!important;font-size:clamp(2.55rem,5.8vw,4.6rem);letter-spacing:-.045em;line-height:.98;overflow-wrap:anywhere}
.h2h-hero__lead{max-width:43rem;margin:1rem 0 0!important;color:rgba(255,255,255,.9);font-size:clamp(1rem,2.25vw,1.16rem);line-height:1.58}
.h2h-hero__facts{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin:1.25rem 0 0;color:rgba(255,255,255,.72);font-size:.78rem;font-weight:750}
.h2h-hero__facts span+span:before{margin-right:1rem;color:rgba(255,255,255,.38);content:"•"}
.h2h-hero__facts strong{color:#fff!important;font-size:.92rem}
.h2h-form{display:flex;align-items:center;gap:.32rem;margin-top:1.15rem;color:rgba(255,255,255,.68);font-size:.68rem;font-weight:850;text-transform:uppercase}
.h2h-form__item{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:999px;color:#fff!important;font-size:.66rem;text-decoration:none!important}
.h2h-form__item--w{background:var(--h2h-win)}.h2h-form__item--d{background:var(--h2h-draw)}.h2h-form__item--l{background:var(--h2h-loss)}
.h2h-hero__mini-crests{display:none}
.h2h-hero__media{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;background:linear-gradient(145deg,#e7edf5,#cbd8e8)}
.h2h-hero__media:before{position:absolute;inset:0;background:linear-gradient(rgba(16,45,97,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,45,97,.05) 1px,transparent 1px);background-size:1.7rem 1.7rem;content:""}
.h2h-hero__media.has-photo:before{background:linear-gradient(135deg,rgba(11,32,69,.38),rgba(11,32,69,.76)),var(--h2h-photo) center/cover no-repeat;filter:saturate(.72) contrast(1.05)}
.h2h-hero__media:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,66,137,.28),transparent 30%),linear-gradient(180deg,transparent 60%,rgba(11,32,69,.25));content:""}
.h2h-hero__versus{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.65rem,2vw,1.3rem);width:min(28rem,88%);padding:1.2rem;border:1px solid rgba(255,255,255,.22);border-radius:1.1rem;background:rgba(255,255,255,.84);box-shadow:0 1rem 2.4rem rgba(8,27,58,.24);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.h2h-hero__versus>div{display:grid;min-width:0;place-items:center;gap:.65rem;text-align:center}
.h2h-hero__versus img{display:block!important;width:auto!important;height:clamp(4.8rem,8vw,7.2rem)!important;max-width:7.5rem!important;max-height:7.2rem!important;margin:0!important;object-fit:contain!important;filter:drop-shadow(0 .35rem .45rem rgba(16,36,59,.15))}
.h2h-hero__versus span{display:-webkit-box;overflow:hidden;color:var(--h2h-ink);font-size:.72rem;font-weight:850;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.h2h-hero__versus>strong{color:var(--h2h-blue)!important;font-size:.75rem;font-weight:900;letter-spacing:.08em}
.h2h-hero__city{position:absolute;right:1rem;bottom:1rem;z-index:3;padding:.45rem .65rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(8,29,62,.66);color:#fff;font-size:.68rem;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.h2h-workspace{margin-top:1rem;border:1px solid var(--h2h-border);border-radius:1.2rem;background:#fff;box-shadow:0 .8rem 2.2rem rgba(16,36,59,.07)}
.h2h-tabs{display:flex;gap:.3rem;padding:.65rem;overflow-x:auto;border-bottom:1px solid var(--h2h-border);background:linear-gradient(180deg,#f9fbfd,#f4f7fa);scrollbar-width:none}
.h2h-tabs::-webkit-scrollbar{display:none}
.h2h-page .h2h-tabs button{appearance:none!important;display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:.45rem!important;min-height:2.7rem!important;margin:0!important;padding:.55rem .78rem!important;border:1px solid transparent!important;border-radius:.72rem!important;background:transparent!important;box-shadow:none!important;color:#5d6c80!important;font:inherit!important;font-size:.78rem!important;font-weight:850!important;letter-spacing:0!important;line-height:1!important;text-transform:none!important;cursor:pointer!important}
.h2h-page .h2h-tabs button:hover{background:#eaf1fa!important;color:var(--h2h-blue)!important}
.h2h-page .h2h-tabs button[aria-selected="true"]{border-color:rgba(29,66,137,.14)!important;background:#e4edf9!important;color:var(--h2h-blue)!important}
.h2h-tabs button span{display:grid;min-width:1.45rem;height:1.45rem;place-items:center;border-radius:.45rem;background:rgba(29,66,137,.08);font-size:.62rem}
.h2h-panel{display:block;padding:clamp(.85rem,2vw,1.25rem)}
.h2h-panel[hidden]{display:none!important}
.h2h-section{padding:clamp(1rem,2.4vw,1.45rem);border:1px solid var(--h2h-border);border-radius:1rem;background:#fff}
.h2h-section+.h2h-section{margin-top:1rem}
.h2h-section__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.h2h-section__heading p{margin:0 0 .25rem!important;color:var(--h2h-blue);font-size:.66rem!important;font-weight:900;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}
.h2h-section__heading h2{margin:0;color:var(--h2h-ink)!important;font-size:clamp(1.25rem,2.7vw,1.75rem);letter-spacing:-.025em;line-height:1.15}
.h2h-section__heading>span{flex:0 0 auto;color:var(--h2h-muted);font-size:.72rem;font-weight:750}
.h2h-balance{padding:.25rem 0 .4rem}
.h2h-balance__bar{display:grid;width:100%;height:1.05rem;overflow:hidden;border-radius:999px;background:#e9eef4;box-shadow:inset 0 1px 2px rgba(16,36,59,.1)}
.h2h-balance__bar span{min-width:0}.h2h-balance__bar .is-win{background:var(--h2h-win)}.h2h-balance__bar .is-draw{background:var(--h2h-draw)}.h2h-balance__bar .is-loss{background:var(--h2h-loss)}
.h2h-balance__legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.55rem 1rem;margin-top:.75rem;color:var(--h2h-muted);font-size:.75rem}
.h2h-balance__legend span{display:inline-flex;align-items:center;gap:.38rem}.h2h-balance__legend i{width:.6rem;height:.6rem;border-radius:999px}.h2h-balance__legend i.is-win{background:var(--h2h-win)}.h2h-balance__legend i.is-draw{background:var(--h2h-draw)}.h2h-balance__legend i.is-loss{background:var(--h2h-loss)}
.h2h-balance__legend strong{color:var(--h2h-ink)!important}
.h2h-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem}
.h2h-location-grid article{padding:.78rem;border-radius:.78rem;background:#f4f7fb;text-align:center}
.h2h-location-grid span{display:block;color:var(--h2h-muted);font-size:.65rem;font-weight:800}
.h2h-location-grid strong{display:block;margin-top:.18rem;color:var(--h2h-ink)!important;font-size:1.1rem}
.h2h-milestones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}
.h2h-milestones>a,.h2h-milestones>article,.h2h-records>a{display:flex;min-width:0;min-height:7rem;flex-direction:column;justify-content:center;padding:.85rem;border:1px solid var(--h2h-border);border-radius:.85rem;background:linear-gradient(145deg,#fff,#f7f9fc);color:inherit!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.h2h-milestones>a:hover,.h2h-records>a:hover{transform:translateY(-.12rem);border-color:rgba(29,66,137,.3);box-shadow:0 .55rem 1.25rem rgba(16,36,59,.08)}
.h2h-milestones span,.h2h-records span{color:var(--h2h-muted);font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.h2h-milestones strong,.h2h-records strong{display:block;margin:.25rem 0;color:var(--h2h-blue)!important;font-size:1.05rem;line-height:1.18}
.h2h-milestones small,.h2h-records small{display:block;color:var(--h2h-muted);font-size:.68rem;line-height:1.4}
.h2h-records{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.h2h-records>a{min-height:6.7rem}
.h2h-records strong{font-size:1.6rem}
.h2h-chart-toggle{display:flex;gap:.25rem;padding:.2rem;border-radius:.7rem;background:#edf2f8}
.h2h-page .h2h-chart-toggle button{appearance:none!important;min-height:2.15rem!important;margin:0!important;padding:.42rem .62rem!important;border:0!important;border-radius:.55rem!important;background:transparent!important;box-shadow:none!important;color:#68778a!important;font:inherit!important;font-size:.68rem!important;font-weight:850!important;letter-spacing:0!important;line-height:1!important;text-transform:none!important;cursor:pointer!important}
.h2h-page .h2h-chart-toggle button.is-active{background:#fff!important;color:var(--h2h-blue)!important;box-shadow:0 .15rem .45rem rgba(16,36,59,.08)!important}
.h2h-page .h2h-chart-toggle button:disabled{opacity:.38!important;cursor:not-allowed!important}
.h2h-chart{position:relative;min-height:18rem;padding:.75rem;border:1px solid var(--h2h-border);border-radius:.9rem;background:linear-gradient(180deg,#fafcfe,#f4f7fa)}
.h2h-chart svg{display:block;width:100%;height:auto;min-height:15rem;overflow:visible}
.h2h-chart .h2h-chart-grid{stroke:rgba(18,54,96,.1);stroke-width:1}.h2h-chart .h2h-chart-zero{stroke:rgba(18,54,96,.25);stroke-width:1.5;stroke-dasharray:5 5}.h2h-chart .h2h-chart-line{fill:none;stroke:var(--h2h-blue);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.h2h-chart .h2h-chart-area{fill:rgba(29,66,137,.09)}.h2h-chart .h2h-chart-dot{fill:#fff;stroke:var(--h2h-blue);stroke-width:3}.h2h-chart text{fill:#718094;font-family:inherit;font-size:15px;font-weight:500}.h2h-chart p{margin:.4rem 0 0!important;color:var(--h2h-muted);font-size:.7rem;text-align:center}
.h2h-competition-table{overflow:hidden;border:1px solid var(--h2h-border);border-radius:.85rem}
.h2h-competition-table__head,.h2h-competition-table__row{display:grid;grid-template-columns:minmax(12rem,2fr) repeat(4,minmax(5.5rem,.65fr));align-items:center;gap:.6rem;padding:.72rem .85rem}
.h2h-competition-table__head{background:#edf2f8;color:#68778a;font-size:.62rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.h2h-competition-table__row{border-top:1px solid var(--h2h-border);color:#526176;font-size:.74rem}
.h2h-competition-table__row strong{color:var(--h2h-ink)!important;font-size:.79rem}
.h2h-reading{padding:0;overflow:hidden}
.h2h-reading>a{display:grid;grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr);color:inherit!important;text-decoration:none!important}
.h2h-reading img{display:block!important;width:100%!important;height:100%!important;min-height:14rem!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important}
.h2h-reading div{display:flex;flex-direction:column;justify-content:center;padding:1.3rem}
.h2h-reading span{color:var(--h2h-blue);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.h2h-reading h2{margin:.35rem 0;color:var(--h2h-ink)!important}.h2h-reading p{margin:0!important;color:var(--h2h-muted);font-size:.82rem;line-height:1.55}.h2h-reading strong{margin-top:.8rem;color:var(--h2h-blue)!important;font-size:.75rem}
.h2h-filters{display:grid;grid-template-columns:minmax(14rem,1.7fr) repeat(4,minmax(8.5rem,1fr));gap:.65rem;margin-bottom:1rem}
.h2h-filters label{display:block;min-width:0}.h2h-filters label>span{display:block;margin:0 0 .3rem;color:var(--h2h-ink);font-size:.68rem;font-weight:850}.h2h-filters input,.h2h-filters select{display:block;width:100%;height:2.65rem;margin:0;padding:0 .72rem;border:1px solid rgba(18,54,96,.2);border-radius:.68rem;background:#fff;color:var(--h2h-ink);font:inherit;font-size:.78rem;box-shadow:none}.h2h-filters input:focus,.h2h-filters select:focus{border-color:var(--h2h-blue);outline:3px solid rgba(29,66,137,.11)}
.h2h-match-list{display:grid;gap:.5rem}
.h2h-match-row[hidden]{display:none!important}
.h2h-match-row>a{display:grid;grid-template-columns:8.5rem minmax(14rem,1.6fr) 5rem minmax(10rem,1fr) 5rem;align-items:center;gap:.85rem;min-width:0;padding:.75rem .85rem;border:1px solid var(--h2h-border);border-radius:.82rem;background:#fff;color:inherit!important;text-decoration:none!important;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}
.h2h-match-row>a:hover{transform:translateY(-.08rem);border-color:rgba(29,66,137,.28);background:#fafcfe}
.h2h-match-row time,.h2h-match-row__main,.h2h-match-row__place,.h2h-match-row__audience{display:block;min-width:0}
.h2h-match-row time strong,.h2h-match-row__main strong,.h2h-match-row__place strong,.h2h-match-row__audience strong{display:block;overflow:hidden;color:var(--h2h-ink)!important;font-size:.78rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.h2h-match-row time span,.h2h-match-row__main span,.h2h-match-row__place span,.h2h-match-row__audience span{display:block;overflow:hidden;margin-top:.15rem;color:var(--h2h-muted);font-size:.64rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.h2h-match-row__score{justify-self:center;color:var(--h2h-ink)!important;font-size:1.25rem;letter-spacing:-.035em;white-space:nowrap}.h2h-result--w{color:var(--h2h-win)!important}.h2h-result--d{color:var(--h2h-draw)!important}.h2h-result--l{color:var(--h2h-loss)!important}
.h2h-match-row__audience{text-align:right}
.h2h-more{appearance:none!important;display:block!important;min-width:11rem!important;height:2.75rem!important;margin:1rem auto 0!important;padding:0 .9rem!important;border:1px solid var(--h2h-blue)!important;border-radius:.7rem!important;background:var(--h2h-blue)!important;box-shadow:none!important;color:#fff!important;font:inherit!important;font-size:.76rem!important;font-weight:850!important;letter-spacing:0!important;line-height:1!important;text-transform:none!important;cursor:pointer!important}.h2h-more:hover{background:var(--h2h-blue-dark)!important}.h2h-more[hidden]{display:none!important}
.h2h-empty{margin:0!important;padding:1.6rem 1rem;border:1px dashed rgba(18,54,96,.18);border-radius:.9rem;background:#f8fafc;color:var(--h2h-muted);font-size:.8rem;line-height:1.5;text-align:center}
.h2h-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.h2h-player-card{display:grid;grid-template-columns:3.3rem minmax(0,1fr) auto;align-items:center;gap:.68rem;min-width:0;padding:.62rem;border:1px solid var(--h2h-border);border-radius:.82rem;background:#fff;color:inherit!important;text-decoration:none!important;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.h2h-player-card:hover{transform:translateY(-.08rem);border-color:rgba(29,66,137,.28);box-shadow:0 .45rem 1rem rgba(16,36,59,.06)}.h2h-player-card.is-extra:not(.is-revealed){display:none}
.h2h-player-card__portrait,.h2h-mini-portrait{display:block;overflow:hidden;border-radius:.68rem;background:#e7edf5}
.h2h-player-card__portrait{width:3.3rem;height:3.3rem}.h2h-player-card__portrait img,.h2h-mini-portrait img{display:block!important;width:100%!important;height:calc(100% + 30px)!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;object-position:center top!important}
.h2h-player-card__copy{display:block;min-width:0}.h2h-player-card__copy strong{display:block;overflow:hidden;color:var(--h2h-blue)!important;font-size:.78rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.h2h-player-card__copy small{display:flex;align-items:center;gap:.35rem;overflow:hidden;margin-top:.16rem;color:var(--h2h-muted);font-size:.63rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.h2h-player-card__stats{text-align:right}.h2h-player-card__stats strong{display:block;color:var(--h2h-ink)!important;font-size:1.05rem}.h2h-player-card__stats small,.h2h-player-card__stats b{display:block;color:var(--h2h-muted);font-size:.58rem;font-weight:700;line-height:1.25}.h2h-player-card__stats b{margin-top:.1rem;color:var(--h2h-blue)}
.h2h-connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.h2h-connections>article{min-width:0;padding:.9rem;border:1px solid var(--h2h-border);border-radius:.85rem;background:#fafcfe}.h2h-connections h3{margin:0;color:var(--h2h-ink)!important;font-size:.92rem;line-height:1.3}.h2h-connections>article>p{margin:.25rem 0 .7rem!important;color:var(--h2h-muted);font-size:.7rem;line-height:1.45}
.h2h-connection-list{display:grid;gap:.38rem;max-height:22rem;overflow-y:auto}.h2h-connection-list>a{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.55rem;padding:.4rem;border-radius:.65rem;color:inherit!important;text-decoration:none!important}.h2h-connection-list>a:hover{background:#edf3fa}.h2h-mini-portrait{width:2.5rem;height:2.5rem}.h2h-connection-list strong{display:block;overflow:hidden;color:var(--h2h-blue)!important;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.h2h-connection-list small{display:block;overflow:hidden;margin-top:.1rem;color:var(--h2h-muted);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}
.h2h-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.h2h-photo-grid>a{position:relative;display:block;height:11rem;overflow:hidden;border-radius:.82rem;background:#e8edf4;color:#fff!important;text-decoration:none!important}.h2h-photo-grid img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;transition:transform .22s ease}.h2h-photo-grid>a:hover img{transform:scale(1.035)}.h2h-photo-grid>a:after{position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(7,25,52,.82));content:""}.h2h-photo-grid span{position:absolute;right:.65rem;bottom:.55rem;left:.65rem;z-index:2}.h2h-photo-grid strong,.h2h-photo-grid small{display:block;color:#fff!important}.h2h-photo-grid strong{font-size:.72rem}.h2h-photo-grid small{margin-top:.1rem;font-size:.61rem;opacity:.78}
@media(max-width:72rem){.h2h-milestones{grid-template-columns:repeat(3,minmax(0,1fr))}.h2h-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.h2h-filters label:first-child{grid-column:1/-1}.h2h-match-row>a{grid-template-columns:7.4rem minmax(11rem,1.5fr) 4.5rem minmax(8rem,1fr)}.h2h-match-row__audience{display:none}.h2h-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.h2h-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:60rem){.h2h-records{grid-template-columns:repeat(2,minmax(0,1fr))}.h2h-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.h2h-connections{grid-template-columns:minmax(0,1fr)}.h2h-competition-table{overflow-x:auto}.h2h-competition-table__head,.h2h-competition-table__row{min-width:43rem}}
@media(max-width:47.99rem){.h2h-chart text{font-size:12px}.h2h-page{padding-top:.7rem}.h2h-hero{display:block;height:auto}.h2h-hero__copy{padding:1.45rem 1.15rem 1.55rem;text-align:center}.h2h-hero h1{font-size:clamp(2.1rem,11vw,3rem)}.h2h-hero__lead{margin-top:.75rem!important;font-size:.94rem}.h2h-hero__facts{justify-content:center;margin-top:1rem}.h2h-hero__facts span+span:before{display:none}.h2h-form{justify-content:center}.h2h-hero__media{display:none}.h2h-hero__mini-crests{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:.9rem auto 0}.h2h-hero__mini-crests img{display:block!important;width:auto!important;height:3.5rem!important;max-width:4.3rem!important;max-height:3.5rem!important;margin:0!important;object-fit:contain!important}.h2h-hero__mini-crests span{color:rgba(255,255,255,.58);font-size:.65rem;font-weight:850;text-transform:uppercase}.h2h-tabs{padding:.5rem}.h2h-panel{padding:.65rem}.h2h-section{padding:1rem}.h2h-section__heading{align-items:flex-start;flex-direction:column;gap:.45rem}.h2h-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.h2h-milestones>a,.h2h-milestones>article{min-height:6.2rem}.h2h-chart-toggle{width:100%}.h2h-page .h2h-chart-toggle button{flex:1}.h2h-chart{min-height:14rem;padding:.35rem}.h2h-chart svg{min-height:12rem}.h2h-filters{grid-template-columns:minmax(0,1fr)}.h2h-filters label:first-child{grid-column:auto}.h2h-match-row>a{grid-template-columns:minmax(0,1fr) auto;gap:.55rem .75rem;padding:.75rem}.h2h-match-row time{grid-column:1}.h2h-match-row__score{grid-column:2;grid-row:1/3;font-size:1.45rem}.h2h-match-row__main{grid-column:1}.h2h-match-row__place{grid-column:1/-1;padding-top:.45rem;border-top:1px solid var(--h2h-border)}.h2h-match-row__place strong,.h2h-match-row__place span{display:inline}.h2h-match-row__place span:before{content:" · "}.h2h-player-grid{grid-template-columns:minmax(0,1fr)}.h2h-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.h2h-photo-grid>a{height:9.5rem}.h2h-reading>a{grid-template-columns:minmax(0,1fr)}.h2h-reading img{height:12rem!important;min-height:0!important}.h2h-reading div{padding:1rem}}
@media(max-width:28rem){.h2h-milestones,.h2h-records,.h2h-location-grid{grid-template-columns:minmax(0,1fr)}.h2h-photo-grid{grid-template-columns:minmax(0,1fr)}.h2h-photo-grid>a{height:13rem}.h2h-player-card{grid-template-columns:3rem minmax(0,1fr) auto}.h2h-player-card__portrait{width:3rem;height:3rem}}
@media(prefers-reduced-motion:reduce){.h2h-page *{scroll-behavior:auto!important;transition:none!important}}

/* Version 5: större typografi, matchsideinspirerad hero och kompakt mobiltabell. */
.h2h-page {
    font-size: 1rem;
    line-height: 1.55;
}

.h2h-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Hero – samma visuella språk som matchsidans resultattavla. */
.h2h-hero {
    display: block;
    height: auto;
    min-height: 0;
    background: var(--h2h-blue);
}

.h2h-hero:before {
    z-index: -2;
    background: linear-gradient(115deg,#1d4289,#102d61);
}

.h2h-hero.has-image:after {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg,rgba(15,42,90,.97) 0%,rgba(15,42,90,.87) 44%,rgba(15,42,90,.68) 100%),var(--h2h-photo) center/cover no-repeat;
    content: "";
}

.h2h-hero__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.1rem;
    padding: 1rem clamp(1rem,3vw,1.5rem);
    border-bottom: 1px solid rgba(255,255,255,.14);
}

.h2h-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .8rem;
    color: rgba(255,255,255,.78);
    font-size: .78rem;
    font-weight: 750;
}

.h2h-hero__meta span + span:before {
    margin-right: .8rem;
    color: rgba(255,255,255,.34);
    content: "•";
}

.h2h-hero__meta strong {
    color: #fff !important;
}

.h2h-scoreboard {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(9rem,.58fr) minmax(0,1fr);
    align-items: center;
    gap: clamp(.8rem,3vw,2rem);
    padding: clamp(1.5rem,4vw,2.6rem);
}

.h2h-team {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: clamp(.75rem,2vw,1.15rem);
    min-width: 0;
}

.h2h-team--away {
    grid-template-columns: minmax(0,1fr) auto;
    text-align: right;
}

.h2h-team__logo {
    display: grid;
    width: clamp(5rem,8vw,7rem);
    height: clamp(5rem,8vw,7rem);
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.h2h-team__logo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    filter: drop-shadow(0 .45rem .7rem rgba(4,18,45,.34));
}

.h2h-team__name {
    min-width: 0;
}

.h2h-team__name small {
    display: block;
    margin-bottom: .3rem;
    color: rgba(255,255,255,.62);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.h2h-team__name strong {
    display: block;
    color: #fff !important;
    font-size: clamp(1.15rem,2.6vw,1.75rem);
    font-weight: 900;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.h2h-scoreboard__center {
    min-width: 0;
    text-align: center;
}

.h2h-scoreboard__center > span {
    display: block;
    color: rgba(255,255,255,.64);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.h2h-scoreboard__center > strong {
    display: block;
    margin-top: .2rem;
    color: #fff !important;
    font-family: "Francois One","Arial Narrow",sans-serif;
    font-size: clamp(3rem,8vw,5.4rem);
    font-weight: 400;
    letter-spacing: .02em;
    line-height: .9;
}

.h2h-scoreboard__center > small {
    display: block;
    margin-top: .5rem;
    color: rgba(255,255,255,.72);
    font-size: .76rem;
    font-weight: 750;
}

.h2h-scoreboard__center > b {
    display: inline-flex;
    align-items: baseline;
    gap: .35rem;
    margin-top: .65rem;
    padding: .38rem .58rem;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(5,24,55,.22);
    color: #fff;
    font-size: .85rem;
}

.h2h-scoreboard__center > b em {
    color: rgba(255,255,255,.62);
    font-size: .58rem;
    font-style: normal;
    letter-spacing: .06em;
}

.h2h-hero__facts {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(8.4rem,1fr));
    gap: 0;
    margin: 0;
    border-top: 1px solid rgba(255,255,255,.14);
    background: rgba(5,24,55,.18);
}

.h2h-hero__fact {
    min-width: 0;
    padding: .95rem 1rem;
    border-left: 1px solid rgba(255,255,255,.09);
}

.h2h-hero__fact:first-child {
    border-left: 0;
}

.h2h-hero__fact > span {
    display: block;
    color: rgba(255,255,255,.6);
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.h2h-hero__fact > strong,
.h2h-hero__fact > a {
    display: block;
    overflow: hidden;
    margin-top: .25rem;
    color: #fff !important;
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.h2h-hero__fact--form .h2h-form {
    justify-content: flex-start;
    margin-top: .35rem;
}

.h2h-form__item {
    width: 1.9rem;
    height: 1.9rem;
    font-size: .7rem;
}

/* Allmän typografi. */
.h2h-tabs button { font-size: .85rem !important; }
.h2h-section__heading p { font-size: .72rem !important; }
.h2h-section__heading h2 { font-size: clamp(1.4rem,2.7vw,1.9rem); }
.h2h-section__heading > span { font-size: .8rem; }
.h2h-location-grid span { font-size: .72rem; }
.h2h-location-grid strong { font-size: 1.2rem; }
.h2h-milestones span,.h2h-records span { font-size: .68rem; }
.h2h-milestones strong,.h2h-records strong { font-size: 1.15rem; }
.h2h-milestones small,.h2h-records small { font-size: .76rem; }
.h2h-page .h2h-chart-toggle button { font-size: .75rem !important; }
.h2h-chart p { font-size: .78rem; }
.h2h-reading span { font-size: .72rem; }
.h2h-reading p { font-size: .9rem; }
.h2h-reading strong { font-size: .82rem; }
.h2h-filters label > span { font-size: .75rem; }
.h2h-filters input,.h2h-filters select { font-size: .86rem; }
.h2h-match-row time strong,.h2h-match-row__main strong,.h2h-match-row__place strong,.h2h-match-row__audience strong { font-size: .86rem; }
.h2h-match-row time span,.h2h-match-row__main span,.h2h-match-row__place span,.h2h-match-row__audience span { font-size: .72rem; }
.h2h-match-row__score { font-size: 1.4rem; }
.h2h-more { font-size: .82rem !important; }
.h2h-empty { font-size: .88rem; }
.h2h-player-card__copy strong { font-size: .88rem; }
.h2h-player-card__copy small { font-size: .72rem; }
.h2h-player-card__stats small,.h2h-player-card__stats b { font-size: .65rem; }
.h2h-connections h3 { font-size: 1rem; }
.h2h-connections > article > p { font-size: .78rem; }
.h2h-connection-list strong { font-size: .8rem; }
.h2h-connection-list small { font-size: .7rem; }
.h2h-photo-grid strong { font-size: .78rem; }
.h2h-photo-grid small { font-size: .68rem; }

/* Profilbilder beskärs från bildens mitt i stället för överkanten. */
.h2h-player-card__portrait img,
.h2h-mini-portrait img {
    height: 100% !important;
    object-position: center center !important;
}

/* Styrkeförhållandet förklaras med riktning, procent och antal. */
.h2h-balance__intro {
    max-width: 52rem;
    margin: -.25rem 0 1rem !important;
    color: var(--h2h-muted);
    font-size: .88rem;
    line-height: 1.55;
}

.h2h-balance__axis {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: .75rem;
    margin-bottom: .45rem;
    color: var(--h2h-muted);
    font-size: .7rem;
    font-weight: 800;
}

.h2h-balance__axis span:nth-child(2) { text-align: center; }
.h2h-balance__axis span:last-child { text-align: right; }

.h2h-balance__bar {
    display: grid;
    width: 100%;
    height: 1.55rem;
    min-width: 0;
}

.h2h-balance__bar > span {
    position: relative;
    display: grid;
    min-width: 0;
    width: auto !important;
    place-items: center;
    overflow: hidden;
}

.h2h-balance__bar b {
    color: #fff;
    font-size: .68rem;
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0,0,0,.22);
    white-space: nowrap;
}

.h2h-balance__legend {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .65rem;
    margin-top: .8rem;
}

.h2h-balance__legend > span {
    display: grid;
    grid-template-columns: .72rem minmax(0,1fr);
    align-items: center;
    gap: .45rem;
    min-width: 0;
    padding: .65rem .7rem;
    border: 1px solid var(--h2h-border);
    border-radius: .75rem;
    background: #f8fafc;
    font-size: .8rem;
}

.h2h-balance__legend > span > span {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: baseline;
    gap: .28rem;
    min-width: 0;
}

.h2h-balance__legend small {
    color: var(--h2h-muted);
    font-size: .68rem;
    font-weight: 800;
}

/* Resultat per sammanhang: fem kompakta kolumner utan horisontell scroll. */
.h2h-competition-table {
    width: 100%;
    overflow: hidden !important;
}

.h2h-competition-table__head,
.h2h-competition-table__row {
    grid-template-columns: minmax(0,1.7fr) .52fr .78fr .72fr .72fr;
    min-width: 0 !important;
    gap: .45rem;
}

.h2h-competition-table__head {
    font-size: .68rem;
}

.h2h-competition-table__row {
    font-size: .82rem;
    font-variant-numeric: tabular-nums;
}

.h2h-competition-table__row > *,
.h2h-competition-table__head > * {
    min-width: 0;
    text-align: center;
}

.h2h-competition-table__row > :first-child,
.h2h-competition-table__head > :first-child {
    text-align: left;
}

.h2h-competition-table__row strong {
    font-size: .86rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.h2h-table-label--short { display: none; }

@media (max-width:60rem) {
    .h2h-competition-table { overflow: hidden !important; }
    .h2h-competition-table__head,
    .h2h-competition-table__row { min-width: 0 !important; }
}

@media (max-width:47.99rem) {
    .h2h-hero.has-image:after {
        background: linear-gradient(115deg,rgba(29,66,137,.98),rgba(16,45,97,.98));
    }

    .h2h-hero__top {
        min-height: 0;
        padding: .85rem 1rem;
    }

    .h2h-hero__meta {
        justify-content: center;
        width: 100%;
        font-size: .72rem;
        text-align: center;
    }

    .h2h-scoreboard {
        grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
        gap: .45rem;
        padding: 1.25rem .75rem;
    }

    .h2h-team {
        display: flex;
        flex-direction: column;
        gap: .48rem;
        text-align: center;
    }

    .h2h-team--away {
        flex-direction: column-reverse;
        text-align: center;
    }

    .h2h-team__logo {
        width: 4.2rem;
        height: 4.2rem;
    }

    .h2h-team__name small { display: none; }
    .h2h-team__name strong { font-size: .82rem; }
    .h2h-scoreboard__center > span { font-size: .58rem; }
    .h2h-scoreboard__center > strong { font-size: 2.9rem; }
    .h2h-scoreboard__center > small { font-size: .62rem; }
    .h2h-scoreboard__center > b { margin-top: .45rem; padding: .3rem .45rem; font-size: .72rem; }

    .h2h-hero__facts {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .h2h-hero__fact {
        padding: .78rem .8rem;
    }

    .h2h-hero__fact:nth-child(odd) {
        border-left: 0;
    }

    .h2h-hero__fact > span { font-size: .6rem; }
    .h2h-hero__fact > strong,.h2h-hero__fact > a { font-size: .78rem; }
    .h2h-hero__fact--form { grid-column: 1/-1; }
    .h2h-hero__fact--form .h2h-form { justify-content: center; }

    .h2h-balance__intro { font-size: .82rem; }
    .h2h-balance__axis { font-size: .62rem; }
    .h2h-balance__legend { grid-template-columns: minmax(0,1fr); }
    .h2h-balance__legend > span { padding: .58rem .65rem; }

    .h2h-competition-table__head,
    .h2h-competition-table__row {
        grid-template-columns: minmax(0,1.5fr) .4fr .72fr .66fr .62fr;
        gap: .18rem;
        padding: .65rem .48rem;
    }

    .h2h-competition-table__head {
        font-size: .56rem;
        letter-spacing: .025em;
    }

    .h2h-competition-table__row {
        font-size: .68rem;
    }

    .h2h-competition-table__row strong {
        font-size: .72rem;
    }

    .h2h-table-label--long { display: none; }
    .h2h-table-label--short { display: inline; }
}

@media (max-width:28rem) {
    .h2h-team__logo {
        width: 3.6rem;
        height: 3.6rem;
    }
    .h2h-team__name strong { font-size: .75rem; }
    .h2h-scoreboard__center > strong { font-size: 2.5rem; }
    .h2h-scoreboard__center > small { max-width: 5.5rem; margin-inline: auto; }
    .h2h-scoreboard__center > b em { display: none; }

    .h2h-competition-table__head,
    .h2h-competition-table__row {
        grid-template-columns: minmax(0,1.35fr) .36fr .7fr .62fr .58fr;
        padding-inline: .4rem;
        font-size: .62rem;
    }
    .h2h-competition-table__head { font-size: .52rem; }
    .h2h-competition-table__row strong { font-size: .67rem; }
}



/* Version 9: slutlig komponentisolering, fylld styrkestapel och läsbar typografi. */

/* Stäng arbetsytans övre hörn och klipp flikbakgrunden innanför ramen. */
.h2h-page .h2h-workspace {
    overflow: hidden !important;
    border-radius: 1.2rem !important;
    background: #fff;
    isolation: isolate;
}

.h2h-page .h2h-tabs {
    overflow-x: auto;
    border-radius: calc(1.2rem - 1px) calc(1.2rem - 1px) 0 0;
    background-clip: padding-box;
}

/* Segmenten använder antal som flex-vikt. De fyller därför alltid exakt 100 %. */
.h2h-page .h2h-balance__bar {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 1.65rem;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 999px;
    background: #e9eef4;
    box-shadow: inset 0 1px 2px rgba(16,36,59,.1);
}

.h2h-page .h2h-balance__segment {
    position: relative;
    display: grid !important;
    flex-basis: 0 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 .2rem !important;
    place-items: center;
    overflow: hidden;
}

.h2h-page .h2h-balance__segment.is-win { background: var(--h2h-win) !important; }
.h2h-page .h2h-balance__segment.is-draw { background: var(--h2h-draw) !important; }
.h2h-page .h2h-balance__segment.is-loss { background: var(--h2h-loss) !important; }

.h2h-page .h2h-balance__segment b {
    color: #fff !important;
    font-size: .75rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.24);
    white-space: nowrap;
}

/* Axeltexten får en separat klass och vinner även över äldre SVG-regler. */
.h2h-page .h2h-chart text,
.h2h-page .h2h-chart .h2h-chart-axis-label {
    font-size: 11px !important;
    font-weight: 500 !important;
}

/* Större bastext och metadata, utan att förstora rubrikerna. */
.h2h-page { font-size: 1rem; }
.h2h-page .h2h-tabs button { font-size: .9rem !important; }
.h2h-page .h2h-tabs button span { font-size: .72rem; }
.h2h-page .h2h-section__heading p { font-size: .75rem !important; }
.h2h-page .h2h-section__heading > span { font-size: .86rem; }
.h2h-page .h2h-balance__intro { font-size: .96rem; line-height: 1.62; }
.h2h-page .h2h-balance__axis { font-size: .8rem; }
.h2h-page .h2h-balance__legend > span { font-size: .88rem; }
.h2h-page .h2h-balance__legend small { font-size: .78rem; }
.h2h-page .h2h-location-grid span { font-size: .78rem; }
.h2h-page .h2h-milestones span,
.h2h-page .h2h-records span { font-size: .75rem; }
.h2h-page .h2h-milestones small,
.h2h-page .h2h-records small { font-size: .8rem; }
.h2h-page .h2h-chart-toggle button { font-size: .8rem !important; }
.h2h-page .h2h-chart p { font-size: .84rem; line-height: 1.45; }
.h2h-page .h2h-competition-table__head { font-size: .74rem; }
.h2h-page .h2h-competition-table__row { font-size: .88rem; }
.h2h-page .h2h-competition-table__row strong { font-size: .92rem; }
.h2h-page .h2h-reading span { font-size: .76rem; }
.h2h-page .h2h-reading p { font-size: .96rem; }
.h2h-page .h2h-reading strong { font-size: .88rem; }
.h2h-page .h2h-filters label > span { font-size: .8rem; }
.h2h-page .h2h-filters input,
.h2h-page .h2h-filters select { font-size: .92rem; }
.h2h-page .h2h-match-row time strong,
.h2h-page .h2h-match-row__main strong,
.h2h-page .h2h-match-row__place strong,
.h2h-page .h2h-match-row__audience strong { font-size: .92rem; }
.h2h-page .h2h-match-row time span,
.h2h-page .h2h-match-row__main span,
.h2h-page .h2h-match-row__place span,
.h2h-page .h2h-match-row__audience span { font-size: .78rem; }
.h2h-page .h2h-more { font-size: .88rem !important; }
.h2h-page .h2h-empty { font-size: .94rem; }
.h2h-page .h2h-player-card__copy strong { font-size: .94rem; }
.h2h-page .h2h-player-card__copy small { font-size: .78rem; }
.h2h-page .h2h-player-card__stats small,
.h2h-page .h2h-player-card__stats b { font-size: .72rem; }
.h2h-page .h2h-connections > article > p { font-size: .84rem; }
.h2h-page .h2h-connection-list strong { font-size: .86rem; }
.h2h-page .h2h-connection-list small { font-size: .76rem; }
.h2h-page .h2h-photo-grid strong { font-size: .84rem; }
.h2h-page .h2h-photo-grid small { font-size: .74rem; }
.h2h-page .h2h-hero__meta { font-size: .82rem; }
.h2h-page .h2h-team__name small { font-size: .72rem; }
.h2h-page .h2h-scoreboard__center > span { font-size: .72rem; }
.h2h-page .h2h-scoreboard__center > small { font-size: .78rem; }
.h2h-page .h2h-hero__fact > span { font-size: .7rem; }
.h2h-page .h2h-hero__fact > strong,
.h2h-page .h2h-hero__fact > a { font-size: .9rem; }

/* Porträttens mittpunkt används för ansikten. */
.h2h-page .h2h-player-card__portrait img,
.h2h-page .h2h-mini-portrait img {
    height: 100% !important;
    object-position: 50% 50% !important;
}

@media (max-width: 47.99rem) {
    .h2h-page .h2h-chart text,
    .h2h-page .h2h-chart .h2h-chart-axis-label { font-size: 10px !important; }
    .h2h-page .h2h-balance__axis { font-size: .7rem; }
    .h2h-page .h2h-balance__intro { font-size: .9rem; }
    .h2h-page .h2h-competition-table__head { font-size: .6rem; }
    .h2h-page .h2h-competition-table__row { font-size: .74rem; }
    .h2h-page .h2h-competition-table__row strong { font-size: .78rem; }
    .h2h-page .h2h-tabs button { font-size: .84rem !important; }
}

@media (max-width: 28rem) {
    .h2h-page .h2h-balance__segment b { font-size: .66rem !important; }
    .h2h-page .h2h-competition-table__head { font-size: .56rem; }
    .h2h-page .h2h-competition-table__row { font-size: .69rem; }
    .h2h-page .h2h-competition-table__row strong { font-size: .73rem; }
}


/* Version 10: rekordlänkar, porträtt, historiska arenanamn, fotofilter och mobilputs. */

/* Låt footern delta i dokumentflödet så mobilvyn inte får en vit remsa efteråt. */
html { background: #1d4289; }
body.h2h-body {
    display: flex;
    min-height: 100vh;
    min-height: 100dvh;
    flex-direction: column;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    background: #1d4289 !important;
}
body.h2h-body .h2h-page { flex: 1 0 auto; }
body.h2h-body #footer {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    min-height: 314px;
    margin: 0 !important;
}

/* Tydlig signal om vart kortlänkarna leder. */
.h2h-link-card { position: relative; }
.h2h-link-cue {
    display: inline-flex !important;
    align-items: center;
    gap: .3rem;
    margin-top: .62rem;
    color: var(--h2h-blue) !important;
    font-size: .7rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1.2;
    text-transform: none !important;
}
.h2h-link-cue i {
    font-size: .9rem;
    font-style: normal;
    transition: transform .16s ease;
}
.h2h-link-card:hover .h2h-link-cue i { transform: translateX(.18rem); }
.h2h-link-card--record { border-color: rgba(29,66,137,.2) !important; }
.h2h-link-card--record:before {
    position: absolute;
    top: .65rem;
    right: .65rem;
    width: .48rem;
    height: .48rem;
    border-radius: 999px;
    background: var(--h2h-blue);
    box-shadow: 0 0 0 .25rem rgba(29,66,137,.09);
    content: "";
}

/* Porträtt i spelarrekorden. */
.h2h-record-card {
    display: grid !important;
    grid-template-columns: 4.35rem minmax(0,1fr);
    align-items: center;
    gap: .8rem;
    min-height: 8.2rem !important;
    padding: .75rem !important;
}
.h2h-record-card__portrait {
    display: block;
    width: 4.35rem;
    height: 5.5rem;
    overflow: hidden;
    border-radius: .72rem;
    background: #e7edf5;
}
.h2h-record-card__portrait img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
}
.h2h-record-card__copy { display: block; min-width: 0; }
.h2h-record-card__copy > span { display: block; }
.h2h-record-card__copy > strong { font-size: 1.65rem !important; }
.h2h-record-card__copy > small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Filter och riktig sidindelning i fotofliken. */
.h2h-photo-filters {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .7rem;
    margin-bottom: 1rem;
}
.h2h-photo-filters label { display: block; min-width: 0; }
.h2h-photo-filters label > span {
    display: block;
    margin-bottom: .3rem;
    color: var(--h2h-ink);
    font-size: .8rem;
    font-weight: 850;
}
.h2h-photo-filters select {
    display: block;
    width: 100%;
    height: 2.7rem;
    margin: 0;
    padding: 0 .72rem;
    border: 1px solid rgba(18,54,96,.2);
    border-radius: .68rem;
    background: #fff;
    box-shadow: none;
    color: var(--h2h-ink);
    font: inherit;
    font-size: .9rem;
}
.h2h-photo-filters select:focus {
    border-color: var(--h2h-blue);
    outline: 3px solid rgba(29,66,137,.11);
}
.h2h-photo-item[hidden] { display: none !important; }
.h2h-photo-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-top: 1rem;
}
.h2h-page .h2h-photo-pagination button {
    appearance: none !important;
    min-height: 2.45rem !important;
    margin: 0 !important;
    padding: .55rem .8rem !important;
    border: 1px solid rgba(29,66,137,.2) !important;
    border-radius: .65rem !important;
    background: #edf3fa !important;
    box-shadow: none !important;
    color: var(--h2h-blue) !important;
    font: inherit !important;
    font-size: .8rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    cursor: pointer !important;
}
.h2h-page .h2h-photo-pagination button:disabled {
    opacity: .4 !important;
    cursor: not-allowed !important;
}
.h2h-photo-pagination > span {
    min-width: 7.5rem;
    color: var(--h2h-muted);
    font-size: .82rem;
    font-weight: 800;
    text-align: center;
}

/* Lagmärken och namn får egna rader på mobil och kan aldrig överlappa. */
.h2h-team--away .h2h-team__name { order: 1; }
.h2h-team--away .h2h-team__logo { order: 2; }

@media (max-width: 47.99rem) {
    .h2h-scoreboard {
        grid-template-columns: minmax(0,1fr) minmax(5.4rem,.58fr) minmax(0,1fr);
        align-items: start;
        gap: .5rem;
    }
    .h2h-team,
    .h2h-team--away {
        display: grid;
        grid-template-columns: minmax(0,1fr);
        grid-template-rows: 4.25rem auto;
        align-items: start;
        justify-items: center;
        gap: .55rem;
        min-width: 0;
        text-align: center;
    }
    .h2h-team--away .h2h-team__logo { order: 1; }
    .h2h-team--away .h2h-team__name { order: 2; }
    .h2h-team__logo {
        width: 4.1rem;
        height: 4.1rem;
    }
    .h2h-team__name {
        width: 100%;
        min-width: 0;
        padding-inline: .1rem;
    }
    .h2h-team__name strong {
        display: -webkit-box;
        overflow: hidden;
        font-size: clamp(.72rem,3.2vw,.9rem);
        line-height: 1.2;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    /* SVG:n får färre etiketter via JS och större text i mobilens viewBox. */
    .h2h-page .h2h-chart text,
    .h2h-page .h2h-chart .h2h-chart-axis-label {
        font-size: 17px !important;
        font-weight: 600 !important;
    }

    .h2h-photo-filters { grid-template-columns: minmax(0,1fr); }
    .h2h-photo-pagination { gap: .45rem; }
    .h2h-page .h2h-photo-pagination button {
        flex: 1;
        min-width: 0;
        padding-inline: .55rem !important;
        font-size: .74rem !important;
    }
    .h2h-photo-pagination > span {
        min-width: 5.4rem;
        font-size: .74rem;
    }
}

@media (max-width: 28rem) {
    .h2h-records { grid-template-columns: minmax(0,1fr); }
    .h2h-record-card { grid-template-columns: 4rem minmax(0,1fr); }
    .h2h-record-card__portrait { width: 4rem; height: 5rem; }
    body.h2h-body #footer { min-height: 0; }
}

/* Version 11: mobilhero utan överlappning och sömlös övergång till footer. */

/* Sidans eget vita innehåll avslutas direkt där footern börjar. */
body.h2h-body {
    background: #fff !important;
}

body.h2h-body .h2h-page {
    flex: 1 0 auto;
    padding-bottom: 0 !important;
    background-color: #fff !important;
}

body.h2h-body .h2h-shell {
    padding-bottom: clamp(2rem, 4vw, 3rem);
}

body.h2h-body #footer {
    margin-top: 0 !important;
    background-position: center top !important;
}

@media (max-width: 47.99rem) {
    /*
     * På små skärmar får mötesantalet en egen rad. Lagblocken ligger
     * därefter sida vid sida, vilket ger märken och namn separata ytor.
     */
    .h2h-scoreboard {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "score score"
            "home away";
        align-items: start;
        gap: 1rem .75rem;
        padding: 1.15rem 1rem 1.35rem;
    }

    .h2h-team--home {
        grid-area: home;
    }

    .h2h-team--away {
        grid-area: away;
    }

    .h2h-scoreboard__center {
        grid-area: score;
        width: 100%;
        padding-bottom: .95rem;
        border-bottom: 1px solid rgba(255, 255, 255, .14);
    }

    .h2h-team,
    .h2h-team--away {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 4.1rem auto;
        align-items: start;
        justify-items: center;
        gap: .55rem;
        min-width: 0;
        text-align: center;
    }

    .h2h-team--away .h2h-team__logo,
    .h2h-team--away .h2h-team__name {
        order: initial;
    }

    .h2h-team__logo {
        width: 4rem;
        height: 4rem;
    }

    .h2h-team__name {
        width: 100%;
        min-width: 0;
        padding: 0 .15rem;
    }

    .h2h-team__name strong {
        display: -webkit-box;
        min-height: 2.35em;
        overflow: hidden;
        font-size: clamp(.86rem, 4vw, 1rem);
        line-height: 1.18;
        overflow-wrap: anywhere;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .h2h-scoreboard__center > span {
        font-size: .62rem;
    }

    .h2h-scoreboard__center > strong {
        margin-top: .1rem;
        font-size: clamp(3.25rem, 18vw, 4.35rem);
    }

    .h2h-scoreboard__center > small {
        margin-top: .35rem;
        font-size: .72rem;
    }

    .h2h-scoreboard__center > b {
        margin-top: .55rem;
        font-size: .78rem;
    }

    /* Footern ska börja direkt efter den vita sidytan. */
    body.h2h-body .h2h-shell {
        padding-bottom: 1.5rem;
    }

    body.h2h-body #footer {
        top: auto !important;
        padding-top: 0 !important;
        background-position: center top !important;
    }
}

@media (max-width: 23rem) {
    .h2h-scoreboard {
        gap: .85rem .45rem;
        padding-inline: .7rem;
    }

    .h2h-team__logo {
        width: 3.55rem;
        height: 3.55rem;
    }

    .h2h-team,
    .h2h-team--away {
        grid-template-rows: 3.7rem auto;
    }

    .h2h-team__name strong {
        font-size: .82rem;
    }
}

/* Version 12: helt separerade logotyp- och namnrader i mobilheron. */
@media (max-width: 47.99rem) {
    .h2h-team,
    .h2h-team--away {
        position: relative;
        grid-template-rows: 5.15rem minmax(2.45rem, auto) !important;
        row-gap: .8rem !important;
        align-content: start;
        overflow: visible;
    }

    .h2h-team__logo,
    .h2h-team--away .h2h-team__logo {
        grid-row: 1;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        width: 100% !important;
        height: 5.15rem !important;
        min-height: 5.15rem;
        overflow: visible;
    }

    .h2h-team__logo img {
        width: auto !important;
        height: 4.15rem !important;
        max-width: 4.7rem !important;
        max-height: 4.15rem !important;
        object-fit: contain !important;
        object-position: center top !important;
    }

    .h2h-team__name,
    .h2h-team--away .h2h-team__name {
        position: relative;
        z-index: 2;
        grid-row: 2;
        align-self: start;
        width: 100%;
        min-height: 2.45rem;
        margin: 0 !important;
        padding: 0 .2rem;
        background: transparent;
    }

    .h2h-team__name strong {
        display: -webkit-box;
        min-height: 2.35em;
        margin: 0 !important;
        overflow: hidden;
        font-size: clamp(.86rem, 4vw, 1rem);
        line-height: 1.18;
        overflow-wrap: anywhere;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 23rem) {
    .h2h-team,
    .h2h-team--away {
        grid-template-rows: 4.7rem minmax(2.35rem, auto) !important;
        row-gap: .65rem !important;
    }

    .h2h-team__logo,
    .h2h-team--away .h2h-team__logo {
        height: 4.7rem !important;
        min-height: 4.7rem;
    }

    .h2h-team__logo img {
        height: 3.75rem !important;
        max-width: 4.2rem !important;
        max-height: 3.75rem !important;
    }
}

/* Version 13: klubbmärken på var sin sida om mötesantalet i mobilheron. */
@media (max-width: 47.99rem) {
    .h2h-scoreboard {
        display: grid;
        grid-template-columns: minmax(4.4rem, .82fr) minmax(7.8rem, 1.18fr) minmax(4.4rem, .82fr);
        grid-template-areas: "home score away";
        align-items: center;
        gap: .35rem;
        padding: 1.3rem .75rem 1.35rem;
    }

    .h2h-team--home { grid-area: home; }
    .h2h-team--away { grid-area: away; }

    .h2h-scoreboard__center {
        grid-area: score;
        width: 100%;
        min-width: 0;
        padding: 0;
        border-bottom: 0;
        align-self: center;
    }

    .h2h-team,
    .h2h-team--away {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 4.35rem minmax(2.45rem, auto) !important;
        align-items: start;
        align-self: center;
        justify-items: center;
        gap: .45rem;
        min-width: 0;
        overflow: visible;
        text-align: center;
    }

    .h2h-team__logo,
    .h2h-team--away .h2h-team__logo {
        grid-row: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        height: 4.35rem !important;
        min-height: 4.35rem;
        overflow: visible;
    }

    .h2h-team__logo img {
        width: auto !important;
        height: 3.85rem !important;
        max-width: 4.35rem !important;
        max-height: 3.85rem !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .h2h-team__name,
    .h2h-team--away .h2h-team__name {
        grid-row: 2;
        position: relative;
        z-index: 2;
        width: 100%;
        min-width: 0;
        min-height: 2.45rem;
        margin: 0 !important;
        padding: 0 .08rem;
    }

    .h2h-team__name strong {
        display: -webkit-box;
        min-height: 2.35em;
        margin: 0 !important;
        overflow: hidden;
        font-size: clamp(.75rem, 3.45vw, .94rem);
        line-height: 1.18;
        overflow-wrap: anywhere;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .h2h-scoreboard__center > span {
        font-size: .6rem;
    }

    .h2h-scoreboard__center > strong {
        margin-top: .1rem;
        font-size: clamp(3.15rem, 16vw, 4.3rem);
    }

    .h2h-scoreboard__center > small {
        margin-top: .35rem;
        font-size: .68rem;
        line-height: 1.25;
    }

    .h2h-scoreboard__center > b {
        gap: .25rem;
        margin-top: .55rem;
        padding: .34rem .48rem;
        font-size: .73rem;
        white-space: nowrap;
    }

    .h2h-scoreboard__center > b em {
        font-size: .52rem;
    }
}

@media (max-width: 23rem) {
    .h2h-scoreboard {
        grid-template-columns: minmax(3.55rem, .72fr) minmax(6.9rem, 1.15fr) minmax(3.55rem, .72fr);
        gap: .2rem;
        padding-inline: .5rem;
    }

    .h2h-team,
    .h2h-team--away {
        grid-template-rows: 3.85rem minmax(2.3rem, auto) !important;
        gap: .35rem;
    }

    .h2h-team__logo,
    .h2h-team--away .h2h-team__logo {
        height: 3.85rem !important;
        min-height: 3.85rem;
    }

    .h2h-team__logo img {
        height: 3.35rem !important;
        max-width: 3.75rem !important;
        max-height: 3.35rem !important;
    }

    .h2h-team__name strong {
        font-size: .7rem;
    }

    .h2h-scoreboard__center > strong {
        font-size: clamp(2.9rem, 15vw, 3.65rem);
    }

    .h2h-scoreboard__center > small {
        font-size: .62rem;
    }
}


/* Version 14: gemensam Rekord-flik och tonad herobild även på mobil. */
.h2h-page .h2h-tabs .h2h-tabs__link {
    appearance: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .45rem !important;
    min-height: 2.7rem !important;
    margin: 0 !important;
    padding: .55rem .78rem !important;
    border: 1px solid transparent !important;
    border-radius: .72rem !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #5d6c80 !important;
    font: inherit !important;
    font-size: .9rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap;
}

.h2h-page .h2h-tabs .h2h-tabs__link:hover {
    background: #eaf1fa !important;
    color: var(--h2h-blue) !important;
}

.h2h-page .h2h-tabs .h2h-tabs__link.is-active,
.h2h-page .h2h-tabs .h2h-tabs__link[aria-current="page"] {
    border-color: rgba(29,66,137,.14) !important;
    background: #e4edf9 !important;
    color: var(--h2h-blue) !important;
}

@media (max-width: 47.99rem) {
    .h2h-hero.has-image:after {
        background:
            linear-gradient(180deg,rgba(13,39,84,.88) 0%,rgba(16,45,97,.93) 52%,rgba(12,36,78,.97) 100%),
            var(--h2h-photo) 50% 30% / cover no-repeat !important;
    }

    .h2h-page .h2h-tabs .h2h-tabs__link {
        min-height: 2.55rem !important;
        padding-inline: .78rem !important;
        font-size: .84rem !important;
    }
}


/* Version 15: compact five-tab navigation on narrow screens. */
@media (max-width: 47.99rem) {
    .h2h-page .h2h-tabs {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: .12rem !important;
        width: 100%;
        padding: .3rem !important;
        overflow: visible;
    }

    .h2h-page .h2h-tabs button,
    .h2h-page .h2h-tabs .h2h-tabs__link {
        min-width: 0 !important;
        min-height: 2.35rem !important;
        padding: .35rem .16rem !important;
        border-radius: .58rem !important;
        gap: .18rem !important;
        font-size: clamp(.58rem, 2.7vw, .72rem) !important;
        line-height: 1.05 !important;
        white-space: nowrap;
    }

    .h2h-page .h2h-tabs button span {
        min-width: 1.08rem;
        height: 1.08rem;
        border-radius: .34rem;
        font-size: .5rem;
    }
}

@media (max-width: 25rem) {
    .h2h-page .h2h-tabs button span {
        display: none;
    }
}


/* Version 16: identical five-tab geometry on opponent and record pages. */
.h2h-page .h2h-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .22rem !important;
    width: 100%;
    padding: .42rem !important;
    overflow: visible !important;
}
.h2h-page .h2h-tabs button,
.h2h-page .h2h-tabs .h2h-tabs__link {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
}
@media (max-width: 47.99rem) {
    .h2h-page .h2h-tabs { gap: .1rem !important; padding: .26rem !important; }
    .h2h-page .h2h-tabs button,
    .h2h-page .h2h-tabs .h2h-tabs__link {
        min-height: 2.3rem !important;
        padding: .34rem .1rem !important;
        border-radius: .56rem !important;
        font-size: clamp(.61rem, 2.75vw, .72rem) !important;
    }
    .h2h-page .h2h-tabs button span { display: none !important; }
}


/* Version 17: identiska hero-mått och räknare i båda flikmenyerna. */
.h2h-page .h2h-hero {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: clamp(24rem, 32vw, 27.5rem) !important;
    min-height: 24rem !important;
}

.h2h-page .h2h-scoreboard {
    align-self: stretch;
}

.h2h-page .h2h-tabs button span,
.h2h-page .h2h-tabs .h2h-tabs__link span {
    display: inline-grid !important;
    min-width: 1.42rem;
    height: 1.42rem;
    place-items: center;
    padding-inline: .3rem;
    border-radius: .42rem;
    background: #e5ebf4;
    color: #60728a;
    font-size: .62rem;
    font-weight: 850;
    line-height: 1;
}

.h2h-page .h2h-tabs .is-active span,
.h2h-page .h2h-tabs [aria-current="page"] span,
.h2h-page .h2h-tabs [aria-selected="true"] span {
    background: #d5e3f5;
    color: var(--h2h-blue);
}

@media (max-width: 47.99rem) {
    .h2h-page .h2h-hero {
        height: clamp(34rem, 135vw, 37rem) !important;
        min-height: 34rem !important;
    }

    .h2h-page .h2h-tabs button span,
    .h2h-page .h2h-tabs .h2h-tabs__link span {
        display: inline-grid !important;
        min-width: .98rem;
        height: .98rem;
        padding-inline: .18rem;
        border-radius: .3rem;
        font-size: .46rem;
    }
}

@media (max-width: 22rem) {
    .h2h-page .h2h-tabs button span,
    .h2h-page .h2h-tabs .h2h-tabs__link span {
        display: none !important;
    }
}

/* Version 18: hotfix – explicit single-column hero layout.
   Prevents the legacy two-column grid definition from being reactivated
   when overview and record heroes receive a shared fixed height. */
.h2h-page .h2h-hero {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
}

.h2h-page .h2h-hero__top {
    flex: 0 0 auto;
    width: 100%;
}

.h2h-page .h2h-scoreboard {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    align-self: auto;
}

.h2h-page .h2h-hero__facts {
    flex: 0 0 auto;
    width: 100%;
}

/* =========================================================
   V28-baslinje återställd efter matchliststandardiseringen
   ========================================================= */
.h2h-page:not(.h2hr-page) .h2h-hero--match {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 1.3rem !important;
    background: #1d4289 !important;
    box-shadow: 0 1.2rem 3.2rem rgba(29, 66, 137, .25) !important;
    color: #fff !important;
    isolation: isolate !important;
}
.h2h-page:not(.h2hr-page) .h2h-hero--match::before {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    background: linear-gradient(115deg, #1d4289, #102d61) !important;
    content: "" !important;
}
.h2h-page:not(.h2hr-page) .h2h-hero--match::after { display:none !important; content:none !important; }
.h2h-page:not(.h2hr-page) .h2h-hero--match.has-image::after {
    position:absolute !important; inset:0 !important; z-index:1 !important; display:block !important;
    background:linear-gradient(90deg,rgba(15,42,90,.96) 0%,rgba(15,42,90,.83) 44%,rgba(15,42,90,.62) 100%) !important;
    content:"" !important; pointer-events:none !important;
}
.h2h-page:not(.h2hr-page) .h2h-hero__background {
    position:absolute !important; inset:0 !important; z-index:0 !important; display:block !important;
    width:100% !important; height:100% !important; max-width:none !important; max-height:none !important;
    margin:0 !important; object-fit:cover !important; object-position:center !important; pointer-events:none !important;
}
.h2h-page:not(.h2hr-page) .h2h-hero__top,
.h2h-page:not(.h2hr-page) .h2h-scoreboard,
.h2h-page:not(.h2hr-page) .h2h-hero__facts { position:relative !important; z-index:2 !important; }
.h2h-page:not(.h2hr-page) .h2h-hero__top {
    display:flex !important; min-height:3.1rem !important; align-items:center !important; justify-content:space-between !important;
    gap:1rem !important; padding:1rem clamp(1rem,3vw,1.5rem) !important; border-bottom:1px solid rgba(255,255,255,.14) !important;
}
.h2h-page:not(.h2hr-page) .h2h-hero__meta {
    display:flex !important; flex-wrap:wrap !important; gap:.45rem .75rem !important;
    color:rgba(255,255,255,.78) !important; font-size:.72rem !important; font-weight:750 !important; line-height:1.3 !important;
}
.h2h-page:not(.h2hr-page) .h2h-hero__meta span { color:rgba(255,255,255,.78) !important; }
.h2h-page:not(.h2hr-page) .h2h-hero__meta span+span::before { margin-right:.75rem !important; color:rgba(255,255,255,.34) !important; content:"•" !important; }
.h2h-page:not(.h2hr-page) .h2h-hero__meta strong { color:#fff !important; }
.h2h-page:not(.h2hr-page) .h2h-scoreboard {
    display:grid !important; grid-template-columns:minmax(0,1fr) minmax(8rem,.6fr) minmax(0,1fr) !important;
    width:100% !important; min-height:0 !important; align-items:center !important; gap:clamp(.8rem,3vw,2rem) !important;
    padding:clamp(1.5rem,4vw,2.6rem) !important;
}
.h2h-page:not(.h2hr-page) .h2h-team {
    display:grid !important; grid-template-columns:auto minmax(0,1fr) !important; align-items:center !important;
    gap:clamp(.7rem,2vw,1.1rem) !important; min-width:0 !important;
}
.h2h-page:not(.h2hr-page) .h2h-team--away { grid-template-columns:minmax(0,1fr) auto !important; text-align:right !important; }
.h2h-page:not(.h2hr-page) .h2h-team--away .h2h-team__logo { order:2 !important; }
.h2h-page:not(.h2hr-page) .h2h-team__logo {
    display:flex !important; width:clamp(6.2rem,10.5vw,9.5rem) !important; height:clamp(5.6rem,8.8vw,7.8rem) !important;
    min-width:6.2rem !important; align-items:center !important; justify-content:center !important;
    padding:0 !important; overflow:visible !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;
}
.h2h-page:not(.h2hr-page) .h2h-team__logo img {
    display:block !important; width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important;
    margin:auto !important; padding:0 !important; object-fit:contain !important; filter:drop-shadow(0 .2rem .3rem rgba(0,0,0,.2)) !important;
}
.h2h-page:not(.h2hr-page) .h2h-team__name small {
    display:block !important; margin-bottom:.3rem !important; color:rgba(255,255,255,.62) !important;
    font-size:.65rem !important; font-weight:850 !important; letter-spacing:.045em !important; text-transform:uppercase !important;
}
.h2h-page:not(.h2hr-page) .h2h-team__name strong {
    display:block !important; color:#fff !important; font-size:clamp(1.05rem,2.6vw,1.65rem) !important;
    font-weight:900 !important; line-height:1.15 !important; overflow-wrap:anywhere !important;
}
.h2h-page:not(.h2hr-page) .h2h-scoreboard__center { min-width:0 !important; margin:0 !important; text-align:center !important; }
.h2h-page:not(.h2hr-page) .h2h-scoreboard__center>span {
    display:block !important; color:rgba(255,255,255,.64) !important; font-size:.68rem !important; font-weight:900 !important;
    letter-spacing:.08em !important; text-transform:uppercase !important;
}
.h2h-page:not(.h2hr-page) .h2h-scoreboard__center>strong {
    display:block !important; margin-top:.2rem !important; color:#fff !important; font-family:"Francois One","Arial Narrow",sans-serif !important;
    font-size:clamp(3rem,8vw,5.6rem) !important; font-weight:400 !important; letter-spacing:.03em !important; line-height:.9 !important; white-space:nowrap !important;
}
.h2h-page:not(.h2hr-page) .h2h-scoreboard__center>small {
    display:block !important; margin-top:.45rem !important; color:rgba(255,255,255,.7) !important; font-size:.72rem !important; font-weight:750 !important;
}
.h2h-page:not(.h2hr-page) .h2h-scoreboard__center>b { display:none !important; }
.h2h-page:not(.h2hr-page) .h2h-hero__facts {
    display:flex !important; flex-wrap:wrap !important; width:100% !important; align-items:stretch !important; gap:1px !important;
    margin:0 !important; border-top:1px solid rgba(255,255,255,.14) !important; background:rgba(255,255,255,.09) !important;
}
.h2h-page:not(.h2hr-page) .h2h-hero__fact {
    display:flex !important; flex:1 1 8rem !important; min-width:5.75rem !important; flex-direction:column !important;
    justify-content:center !important; padding:.62rem .72rem !important; border:0 !important; background:rgba(5,24,55,.22) !important;
}
.h2h-page:not(.h2hr-page) .h2h-hero__fact>span {
    display:block !important; color:rgba(255,255,255,.6) !important; font-size:.62rem !important; font-weight:850 !important;
    letter-spacing:.045em !important; text-transform:uppercase !important;
}
.h2h-page:not(.h2hr-page) .h2h-hero__fact>strong,
.h2h-page:not(.h2hr-page) .h2h-hero__fact>a {
    display:block !important; min-width:0 !important; margin-top:.25rem !important; color:#fff !important;
    font-size:.82rem !important; font-weight:800 !important; line-height:1.3 !important; text-decoration:none !important; white-space:normal !important; overflow-wrap:anywhere !important;
}
.h2h-page:not(.h2hr-page) .h2h-hero__fact--record>strong { display:flex !important; align-items:baseline !important; gap:.34rem !important; white-space:nowrap !important; }
.h2h-page:not(.h2hr-page) .h2h-hero__fact--record>strong small { color:rgba(255,255,255,.58) !important; font-size:.56rem !important; letter-spacing:.055em !important; }
.h2h-page:not(.h2hr-page) .h2h-form { min-height:1.35rem !important; margin-top:.22rem !important; gap:.24rem !important; }
.h2h-page:not(.h2hr-page) .h2h-form__item { width:1.16rem !important; height:1.16rem !important; flex:0 0 1.16rem !important; font-size:.56rem !important; }

/* Sober V28-card tone on overview */
.h2h-page .h2h-location-grid article,
.h2h-page .h2h-milestones>a,
.h2h-page .h2h-milestones>article,
.h2h-page .h2h-record-card {
    border:1px solid rgba(18,54,96,.105) !important; border-radius:1rem !important; background:#fff !important;
    box-shadow:0 .28rem .82rem rgba(16,36,59,.04) !important;
}
.h2h-page .h2h-location-grid article::before,
.h2h-page .h2h-milestones>a::after,
.h2h-page .h2h-milestones>article::after,
.h2h-page .h2h-record-card::before { display:none !important; content:none !important; }
.h2h-page .h2h-milestones { grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:.78rem !important; }
.h2h-page .h2h-milestones>a,
.h2h-page .h2h-milestones>article { min-height:10.2rem !important; padding:1rem .95rem .88rem !important; }
.h2h-page .h2h-records { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:.78rem !important; }
.h2h-page .h2h-record-card { grid-template-columns:5.1rem minmax(0,1fr) !important; min-height:10.1rem !important; gap:.82rem !important; padding:.88rem !important; }
.h2h-page .h2h-record-card__portrait { width:5.1rem !important; height:7rem !important; border-radius:.88rem !important; }

/* Marathon table */
.h2h-marathon-heading { align-items:flex-end !important; }
.h2h-marathon-toggle { display:inline-flex; gap:.22rem; padding:.22rem; border:1px solid rgba(18,54,96,.1); border-radius:.72rem; background:#f2f5f8; }
.h2h-page .h2h-marathon-toggle button {
    appearance:none !important; min-height:2.15rem !important; margin:0 !important; padding:.45rem .72rem !important;
    border:0 !important; border-radius:.52rem !important; background:transparent !important; box-shadow:none !important;
    color:#63748a !important; font:inherit !important; font-size:.72rem !important; font-weight:850 !important; text-transform:none !important;
}
.h2h-page .h2h-marathon-toggle button.is-active { background:#fff !important; box-shadow:0 .12rem .4rem rgba(16,36,59,.08) !important; color:#183b76 !important; }
.h2h-marathon-intro { max-width:46rem; margin:-.3rem 0 1rem; color:#66778d; font-size:.79rem; line-height:1.5; }
.h2h-marathon-table-shell { overflow-x:auto; border:1px solid rgba(18,54,96,.105); border-radius:.96rem; background:#fff; box-shadow:0 .28rem .82rem rgba(16,36,59,.035); }
.h2h-marathon-table { min-width:43rem; }
.h2h-marathon-table__head,.h2h-marathon-table__row {
    display:grid; grid-template-columns:2.7rem minmax(13rem,1fr) repeat(4,3.45rem) 5.4rem 3.8rem 4.2rem; align-items:center; gap:.3rem;
}
.h2h-marathon-table__head { min-height:2.85rem; padding:.62rem .75rem; border-bottom:1px solid rgba(18,54,96,.09); background:#f3f6f9; color:#66778d; font-size:.64rem; font-weight:900; text-transform:uppercase; }
.h2h-marathon-table__body[hidden] { display:none !important; }
.h2h-marathon-table__row { min-height:4.65rem; padding:.62rem .75rem; border-top:1px solid rgba(18,54,96,.075); color:#52647a; font-size:.78rem; font-variant-numeric:tabular-nums; }
.h2h-marathon-table__team { display:grid; min-width:0; grid-template-columns:2.55rem minmax(0,1fr); align-items:center; gap:.65rem; text-align:left; }
.h2h-marathon-table__team img { display:block !important; width:auto !important; height:2.45rem !important; max-width:2.55rem !important; max-height:2.45rem !important; margin:0 auto !important; object-fit:contain !important; }
.h2h-marathon-table__team strong { color:#10243b !important; font-size:.88rem; font-weight:900; }
.h2h-marathon-table__points { color:#183b76 !important; font-size:1.02rem; font-weight:900; }
.h2h-marathon-note { margin:.72rem 0 0; color:#7b8999; font-size:.67rem; }

@media (max-width:72rem) {
    .h2h-page .h2h-milestones { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .h2h-page .h2h-records { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:47.99rem) {
    .h2h-page:not(.h2hr-page) .h2h-hero__top { min-height:0 !important; align-items:flex-start !important; flex-direction:column !important; padding:.75rem .8rem !important; }
    .h2h-page:not(.h2hr-page) .h2h-scoreboard { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important; gap:.45rem !important; padding:1.2rem .8rem !important; }
    .h2h-page:not(.h2hr-page) .h2h-team { display:flex !important; flex-direction:column !important; gap:.45rem !important; text-align:center !important; }
    .h2h-page:not(.h2hr-page) .h2h-team--away { flex-direction:column-reverse !important; text-align:center !important; }
    .h2h-page:not(.h2hr-page) .h2h-team__logo { width:5.35rem !important; height:4.85rem !important; min-width:5.35rem !important; }
    .h2h-page:not(.h2hr-page) .h2h-team__name small { display:none !important; }
    .h2h-page:not(.h2hr-page) .h2h-team__name strong { font-size:.78rem !important; }
    .h2h-page:not(.h2hr-page) .h2h-scoreboard__center>strong { font-size:2.75rem !important; }
    .h2h-page:not(.h2hr-page) .h2h-hero__facts { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .h2h-page:not(.h2hr-page) .h2h-hero__fact { min-width:0 !important; padding:.38rem .48rem !important; }
    .h2h-page:not(.h2hr-page) .h2h-hero__fact--form { display:none !important; }

    .h2h-marathon-table-shell { overflow:visible !important; border:0 !important; box-shadow:none !important; background:transparent !important; }
    .h2h-marathon-table { width:100% !important; min-width:0 !important; }
    .h2h-marathon-table__head { display:none !important; }
    .h2h-marathon-table__body { display:grid !important; gap:.55rem !important; }
    .h2h-marathon-table__row {
        display:grid !important; grid-template-columns:2rem minmax(0,1fr) repeat(4,minmax(2.15rem,auto)) !important;
        grid-template-rows:auto auto auto !important; gap:.42rem .32rem !important; min-height:0 !important;
        padding:.68rem .7rem !important; border:1px solid rgba(18,54,96,.105) !important; border-radius:.82rem !important; background:#fff !important;
    }
    .h2h-marathon-table__position { grid-column:1 !important; grid-row:1/4 !important; align-self:center !important; justify-self:center !important; }
    .h2h-marathon-table__team { grid-column:2/6 !important; grid-row:1 !important; grid-template-columns:2.15rem minmax(0,1fr) !important; gap:.48rem !important; }
    .h2h-marathon-table__row>:nth-child(3){grid-column:3 !important;grid-row:2 !important}.h2h-marathon-table__row>:nth-child(3)::before{content:"M"}
    .h2h-marathon-table__row>:nth-child(4){grid-column:4 !important;grid-row:2 !important}.h2h-marathon-table__row>:nth-child(4)::before{content:"V"}
    .h2h-marathon-table__row>:nth-child(5){grid-column:5 !important;grid-row:2 !important}.h2h-marathon-table__row>:nth-child(5)::before{content:"O"}
    .h2h-marathon-table__row>:nth-child(6){grid-column:6 !important;grid-row:2 !important}.h2h-marathon-table__row>:nth-child(6)::before{content:"F"}
    .h2h-marathon-table__row>:nth-child(7){grid-column:2/4 !important;grid-row:3 !important}.h2h-marathon-table__row>:nth-child(7)::before{content:"Mål"}
    .h2h-marathon-table__row>:nth-child(8){grid-column:4/6 !important;grid-row:3 !important}.h2h-marathon-table__row>:nth-child(8)::before{content:"Målskillnad"}
    .h2h-marathon-table__row>:nth-child(9){grid-column:6 !important;grid-row:1 !important}.h2h-marathon-table__row>:nth-child(9)::before{content:"P"}
    .h2h-marathon-table__row>span:not(.h2h-marathon-table__position,.h2h-marathon-table__team),
    .h2h-marathon-table__row>strong.h2h-marathon-table__points {
        display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important;
    }
    .h2h-marathon-table__row>span:not(.h2h-marathon-table__position,.h2h-marathon-table__team)::before,
    .h2h-marathon-table__row>strong.h2h-marathon-table__points::before {
        color:#8290a0 !important; font-size:.5rem !important; font-weight:900 !important; text-transform:uppercase !important;
    }
}
@media (min-width:30rem) and (max-width:47.99rem) {
    .h2h-page:not(.h2hr-page) .h2h-hero__facts { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .h2h-page:not(.h2hr-page) .h2h-hero__fact--form { display:flex !important; }
}

/* Externa nyheter */
.h2h-news-section .ifk-news-grid {
    margin-top: .9rem;
}

.h2h-news-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .38rem;
    margin-top: 1rem;
}

.h2h-news-pagination a,
.h2h-news-pagination span {
    display: inline-grid;
    min-width: 2.35rem;
    min-height: 2.35rem;
    place-items: center;
    padding: .45rem .7rem;
    border: 1px solid rgba(18,54,96,.14);
    border-radius: .65rem;
    background: #fff;
    color: #1d4289;
    font-size: .75rem;
    font-weight: 850;
    text-decoration: none;
}

.h2h-news-pagination a.is-current {
    border-color: #1d4289;
    background: #1d4289;
    color: #fff;
}

.h2h-news-pagination a.is-disabled {
    opacity: .42;
    pointer-events: none;
}

/* =========================================================
   Version 30: flikmeny enligt säsongssidornas navigationssystem
   ========================================================= */
.h2h-page .h2h-workspace {
    margin-top: clamp(1rem, 2vw, 1.35rem) !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    isolation: auto !important;
}

.h2h-page .h2h-tabs {
    display: grid !important;
    grid-template-columns: repeat(var(--h2h-tab-count, 6), minmax(0, 1fr)) !important;
    gap: .32rem !important;
    width: 100% !important;
    margin: 0 !important;
    padding: .36rem !important;
    overflow: visible !important;
    border: 1px solid var(--h2h-border) !important;
    border-radius: 1rem !important;
    background: #e9eef5 !important;
    box-shadow: 0 .45rem 1.2rem rgba(16, 36, 59, .06) !important;
}

.h2h-page .h2h-tabs button,
.h2h-page .h2h-tabs .h2h-tabs__link {
    appearance: none !important;
    display: inline-flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.65rem !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .42rem !important;
    margin: 0 !important;
    padding: .55rem .35rem !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: .72rem !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #5c6e84 !important;
    font: inherit !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.h2h-page .h2h-tabs button:hover,
.h2h-page .h2h-tabs .h2h-tabs__link:hover {
    background: rgba(255, 255, 255, .55) !important;
    color: var(--h2h-blue) !important;
}

.h2h-page .h2h-tabs button[aria-selected="true"],
.h2h-page .h2h-tabs .h2h-tabs__link.is-active,
.h2h-page .h2h-tabs .h2h-tabs__link[aria-current="page"] {
    border: 0 !important;
    background: #fff !important;
    color: var(--h2h-blue) !important;
    box-shadow: 0 .25rem .65rem rgba(16, 36, 59, .12) !important;
}

.h2h-page .h2h-tabs button span,
.h2h-page .h2h-tabs .h2h-tabs__link span {
    display: inline-grid !important;
    min-width: 1.42rem !important;
    height: 1.42rem !important;
    place-items: center !important;
    padding-inline: .3rem !important;
    border-radius: .42rem !important;
    background: rgba(29, 66, 137, .08) !important;
    color: #60728a !important;
    font-size: .62rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

.h2h-page .h2h-tabs button[aria-selected="true"] span,
.h2h-page .h2h-tabs .h2h-tabs__link.is-active span,
.h2h-page .h2h-tabs .h2h-tabs__link[aria-current="page"] span {
    background: #e3edf9 !important;
    color: var(--h2h-blue) !important;
}

.h2h-page .h2h-panel {
    margin-top: clamp(1.2rem, 3vw, 2rem) !important;
    padding: 0 !important;
}

@media (max-width: 47.99rem) {
    .h2h-page .h2h-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: .22rem !important;
        padding: .3rem !important;
    }

    .h2h-page .h2h-tabs button,
    .h2h-page .h2h-tabs .h2h-tabs__link {
        min-height: 2.35rem !important;
        padding: .45rem .2rem !important;
        border-radius: .62rem !important;
        font-size: .7rem !important;
    }

    .h2h-page .h2h-tabs button span,
    .h2h-page .h2h-tabs .h2h-tabs__link span {
        min-width: 1.1rem !important;
        height: 1.1rem !important;
        padding-inline: .2rem !important;
        border-radius: .34rem !important;
        font-size: .5rem !important;
    }

    .h2h-page .h2h-panel {
        margin-top: 1rem !important;
    }
}

@media (max-width: 23rem) {
    .h2h-page .h2h-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}