/* Malmö Kings site theme. One design system on the club palette the header and hero use (navy, club blue,
   gold, red): blue pill captions, blue primary buttons (gold on dark panels), white bordered cards, calm
   heading sizes and alternating section backgrounds. Loaded after the site CSS on every page.
   Icons: Solar by 480 Design (CC BY 4.0) and the site's own duotone cricket set. */

:root{
  --brand-primary:#1f6feb;--brand-primary-dark:#0b57d0;--brand-accent:#F2C200;--brand-red:#E11D48;--brand-green:#16a34a;
  --grey-50:#f8fafc;--grey-100:#f1f5f9;--grey-200:#e2e8f0;--grey-300:#cbd5e1;--grey-500:#64748b;--grey-700:#334155;--grey-900:#0f172a;
  --bg:#fff;--surface-soft:#f8fafc;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;
  --shadow-sm:0 1px 2px rgba(15,23,42,.05);
  --shadow-md:0 1px 2px rgba(15,23,42,.04),0 10px 24px -12px rgba(15,23,42,.16);
  --shadow-lg:0 2px 4px rgba(15,23,42,.04),0 24px 48px -20px rgba(15,23,42,.24);
  --r-sm:6px;--r-md:12px;--r-lg:16px;--r-xl:24px;
  --ink:#0f172a;--ink-2:#334155;--ink-3:#64748b;--line:#e2e8f0;--line-2:#cbd5e1;
  --mk-red:#E11D48;--mk-red-d:#B4123A;--mk-gold:#F2C200;--mk-gold-d:#B76E00;--mk-blue:#1f6feb;--mk-green-d:#118D57;
  /* solid icon tiles */
  --t-red:#BE123C;--t-gold:#9A6700;--t-blue:#1d4ed8;--t-green:#047857;--t-dark:#0f172a;--t-grey:#475569;--t-orange:#C2410C;
  /* player, season and FAQ pages share the same tokens */
  --mk-ink:#0f172a;--mk-ink-2:#475569;--mk-ink-3:#64748b;--mk-line:#e2e8f0;--mk-line-dash:#cbd5e1;--mk-soft:#f1f5f9;--mk-soft-2:#f8fafc;
  --mk-card-shadow:0 1px 2px rgba(15,23,42,.05);--mk-z8:0 8px 16px -8px rgba(15,23,42,.2);--mk-z24:0 24px 48px -20px rgba(15,23,42,.24);
}

/* ---------- type: the hero sets the scale, section headings stay below it */
h1,h2{overflow-wrap:break-word}
h2{font-size:clamp(1.75rem,1.2rem + 1.5vw,2.5rem);line-height:1.2}
h2,.page-hero h1,.mk-faq-hero h1,.hero[style] h1{text-wrap:balance}
.section-head{margin-bottom:44px}
.section-head h2{margin-bottom:12px}
.card h3,.detail-card h3,.step h3,.venue-card h3,.card.mini h4,.pkg h3,.season-box h3{font-family:"Public Sans",sans-serif;font-weight:700;font-size:1.125rem;line-height:1.45;letter-spacing:0;color:var(--ink)}
.card p,.step p{color:var(--ink-3)}
a{text-underline-offset:3px}

/* ---------- captions: one pill style (blue on light, gold on dark panels) */
.eyebrow{display:inline-block;background:rgba(31,111,235,.08);color:var(--brand-primary);padding:6px 12px;border-radius:999px;margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.squad .eyebrow,.eyebrow-dark,.enquiry-section .eyebrow,.cta-banner .eyebrow{background:rgba(242,194,0,.12)!important;color:#F2C200!important}

/* ---------- buttons: blue primary, white secondary; gold and outline on dark panels */
.btn{border-radius:12px;letter-spacing:.01em}
.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 1px 2px rgba(15,23,42,.08)}
.btn-primary:hover{background:var(--brand-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(31,111,235,.55)}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{background:var(--grey-50);color:var(--ink);border-color:var(--line-2)}
.btn .mk-ic{width:18px;height:18px}
.btn .mk-arr{width:18px;height:18px}

/* ---------- cards: white, hairline border, soft shadow; linked cards lift on hover */
.card,.kit-card,.detail-card,.sponsor,.pkg,.home-guide li,.season-box,.form{border-color:var(--line)}
.card,.kit-card,.detail-card,.season-box{box-shadow:var(--shadow-sm)}
.card:hover,.kit-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-2)}
.card-link:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-lg)}
.sponsor-empty,.sponsor-slot{box-shadow:none}

