:root {
  --navy: #101828;
  --navy-soft: #1d2939;
  --text: #101828;
  --muted: #667085;
  --surface: #ffffff;
  --background: #f7f8fa;
  --line: #e4e7ec;
  --accent: #d92d20;
  --accent-dark: #b42318;
  --green: #079455;
  --amber: #dc6803;
  --herr: #175cd3;
  --herr-dark: #0b4a91;
  --herr-soft: #eff8ff;
  --dam: #c11574;
  --dam-dark: #851651;
  --dam-soft: #fdf2fa;
  --herr-card: rgba(23, 92, 211, .055);
  --herr-card-edge: rgba(23, 92, 211, .20);
  --dam-card: rgba(193, 21, 116, .055);
  --dam-card-edge: rgba(193, 21, 116, .20);
  --radius: 16px;
  --shadow: 0 14px 36px rgba(16, 24, 40, .08);
}
* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; min-height: 100vh; background: var(--background); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, select { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
a, button, input, select { outline-offset: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid #f97066; }
.shell { width: min(1080px, calc(100% - 32px)); margin-inline: auto; }
.hidden { display: none !important; }
.skip-link { position: fixed; left: 12px; top: 12px; z-index: 1000; transform: translateY(-180%); border-radius: 9px; padding: 10px 14px; background: white; color: var(--navy); font-weight: 900; text-decoration: none; box-shadow: var(--shadow); }
.skip-link:focus { transform: translateY(0); }

.hero { color: white; background: radial-gradient(circle at 86% 10%, rgba(217,45,32,.48), transparent 34%), linear-gradient(135deg, #101828, #1d2939 72%); }
.hero__inner { min-height: 230px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.hero__actions { display: flex; align-items: center; gap: 10px; }
.hero-install-button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; padding: 0 16px; background: var(--accent); color: white; font-weight: 900; cursor: pointer; box-shadow: 0 8px 24px rgba(163,35,49,.28); }
.hero-install-button:hover { background: var(--accent-dark); transform: translateY(-1px); }
.hero-install-button[hidden] { display: none; }
.hero-install-button span { font-size: 1.1rem; line-height: 1; }
.hero-share-button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; padding: 0 16px; background: rgba(255,255,255,.09); color: white; font-weight: 900; cursor: pointer; backdrop-filter: blur(8px); }
.hero-share-button:hover { background: rgba(255,255,255,.16); }
.hero-share-button span { font-size: 1.05rem; }
.eyebrow { margin: 0 0 8px; color: #f97066; font-size: .72rem; font-weight: 900; letter-spacing: .16em; }
.home-brand-link { display: inline-block; color: inherit; text-decoration: none; border-radius: 10px; }
.home-brand-link:hover h1 { filter: brightness(1.08); }
.home-brand-link:focus-visible { outline: 3px solid rgba(249,112,102,.75); outline-offset: 7px; }
.hero h1 { margin: 0; font-size: clamp(2.25rem, 6vw, 4.4rem); line-height: .94; letter-spacing: -.055em; }
.hero h1 span { display: block; color: #f97066; }
.hero__text { max-width: 540px; margin: 16px 0 0; color: #d0d5dd; font-size: 1.04rem; }
.icon-button { width: 46px; height: 46px; flex: 0 0 46px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: rgba(255,255,255,.09); color: white; font-size: 1.25rem; cursor: pointer; }

.main-content { padding: 24px 0 56px; }
.data-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: 0 5px 16px rgba(16,24,40,.04); }
.data-bar__status { display: flex; align-items: center; gap: 11px; }
.data-bar__status strong, .data-bar__status span { display: block; }
.data-bar__status strong { font-size: .9rem; }
.data-bar__status span { margin-top: 2px; color: var(--muted); font-size: .76rem; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; background: #98a2b3; box-shadow: 0 0 0 4px #f2f4f7; }
.status-dot[data-state="live"] { background: var(--green); box-shadow: 0 0 0 4px #ecfdf3; }
.status-dot[data-state="loading"] { background: var(--amber); box-shadow: 0 0 0 4px #fffaeb; animation: pulse 1s infinite alternate; }
.status-dot[data-state="error"] { background: var(--accent); box-shadow: 0 0 0 4px #fef3f2; }
@keyframes pulse { to { opacity: .35; } }

.match-watch { margin: 0 0 14px; padding: 20px; border-radius: var(--radius); background: radial-gradient(circle at 92% 0%, rgba(249,112,102,.26), transparent 34%), linear-gradient(135deg, var(--navy), var(--navy-soft)); color: white; box-shadow: 0 12px 28px rgba(16,24,40,.16); }
.match-watch__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.match-watch__heading h2 { margin: 0; font-size: clamp(1.35rem,3vw,1.85rem); letter-spacing: -.035em; }
.match-watch__heading > p { margin: 0; color: #d0d5dd; font-size: .8rem; }
.match-watch__choices { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.match-watch__choice { min-height: 108px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; align-items: center; gap: 2px 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; padding: 15px 16px; background: rgba(255,255,255,.09); color: white; text-align: left; cursor: pointer; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.match-watch__choice:hover { transform: translateY(-2px); background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.34); }
.match-watch__choice.is-active { border-color: #fda29b; background: var(--accent); box-shadow: 0 7px 18px rgba(0,0,0,.18); }
.match-watch__choice span { grid-column: 1; align-self: end; font-size: .92rem; font-weight: 900; }
.match-watch__choice strong { grid-column: 2; grid-row: 1 / 3; font-size: clamp(2rem,5vw,3rem); line-height: 1; font-variant-numeric: tabular-nums; }
.match-watch__choice small { grid-column: 1; align-self: start; color: #d0d5dd; font-size: .7rem; font-weight: 750; }
.match-watch__choice.is-active small { color: #fee4e2; }

.filter-panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; box-shadow: var(--shadow); }
.filter-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.view-switch { display: inline-flex; padding: 4px; border: 1px solid #d0d5dd; border-radius: 12px; background: white; }
.view-switch__item { border: 0; border-radius: 9px; padding: 9px 17px; background: transparent; color: var(--muted); font-weight: 900; cursor: pointer; }
.view-switch__item.is-active { background: var(--accent); color: white; box-shadow: 0 3px 8px rgba(217,45,32,.18); }
.segmented { display: inline-flex; padding: 4px; border-radius: 12px; background: #f2f4f7; }
.segmented__item { border: 0; background: transparent; border-radius: 9px; padding: 9px 22px; color: var(--muted); font-weight: 800; cursor: pointer; }
.segmented__item.is-active { background: var(--navy); color: white; box-shadow: 0 3px 8px rgba(16,24,40,.16); }
.filters { display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 12px; margin-top: 16px; }
label span { display: block; margin-bottom: 6px; color: var(--muted); font-size: .78rem; font-weight: 800; }
input, select { width: 100%; min-height: 45px; border: 1px solid #d0d5dd; background: white; color: var(--text); border-radius: 11px; padding: 0 12px; outline: none; }
input:focus, select:focus { border-color: #98a2b3; box-shadow: 0 0 0 4px rgba(152,162,179,.16); }
.summary { display: flex; justify-content: space-between; align-items: center; padding: 22px 4px 12px; color: var(--muted); }
.summary strong { color: var(--text); font-size: 1.15rem; }
.text-button { border: 0; background: transparent; color: var(--accent-dark); font-weight: 800; cursor: pointer; }

.match-list { width: min(100%, 850px); display: grid; gap: 14px; margin-inline: auto; }
#matchesView > .summary, #matchesView > .empty { width: min(100%, 850px); margin-inline: auto; }
.month-heading { display: flex; align-items: center; gap: 12px; margin: 24px 2px 2px; color: var(--navy); font-size: clamp(1.18rem, 2vw, 1.42rem); font-weight: 950; letter-spacing: -.025em; line-height: 1.2; }
.month-heading:first-child { margin-top: 2px; }
.month-heading::before { content: ""; width: 5px; height: 25px; flex: 0 0 5px; border-radius: 999px; background: var(--accent); }
.month-heading::after { content: ""; height: 1px; flex: 1; background: linear-gradient(90deg, #d0d5dd 0%, rgba(208,213,221,0) 100%); }
.day-heading { display: flex; align-items: center; gap: 10px; margin: 7px 2px -2px; color: var(--text); font-size: .92rem; font-weight: 900; line-height: 1.2; }
.day-heading::after { content: ""; height: 1px; flex: 1; background: #d0d5dd; }
.day-heading__relative { flex: 0 0 auto; border-radius: 999px; padding: 5px 9px; color: white; background: var(--navy); font-size: .7rem; font-weight: 950; letter-spacing: .055em; text-transform: uppercase; }
.day-heading__date { flex: 0 0 auto; }
.match-card { position: relative; display: grid; grid-template-columns: 92px 1fr auto; align-items: stretch; background: linear-gradient(135deg, rgba(255,255,255,.90), var(--herr-card)); border: 1px solid var(--herr-card-edge); border-top: 3px solid rgba(23,92,211,.58); border-radius: var(--radius); overflow: hidden; box-shadow: 0 8px 22px rgba(16,24,40,.045); backdrop-filter: blur(10px); }
.match-card[data-gender="Dam"] { background: linear-gradient(135deg, rgba(255,255,255,.90), var(--dam-card)); border-color: var(--dam-card-edge); border-top-color: rgba(193,21,116,.58); }
.match-card__date { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 182px; color: var(--herr-dark); background: linear-gradient(155deg, rgba(23,92,211,.14), rgba(16,24,40,.035)); border-right: 1px solid rgba(23,92,211,.13); text-transform: uppercase; }
.match-card[data-gender="Dam"] .match-card__date { color: var(--dam-dark); background: linear-gradient(155deg, rgba(193,21,116,.13), rgba(16,24,40,.03)); border-right-color: rgba(193,21,116,.13); }
.date-day, .date-month { font-size: .72rem; font-weight: 900; letter-spacing: .12em; opacity: .72; }
.date-number { font-size: 2.2rem; line-height: 1.08; font-weight: 950; }
.match-card__main { padding: 19px 22px; }
.match-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--muted); font-size: .75rem; font-weight: 800; }
.gender-pill, .status-pill { border-radius: 999px; }
.gender-pill { display: inline-flex; align-items: center; justify-content: center; min-width: 76px; padding: 6px 11px; border: 1px solid #84adff; color: var(--herr-dark); background: var(--herr-soft); font-size: .72rem; font-weight: 950; letter-spacing: .12em; line-height: 1; box-shadow: inset 0 0 0 1px rgba(255,255,255,.75); }
.gender-pill::before { content: "H"; display: grid; place-items: center; width: 19px; height: 19px; margin-right: 7px; border-radius: 50%; color: white; background: var(--herr); font-size: .62rem; letter-spacing: 0; }
.gender-pill[data-gender="Dam"] { border-color: #eea9d2; color: var(--dam-dark); background: var(--dam-soft); }
.gender-pill[data-gender="Dam"]::before { content: "D"; background: var(--dam); }
.status-pill { padding: 4px 8px; }
.status-pill { color: #b42318; background: #fef3f2; }
.teams { display: grid; gap: 8px; margin: 15px 0; }
.team-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; font-size: 1.08rem; line-height: 1.25; }
.score-value { min-width: 30px; text-align: right; font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.result-note { width: fit-content; margin: -3px 0 13px; border-radius: 999px; padding: 5px 9px; background: #f2f4f7; color: var(--muted); font-size: .74rem; font-weight: 850; }
.goal-scorers { display: grid; gap: 5px; margin: -3px 0 13px; padding: 9px 11px; border: 1px solid rgba(16,24,40,.08); border-radius: 10px; background: rgba(255,255,255,.62); color: var(--muted); font-size: .74rem; line-height: 1.4; }
.goal-scorers p { margin: 0; }
.goal-scorers b { color: var(--navy); }
.match-card.is-past { opacity: .96; }
.match-card.is-past .match-card__date { filter: saturate(.72); }
.match-card__info { display: flex; flex-wrap: wrap; gap: 16px; color: var(--muted); font-size: .86rem; }
.match-card__info b { color: var(--text); }
.source-link { display: inline-block; margin-top: 12px; color: var(--accent-dark); font-size: .76rem; font-weight: 800; text-decoration: none; }
.match-card__actions { min-width: 158px; padding: 16px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 20px; border-left: 1px solid rgba(23,92,211,.11); background: rgba(255,255,255,.34); }
.match-card[data-gender="Dam"] .match-card__actions { border-left-color: rgba(193,21,116,.11); }
.match-card__buttons { display: grid; gap: 8px; }
.share-match-button, .calendar-match-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 39px; padding: 0 12px; border: 1px solid #d0d5dd; border-radius: 10px; background: white; color: var(--navy); font-size: .8rem; font-weight: 900; cursor: pointer; }
.share-match-button:hover, .calendar-match-button:hover { background: #f8fafc; border-color: #98a2b3; }
.calendar-match-button { border-color: rgba(23,92,211,.3); background: rgba(23,92,211,.07); color: var(--herr-dark); }
.match-card[data-gender="Dam"] .calendar-match-button { border-color: rgba(193,21,116,.28); background: rgba(193,21,116,.07); color: var(--dam-dark); }
.favorite-button { align-self: flex-end; border: 0; background: transparent; color: #98a2b3; font-size: 1.9rem; cursor: pointer; }
.favorite-button.is-favorite { color: #f79009; }
.map-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 14px; border-radius: 10px; background: var(--accent); color: white; text-decoration: none; font-size: .82rem; font-weight: 900; }
.map-button:hover { background: var(--accent-dark); }
.match-card.is-shared-target { outline: 4px solid rgba(240,68,56,.22); box-shadow: 0 14px 36px rgba(240,68,56,.18); animation: sharedMatchPulse 1.2s ease-out 1; }
@keyframes sharedMatchPulse { 0% { transform: scale(.985); } 55% { transform: scale(1.008); } 100% { transform: scale(1); } }
.share-toast { position: fixed; z-index: 50; left: 50%; bottom: 24px; transform: translate(-50%, 18px); max-width: calc(100% - 32px); padding: 11px 16px; border-radius: 999px; background: var(--navy); color: white; font-size: .84rem; font-weight: 850; box-shadow: 0 14px 36px rgba(16,24,40,.28); opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.share-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

.install-dialog { width: min(520px, calc(100% - 24px)); padding: 0; border: 0; border-radius: 22px; color: var(--text); box-shadow: 0 30px 90px rgba(16,24,40,.34); }
.install-dialog::backdrop { background: rgba(16,24,40,.66); backdrop-filter: blur(5px); }
.install-dialog__header { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; padding: 20px 20px 17px; color: white; background: radial-gradient(circle at 90% 0%, rgba(238,70,70,.38), transparent 35%), linear-gradient(135deg, #101828, #1d2939); }
.install-dialog__header h2 { margin: 3px 0 0; font-size: clamp(1.25rem,4vw,1.65rem); line-height: 1.08; }
.install-dialog__header .eyebrow { color: #fda29b; }
.install-dialog__icon { display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid rgba(255,255,255,.23); border-radius: 15px; background: linear-gradient(145deg, #d92d20, #912018); color: white; font-size: 1.05rem; font-weight: 950; letter-spacing: -.04em; box-shadow: 0 9px 24px rgba(0,0,0,.2); }
.install-dialog__close { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(255,255,255,.09); color: white; font-size: 1.55rem; cursor: pointer; }
.install-dialog__body { padding: 21px; background: #fff; }
.install-dialog__body > p { margin: 0 0 16px; color: var(--muted); line-height: 1.55; }
.install-steps { display: grid; gap: 10px; margin: 0 0 19px; padding: 0; list-style: none; counter-reset: install-step; }
.install-steps li { counter-increment: install-step; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 11px; min-height: 52px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 13px; background: #f8fafc; font-size: .87rem; font-weight: 750; line-height: 1.4; }
.install-steps li::before { content: counter(install-step); display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--navy); color: white; font-size: .78rem; font-weight: 950; }
.install-dialog__done { width: 100%; justify-content: center; }
.empty { text-align: center; padding: 64px 20px; color: var(--muted); }
.empty__ball { font-size: 3rem; }
.empty h2 { color: var(--text); margin-bottom: 6px; }
.empty p { max-width: 540px; margin: 0 auto 18px; }

.footer { border-top: 1px solid var(--line); background: white; color: var(--muted); font-size: .78rem; }
.footer__inner { min-height: 74px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.button { min-height: 42px; border: 0; border-radius: 10px; padding: 0 16px; background: var(--accent); color: white; font-weight: 900; cursor: pointer; }
.button:hover { filter: brightness(.96); }
.button:disabled { opacity: .55; cursor: wait; }
.button--ghost { background: #f2f4f7; color: var(--text); }
.button--min-fotboll { background: #0d648e; color: white; }
.button--min-fotboll:hover { background: #0a5276; filter: none; }
.button--small { min-height: 36px; padding-inline: 12px; font-size: .8rem; }

@media (max-width: 760px) {
  .filter-toolbar { align-items: stretch; flex-direction: column; }
  .view-switch, .segmented { width: 100%; }
  .view-switch__item, .segmented__item { flex: 1; }
  .hero__inner { min-height: 205px; }
  .hero__actions { align-self: flex-start; margin-top: 28px; }
  .filters { grid-template-columns: 1fr 1fr; }
  .search-label { grid-column: 1 / -1; }
  .match-card { grid-template-columns: 72px 1fr; }
  .match-card__date { min-height: 100%; }
  .match-card__actions { grid-column: 1 / -1; min-width: 0; flex-direction: row-reverse; align-items: center; border-left: 0; border-top: 1px solid rgba(23,92,211,.11); padding: 12px 16px; }
  .match-card[data-gender="Dam"] .match-card__actions { border-left: 0; border-top-color: rgba(193,21,116,.11); }
  .favorite-button { align-self: center; }
  .match-card__buttons { flex: 1; grid-template-columns: 1fr 1fr; }
  .map-button { width: 100%; }
}
@media (max-width: 480px) {
  .month-heading { margin-top: 18px; font-size: 1.13rem; }
  .month-heading::before { height: 21px; }
  .day-heading { gap: 8px; margin-top: 5px; font-size: .84rem; }
  .day-heading__relative { padding: 4px 7px; font-size: .64rem; }
  .shell { width: min(100% - 20px, 1080px); }
  .hero__inner { min-height: 185px; align-items: flex-start; padding-block: 24px; }
  .hero__actions { margin-top: 0; flex-direction: column-reverse; align-items: flex-end; }
  .hero-install-button { min-height: 38px; padding-inline: 12px; font-size: .78rem; }
  .hero-share-button { min-height: 38px; padding-inline: 12px; font-size: .78rem; }
  .hero__text { font-size: .92rem; }
  .data-bar { align-items: flex-start; }
  .filter-toolbar { align-items: stretch; flex-direction: column; }
  .view-switch, .segmented { width: 100%; }
  .view-switch__item, .segmented__item { flex: 1; }
  .segmented__item { flex: 1; padding-inline: 8px; }
  .filters { grid-template-columns: 1fr; }
  .search-label { grid-column: auto; }
  .match-card { grid-template-columns: 62px 1fr; }
  .match-card__main { padding: 17px 14px; }
  .match-card__buttons { grid-template-columns: 1fr; }
  .date-number { font-size: 1.75rem; }
  .team-row { font-size: .96rem; }
.match-card__info { display: grid; gap: 8px; }
  .footer__inner { flex-direction: column; justify-content: center; text-align: center; }
}

/* Version 14: huvudflikar och klubbnyheter */
.content-tabs { display: flex; gap: 8px; margin: 0 0 14px; padding: 5px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: 0 5px 16px rgba(16,24,40,.04); }
.content-tab { flex: 1; min-height: 47px; border: 0; border-radius: 10px; background: transparent; color: var(--muted); font-weight: 950; cursor: pointer; }
.content-tab.is-active { color: white; background: var(--navy); box-shadow: 0 4px 12px rgba(16,24,40,.16); }
.content-tab:hover:not(.is-active) { background: #f2f4f7; color: var(--navy); }
.news-filter-panel { border-top: 5px solid var(--accent); }
.news-eyebrow { margin-bottom: 5px; }
.news-panel-title { margin: 0; font-size: clamp(1.35rem, 3vw, 1.85rem); letter-spacing: -.035em; }
.news-filters { grid-template-columns: minmax(220px, .8fr) minmax(260px, 1.4fr); }
.news-summary > span { color: var(--muted); font-size: .82rem; }
.news-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.news-card { min-width: 0; overflow: hidden; display: grid; grid-template-columns: 145px minmax(0,1fr); min-height: 185px; border: 1px solid var(--line); border-top: 5px solid #344054; border-radius: var(--radius); background: var(--surface); box-shadow: 0 8px 20px rgba(16,24,40,.05); }
.news-card[data-gender="Herr"] { border-top-color: var(--herr); }
.news-card[data-gender="Dam"] { border-top-color: var(--dam); }
.news-card--without-image { grid-template-columns: 1fr; }
.news-card__image-link { min-height: 100%; background: #eaecf0; overflow: hidden; }
.news-card__image { display: block; width: 100%; height: 100%; min-height: 185px; object-fit: cover; transition: transform .25s ease; }
.news-card__image-link:hover .news-card__image { transform: scale(1.025); }
.news-card__body { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 18px; }
.news-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: var(--muted); font-size: .72rem; }
.news-team { color: var(--navy); font-size: .78rem; }
.news-gender { border-radius: 999px; padding: 3px 7px; color: var(--herr-dark); background: var(--herr-soft); font-size: .62rem; font-weight: 950; letter-spacing: .08em; }
.news-gender[data-gender="Dam"] { color: var(--dam-dark); background: var(--dam-soft); }
.news-date::before { content: "·"; margin-right: 7px; }
.news-title { margin: 10px 0 8px; font-size: 1.08rem; line-height: 1.25; letter-spacing: -.02em; }
.news-summary-text { display: -webkit-box; overflow: hidden; margin: 0 0 14px; color: var(--muted); font-size: .84rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.news-read-link { margin-top: auto; color: var(--accent-dark); font-size: .8rem; font-weight: 900; text-decoration: none; }
.news-read-link:hover { text-decoration: underline; }

@media (max-width: 850px) {
  .news-list { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .content-tab { min-height: 44px; }
  .news-filter-panel .filter-toolbar { align-items: stretch; flex-direction: column; }
  .news-filters { grid-template-columns: 1fr; }
  .news-summary { align-items: flex-start; gap: 5px; flex-direction: column; }
}
@media (max-width: 480px) {
  .news-card { grid-template-columns: 105px minmax(0,1fr); min-height: 170px; }
  .news-card--without-image { grid-template-columns: 1fr; }
  .news-card__image { min-height: 170px; }
  .news-card__body { padding: 14px; }
  .news-title { font-size: .98rem; }
  .news-summary-text { -webkit-line-clamp: 2; }
}


/* Version 15: senaste nytt på startsidan */
/* Version 21: ljusare och mer transparent Senaste nytt */
.latest-news-preview { margin: 0 0 14px; padding: 18px; border: 1px solid rgba(16,24,40,.12); border-radius: var(--radius); background: radial-gradient(circle at 94% 0%, rgba(217,45,32,.10), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.92), rgba(29,41,57,.07)); color: var(--text); box-shadow: 0 9px 24px rgba(16,24,40,.055); backdrop-filter: blur(10px); }
.latest-news-preview__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.latest-news-preview__eyebrow { margin-bottom: 4px; }
.latest-news-preview h2 { margin: 0; color: var(--navy); font-size: clamp(1.25rem, 3vw, 1.7rem); letter-spacing: -.035em; }
.latest-news-preview__all { flex: 0 0 auto; min-height: 40px; border: 1px solid rgba(16,24,40,.16); border-radius: 999px; padding: 0 14px; background: rgba(255,255,255,.62); color: var(--navy); font-size: .78rem; font-weight: 900; cursor: pointer; box-shadow: 0 3px 10px rgba(16,24,40,.035); }
.latest-news-preview__all:hover { border-color: rgba(16,24,40,.24); background: rgba(255,255,255,.92); }
.latest-news-preview__list { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.latest-news-preview__item { position: relative; min-width: 0; min-height: 118px; display: flex; flex-direction: column; gap: 9px; padding: 14px 38px 14px 14px; border: 1px solid rgba(16,24,40,.085); border-top: 4px solid #98a2b3; border-radius: 12px; background: rgba(255,255,255,.68); color: var(--text); text-decoration: none; box-shadow: 0 4px 14px rgba(16,24,40,.035); transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.latest-news-preview__item[data-gender="Herr"] { border-top-color: rgba(23,92,211,.62); }
.latest-news-preview__item[data-gender="Dam"] { border-top-color: rgba(193,21,116,.62); }
.latest-news-preview__item:hover { transform: translateY(-2px); border-color: rgba(16,24,40,.14); background: rgba(255,255,255,.94); }
.latest-news-preview__meta { display: flex; flex-wrap: wrap; gap: 5px 8px; color: var(--muted); font-size: .67rem; line-height: 1.3; }
.latest-news-preview__meta strong { color: var(--navy); }
.latest-news-preview__meta time::before { content: "·"; margin-right: 8px; }
.latest-news-preview__title { display: -webkit-box; overflow: hidden; color: var(--navy); font-size: .92rem; font-weight: 900; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.latest-news-preview__arrow { position: absolute; right: 14px; bottom: 13px; color: var(--accent); font-size: 1rem; font-weight: 900; }
@media (max-width: 760px) {
  .latest-news-preview__list { grid-template-columns: 1fr; }
  .latest-news-preview__item { min-height: 94px; }
}
@media (max-width: 480px) {
  .match-watch { padding: 15px; }
  .match-watch__heading { display: block; }
  .match-watch__heading > p { margin-top: 5px; }
  .match-watch__choices { gap: 7px; }
  .match-watch__choice { min-height: 92px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; padding: 11px; }
  .match-watch__choice strong { order: -1; font-size: 2rem; }
  .match-watch__choice span { font-size: .78rem; }
  .match-watch__choice small { font-size: .62rem; }
  .latest-news-preview { padding: 15px; }
  .latest-news-preview__header { align-items: flex-start; }
  .latest-news-preview__all { min-height: 36px; padding-inline: 11px; font-size: .7rem; }
  .latest-news-preview__item { min-height: 88px; padding: 12px 34px 12px 12px; }
  .latest-news-preview__title { font-size: .87rem; -webkit-line-clamp: 2; }
}

/* Version 16: resultatstatus */
.result-note[data-result-status="automatic"] { background: #ecfdf3; color: #067647; }
.result-note[data-result-status="manual"] { background: #eff8ff; color: #175cd3; }
.result-note[data-result-status="review"] { background: #fffaeb; color: #b54708; }
.result-note[data-result-status="missing"] { background: #f2f4f7; color: var(--muted); }


/* Version 17: serietabeller */
.standings-filter-panel { margin-bottom: 18px; }
.standings-eyebrow { color: #a32331; }
.standings-filter-panel .filter-toolbar { flex-direction: column; align-items: stretch; gap: 14px; }
.standings-filter-panel .segmented { align-self: flex-start; }
.standings-series-picker { display: grid; gap: 7px; margin-top: 14px; }
.standings-series-label { font-size: .85rem; font-weight: 700; color: var(--muted); }
.standings-series-picker select { min-width: 0; max-width: 100%; padding-right: 32px; }
.standings-panel-card { background: #fff; border: 1px solid #e2e5e9; border-radius: 18px; box-shadow: 0 10px 35px rgba(28,37,46,.07); overflow: hidden; margin-bottom: 36px; }
.standings-panel-card__heading { padding: 20px 22px 16px; display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; border-bottom: 1px solid #eceef1; }
.standings-panel-card__heading h2 { margin: 7px 0 4px; font-size: clamp(1.4rem,3vw,2rem); }
.standings-panel-card__heading p { margin: 0; color: #67717c; }
.gender-pill--herr { background: #e7f1ff; color: #1253a2; }
.gender-pill--dam { background: #fbe8f4; color: #a31f68; }
.standings-table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.standings-table { width: 100%; min-width: 720px; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.standings-table th, .standings-table td { padding: 11px 10px; border-bottom: 1px solid #edf0f3; text-align: center; white-space: nowrap; }
.standings-table thead th { background: #f7f8fa; color: #56616d; font-size: .77rem; text-transform: uppercase; letter-spacing: .05em; position: sticky; top: 0; z-index: 2; }
.standings-table .standings-team-col { text-align: left; min-width: 220px; }
.standings-table tbody .standings-team-col { font-weight: 700; }
.standings-position { color: #64707c; font-weight: 800; }
.standings-points { font-weight: 900; font-size: 1.04rem; }
.standings-table tr.is-local-team { background: linear-gradient(90deg, rgba(163,35,49,.11), rgba(163,35,49,.025)); }
.standings-table tr.is-local-team .standings-team-col { color: #8e1f2c; }
.standings-table tr.is-withdrawn { opacity: .52; text-decoration: line-through; }
.standings-table tr.cut-line--1 > * { border-bottom: 2px solid #7a8490; }
.standings-table tr.cut-line--2 > * { border-bottom: 4px solid #46515d; }
.standings-table tr.cut-line--3 > *, .standings-table tr.cut-line--4 > * { border-bottom: 5px double #46515d; }
.local-team-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #a32331; margin-right: 8px; vertical-align: middle; }
.standings-legend { margin: 0; padding: 12px 22px 16px; color: #68737e; font-size: .87rem; }
.standings-legend span { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #a32331; margin-right: 6px; }
.standings-race-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0 22px 22px; }
.standings-race-button { min-width: 0; border: 1px solid #dfe3e8; border-radius: 15px; padding: 15px 16px; background: #f8fafc; color: #17212b; text-align: left; cursor: pointer; display: grid; gap: 3px; transition: .18s ease; }
.standings-race-button:hover { transform: translateY(-1px); border-color: #9aa4b0; box-shadow: 0 8px 20px rgba(16,24,40,.08); }
.standings-race-button > span { font-size: .7rem; font-weight: 900; letter-spacing: .09em; color: #7b2632; }
.standings-race-button > strong { font-size: 1rem; }
.standings-race-button > small { color: #66717d; line-height: 1.35; }
.standings-race-button--top { border-left: 5px solid #18875e; }
.standings-race-button--bottom { border-left: 5px solid #ca4b4b; }
.standings-race-button.is-active { background: #fff; border-color: #a32331; box-shadow: 0 0 0 2px rgba(163,35,49,.1); }
.standings-race-button:disabled { opacity: .52; cursor: not-allowed; transform: none; box-shadow: none; }
.standings-race-panel { margin: 0 22px 24px; border: 1px solid #dfe3e8; border-radius: 16px; overflow: hidden; background: #fff; }
.standings-race-panel__heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; padding: 18px; background: linear-gradient(135deg, #f8f4f5, #fff); border-bottom: 1px solid #e7eaee; }
.standings-race-panel__heading h3 { margin: 4px 0; font-size: 1.35rem; }
.standings-race-panel__heading p { margin: 0; color: #68737e; }
.standings-race-panel__heading .eyebrow { color: #8e1f2c; font-size: .7rem; font-weight: 900; letter-spacing: .1em; }
.standings-race-table-wrap { overflow-x: auto; }
.standings-race-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.standings-race-table th, .standings-race-table td { padding: 10px 12px; border-bottom: 1px solid #edf0f3; text-align: center; }
.standings-race-table th:nth-child(2) { text-align: left; }
.standings-race-table thead th { background: #f7f8fa; color: #5b6672; font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; }
.standings-race-table tbody th { font-weight: 750; }
.standings-race-table tr.is-local-team { background: linear-gradient(90deg, rgba(163,35,49,.11), rgba(163,35,49,.02)); color: #8e1f2c; }
.standings-race-table tr.cut-line--1 > * { border-bottom: 2px solid #7a8490; }
.standings-race-table tr.cut-line--2 > * { border-bottom: 4px solid #46515d; }
.standings-race-table tr.cut-line--3 > *, .standings-race-table tr.cut-line--4 > * { border-bottom: 5px double #46515d; }
.standings-race-fixtures { padding: 18px; }
.standings-race-fixtures h4 { margin: 0 0 11px; font-size: .95rem; }
.standings-race-fixture { display: grid; grid-template-columns: 115px minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 48px; padding: 9px 11px; border-top: 1px solid #edf0f3; color: inherit; text-decoration: none; }
.standings-race-fixture:hover { background: #faf7f8; }
.standings-race-fixture__date { color: #68737e; font-size: .77rem; font-weight: 700; text-transform: capitalize; }
.standings-race-fixture__teams { min-width: 0; display: flex; align-items: center; gap: 7px; font-weight: 720; }
.standings-race-fixture__teams span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.standings-race-fixture__teams .is-local-name { color: #8e1f2c; font-weight: 900; }
.standings-race-finished { margin: 0; padding: 18px; color: #68737e; }
@media (max-width: 650px) {
  .content-tabs { overflow-x: auto; justify-content: flex-start; }
  .content-tab { flex: 0 0 auto; }
  .standings-series-picker { grid-template-columns: 1fr; }
  .standings-panel-card__heading { padding: 16px; flex-direction: column; }
  .standings-table th, .standings-table td { padding: 10px 8px; }
  .standings-table .standings-team-col { min-width: 190px; position: sticky; left: 0; background: inherit; z-index: 1; }
  .standings-table thead .standings-team-col { z-index: 3; background: #f7f8fa; }
}
@media (max-width: 430px) { .standings-series-picker { grid-template-columns: 1fr; } }
@media (max-width: 680px) {
  .standings-race-actions { grid-template-columns: 1fr; padding: 0 14px 16px; }
  .standings-race-panel { margin: 0 14px 18px; }
  .standings-race-panel__heading { flex-direction: column; padding: 15px; }
  .standings-race-fixtures { padding: 14px; }
  .standings-race-fixture { grid-template-columns: 1fr auto; gap: 4px 9px; padding: 10px 7px; }
  .standings-race-fixture__date { grid-column: 1 / -1; }
  .standings-race-fixture__teams { font-size: .88rem; }
  .standings-race-table th, .standings-race-table td { padding: 9px 7px; }
}

/* Version 26: klubbarkiv */
.clubs-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 14px; padding: clamp(20px, 4vw, 32px); border: 1px solid rgba(16,24,40,.10); border-radius: 18px; background: radial-gradient(circle at 92% 0%, rgba(217,45,32,.14), transparent 35%), linear-gradient(135deg, #fff, #f2f4f7); box-shadow: var(--shadow); }
.clubs-hero h2 { margin: 0; font-size: clamp(1.65rem, 4vw, 2.5rem); letter-spacing: -.045em; }
.clubs-hero p:not(.eyebrow) { max-width: 650px; margin: 8px 0 0; color: var(--muted); line-height: 1.5; }
.clubs-hero__count { flex: 0 0 auto; border-radius: 999px; padding: 7px 11px; background: var(--navy); color: white; font-size: .72rem; font-weight: 900; }
.clubs-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.club-card { min-width: 0; padding: 17px; border: 1px solid var(--line); border-top: 4px solid #344054; border-radius: 15px; background: white; box-shadow: 0 6px 18px rgba(16,24,40,.045); }
.club-card__heading { display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 12px; }
.club-card__monogram { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; color: white; background: linear-gradient(145deg, var(--navy-soft), var(--navy)); font-size: .73rem; font-weight: 950; }
.club-card__monogram img { width: 38px; height: 38px; object-fit: contain; }
.club-card h3 { margin: 0; font-size: 1.05rem; line-height: 1.2; }
.club-card__heading p { margin: 4px 0 0; color: var(--muted); font-size: .72rem; }
.club-card__links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.club-card__links a { display: inline-flex; align-items: center; gap: 6px; min-height: 35px; border: 1px solid #d0d5dd; border-radius: 999px; padding: 0 11px; color: var(--navy); background: #f8fafc; font-size: .72rem; font-weight: 850; text-decoration: none; }
.club-card__links a:hover { border-color: #98a2b3; background: white; }
.club-card__links a span { color: var(--accent); font-weight: 950; }

@media (max-width: 720px) {
  .clubs-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .clubs-hero { align-items: flex-start; flex-direction: column; }
}

/* Version 19: klickbara lag och samlade lagsidor */
.team-text-link, .standings-team-link { border: 0; padding: 0; background: transparent; color: inherit; font: inherit; font-weight: inherit; text-align: left; cursor: pointer; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; }
.team-text-link:hover, .standings-team-link:hover { color: var(--accent-dark); text-decoration-color: currentColor; }
.team-text-link:focus-visible, .standings-team-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 3px; }
.team-page-back { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; border: 0; border-radius: 999px; padding: 9px 14px; background: #eaecf0; color: var(--navy); font-weight: 900; cursor: pointer; }
.team-page-back:hover { background: #dfe3e8; }
.team-page-hero { position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-start; gap: 22px; margin-bottom: 14px; padding: clamp(22px, 4vw, 38px); border-radius: 20px; color: white; background: radial-gradient(circle at 92% 8%, rgba(83,177,253,.38), transparent 32%), linear-gradient(135deg, #101828, #1849a9); box-shadow: var(--shadow); }
.team-page-hero[data-gender="Dam"] { background: radial-gradient(circle at 92% 8%, rgba(238,70,188,.38), transparent 32%), linear-gradient(135deg, #101828, #851651); }
.team-page-hero::after { content: ""; position: absolute; right: 5%; bottom: -44px; opacity: .055; transform: rotate(-12deg); pointer-events: none; }
.team-page-hero__main { position: relative; z-index: 1; min-width: 0; }
.team-page-hero__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: #d0d5dd; font-size: .84rem; font-weight: 800; }
.team-page-hero h2 { margin: 14px 0 7px; max-width: 780px; font-size: clamp(2rem, 5vw, 3.55rem); line-height: .98; letter-spacing: -.052em; }
.team-page-hero p { max-width: 700px; margin: 0; color: #e4e7ec; line-height: 1.55; }
.team-share-button { position: relative; z-index: 1; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; background: rgba(255,255,255,.12); color: white; border: 1px solid rgba(255,255,255,.2); }
.team-share-button:hover { background: rgba(255,255,255,.2); }
.team-sibling-links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.team-official-links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
.team-official-links a { display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; padding: 8px 11px; color: white; background: rgba(255,255,255,.10); font-size: .74rem; font-weight: 850; text-decoration: none; }
.team-official-links a:hover { background: white; color: var(--navy); }
.team-official-links a span { color: #fdb022; font-weight: 950; }
.team-sibling-links button { border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: 7px 10px; background: rgba(255,255,255,.08); color: white; font-size: .74rem; font-weight: 850; cursor: pointer; }
.team-sibling-links button:hover, .team-sibling-links button.is-active { background: white; color: var(--navy); }
.team-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
.team-stat-card { padding: 17px 18px; border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: 0 5px 16px rgba(16,24,40,.04); }
.team-stat-card span { display: block; margin-bottom: 5px; color: var(--muted); font-size: .75rem; font-weight: 800; }
.team-stat-card strong { display: block; font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1; font-variant-numeric: tabular-nums; }
.team-page-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 14px; margin-bottom: 14px; }
.team-page-card, .team-page-section { border: 1px solid var(--line); border-radius: 17px; background: white; box-shadow: 0 7px 22px rgba(16,24,40,.05); }
.team-page-card { padding: 20px; }
.team-page-card--next { border-top: 5px solid var(--herr); }
.team-page-hero[data-gender="Dam"] ~ .team-stat-grid + .team-page-grid .team-page-card--next { border-top-color: var(--dam); }
.team-page-card__heading, .team-page-section__heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.team-page-card h3, .team-page-section h3 { margin: 0; font-size: 1.2rem; letter-spacing: -.025em; }
.team-page-card .eyebrow, .team-page-section .eyebrow { margin-bottom: 4px; }
.team-venue-text { margin: 16px 0; color: var(--muted); line-height: 1.5; }
.team-page-section { margin-bottom: 14px; padding: 20px; }
.team-page-section__heading { margin-bottom: 13px; }
.team-page-section__heading > span { color: var(--muted); font-size: .78rem; }
.team-page-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.team-compact-list, .team-news-list { display: grid; gap: 9px; }
.team-compact-match { display: grid; grid-template-columns: minmax(125px,.72fr) minmax(180px,1.25fr) auto; align-items: center; gap: 14px; padding: 13px 14px; border: 1px solid #e4e7ec; border-left: 4px solid var(--herr); border-radius: 12px; background: #fff; }
.team-compact-match[data-gender="Dam"] { border-left-color: var(--dam); }
.team-compact-match.is-featured { margin-top: 15px; padding: 18px; background: #f8fafc; }
.team-compact-match__date { min-width: 0; }
.team-compact-match__date strong, .team-compact-match__date span { display: block; }
.team-compact-match__date strong { font-size: .88rem; text-transform: capitalize; }
.team-compact-match__date span { overflow: hidden; margin-top: 3px; color: var(--muted); font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }
.team-compact-match__teams { display: grid; gap: 3px; min-width: 0; font-size: .88rem; font-weight: 800; }
.team-compact-match__teams span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-compact-match__result { min-width: 58px; text-align: right; font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.team-compact-match__place { grid-column: 1 / -1; margin-top: -5px; color: var(--muted); font-size: .74rem; }
.team-compact-match__actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 7px; }
.team-compact-match__center, .team-compact-match__calendar { display: inline-flex; align-items: center; gap: 5px; min-height: 34px; border: 1px solid #d0d5dd; border-radius: 9px; padding: 0 10px; background: #fff; color: var(--navy); font-size: .72rem; font-weight: 900; cursor: pointer; }
.team-compact-match__center { border-color: var(--navy); background: var(--navy); color: #fff; }
.team-compact-match__center:hover { background: #18243a; }
.team-compact-match__calendar:hover { border-color: #98a2b3; background: #f8fafc; }
.team-news-item { position: relative; display: grid; gap: 5px; min-height: 116px; padding: 14px 38px 14px 14px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); text-decoration: none; }
.team-news-item:hover { border-color: #98a2b3; background: #f8fafc; }
.team-news-item > span { color: var(--muted); font-size: .7rem; }
.team-news-item > strong { line-height: 1.3; }
.team-news-item > small { display: -webkit-box; overflow: hidden; color: var(--muted); line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.team-news-item > b { position: absolute; right: 14px; bottom: 13px; color: var(--accent); }
.team-page-empty { margin: 12px 0 0; padding: 17px; border: 1px dashed #d0d5dd; border-radius: 12px; color: var(--muted); text-align: center; font-size: .84rem; }
@media (max-width: 820px) {
  .team-page-hero { flex-direction: column; }
  .team-stat-grid { grid-template-columns: 1fr 1fr; }
  .team-page-grid, .team-page-columns { grid-template-columns: 1fr; }
  .team-share-button { align-self: flex-start; }
}
@media (max-width: 520px) {
  .team-page-hero { padding: 22px 18px; }
  .team-page-hero h2 { font-size: 2rem; }
  .team-stat-card { padding: 14px; }
  .team-page-card, .team-page-section { padding: 15px; }
  .team-compact-match { grid-template-columns: 1fr auto; gap: 9px 12px; }
  .team-compact-match__teams { grid-column: 1; }
  .team-compact-match__result { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
  .team-compact-match__place { grid-column: 1 / -1; margin-top: 0; }
}

/* Version 22: favoritlag och personlig startsida */
.favorite-scope-switch { display: inline-flex; padding: 4px; border: 1px solid #d0d5dd; border-radius: 12px; background: rgba(255,255,255,.78); box-shadow: 0 3px 10px rgba(16,24,40,.035); }
.favorite-scope-switch__item { min-height: 36px; border: 0; border-radius: 9px; padding: 0 13px; background: transparent; color: var(--muted); font-size: .78rem; font-weight: 900; cursor: pointer; }
.favorite-scope-switch__item.is-active { background: var(--navy); color: white; box-shadow: 0 3px 8px rgba(16,24,40,.15); }
.favorite-scope-switch__item[data-favorite-scope="favorites"].is-active { background: #b54708; }
.favorite-scope-switch__item:hover:not(.is-active) { background: #f2f4f7; color: var(--navy); }

.favorite-teams-panel { margin: 0 0 14px; padding: 17px 18px; border: 1px solid rgba(181,71,8,.17); border-radius: var(--radius); background: radial-gradient(circle at 94% 0%, rgba(247,144,9,.11), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,250,235,.76)); box-shadow: 0 8px 22px rgba(16,24,40,.045); }
.favorite-teams-panel__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.favorite-teams-panel__heading h2 { margin: 3px 0 4px; color: var(--navy); font-size: clamp(1.15rem,2.6vw,1.55rem); letter-spacing: -.03em; }
.favorite-teams-panel__heading p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.45; }
.favorite-teams-count { flex: 0 0 auto; border-radius: 999px; padding: 6px 10px; background: rgba(247,144,9,.13); color: #93370d; font-size: .7rem; font-weight: 900; }
.favorite-team-links { display: flex; flex-wrap: wrap; gap: 8px; }
.favorite-team-link { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 7px; min-height: 42px; border: 1px solid rgba(16,24,40,.11); border-radius: 999px; padding: 7px 11px; background: rgba(255,255,255,.8); color: var(--navy); cursor: pointer; box-shadow: 0 3px 10px rgba(16,24,40,.025); }
.favorite-team-link > span { color: #f79009; font-size: 1rem; }
.favorite-team-link strong { font-size: .78rem; }
.favorite-team-link small { border-radius: 999px; padding: 3px 6px; background: var(--herr-soft); color: var(--herr-dark); font-size: .6rem; font-weight: 900; text-transform: uppercase; }
.favorite-team-link[data-gender="Dam"] small { background: var(--dam-soft); color: var(--dam-dark); }
.favorite-team-link:hover { border-color: rgba(181,71,8,.35); background: white; transform: translateY(-1px); }
.favorite-team-links__empty { width: 100%; margin: 0; padding: 12px 14px; border: 1px dashed rgba(181,71,8,.26); border-radius: 11px; color: var(--muted); background: rgba(255,255,255,.46); font-size: .8rem; text-align: center; }

.team-with-favorite { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.team-with-favorite .team-text-link { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-favorite-inline { flex: 0 0 auto; display: inline-grid; place-items: center; width: 29px; height: 29px; border: 1px solid rgba(16,24,40,.11); border-radius: 50%; padding: 0; background: rgba(255,255,255,.65); color: #98a2b3; font-size: 1.08rem; line-height: 1; cursor: pointer; }
.team-favorite-inline:hover { border-color: #f79009; color: #b54708; background: #fffaeb; }
.team-favorite-inline.is-favorite { border-color: rgba(247,144,9,.38); color: #f79009; background: #fffaeb; box-shadow: 0 0 0 3px rgba(247,144,9,.08); }

.team-page-hero__actions { position: relative; z-index: 1; flex: 0 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.team-follow-button { display: inline-flex; align-items: center; gap: 7px; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.14); color: white; }
.team-follow-button:hover { background: rgba(255,255,255,.23); }
.team-follow-button.is-following { border-color: rgba(247,144,9,.72); background: rgba(247,144,9,.18); color: #fff4d6; }
.team-follow-button.is-following span { color: #fdb022; }

@media (max-width: 700px) {
  .summary { align-items: flex-start; gap: 10px; flex-direction: column; }
  .favorite-scope-switch { width: 100%; }
  .favorite-scope-switch__item { flex: 1; }
  .favorite-teams-panel__heading { flex-direction: column; }
  .team-page-hero__actions { justify-content: flex-start; }
}
@media (max-width: 480px) {
  .favorite-teams-panel { padding: 15px; }
  .favorite-team-links { display: grid; grid-template-columns: 1fr; }
  .favorite-team-link { width: 100%; border-radius: 12px; }
  .team-favorite-inline { width: 27px; height: 27px; }
  .team-page-hero__actions { width: 100%; }
  .team-page-hero__actions .button { flex: 1; justify-content: center; }
  .install-dialog__header { grid-template-columns: auto 1fr; padding: 17px; }
  .install-dialog__close { position: absolute; top: 10px; right: 10px; }
  .install-dialog__body { padding: 17px; }
}

/* Version 29: snabbare och tydligare mobil matchupplevelse */
.filter-toggle { display: none; }
.older-results { width: min(100%, 850px); margin: 18px auto 0; text-align: center; }
.older-results[hidden] { display: none; }
.older-results__button { min-width: 220px; min-height: 46px; border: 1px solid #d0d5dd; cursor: pointer; }
.older-results__button:disabled { opacity: .65; cursor: wait; }
.older-results p { margin: 8px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.4; }
.favorite-teams-panel { margin-top: 22px; }

@media (max-width: 650px) {
  .main-content { padding-top: 12px; }
  .data-bar { margin-bottom: 9px; padding: 9px 11px; }
  .data-bar__status span { font-size: .69rem; }
  .content-tabs { position: sticky; top: 0; z-index: 20; gap: 4px; margin-bottom: 10px; padding: 4px; border-radius: 12px; box-shadow: 0 6px 18px rgba(16,24,40,.10); }
  .content-tab { min-height: 44px; padding-inline: 12px; }
  .match-watch { margin-bottom: 10px; padding: 13px; border-radius: 14px; }
  .match-watch__heading { align-items: center; margin-bottom: 10px; }
  .match-watch__heading h2 { font-size: 1.08rem; }
  .match-watch__heading .eyebrow, .match-watch__heading > p { display: none; }
  .match-watch__choices { gap: 6px; }
  .match-watch__choice { min-height: 66px; grid-template-columns: 1fr auto; padding: 9px 10px; border-radius: 10px; }
  .match-watch__choice span { font-size: .77rem; }
  .match-watch__choice strong { font-size: 1.55rem; }
  .match-watch__choice small { font-size: .61rem; }
  .filter-panel { padding: 12px; box-shadow: 0 7px 20px rgba(16,24,40,.06); }
  .filter-toolbar { gap: 8px; }
  .view-switch__item, .segmented__item { min-height: 42px; padding-block: 8px; font-size: .79rem; }
  .filter-toggle { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: space-between; margin-top: 9px; border: 1px solid #d0d5dd; border-radius: 10px; padding: 0 12px; background: #f8fafc; color: var(--navy); font-size: .8rem; font-weight: 900; cursor: pointer; }
  .filter-toggle[aria-expanded="true"] span:last-child { transform: rotate(180deg); }
  #advancedMatchFilters.is-collapsed { display: none; }
  .filters { margin-top: 10px; }
  .summary { padding-top: 13px; }
  .match-list { gap: 10px; }
  .older-results { margin-top: 14px; }
  .favorite-teams-panel { margin-top: 18px; }
}

@media (max-width: 390px) {
  .match-watch__choice { padding-inline: 7px; }
  .match-watch__choice span { font-size: .7rem; }
  .match-watch__choice strong { font-size: 1.35rem; }
  .view-switch__item, .segmented__item { font-size: .72rem; }
}

/* Version 30: delbart matchcenter */
.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; }
.match-center-link { margin-left: auto; border: 0; border-radius: 999px; padding: 6px 9px; background: #eef2f6; color: var(--navy); font-size: .68rem; font-weight: 900; cursor: pointer; }
.match-center-link:hover { color: white; background: var(--navy); }
.match-center-hero { overflow: hidden; margin-bottom: 14px; padding: clamp(21px, 4vw, 34px); border-radius: 20px; color: white; background: radial-gradient(circle at 92% 0%, rgba(83,177,253,.34), transparent 34%), linear-gradient(135deg, #101828, #1849a9); box-shadow: var(--shadow); }
.match-center-hero[data-gender="Dam"] { background: radial-gradient(circle at 92% 0%, rgba(238,70,188,.34), transparent 34%), linear-gradient(135deg, #101828, #851651); }
.match-center-hero__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.match-center-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: #e4e7ec; font-size: .78rem; font-weight: 850; }
.match-center-hero .gender-pill { color: white; background: rgba(255,255,255,.14); }
.match-center-status { flex: 0 0 auto; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: 7px 10px; background: rgba(255,255,255,.10); color: white; font-size: .7rem; font-weight: 900; }
.match-center-scoreboard { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: clamp(12px, 4vw, 36px); margin-top: 28px; }
.match-center-team { min-width: 0; display: grid; justify-items: center; gap: 7px; border: 0; border-radius: 14px; padding: 13px 10px; background: transparent; color: white; text-align: center; cursor: pointer; }
.match-center-team:hover:not(:disabled) { background: rgba(255,255,255,.10); }
.match-center-team > span { color: #d0d5dd; font-size: .62rem; font-weight: 900; letter-spacing: .11em; }
.match-center-team > strong { max-width: 100%; font-size: clamp(1.08rem, 3vw, 1.55rem); line-height: 1.15; overflow-wrap: normal; word-break: normal; hyphens: none; }
.match-center-team > small { color: #b2ddff; font-size: .65rem; font-weight: 850; }
.match-center-team:disabled { cursor: default; }
.match-center-team:disabled > small { visibility: hidden; }
.match-center-score { min-width: 118px; display: grid; justify-items: center; gap: 7px; text-align: center; }
.match-center-score strong { font-size: clamp(2.45rem, 8vw, 4.4rem); line-height: .95; letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.match-center-score span { color: #d0d5dd; font-size: .76rem; font-weight: 850; }
.match-center-place { margin: 24px 0 0; color: #e4e7ec; text-align: center; font-size: .84rem; font-weight: 800; }
.match-center-place::before { content: "📍 "; }
.min-fotboll-callout { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; margin: 0 0 14px; border: 1px solid #53b1fd; border-radius: 16px; padding: 16px 18px; color: white; background: linear-gradient(135deg, #0b4f75, #0d648e); box-shadow: 0 9px 24px rgba(13,100,142,.22); text-decoration: none; }
.min-fotboll-callout:hover { border-color: #b2ddff; transform: translateY(-1px); box-shadow: 0 12px 28px rgba(13,100,142,.28); }
.min-fotboll-callout__label { border: 1px solid rgba(255,255,255,.24); border-radius: 999px; padding: 6px 9px; background: rgba(255,255,255,.12); font-size: .61rem; font-weight: 950; letter-spacing: .075em; }
.min-fotboll-callout__body { min-width: 0; display: grid; gap: 3px; }
.min-fotboll-callout__body strong { font-size: .98rem; }
.min-fotboll-callout__body small { color: #d6efff; font-size: .73rem; }
.min-fotboll-callout__arrow { font-size: 1.4rem; font-weight: 900; }
.match-center-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.match-center-card { min-width: 0; padding: 19px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: 0 8px 22px rgba(16,24,40,.05); }
.match-center-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.match-center-card__heading h3 { margin: 0; font-size: 1.2rem; letter-spacing: -.025em; }
.match-center-card__heading .result-note { flex: 0 0 auto; margin: 0; }
.match-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0; }
.match-facts div { min-width: 0; padding: 11px 0; border-bottom: 1px solid #edf0f3; }
.match-facts div:nth-child(odd) { padding-right: 12px; }
.match-facts dt { color: var(--muted); font-size: .68rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.match-facts dd { margin: 4px 0 0; color: var(--navy); font-size: .88rem; font-weight: 850; overflow-wrap: anywhere; }
.match-center-scorers { display: grid; gap: 9px; }
.match-center-scorer-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); gap: 12px; padding: 11px 12px; border: 1px solid #edf0f3; border-radius: 11px; background: #f8fafc; font-size: .8rem; line-height: 1.4; }
.match-center-scorer-row strong { color: var(--navy); }
.match-center-scorer-row span { color: var(--muted); }
.match-center-no-scorers { margin: 0; padding: 18px; border: 1px dashed #d0d5dd; border-radius: 11px; color: var(--muted); text-align: center; font-size: .8rem; }
.match-center-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: 0 6px 18px rgba(16,24,40,.04); }
.match-center-actions .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; text-decoration: none; }
.match-center-loading { display: none; align-items: center; justify-content: center; gap: 12px; min-height: 260px; border: 1px solid var(--line); border-radius: var(--radius); background: white; color: var(--muted); font-weight: 850; }
.match-center-loading p { margin: 0; }
#matchView.is-loading .match-center-hero, #matchView.is-loading .min-fotboll-callout, #matchView.is-loading .match-center-grid, #matchView.is-loading .match-center-actions { display: none; }
#matchView.is-loading .match-center-loading { display: flex; }

@media (max-width: 720px) {
  .match-center-grid { grid-template-columns: 1fr; }
  .match-center-scoreboard { gap: 8px; }
  .match-center-score { min-width: 82px; }
  .match-center-team { padding-inline: 5px; }
  .match-center-team > small { display: none; }
  .match-center-actions { display: grid; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 430px) {
  .match-center-hero { padding: 18px 12px; }
  .match-center-scoreboard { margin-top: 21px; }
  .match-center-team > strong { font-size: .94rem; }
  .match-center-score strong { font-size: 2.25rem; }
  .match-center-score span { font-size: .67rem; }
  .match-center-place { margin-top: 17px; font-size: .76rem; }
  .min-fotboll-callout { grid-template-columns: 1fr auto; padding: 14px 15px; }
  .min-fotboll-callout__label { grid-column: 1 / -1; justify-self: start; }
  .min-fotboll-callout__body small { white-space: normal; }
  .match-center-card { padding: 15px; }
  .match-center-card__heading { flex-direction: column; }
  .match-facts { grid-template-columns: 1fr; }
  .match-facts div:nth-child(odd) { padding-right: 0; }
  .match-center-scorer-row { grid-template-columns: 1fr; gap: 4px; }
  .match-center-actions { grid-template-columns: 1fr; }
}

/* Version 31: gemensam sökning och tydligare väg till Matchcenter */
.match-card__actions { min-width: 194px; }
.match-center-link {
  display: inline-flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 47px;
  margin: 0;
  border: 1px solid #101828;
  border-radius: 11px;
  padding: 0 13px;
  color: white;
  background: linear-gradient(135deg, #101828, #1849a9);
  box-shadow: 0 7px 16px rgba(16,24,40,.18);
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.15;
  cursor: pointer;
}
.match-card[data-gender="Dam"] .match-center-link { background: linear-gradient(135deg, #101828, #a10f63); }
.match-center-link span:last-child { margin-left: auto; font-size: 1.05rem; }
.match-center-link:hover { color: white; background: var(--accent-dark); border-color: var(--accent-dark); transform: translateY(-1px); }
.match-center-link:focus-visible { outline: 3px solid rgba(240,68,56,.35); outline-offset: 2px; }

.global-search-hero { display: grid; grid-template-columns: minmax(0,.8fr) minmax(360px,1.2fr); align-items: center; gap: 28px; padding: clamp(22px,4vw,36px); border: 1px solid #b2ddff; border-radius: 20px; background: radial-gradient(circle at 96% 0%, rgba(46,144,250,.17), transparent 34%), linear-gradient(135deg, #f5faff, #fff); box-shadow: var(--shadow); }
.global-search-hero h2 { margin: 4px 0 8px; font-size: clamp(1.55rem,3.5vw,2.2rem); letter-spacing: -.045em; }
.global-search-hero p:not(.eyebrow) { max-width: 520px; margin: 0; color: var(--muted); line-height: 1.55; }
.global-search-field { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; min-height: 58px; border: 2px solid #84adff; border-radius: 14px; padding: 0 12px 0 16px; background: white; box-shadow: 0 10px 26px rgba(23,92,211,.11); }
.global-search-field:focus-within { border-color: var(--herr); box-shadow: 0 0 0 4px rgba(23,92,211,.11), 0 10px 26px rgba(23,92,211,.11); }
.global-search-field > span { font-size: 1.1rem; }
.global-search-field input { min-width: 0; height: 54px; border: 0; outline: 0; background: transparent; color: var(--text); font: inherit; font-weight: 750; }
.global-search-field input::placeholder { color: #667085; font-weight: 650; }
.global-search-clear { display: grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f2f4f7; color: var(--navy); font-size: 1.35rem; cursor: pointer; }
.global-search-clear:hover { background: #e4e7ec; }
.global-search-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 17px 2px 11px; }
.global-search-summary strong { color: var(--navy); font-size: .92rem; }
.global-search-summary span { color: var(--muted); font-size: .78rem; }
.global-search-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.global-search-start { grid-column: 1 / -1; display: grid; justify-items: center; gap: 7px; padding: 46px 22px; border: 1px dashed #b2ddff; border-radius: 16px; background: rgba(255,255,255,.7); text-align: center; }
.global-search-start > span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: #eff8ff; font-size: 1.35rem; }
.global-search-start strong { color: var(--navy); font-size: 1.03rem; }
.global-search-start p { max-width: 480px; margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.5; }
.global-search-group { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: 0 7px 20px rgba(16,24,40,.045); }
.global-search-group__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 15px 11px; border-bottom: 1px solid #eaecf0; background: #f8fafc; }
.global-search-group__heading h3 { margin: 0; color: var(--navy); font-size: .95rem; }
.global-search-group__heading span { display: grid; place-items: center; min-width: 25px; height: 25px; border-radius: 999px; padding-inline: 7px; background: #e4e7ec; color: #344054; font-size: .7rem; font-weight: 900; }
.global-search-group__list { display: grid; }
.global-search-result { width: 100%; min-width: 0; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 11px; border: 0; border-bottom: 1px solid #eaecf0; padding: 13px 14px; background: white; color: var(--text); text-align: left; text-decoration: none; cursor: pointer; }
.global-search-result:last-child { border-bottom: 0; }
.global-search-result:hover { background: #f8fafc; }
.global-search-result__icon { display: grid; place-items: center; width: 38px; height: 38px; overflow: hidden; border-radius: 11px; background: #eff8ff; color: var(--herr-dark); font-size: .72rem; font-weight: 950; }
.global-search-result__body { min-width: 0; display: grid; gap: 3px; }
.global-search-result__body small { color: var(--accent-dark); font-size: .61rem; font-weight: 900; letter-spacing: .045em; text-transform: uppercase; }
.global-search-result__body strong { overflow: hidden; color: var(--navy); font-size: .84rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.global-search-result__body > span { overflow: hidden; color: var(--muted); font-size: .7rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.global-search-result__arrow { color: var(--accent-dark); font-weight: 950; }

@media (max-width: 760px) {
  .match-card__actions { min-width: 0; }
  .match-center-link { min-height: 49px; }
  .global-search-hero { grid-template-columns: 1fr; gap: 20px; }
  .global-search-results { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .global-search-hero { padding: 20px 16px; border-radius: 16px; }
  .global-search-field { min-height: 54px; padding-left: 12px; }
  .global-search-field input { height: 50px; font-size: .88rem; }
  .global-search-summary { align-items: flex-start; flex-direction: column; gap: 3px; margin-inline: 1px; }
  .global-search-result { grid-template-columns: 34px minmax(0,1fr) auto; gap: 9px; padding: 12px; }
  .global-search-result__icon { width: 34px; height: 34px; }
}

/* Version 32: klubbmärken och Matchcenter 2.0 */
.team-crest { position: relative; flex: 0 0 auto; display: inline-grid; place-items: center; overflow: hidden; border: 1px solid rgba(16,24,40,.11); border-radius: 12px; background: rgba(255,255,255,.9); color: var(--navy); font-size: .62rem; font-weight: 950; line-height: 1; }
.team-crest__fallback { grid-area: 1 / 1; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-crest img { grid-area: 1 / 1; width: 82%; height: 82%; object-fit: contain; }
.team-crest.has-crest .team-crest__fallback { display: none; }
.team-crest.has-double-crest { overflow: visible; }
.team-crest.has-double-crest img { width: 65%; height: 65%; border: 1px solid rgba(16,24,40,.10); border-radius: 50%; padding: 2px; background: white; box-shadow: 0 2px 5px rgba(16,24,40,.16); }
.team-crest.has-double-crest img:nth-of-type(1) { transform: translate(-18%, 13%); }
.team-crest.has-double-crest img:nth-of-type(2) { transform: translate(18%, -13%); }

.team-row__identity { min-width: 0; display: flex; align-items: center; gap: 10px; }
.team-row__identity > strong { min-width: 0; }
.team-row__crest { width: 36px; height: 36px; border-radius: 10px; }
.match-card[data-gender="Dam"] .team-row__crest { border-color: rgba(193,21,116,.24); }

.club-card__monogram.has-crest { border: 1px solid #e4e7ec; background: white; }
.club-card__monogram .team-crest__fallback { color: white; }
.club-card__monogram.has-crest .team-crest__fallback { display: none; }
.club-card__monogram.has-double-crest img { width: 30px; height: 30px; }

.global-search-result__icon.has-crest { border: 1px solid #e4e7ec; background: white; }
.global-search-result__icon img { width: 82%; height: 82%; object-fit: contain; }
.global-search-result__icon.has-double-crest img { width: 68%; height: 68%; }

.favorite-team-link { grid-template-columns: auto auto minmax(0,1fr) auto; }
.favorite-team-link__crest { width: 31px; height: 31px; border-radius: 9px; }
.favorite-team-link__star { color: #f79009; font-size: 1rem; }
.favorite-team-link > span:first-child { color: var(--navy); }

.standings-team-crest { width: 27px; height: 27px; margin: -5px 7px -5px 3px; border-radius: 8px; vertical-align: middle; }

.team-page-identity { display: flex; align-items: flex-start; gap: clamp(17px,3vw,28px); }
.team-page-identity__text { min-width: 0; }
.team-page-crest { width: clamp(78px,10vw,112px); height: clamp(78px,10vw,112px); border: 2px solid rgba(255,255,255,.28); border-radius: 22px; background: rgba(255,255,255,.96); box-shadow: 0 14px 30px rgba(0,0,0,.22); }
.team-page-crest img { width: 80%; height: 80%; }
.team-page-crest .team-crest__fallback { color: var(--navy); font-size: .95rem; }

.match-center-team__crest { width: clamp(62px,8vw,82px); height: clamp(62px,8vw,82px); border: 2px solid rgba(255,255,255,.26); border-radius: 18px; background: rgba(255,255,255,.96); color: var(--navy); box-shadow: 0 10px 24px rgba(0,0,0,.19); }
.match-center-team > .match-center-team__crest { color: var(--navy); font-size: .72rem; letter-spacing: 0; }
.match-center-team__crest img { width: 82%; height: 82%; }
.match-center-team > .match-center-team__label { color: #d0d5dd; font-size: .62rem; font-weight: 900; letter-spacing: .11em; }
.match-facts div:last-child { grid-column: 1 / -1; border-bottom: 0; }

.match-context { margin-top: 14px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: 0 8px 22px rgba(16,24,40,.05); }
.match-context__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.match-context__heading h3 { margin: 3px 0 0; color: var(--navy); font-size: 1.25rem; letter-spacing: -.03em; }
.match-context__heading .button { min-height: 42px; max-width: 45%; line-height: 1.2; }
.match-context__teams { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.match-context-team { min-width: 0; padding: 15px; border: 1px solid #e4e7ec; border-radius: 14px; background: linear-gradient(135deg,#fff,#f8fafc); }
.match-context-team__identity { min-width: 0; display: flex; align-items: center; gap: 12px; }
.match-context-team__identity > div { min-width: 0; }
.match-context-team__identity small { color: var(--accent-dark); font-size: .61rem; font-weight: 950; letter-spacing: .08em; }
.match-context-team__identity h4 { overflow: hidden; margin: 3px 0 2px; color: var(--navy); font-size: .96rem; text-overflow: ellipsis; white-space: nowrap; }
.match-context-team__identity p { margin: 0; color: var(--muted); font-size: .72rem; font-weight: 750; }
.match-context-team__crest { width: 52px; height: 52px; border-radius: 13px; }
.match-form { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #eaecf0; }
.match-form__label { margin-right: 2px; color: var(--muted); font-size: .62rem; font-weight: 950; letter-spacing: .08em; }
.match-form__result { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; color: white; font-size: .68rem; font-weight: 950; cursor: help; }
.match-form__result.is-win { background: #079455; }
.match-form__result.is-draw { background: #f79009; }
.match-form__result.is-loss { background: #d92d20; }
.match-form__empty { color: var(--muted); font-size: .7rem; font-weight: 750; }

.match-neighbor-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 14px; }
.match-neighbor-button { min-width: 0; display: grid; justify-items: start; gap: 4px; border: 1px solid #d0d5dd; border-radius: 13px; padding: 13px 15px; background: white; color: var(--navy); text-align: left; cursor: pointer; box-shadow: 0 5px 14px rgba(16,24,40,.035); }
.match-neighbor-button--next { justify-items: end; text-align: right; }
.match-neighbor-button:hover { border-color: #84adff; background: #f5faff; transform: translateY(-1px); }
.match-neighbor-button small { color: var(--accent-dark); font-size: .6rem; font-weight: 950; letter-spacing: .055em; }
.match-neighbor-button strong { max-width: 100%; overflow: hidden; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.match-neighbor-button span { color: var(--muted); font-size: .68rem; font-weight: 750; }

#matchView.is-loading .match-context, #matchView.is-loading .match-neighbor-nav { display: none; }

@media (max-width: 720px) {
  .team-row__crest { width: 33px; height: 33px; }
  .match-center-team__crest { width: 58px; height: 58px; border-radius: 15px; }
  .match-context__teams { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .team-page-identity { gap: 13px; }
  .team-page-crest { width: 64px; height: 64px; border-radius: 16px; }
  .team-page-hero h2 { margin-top: 10px; }
  .team-row__identity { gap: 7px; }
  .team-row__crest { width: 30px; height: 30px; border-radius: 8px; }
  .match-center-team__crest { width: 50px; height: 50px; border-radius: 13px; }
  .match-context { padding: 15px; }
  .match-context__heading { align-items: stretch; flex-direction: column; }
  .match-context__heading .button { width: 100%; max-width: none; }
  .match-neighbor-nav { grid-template-columns: 1fr; }
  .match-neighbor-button--next { justify-items: start; text-align: left; }
  .standings-team-crest { width: 24px; height: 24px; margin-inline: 1px 5px; }
}

/* Version 33: kompaktare start, mobilnavigation och renare innehåll */
.hero__inner { min-height: 176px; }
.hero h1 { font-size: clamp(2.15rem, 5.4vw, 3.8rem); }
.hero__text { margin-top: 11px; }
.admin-entry { border-color: transparent; background: transparent; opacity: .7; font-size: .9rem; letter-spacing: .08em; }
.admin-entry:hover { opacity: 1; background: rgba(255,255,255,.11); }
.main-content { padding-top: 18px; }
.data-bar { padding-block: 10px; }

.content-tab { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.content-tab__icon, .inline-icon { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.inline-icon { width: 17px; height: 17px; }
.match-card__info > span { display: inline-flex; align-items: center; gap: 6px; }

.match-card__buttons { gap: 10px; }
.match-center-link > .inline-icon { width: 19px; height: 19px; }
.match-more-actions { min-width: 0; }
.match-more-actions > summary { min-height: 43px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid #d0d5dd; border-radius: 10px; padding: 0 12px; background: rgba(255,255,255,.82); color: var(--navy); font-size: .78rem; font-weight: 900; cursor: pointer; list-style: none; }
.match-more-actions > summary::-webkit-details-marker { display: none; }
.match-more-actions > summary:hover { border-color: #98a2b3; background: white; }
.match-more-actions__chevron { transition: transform .18s ease; }
.match-more-actions[open] .match-more-actions__chevron { transform: rotate(180deg); }
.match-more-actions__panel { display: grid; gap: 7px; padding-top: 8px; }
.match-more-actions__panel > * { width: 100%; min-height: 41px; }

.news-card.is-match-report { border-top-color: var(--accent); }
.news-card__image-link { position: relative; display: block; }
.news-card__crest-fallback { position: absolute; inset: 0; display: none; place-items: center; align-content: center; gap: 10px; padding: 18px; color: white; background: radial-gradient(circle at 75% 18%, rgba(249,112,102,.36), transparent 34%), linear-gradient(145deg, #101828, #344054); }
.news-card[data-gender="Herr"] .news-card__crest-fallback { background: radial-gradient(circle at 75% 18%, rgba(83,177,253,.34), transparent 34%), linear-gradient(145deg, #101828, #175cd3); }
.news-card[data-gender="Dam"] .news-card__crest-fallback { background: radial-gradient(circle at 75% 18%, rgba(238,70,188,.34), transparent 34%), linear-gradient(145deg, #101828, #c11574); }
.news-card__image-link.is-fallback .news-card__image { display: none; }
.news-card__image-link.is-fallback .news-card__crest-fallback { display: grid; }
.news-card__crest { width: 78px; height: 78px; border: 2px solid rgba(255,255,255,.35); border-radius: 19px; background: rgba(255,255,255,.96); color: var(--navy); box-shadow: 0 10px 24px rgba(0,0,0,.2); }
.news-card__crest .team-crest__fallback { font-size: .82rem; }
.news-card__crest-fallback small { font-size: .62rem; font-weight: 950; letter-spacing: .12em; }
.news-type { border-radius: 999px; padding: 4px 7px; color: white; background: var(--accent); font-size: .59rem; font-weight: 950; letter-spacing: .065em; }

@media (max-width: 650px) {
  body { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
  .hero__inner { min-height: 116px; padding-block: 16px; }
  .hero h1 { font-size: clamp(1.85rem, 9vw, 2.45rem); line-height: 1; }
  .hero h1 span { display: inline; margin-left: .18em; }
  .hero__text { display: none; }
  .hero .eyebrow { margin-bottom: 5px; font-size: .61rem; }
  .hero__actions { align-self: center; margin-top: 0; flex-direction: row; align-items: center; gap: 5px; }
  .hero-share-button, .hero-install-button { min-height: 38px; padding-inline: 11px; font-size: .74rem; }
  .admin-entry { width: 38px; height: 38px; flex-basis: 38px; }
  .main-content { padding-top: 9px; }
  .data-bar { margin-bottom: 8px; padding: 8px 10px; }
  .data-bar .button { min-height: 38px; }

  .content-tabs { position: fixed; inset: auto 0 0 0; z-index: 100; width: 100%; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 2px; margin: 0; border: 0; border-top: 1px solid #d0d5dd; border-radius: 0; padding: 5px 6px calc(5px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.96); box-shadow: 0 -8px 24px rgba(16,24,40,.12); backdrop-filter: blur(16px); overflow: visible; }
  .content-tab { min-width: 0; min-height: 56px; flex-direction: column; gap: 3px; border-radius: 11px; padding: 5px 2px; color: #667085; font-size: .65rem; line-height: 1; }
  .content-tab__icon { width: 21px; height: 21px; stroke-width: 1.9; }
  .content-tab.is-active { color: var(--accent-dark); background: #fef3f2; box-shadow: none; }
  .content-tab:hover:not(.is-active) { background: #f8fafc; }

  .match-card { grid-template-columns: minmax(0,1fr); }
  .match-card__date { display: none; }
  .match-card__main { padding: 16px; }
  .match-card__actions { grid-column: 1; display: block; padding: 10px 12px 12px; }
  .match-card__buttons { display: grid; grid-template-columns: minmax(0,1fr); }
  .match-center-link { min-height: 49px; }
  .match-more-actions__panel { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .match-more-actions__panel > * { min-width: 0; padding-inline: 8px; font-size: .7rem; }
  .match-card__info { display: flex; gap: 10px 14px; }
  .news-card__crest { width: 68px; height: 68px; }
}

@media (max-width: 520px) {
  .hero__inner { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }
  .hero__actions { width: 100%; justify-content: flex-end; }
  .hero-install-button { width: auto; flex: 1 1 auto; padding-inline: 14px; white-space: nowrap; }
  .hero-install-button .hero-action-label { display: inline; }
  .hero-share-button { width: 38px; flex: 0 0 38px; padding: 0; }
  .hero-share-button .hero-action-label { display: none; }
}

@media (max-width: 430px) {
  .hero__inner { min-height: 104px; padding-block: 13px; }
  .hero h1 { font-size: clamp(1.62rem, 8.4vw, 2rem); }
  .match-card__main { padding: 15px 13px; }
  .match-more-actions__panel { grid-template-columns: 1fr; }
  .match-more-actions__panel > * { min-height: 44px; font-size: .76rem; }
  .news-card { grid-template-columns: 102px minmax(0,1fr); }
  .news-card__crest { width: 61px; height: 61px; border-radius: 15px; }
  .news-card__crest-fallback { padding: 12px 8px; }
  .news-card__crest-fallback small { font-size: .52rem; }
}

/* Version 34: slutpolering, smart Matchkoll och sammanlänkat Matchcenter */
.admin-menu { position: relative; }
.admin-menu > summary { display: grid; place-items: center; list-style: none; }
.admin-menu > summary::-webkit-details-marker { display: none; }
.admin-menu__panel { position: absolute; z-index: 120; top: calc(100% + 8px); right: 0; min-width: 170px; overflow: hidden; border: 1px solid rgba(255,255,255,.22); border-radius: 11px; background: white; box-shadow: 0 16px 36px rgba(16,24,40,.26); }
.admin-menu__panel a { display: flex; align-items: center; min-height: 44px; padding: 0 14px; color: var(--navy); font-size: .8rem; font-weight: 850; text-decoration: none; }
.admin-menu__panel a:hover { background: #f8fafc; }

.app-update { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: -2px 0 14px; border: 1px solid #fda29b; border-radius: 13px; padding: 11px 13px 11px 15px; background: #fef3f2; box-shadow: 0 6px 18px rgba(217,45,32,.08); }
.app-update > div { min-width: 0; display: grid; gap: 2px; }
.app-update strong { color: #912018; font-size: .86rem; }
.app-update span { color: #7a271a; font-size: .74rem; }
.app-update .button { flex: 0 0 auto; border-color: var(--accent); background: var(--accent); color: white; }

.match-watch__next { position: relative; width: 100%; min-height: 94px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-content: center; gap: 4px 16px; border: 1px solid rgba(255,255,255,.24); border-radius: 14px; padding: 15px 54px 15px 17px; color: white; background: linear-gradient(135deg, rgba(217,45,32,.92), rgba(163,35,49,.82)); text-align: left; cursor: pointer; box-shadow: 0 8px 20px rgba(0,0,0,.16); }
.match-watch__next:hover:not(:disabled) { border-color: rgba(255,255,255,.48); transform: translateY(-1px); }
.match-watch__next:disabled { cursor: default; opacity: .76; }
.match-watch__next-label { grid-column: 1; color: #fee4e2; font-size: .62rem; font-weight: 950; letter-spacing: .11em; }
.match-watch__next strong { grid-column: 1; overflow: hidden; font-size: 1.05rem; text-overflow: ellipsis; white-space: nowrap; }
.match-watch__next small { grid-column: 1; overflow: hidden; color: #fee4e2; font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
.match-watch__next-arrow { position: absolute; top: 50%; right: 18px; transform: translateY(-50%); font-size: 1.55rem; font-weight: 800; }

.standings-heading-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.standings-mobile-toggle { display: none; }

.match-report-callout { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; margin-top: 14px; border: 1px solid #fda29b; border-radius: 15px; padding: 15px 17px; color: var(--navy); background: linear-gradient(135deg, #fff, #fef3f2); box-shadow: 0 7px 20px rgba(217,45,32,.07); text-decoration: none; }
.match-report-callout:hover { border-color: var(--accent); transform: translateY(-1px); }
.match-report-callout__label { border-radius: 999px; padding: 6px 9px; color: white; background: var(--accent); font-size: .62rem; font-weight: 950; letter-spacing: .07em; }
.match-report-callout__body { min-width: 0; display: grid; gap: 3px; }
.match-report-callout__body strong { overflow: hidden; font-size: .94rem; text-overflow: ellipsis; white-space: nowrap; }
.match-report-callout__body small { color: var(--muted); font-size: .72rem; }
.match-report-callout__arrow { color: var(--accent-dark); font-size: 1.25rem; font-weight: 900; }

.news-title-link { color: inherit; text-decoration: none; }
.news-title-link:hover { color: var(--accent-dark); text-decoration: underline; text-underline-offset: 3px; }
.news-type { font-size: .64rem; }
.empty__ball { display: grid; place-items: center; width: 62px; height: 62px; margin-inline: auto; border-radius: 18px; color: var(--navy); background: #eef2f6; }
.empty__ball svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.global-search-field > .inline-icon { width: 21px; height: 21px; color: var(--herr-dark); }
.global-search-start > .inline-icon { width: 52px; height: 52px; border-radius: 16px; padding: 14px; color: var(--herr-dark); background: #eff8ff; }
.match-center-scorer-row strong { display: inline-flex; align-items: center; gap: 7px; }
.match-center-scorer-row strong span { color: inherit; }
.match-center-scorer-row strong .inline-icon { color: var(--accent-dark); }
.goal-scorers p { display: flex; align-items: center; gap: 5px; }
.goal-scorers .inline-icon { width: 15px; height: 15px; color: var(--accent-dark); }
.team-page-hero::after { content: ""; width: 138px; height: 138px; right: 5%; bottom: -48px; border: 8px solid currentColor; border-radius: 50%; opacity: .045; transform: rotate(-12deg); }
#matchView.is-loading .match-report-callout { display: none; }

@media (max-width: 700px) {
  .standings-mobile-toggle { display: inline-flex; }
  .standings-heading-actions { width: 100%; justify-content: flex-start; }
  .standings-table:not(.show-full-table) { min-width: 0; table-layout: auto; }
  .standings-table:not(.show-full-table) .standings-extra { display: none; }
  .standings-table:not(.show-full-table) .standings-team-col { min-width: 145px; max-width: 190px; }
  .standings-table:not(.show-full-table) th,
  .standings-table:not(.show-full-table) td { padding: 10px 6px; }
  .standings-table.show-full-table { min-width: 720px; }
}

@media (max-width: 520px) {
  .app-update { align-items: stretch; flex-direction: column; gap: 9px; }
  .app-update .button { width: 100%; min-height: 44px; }
  .match-watch__next { min-height: 88px; padding: 13px 48px 13px 14px; }
  .match-watch__next strong { font-size: .92rem; }
  .match-watch__next small { font-size: .68rem; }
  .match-report-callout { grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; padding: 14px; }
  .match-report-callout__label { grid-column: 1 / -1; width: fit-content; }
  .news-card__crest-fallback small { font-size: .58rem; }
}

/* Version 37.3: tydligare status, kortare listor och synliga versionsnyheter */
.status-pill[data-state="live"],
.match-center-status[data-state="live"] { color: #05603a; background: #ecfdf3; border-color: #75e0a7; }
.status-pill[data-state="finished"],
.match-center-status[data-state="finished"] { color: #344054; background: #f2f4f7; border-color: #d0d5dd; }
.status-pill[data-state="awaiting"],
.match-center-status[data-state="awaiting"] { color: #93370d; background: #fffaeb; border-color: #fec84b; }
.status-pill[data-state="postponed"],
.match-center-status[data-state="postponed"] { color: #6941c6; background: #f4f3ff; border-color: #c3b5fd; }
.status-pill[data-state="cancelled"],
.match-center-status[data-state="cancelled"] { color: #b42318; background: #fef3f2; border-color: #fda29b; }
.match-center-status[data-state]:not([data-state="upcoming"]) { border-style: solid; border-width: 1px; }

.show-more-row { display: flex; justify-content: center; margin: 14px 0 4px; }
.show-more-row .button { min-width: min(100%, 260px); justify-content: center; }
.team-show-all { width: 100%; justify-content: center; margin-top: 13px; }

.combined-teams { margin-top: 26px; border-top: 1px solid #e4e7ec; padding-top: 24px; }
.combined-teams__heading { margin-bottom: 14px; }
.combined-teams__heading h3 { margin: 4px 0 5px; font-size: 1.35rem; }
.combined-teams__heading p:last-child { margin: 0; color: var(--muted); }
.combined-team-card { border-style: dashed; }
.club-card__links button { display: inline-flex; align-items: center; gap: 6px; min-height: 35px; border: 1px solid #d0d5dd; border-radius: 999px; padding: 0 11px; color: var(--navy); background: #f8fafc; font-size: .72rem; font-weight: 850; cursor: pointer; }
.club-card__links button:hover { border-color: #98a2b3; background: white; }
.club-card__links button span { color: var(--accent); }

.footer__actions { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px 14px; }
.footer__actions a,
.footer__actions button { border: 0; padding: 0; color: inherit; background: transparent; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.footer__actions a:hover,
.footer__actions button:hover { color: white; }
.release-notes-list { display: grid; gap: 10px; margin: 0 0 20px; padding-left: 21px; color: #344054; line-height: 1.45; }
.release-notes-list li::marker { color: var(--accent); }

@media (max-width: 650px) {
  .filter-toolbar { gap: 7px; }
  .view-switch__item,
  .segmented__item { min-height: 38px; padding-block: 6px; }
  .filter-toggle { min-height: 39px; margin-top: 8px; }
  .filters { gap: 8px; }
  .filters select,
  .filters input { min-height: 42px; }
  .match-card__actions .match-center-link,
  .match-more-actions > summary,
  .match-more-actions__panel > * { min-height: 44px; }
  .footer__actions { width: 100%; }
}

/* Om & kontakt */
.about-content{max-width:800px;padding-block:28px 44px}.about-back{display:inline-flex;margin-bottom:22px;min-height:44px;align-items:center}.about-card{padding:clamp(20px,4vw,32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px}.about-card h2{margin:0 0 14px;font-size:clamp(22px,4vw,28px);letter-spacing:-.025em}.about-card p{line-height:1.7;margin:0 0 16px}.about-card p:last-child{margin-bottom:0}.about-card .about-lead{font-size:19px;font-weight:700}.about-contact-links{display:grid;gap:12px;margin:20px 0 0}.about-contact-links a{display:block;padding:15px 18px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--text);overflow-wrap:anywhere;line-height:1.5}.about-contact-links a:hover{background:var(--background);border-color:var(--accent)}.about-contact-links strong{display:block;color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.about-footer{padding-block:20px;line-height:1.6;text-align:center}.about-footer a{color:inherit}

.install-help{border-top:1px solid var(--line);padding:16px 0}.install-help summary{font-weight:700;cursor:pointer;min-height:44px;display:list-item;align-content:center}.install-help ol{padding-left:24px;line-height:1.7}.install-help li{margin-bottom:10px}.install-help a{color:var(--accent)}