/* ---------- sections: inner page header in the same light gradient as the home hero */
.page-hero{background:radial-gradient(ellipse at top left,rgba(31,111,235,.08),transparent 60%),radial-gradient(ellipse at bottom right,rgba(242,194,0,.08),transparent 55%),var(--grey-50)}
.page-hero h1{margin-bottom:12px}
svg[viewBox="0 0 1200 80"]{display:none!important}

/* ---------- site header and home hero: the club's original look (kept on request) */
.utility-bar{background:#0f172a}
header.nav{background:hsla(0,0%,100%,.94);border-bottom:1px solid #e2e8f0}
header.nav .nav-links a{color:#334155;font-weight:600}
header.nav .nav-links a:hover{color:#1f6feb;background:#f8fafc}
header.nav .nav-links a.active{color:#1f6feb;background:#eef4ff}
header.nav .btn,.hero .btn{padding:12px 22px;border-radius:12px;font-size:14px;letter-spacing:.02em;line-height:1;height:auto}
header.nav .btn-lg,.hero .btn-lg{padding:16px 28px;font-size:15px}
header.nav .btn-primary,.hero .btn-primary{background:#1f6feb;color:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.06)}
header.nav .btn-primary:hover,.hero .btn-primary:hover{background:#0b57d0;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px -2px rgba(15,23,42,.05),0 2px 4px -2px rgba(15,23,42,.04)}
header.nav .btn-ghost,.hero .btn-ghost{background:transparent;color:#1e293b;border:1px solid #e2e8f0;box-shadow:none}
header.nav .btn-ghost:hover,.hero .btn-ghost:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1;box-shadow:none}
.hero .hero-stats{box-shadow:0 4px 8px -2px rgba(15,23,42,.05),0 2px 4px -2px rgba(15,23,42,.04)}
/* official club logo, transparent: no black tile behind it */
.brand-mark{width:auto;height:54px;margin:-2px 0;padding:0;background:none;border-radius:0;overflow:visible;box-shadow:none}
.brand-mark img{width:auto;height:100%;max-width:none;object-fit:contain}
.footer .brand-mark{height:64px;margin:0;box-shadow:none}
@media (max-width:520px){.brand-mark{width:auto!important;height:46px!important}.footer .brand-mark{height:56px!important}}

/* ---------- icon tiles: solid deep colours with white icons */
.mk-ic{flex:none;display:inline-block;vertical-align:middle;width:24px;height:24px}
.kit-icon,.topic-icon,.card .icon,.mk-ib,.home-guide .dot{--ic:var(--t-red);width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;
  color:#fff;background:var(--ic);box-shadow:none;margin-bottom:18px}
.kit-icon .mk-ic,.topic-icon .mk-ic,.card .icon .mk-ic,.mk-ib .mk-ic{width:28px;height:28px}
.topic-icon{width:72px;height:72px;border-radius:20px}
.topic-icon .mk-ic{width:38px;height:38px}
.grid>:nth-child(4n+2) .kit-icon,.grid>:nth-child(4n+2) .mk-ib,.grid>:nth-child(4n+2) .icon,.grid-4>:nth-child(4n+2) .mk-ib{--ic:var(--t-gold)}
.grid>:nth-child(4n+3) .kit-icon,.grid>:nth-child(4n+3) .mk-ib,.grid>:nth-child(4n+3) .icon{--ic:var(--t-blue)}
.grid>:nth-child(4n+4) .kit-icon,.grid>:nth-child(4n+4) .mk-ib,.grid>:nth-child(4n+4) .icon{--ic:var(--t-green)}
.mk-ib{margin:0 0 6px}
.kit-card .mk-ib{width:60px;height:60px;border-radius:16px}
.kit-card .mk-ib .mk-ic{width:32px;height:32px}
.kit-card strong{font-family:"Public Sans",sans-serif;font-weight:700;font-size:1rem;color:var(--ink)}
.kit-card span{color:var(--ink-3)}
.kit-card span.mk-ib,.card span.mk-ib{color:#fff;display:inline-flex}
.kit-row .mk-ib{width:48px;height:48px;margin:0}
@media (max-width:600px){.grid-4:has(>.kit-card){grid-template-columns:1fr 1fr;gap:12px}.grid-4>.kit-card{padding:20px 12px}.grid-4>.kit-card .mk-ib{width:52px;height:52px;border-radius:14px}.grid-4>.kit-card .mk-ib .mk-ic{width:28px;height:28px}}
.kit-row .mk-ib .mk-ic{width:26px;height:26px}
.home-guide .dot{width:40px;height:40px;border-radius:12px;margin:0;font-size:0;--ic:var(--t-gold)}
.home-guide .dot.w{--ic:var(--t-blue);background:var(--ic)}
.home-guide .dot .mk-ic{width:22px;height:22px}
.value-pill span{display:inline-flex;color:var(--mk-gold-d)}
.value-pill .mk-ic{width:16px;height:16px}
.contact-item .icon,.contact-list .icon{--ic:var(--t-red)}
.mk-arr{width:16px;height:16px;margin-left:4px;transition:transform .2s ease}
.mk-arr--l{margin:0 4px 0 0}
a:hover>.mk-arr:not(.mk-arr--l),.card-link:hover .mk-arr:not(.mk-arr--l){transform:translateX(3px)}
.read-more{display:inline-flex;align-items:center}
.player-body dt{display:inline-flex;align-items:center;gap:6px}
.player-body dt .mk-ic{width:16px;height:16px}
.player-body dt .mk-ic--bat{color:#F2C200}
.player-body dt .mk-ic--ball{color:#FB7185}

/* ---------- FAQ: white bordered items, blue plus / minus */
.faq details{transition:border-color .2s ease,box-shadow .2s ease}
.faq details:hover{border-color:var(--line-2)}
.faq details[open]{border-color:var(--line-2);box-shadow:var(--shadow-md)}
.faq summary{font-weight:600;color:var(--ink)}
.faq summary:after{content:"";width:20px;height:20px;background:var(--brand-primary);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M6 12h12M12 6v12'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M6 12h12M12 6v12'/%3E%3C/svg%3E") center/contain no-repeat}
.faq details[open] summary:after{content:"";
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M6 12h12'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M6 12h12'/%3E%3C/svg%3E") center/contain no-repeat}
.faq details p a{font-weight:600;text-decoration:underline}

/* ---------- call to action: a compact panel (text left, buttons right), not a full-height banner */
section:has(>.container>.cta-banner){padding:56px 0}
.cta-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center;text-align:left;padding:36px 44px;border-radius:20px;color:#fff;
  background:radial-gradient(90% 160% at 100% 0,rgba(31,111,235,.55),transparent 60%),radial-gradient(70% 140% at 0 100%,rgba(242,194,0,.14),transparent 60%),#0f172a;
  box-shadow:0 20px 40px -24px rgba(15,23,42,.45)}
.cta-banner>*{grid-column:1}
.cta-banner>.eyebrow{justify-self:start;margin-bottom:12px}
.cta-banner h2{color:#fff;font-size:clamp(1.5rem,1.1rem + 1.1vw,2rem);line-height:1.2;margin:0 0 8px}
.cta-banner p{color:rgba(255,255,255,.75);font-size:1rem;line-height:1.6;max-width:620px;margin:0}
.cta-banner>.btn-row{grid-column:2;grid-row:1 / span 3;margin:0;flex-wrap:nowrap;justify-content:flex-end}
.cta-banner .btn-primary{background:#F2C200;color:#0b0b0f;box-shadow:none}
.cta-banner .btn-primary:hover{background:#FFD633;color:#0b0b0f;box-shadow:0 10px 20px -10px rgba(242,194,0,.7)}
.cta-banner .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.cta-banner .btn-ghost:hover{background:rgba(255,255,255,.08);color:#fff;border-color:#fff}
@media (max-width:900px){.cta-banner{grid-template-columns:1fr;text-align:center;padding:32px 24px}.cta-banner>.eyebrow{justify-self:center}.cta-banner p{margin:0 auto}
  .cta-banner>.btn-row{grid-column:1;grid-row:auto;justify-content:center;flex-wrap:wrap;margin-top:22px}}

/* ---------- forms */
.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:var(--line-2)}

/* ---------- one card language: hairline borders, no coloured stripe on a single edge */
.season-teaser,.venue-card,.venue-card.winter,.season-card.winter,.season-card.summer{border-top:1px solid var(--line)}
.guide-facts>div{border-left:1px solid var(--line)}
.guide-banner{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:20px 24px}
.guide-banner:hover{color:var(--ink);filter:none;border-color:var(--brand-primary);box-shadow:var(--shadow-md)}
.guide-banner strong{color:var(--ink);font-size:1.0625rem}
.guide-banner span{display:inline-flex;align-items:center;color:var(--brand-primary)}

/* ---------- Team page: season figures as white cards, like the season archive */
.season-stats>div{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.season-stats span{color:var(--ink-3);font-size:12px;font-weight:700;letter-spacing:.08em}
.season-stats strong{display:block;margin-top:6px;font-family:Barlow,sans-serif;font-weight:800;font-size:2.25rem;color:var(--ink)}
.season-stats small{color:var(--ink-3)}

/* ---------- dark panels use the navy of the header, footer and call-to-action */
.enquiry-section{background:radial-gradient(70% 90% at 100% 0,rgba(31,111,235,.32),transparent 60%),radial-gradient(60% 80% at 0 100%,rgba(242,194,0,.07),transparent 60%),#0f172a}
.enquiry-info p{color:rgba(255,255,255,.75)}
.enquiry-steps li{color:rgba(255,255,255,.9)}
.enquiry-steps li span{background:#F2C200;color:#0b0b0f}
.enquiry-contact a{border-color:rgba(255,255,255,.22)}
.enquiry-contact a:hover{border-color:#F2C200;color:#F2C200}
.enquiry-form{box-shadow:0 30px 60px -24px rgba(2,6,23,.6)}
.pkg-royal{background:radial-gradient(120% 80% at 100% 0,rgba(31,111,235,.4),transparent 60%),#0f172a;border-color:#0f172a;color:#fff}
.pkg-royal h3,.pkg-royal .pkg-price strong{color:#fff}
.pkg-royal .pkg-price span{color:rgba(255,255,255,.7)}
.pkg-royal .checklist li{color:rgba(255,255,255,.85)}
.pkg-royal .btn-primary{background:#F2C200;color:#0b0b0f}
.pkg-royal .btn-primary:hover{background:#FFD633;color:#0b0b0f;box-shadow:0 10px 20px -10px rgba(242,194,0,.7)}
.pkg-flag{background:#F2C200;color:#0b0b0f}

/* ---------- payment details: navy header with the club logo, Bankgiro in club blue, fits narrow columns */
.pay-card{border-color:var(--line);box-shadow:var(--shadow-md);container-type:inline-size}
.pay-head{background:radial-gradient(80% 140% at 100% 0,rgba(31,111,235,.45),transparent 60%),#0f172a}
.pay-head p{color:rgba(255,255,255,.75)}
.pay-logo{display:none}
.pay-head:before{content:"";flex:none;width:60px;height:46px;background:url(/images/malmo-kings-logo.webp) center/contain no-repeat}
.pay-bg{background:#f5f8ff;border-color:var(--line)}
.pay-bg strong{color:var(--brand-primary)}
.enquiry-pay .pay-card{border-color:rgba(255,255,255,.14)}
@container (max-width:880px){.pay-body{grid-template-columns:1fr}.pay-bg{border-right:0;border-bottom:1px solid var(--line)}.pay-tiles{grid-template-columns:1fr 1fr}}
@container (max-width:460px){.pay-tiles{grid-template-columns:1fr}.pay-tiles dd{white-space:normal}}
.photo-hero figcaption img{display:none}
.photo-hero figcaption:before{content:"";flex:none;width:46px;height:35px;background:url(/images/malmo-kings-logo.webp) center/contain no-repeat}

/* ---------- home: club record (white band between the two soft ones) */
.mk-hist{background:#fff}
.mk-hist__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mk-hist__tile{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:24px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.mk-hist__tile .mk-ib{width:48px;height:48px;border-radius:12px;margin:0 0 10px}
.mk-hist__tile .mk-ib .mk-ic{width:26px;height:26px}
.mk-hist__tile:nth-child(2) .mk-ib{--ic:var(--t-gold)}
.mk-hist__tile:nth-child(3) .mk-ib{--ic:var(--t-blue)}
.mk-hist__tile:nth-child(4) .mk-ib{--ic:var(--t-green)}
.mk-hist__tile b{font-family:Barlow,sans-serif;font-weight:800;font-size:2rem;line-height:1.1;color:var(--ink)}
.mk-hist__t{color:var(--ink-3);font-size:.95rem;line-height:1.5}
.mk-hist__cta{justify-content:center;margin-top:28px}
@media (max-width:900px){.mk-hist__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.mk-hist__grid{gap:12px}.mk-hist__tile{padding:18px 16px}.mk-hist__tile b{font-size:1.6rem}.mk-hist__t{font-size:.875rem}}
@media (max-width:359px){.mk-hist__grid{grid-template-columns:1fr}}

/* ---------- home FAQ: intro + help card beside the questions */
.mk-faqx{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.mk-faqx__intro{position:sticky;top:112px}
.mk-faqx__intro h2{margin:0 0 14px}
.mk-faqx__lead{color:var(--ink-2);margin:0 0 28px;font-size:1.05rem;line-height:1.6}
.mk-faqx__help{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:24px}
.mk-faqx__help .mk-ib{width:48px;height:48px;border-radius:12px;margin:0 0 14px}
.mk-faqx__help .mk-ib .mk-ic{width:26px;height:26px}
.mk-faqx__help h3{font-family:"Public Sans",sans-serif;font-weight:700;font-size:1.125rem;line-height:1.4;margin:0 0 6px}
.mk-faqx__help p{color:var(--ink-3);margin:0 0 16px;font-size:.95rem;line-height:1.6}
.mk-faqx__contact{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mk-faqx__contact a{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;text-decoration:none}
.mk-faqx__contact a:hover{color:var(--brand-primary)}
.mk-faqx__contact .mk-ic{width:20px;height:20px;color:var(--brand-primary)}
.mk-faqx__help .btn-row{margin-top:20px}
.mk-faqx .faq{max-width:none;margin:0}
@media (max-width:900px){.mk-faqx{grid-template-columns:1fr;gap:32px}.mk-faqx__intro{position:static}}

/* ---------- home squad: carousel with arrows and swipe (mk-squad.js) */
.mk-sq{position:relative}
.mk-sq .marquee{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:24px;scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mk-sq .marquee::-webkit-scrollbar{display:none}
.mk-sq .marquee-track{animation:none!important;padding-right:24px}
.mk-sq .player-card{scroll-snap-align:start}
.mk-sq__btn{position:absolute;top:149px;z-index:6;display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-top:-26px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(16,16,22,.82);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.45);transition:background-color .2s,color .2s,border-color .2s,transform .15s}
.mk-sq__btn:hover{background:#F2C200;border-color:#F2C200;color:#0b0b0f}
.mk-sq__btn:active{transform:scale(.94)}
.mk-sq__btn:focus-visible{outline:2px solid #F2C200;outline-offset:3px}
.mk-sq__btn .mk-ic{width:24px;height:24px}
.mk-sq__btn--prev{left:max(12px,calc(50% - 664px))}
.mk-sq__btn--next{right:max(12px,calc(50% - 664px))}
@media (max-width:600px){.mk-sq__btn{top:124px;width:40px;height:40px;margin-top:-20px}.mk-sq__btn .mk-ic{width:20px;height:20px}.mk-sq__btn--prev{left:8px}.mk-sq__btn--next{right:8px}}

/* ---------- live season section: arrow icons on the links, wide tables scroll on phones */
.season-more{display:inline-flex;align-items:center;gap:4px}
.season-more:after{content:"";width:14px;height:14px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='m9 5l7 7l-7 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='m9 5l7 7l-7 7'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:760px){.season-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* ---------- Team page: board cards with a visible border and aligned rows (photo, name, role, bio) */
.board-grid{gap:20px;align-items:stretch}
.person-card{display:flex;flex-direction:column;align-items:center;height:100%;padding:28px 18px 24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.person-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.person-card .avatar{flex:none;width:112px;height:112px;border:0;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--line)}
.person-card h3{margin:18px 0 12px;min-height:2.5em;display:flex;align-items:center;justify-content:center;font-size:1.125rem;line-height:1.25}
.person-card .role{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;max-width:100%;margin:0;padding:6px 12px 6px 9px;border-radius:10px;background:var(--t-red);color:#fff;font-size:13px;font-weight:600;line-height:1.35}
.person-card .role .mk-ic{width:18px;height:18px;color:#fff}
.board-grid>:nth-child(2) .role,.board-grid>:nth-child(5) .role{background:var(--t-gold)}
.board-grid>:nth-child(3) .role{background:var(--t-blue)}
.board-grid>:nth-child(4) .role{background:var(--t-green)}
.person-card .bio{margin:16px 0 0;padding-top:16px;border-top:1px dashed var(--line-2);width:100%;color:var(--ink-3);font-size:14px;line-height:1.6}

/* ---------- Team page: player search, role filter and link to all profiles (dark squad section) */
.mk-pfind{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px}
.mk-pfind__box{position:relative;flex:1 1 260px;max-width:380px}
.mk-pfind__box .mk-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#a1a1aa;pointer-events:none}
.mk-pfind__q{width:100%;height:46px;padding:0 14px 0 44px;border-radius:12px;border:1px solid #2e2e38;background:#16161d;color:#fff;font:inherit;font-size:15px;-webkit-appearance:none;appearance:none}
.mk-pfind__q::placeholder{color:#8b8b96}
.mk-pfind__q:hover{border-color:#52525b}
.mk-pfind__q:focus{outline:0;border-color:#F2C200;box-shadow:0 0 0 1px #F2C200}
.mk-pfind__roles{display:flex;flex-wrap:wrap;gap:8px}
.mk-pfind__chip{height:38px;padding:0 14px;border-radius:999px;border:1px solid #2e2e38;background:transparent;color:#d4d4d8;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.mk-pfind__chip:hover{border-color:#71717a;color:#fff}
.mk-pfind__chip[aria-pressed="true"]{background:#F2C200;border-color:#F2C200;color:#0b0b0f}
.mk-pfind__chip:focus-visible,.mk-pfind__all:focus-visible{outline:2px solid #F2C200;outline-offset:2px}
.mk-pfind__all{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 18px;border-radius:12px;background:#F2C200;color:#0b0b0f!important;font-weight:800;font-size:14px;text-decoration:none;transition:background-color .2s}
.mk-pfind__all:hover{background:#FFD633}
.mk-pfind__all .mk-ic{width:18px;height:18px}
.mk-pfind__count{margin:0 0 18px;color:#a1a1aa;font-size:13px;font-weight:600}
.mk-pfind__none{margin:0 0 18px;padding:20px;border-radius:14px;border:1px dashed #3f3f46;color:#d4d4d8;text-align:center}
.squad-grid>.player-card[hidden]{display:none!important}
@media (max-width:700px){.mk-pfind__box{max-width:none;flex-basis:100%}.mk-pfind__roles{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -24px;padding:2px 24px;width:calc(100% + 48px)}.mk-pfind__roles::-webkit-scrollbar{display:none}.mk-pfind__chip{flex:none}.mk-pfind__all{margin-left:0;width:100%;justify-content:center}}

/* ---------- player, season and FAQ pages: same cards, buttons and captions as the rest of the site */
.mk-page{background:var(--grey-50)}
.mk-card{border:1px solid var(--line)}
.mk-btn{border-radius:10px}
.mk-btn--dark{background:var(--brand-primary);color:#fff}
.mk-btn--dark:hover{background:var(--brand-primary-dark);box-shadow:0 8px 18px -8px rgba(31,111,235,.55)}
.mk-btn--outline{background:#fff;border-color:var(--line);color:var(--ink)}
.mk-btn--outline:hover{border-color:var(--line-2);box-shadow:none;background:var(--grey-50)}
.mk-hero .mk-overline,.mk-faq-hero .mk-overline{display:inline-block;background:rgba(31,111,235,.08);color:var(--brand-primary);padding:6px 12px;border-radius:999px;letter-spacing:.12em}
.mk-crumbs a{color:var(--brand-primary)}
.mk-page [hidden]{display:none!important}
.mk-tint--red{background:var(--t-red);color:#fff}
.mk-tint--gold{background:var(--t-gold);color:#fff}
.mk-tint--green{background:var(--t-green);color:#fff}
.mk-tint--blue{background:var(--t-blue);color:#fff}
.mk-tint--orange{background:var(--t-orange);color:#fff}
.mk-tint--grey{background:var(--t-grey);color:#fff}
.mk-tint--dark{background:var(--t-dark);color:#fff}
.mk-ms__icon{background:var(--t-grey);color:#fff}
.mk-ms__item--bat .mk-ms__icon{background:var(--t-gold);color:#fff}
.mk-ms__item--ball .mk-ms__icon{background:var(--t-red);color:#fff}
.mk-ms__item--flag .mk-ms__icon,.mk-ms__item--shirt .mk-ms__icon{background:var(--t-dark);color:#fff}

/* ---------- FAQ page (/faq/) */
.mk-faq-hero{padding:4px 0 8px;max-width:780px}
.mk-faq-hero h1{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.12;margin:10px 0 0}
.mk-faq-hero p{margin:12px 0 0;color:var(--ink-2);font-size:1.0625rem;line-height:1.6}
.mk-faq-search{position:relative;margin-top:24px;max-width:600px}
.mk-faq-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--ink-3);pointer-events:none}
.mk-faq-search input{width:100%;height:54px;padding:0 16px 0 46px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:16px;box-shadow:var(--shadow-sm);-webkit-appearance:none;appearance:none}
.mk-faq-search input:hover{border-color:var(--line-2)}
.mk-faq-search input:focus{outline:0;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(31,111,235,.15)}
.mk-faq-count{margin:10px 0 0;color:var(--ink-3);font-size:14px;font-weight:600}
.mk-faq-count:empty{display:none}
.mk-faq-topics{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 32px}
.mk-faq-topics a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.mk-faq-topics a:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}
.mk-faq-topics a>span{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.mk-faq-topics a>span svg{width:16px;height:16px}
.mk-faq-topics b{font-size:12px;color:var(--ink-3);font-weight:700}
.mk-faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
.mk-faq-main{display:grid;gap:24px;min-width:0}
.mk-faq-cat{scroll-margin-top:110px}
.mk-faq-cat__head{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--line)}
.mk-faq-cat__ic{flex:none;width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}
.mk-faq-cat__ic svg{width:24px;height:24px}
.mk-page .mk-faq-cat__head h2{font-size:1.25rem;line-height:1.3}
.mk-faq-cat__n{margin-left:auto;flex:none;color:var(--ink-3);font-size:13px;font-weight:600}
.mk-faq-list details{border-top:1px solid var(--line);scroll-margin-top:110px}
.mk-faq-list details:first-child{border-top:0}
.mk-faq-list summary{list-style:none;cursor:pointer;position:relative;padding:18px 60px 18px 24px;font-weight:600;font-size:1rem;line-height:1.5;color:var(--ink);transition:background-color .2s}
.mk-faq-list summary::-webkit-details-marker{display:none}
.mk-faq-list summary:hover{background:var(--grey-50)}
.mk-faq-list summary:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}
.mk-faq-list summary:after{content:"";position:absolute;right:24px;top:50%;width:20px;height:20px;margin-top:-10px;background:var(--brand-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M6 12h12M12 6v12'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M6 12h12M12 6v12'/%3E%3C/svg%3E") center/contain no-repeat}
.mk-faq-list details[open]>summary:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M6 12h12'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M6 12h12'/%3E%3C/svg%3E") center/contain no-repeat}
.mk-faq-list details:target>summary{background:rgba(31,111,235,.06)}
.mk-faq-a{padding:0 24px 20px}
.mk-faq-a p{margin:0;color:var(--ink-2);line-height:1.7}
.mk-faq-a a{color:var(--brand-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mk-faq-a a:hover{color:var(--brand-primary-dark)}
.mk-faq-side{position:sticky;top:110px;display:grid;gap:20px}
.mk-faq-help,.mk-faq-facts{padding:24px}
.mk-faq-help__ic{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
.mk-faq-help__ic svg{width:26px;height:26px}
.mk-page .mk-faq-side h2{font-family:"Public Sans",sans-serif;font-weight:700;font-size:1.125rem;line-height:1.4}
.mk-faq-help p{margin:6px 0 16px;color:var(--ink-3);font-size:14px;line-height:1.6}
.mk-faq-contact{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.mk-faq-contact a{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;font-size:14px;text-decoration:none}
.mk-faq-contact a:hover{color:var(--brand-primary)}
.mk-faq-contact svg{width:18px;height:18px;color:var(--brand-primary)}
.mk-faq-btn{width:100%;height:44px}
.mk-faq-btn svg{width:18px;height:18px}
.mk-faq-facts dl{margin:14px 0 20px;display:grid;gap:12px}
.mk-faq-facts dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
.mk-faq-facts dd{margin:2px 0 0;color:var(--ink);font-weight:600;font-size:14px;line-height:1.5}
.mk-faq-empty{margin:0;padding:24px;border-radius:16px;border:1px dashed var(--line-2);background:#fff;color:var(--ink-3);text-align:center}
.mk-faq-empty a{color:var(--brand-primary);font-weight:700}
.mk-faq-cta{margin-top:48px}
@media (max-width:980px){.mk-faq-layout{grid-template-columns:1fr}.mk-faq-side{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
@media (max-width:600px){.mk-faq-topics{flex-wrap:nowrap;overflow-x:auto;margin:16px -24px 24px;padding:2px 24px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mk-faq-topics::-webkit-scrollbar{display:none}.mk-faq-topics a{flex:none}.mk-faq-cat__head{padding:16px}.mk-faq-list summary{padding:16px 52px 16px 16px}.mk-faq-list summary:after{right:16px}.mk-faq-a{padding:0 16px 18px}.mk-faq-cat__n{display:none}}