/* Sportive Minds / shared editorial identity.
   Matches the rendered homepage reference, including its system font stack.
   Loaded last on every Football, member and research page. */
:root {
  --sm-display: Arial, Helvetica, sans-serif;
  --sm-editorial: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sm-paper: #f2f0e9;
  --sm-ink: #090909;
  --sm-acid: #caff16;
}
body.sm-editorial {
  --ink: var(--sm-ink); --paper: var(--sm-paper); --white: #fffefa;
  --lime: var(--sm-acid); --acid: var(--sm-acid); --black: var(--sm-ink);
  --line: #c8c6bf; --muted: #595750;
  --accent: #090909; --on-accent: #fff;
  --purple: #090909; --blue: #090909; --coral: var(--sm-paper);
  --display: var(--sm-display); --mono: var(--sm-editorial);
  font-family: var(--sm-display);
  background: var(--sm-paper); color: var(--sm-ink);
}
.sm-editorial :is(h1,h2,h3) {
  font-family: var(--sm-display) !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: -.055em;
  line-height: .98;
  text-wrap: balance;
  overflow-wrap: break-word;
}
.sm-editorial h1 {letter-spacing:-.065em;line-height:.88}
.sm-editorial :is(h1,h2) em {font-style:normal}
.sm-editorial :is(.ey,.eyebrow,.edition,.kicker,.welcome-kicker,.auth-kicker,.num,.card-number,.drop-label,.stage,.tag,.badge,.live-pill,.pg-small,.pg-workspace-name,.next-label) {
  font-family:var(--sm-editorial);font-weight:600;letter-spacing:.14em;text-transform:uppercase;
}
.sm-editorial :is(p,li,small,.hint,.metadata,.fine,.lead,.footnote,.copy,.pre) {font-family:var(--sm-editorial);line-height:1.65}
.sm-editorial :is(button,input,textarea,select) {font-family:var(--sm-display)}
.sm-editorial :is(label,.navlinks,.studio-nav,.sidebar nav,.week-header nav,.topbar a,.button,.btn,.nav-cta,.pg-text-link,.research-plain,.welcome-explore) {font-family:var(--sm-editorial)}
.sm-editorial :is(.button,.btn,.nav-cta,button.primary,button.secondary) {font-size:12px;font-weight:600;letter-spacing:.025em;min-height:48px;line-height:1.45}
.sm-editorial :is(.panel,.card,.hero-panel,.studio-hero,.showcase-head,.auth-panel,.pg-workspaces,.study,.weekly-focus,.day,.activity,.metric,.stat,.person,.row-card,.empty,.banner,.storage-note,.next-release,.message,.chat-log,.help,.link-box,.button,.btn,.nav-cta,button,input,textarea,select,dialog,.steps li,.badge,.sidebar nav a,.studio-nav a,.profile-bar>div>b,#bottom a,#status) {border-radius:0!important;box-shadow:none}
.sm-editorial :is(.topbar,.week-header) {background:#090909;color:#fff;border-bottom:1px solid #ffffff35}
.sm-editorial .topbar {height:auto;min-height:88px;flex-wrap:wrap}
.sm-editorial .topbar .edition {color:var(--sm-acid)}
.sm-editorial .topbar button.secondary {color:#fff;border-color:#888}
.sm-editorial .nav {background:#090909;color:#fff;border-bottom:1px solid #ffffff35}
.sm-editorial .nav .brand img {filter:brightness(0) invert(1)}
.sm-editorial .nav-cta {color:#090909;display:inline-flex;align-items:center;background:var(--sm-acid)}
.sm-editorial .nav-cta::after,.sm-editorial .btn::after {content:none}
.sm-editorial .nav .navlinks a:hover {opacity:1;color:var(--sm-acid)}
.sm-editorial .nav .navlinks .nav-cta:hover {color:#090909;background:#e2ff80}
.sm-editorial :is(.button.lime,button.primary,.btn.primary) {background:var(--sm-acid);color:#090909;border-color:var(--sm-acid)}
.sm-editorial :is(.button.lime,button.primary,.btn.primary):hover {background:#dcff70;border-color:#dcff70}
.sm-editorial :is(.hero-panel,.showcase-head,.next-release) {background:#090909;color:#fff}
.sm-editorial .studio-hero {background-image:linear-gradient(90deg,#090909ed,#09090965),url('/assets/photos/20260918/club-studio-touchline.webp')}
.sm-editorial .studio-hero .eyebrow {color:var(--sm-acid)}
.sm-editorial :is(.section-title,.section-heading,.page-head) {border-bottom:1px solid var(--line);padding-bottom:20px}
.sm-editorial :is(.page-head h1,.section-title h1) {font-size:clamp(36px,4.8vw,68px)}
.sm-editorial :is(.section-title h2,.section-heading h2) {line-height:.94}
.sm-editorial :is(.sidebar nav a.active,.studio-nav a.active) {background:#090909;color:var(--sm-acid)}
.sm-editorial .sidebar nav a {border-bottom:1px solid var(--line)}
.sm-editorial .studio-nav a.active {border-color:#090909}
.sm-editorial :is(.card,.study,.stat,.metric,.weekly-focus) {border-color:var(--line)}
.sm-editorial .hero h1 {font-family:var(--sm-display);line-height:.84}
.sm-editorial .section h2 {line-height:.86}
.sm-editorial :is(.hero-copy p,.section-head p,.card p) {font-size:13px}
.sm-editorial .card h3 {letter-spacing:-.035em;line-height:1}
.sm-editorial .card:after {font-family:var(--sm-editorial)}
.sm-editorial :is(.section-head,.world-heading,.pg-section-head,.research-intro,.practice-intro) {position:relative}
.sm-editorial :is(.world-heading,.pg-section-head)::before {
  content:'↗︎';position:absolute;right:0;top:-40px;font:700 200px/.8 var(--sm-display);
  opacity:.045;pointer-events:none;
}
.sm-editorial .world-section {background:var(--sm-paper);color:#090909}
.sm-editorial .world-heading h2 {line-height:.86}
.sm-editorial .world-heading p {font-size:14px}
.sm-editorial .world-card h3 {line-height:.95}
.sm-editorial .world-card a {font-family:var(--sm-editorial);font-size:12px}
.sm-editorial.hub-guest {background:#090909;color:#fff}
.sm-editorial.hub-guest .welcome-copy h1 {line-height:.84;letter-spacing:-.065em}
.sm-editorial.hub-guest .welcome-copy h1 em {font-style:normal;color:var(--sm-acid)}
.sm-editorial.hub-guest .auth-panel h2 {line-height:1}
.sm-editorial.hub-guest .welcome-copy p {font-size:14px}
.sm-editorial .football-ribbon {background:var(--sm-paper);color:#090909;border-block:1px solid #aaa79e;font-family:var(--sm-editorial);font-size:clamp(12px,1.4vw,20px);letter-spacing:.05em}
.sm-editorial.programme-guest {background:#090909;color:#fff}
.sm-editorial .pg-hero {background:#090909}
.sm-editorial .pg-hero h1 {line-height:.85}
.sm-editorial .pg-hero p {font-size:15px}
.sm-editorial .pg-strip {background:var(--sm-paper);color:#090909;border-block:1px solid #aaa79e;font-family:var(--sm-editorial)}
.sm-editorial .pg-section {background:var(--sm-paper);color:#090909}
.sm-editorial .pg-section-head .eyebrow {color:#090909}
.sm-editorial .pg-section-head p {color:#595750;font-size:15px}
.sm-editorial .pg-section-head h2 {font-size:clamp(44px,5.8vw,86px);line-height:.86}
.sm-editorial .pg-path {background:#090909;color:#fff}
.sm-editorial .pg-path h3 {line-height:.94}
.sm-editorial .pg-dual {margin:0;padding:72px 5vw;background:#090909;border-top:1px solid #ffffff40}
.sm-editorial .pg-workspaces {background:transparent;border-color:#777}
.sm-editorial .pg-youth {background:var(--sm-paper);color:#090909}
.sm-editorial .pg-research {background:#090909;border-top:1px solid #ffffff40}
.sm-editorial :is(.pg-dual h2,.pg-youth h2,.pg-research h2) {line-height:.9}
.sm-editorial .research-hero h1 {line-height:.86}
.sm-editorial .research-hero p {font-size:15px}
.sm-editorial :is(.research-intro h2,.practice-intro h2) {line-height:.9}
.sm-editorial .study {border-top:3px solid #090909}
.sm-editorial .study .tag {background:var(--sm-acid);color:#090909}
.sm-editorial .study .application {background:#f0f1e9}
.sm-editorial .practice-section {background:#e7e5dc;border-block:1px solid var(--line)}
.sm-editorial .research-policy {background:#090909}
.sm-editorial .study h3 {line-height:1.02}
.sm-editorial .planner-intro h1 {font-size:clamp(44px,5.5vw,78px);line-height:.88}
.sm-editorial .storage-note {background:#eeeee5;border-color:var(--line)}
.sm-editorial .day {background:#eeece4;border-color:var(--line)}
.sm-editorial .day.is-today {border-color:#090909;border-top:4px solid #090909}
.sm-editorial .day-head span {font-family:var(--sm-editorial)}
.sm-editorial .document h1 {line-height:.88}
.sm-editorial .summary article {border-radius:0}
.sm-editorial .journey-release {border-radius:0!important;background:var(--sm-paper)!important;color:#090909!important;font-family:var(--sm-editorial);border-block:1px solid #090909}
/* Sequential member flows: the same identity, sized for use on the pitch. */
.sm-editorial #main {max-width:1280px;padding-inline:clamp(18px,4vw,52px)}
.sm-editorial #main>h1 {font-size:clamp(40px,5vw,72px);max-width:1000px}
.sm-editorial #main>.eyebrow {padding-top:15px;border-top:1px solid #090909;max-width:340px}
.sm-editorial .profile-bar {border-bottom:1px solid #090909}
.sm-editorial #main>.panel:not(.welcome-match) h2 {font-size:clamp(26px,3vw,38px)}
.sm-editorial #main p {font-size:15px}
.sm-editorial #main .choice {font-family:var(--sm-editorial);font-size:16px}
.sm-editorial #main .choice::after {content:'↗︎';font:700 25px/1 var(--sm-display);margin-left:16px;flex-shrink:0}
.sm-editorial #main .steps {border-block:1px solid #090909;gap:0}
.sm-editorial #main .steps li {font-family:var(--sm-editorial);font-size:14px;border-width:0 1px 0 0}
.sm-editorial #main .steps li:last-child {border-right:0}
.sm-editorial #bottom a {font-family:var(--sm-editorial);font-size:13px}
.sm-editorial .panel.welcome-match {min-height:710px;margin-top:0;padding:54px 44px}
.sm-editorial .panel.welcome-match h1 {font-size:clamp(58px,6.6vw,94px);line-height:.82;letter-spacing:-.07em}
.sm-editorial .welcome-match h1 em {font-style:normal;color:var(--sm-acid)}
.sm-editorial .journey-match-copy {max-width:55%}
.sm-editorial .welcome-match .eyebrow {font-family:var(--sm-editorial);font-size:12px;color:var(--sm-acid)}
.sm-editorial .welcome-match .actions {flex-direction:column;align-items:flex-start}
.sm-editorial .welcome-match .actions>* {min-width:270px;justify-content:space-between;font-family:var(--sm-editorial);font-size:12px}
.sm-editorial .journey-match-tags {font-family:var(--sm-editorial)}
.sm-editorial .journey-match-tags span:first-child {background:var(--sm-acid);border-color:var(--sm-acid)}
.sm-editorial :is(.welcome-tags,.journey-match-tags) span:last-child {background:transparent;color:#fff;border-color:#ffffff6b}
.sm-editorial .world-heading h2 em {color:inherit}
.sm-editorial :is(.world-club,.world-family) {--card-accent:#c8c6bf}
.sm-editorial .pg-path-club {border-color:#c8c6bf}
.sm-editorial .pg-path-club .eyebrow {color:#fff}
.sm-editorial :is(.pg-dual p,.pg-workspaces>div span,.pg-workspaces p,.pg-workspace-name) {color:#ddd}
.sm-editorial .tool-card.featured {background:#090909;color:#fff;border:1px solid #090909}
.sm-editorial .tool-card.featured :is(p,.card-number) {color:#ddd}
.sm-editorial .last-call {background:var(--sm-paper);color:#090909;border-top:1px solid #090909}
.sm-editorial .demo-banner {background:#090909;border-color:#c8c6bf}
.sm-editorial :is(a,button):focus-visible {outline:2px solid currentColor;outline-offset:4px}
.sm-editorial .status-nav {background:var(--sm-paper);color:#090909;border-block:1px solid #aaa79e}
.sm-editorial .club-card.academy {background:var(--sm-paper);color:#090909;border-color:#c8c6bf}
.sm-editorial .club-card.academy ul {color:#595750}
.sm-editorial #main .panel.lime {background:var(--sm-paper);color:#090909;border:1px solid #aaa79e}
.sm-editorial #demo-banner {background:var(--sm-paper);color:#090909;border-bottom:1px solid #aaa79e}
.sm-editorial :is(input,textarea,select):focus-visible {outline:2px solid #090909;outline-offset:3px;border-color:#090909}
.sm-editorial.hub-guest .auth-panel :is(input,select):focus-visible {outline-color:var(--sm-acid);border-color:var(--sm-acid)}
.sm-editorial #main :is(.badge,.help,.message) {background:#eae8e1;color:#090909;border-color:#c8c6bf}
.sm-editorial #main .message.mine {background:#fffefa;border-color:#090909}
.sm-editorial #main .choice {background:var(--sm-paper);color:#090909;border-color:#c8c6bf}
.sm-editorial #main .choice:hover {background:#e8e6df;outline-color:#090909}
.sm-editorial #main .steps .current {background:#090909;color:#fff}
.sm-editorial #main .steps .passed {background:#e8e6df;color:#090909}
.sm-editorial #bottom a[aria-current=page] {background:var(--sm-paper);color:#090909;border-color:var(--sm-paper)}
.sm-editorial #main .panel.welcome-match {border-left:0}
/* The role selector uses the same composition as WHAT IS A DROP? on home. */
.sm-role-page {position:relative;isolation:isolate;overflow:hidden;padding:50px 0 30px}
.sm-role-page::before {content:'↗︎';position:absolute;right:-4vw;top:-3vw;font:700 clamp(260px,36vw,620px)/.8 var(--sm-display);color:#00000008;pointer-events:none;z-index:-1}
.sm-role-intro {display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:start;margin-bottom:62px}
.sm-role-label {font:600 12px/1.4 var(--sm-editorial);letter-spacing:.24em;text-transform:uppercase;border-top:1px solid #090909;padding-top:14px;max-width:235px}
.sm-editorial .sm-role-copy h1 {font:700 clamp(58px,7.4vw,112px)/.78 var(--sm-display);letter-spacing:-.075em;text-transform:uppercase;margin:0 0 32px;text-wrap:initial}
.sm-editorial #main .sm-role-copy p {font:500 15px/1.7 var(--sm-editorial);color:#090909;margin:0;max-width:790px}
.sm-role-copy strong {background:var(--sm-acid);padding:0 .18em}
.sm-role-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #090909}
.sm-editorial #main .sm-role-option {display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-width:0;min-height:265px;padding:22px 20px 26px;border:0;border-right:1px solid #aaa79e;border-bottom:1px solid #aaa79e;background:transparent;color:#090909;text-align:left;border-radius:0;cursor:pointer}
.sm-editorial #main .sm-role-option:nth-child(4n) {border-right:0}
.sm-role-meta {display:flex;justify-content:space-between;align-items:center;gap:6px;font:600 12px/1.5 var(--sm-editorial);letter-spacing:.13em;margin-bottom:38px}
.sm-role-meta .sm-ui-arrow {width:18px;height:18px;margin-left:0}
.sm-role-title {display:block;font:700 25px/1.02 var(--sm-display);letter-spacing:-.045em;text-transform:uppercase;margin-top:auto;margin-bottom:15px;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
.sm-role-description {display:block;font:500 12px/1.65 var(--sm-editorial);text-transform:uppercase;letter-spacing:.03em;color:#595750;min-height:66px}
.sm-editorial #main .sm-role-option:hover {background:#e8e6df}
.sm-editorial #main .sm-role-option:focus-visible {outline:2px solid #090909;outline-offset:-3px;background:#e8e6df}
.sm-ui-arrow {display:inline-block;width:18px;height:18px;flex:none;margin-left:18px;vertical-align:middle}
.sm-editorial .sm-start-guide {position:relative;overflow:hidden;padding:80px 0 30px}
.sm-start-guide::before {content:'↗︎';position:absolute;right:-3vw;top:8px;font:700 clamp(220px,32vw,450px)/.8 var(--sm-display);color:#00000007;pointer-events:none}
.sm-start-intro {position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw}
.sm-start-label {border-top:1px solid #090909;padding-top:14px;max-width:240px;font:600 12px/1.5 var(--sm-editorial);letter-spacing:.16em}
.sm-editorial .sm-start-intro h2 {font-size:clamp(44px,6vw,82px);line-height:.84;letter-spacing:-.07em;margin:0 0 25px}
.sm-start-intro p {max-width:590px;margin-bottom:0}
.sm-start-intro strong {background:var(--sm-acid);padding:0 .16em;color:#090909}
.sm-start-steps {position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-block:1px solid #090909}
.sm-start-step {padding:23px 25px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:250px}
.sm-start-step:first-child {padding-left:0}
.sm-start-step:last-child {border-right:0}
.sm-start-step>span {font:600 12px/1.4 var(--sm-editorial);letter-spacing:.15em;margin-bottom:48px}
.sm-editorial .sm-start-step h3 {font-size:30px;line-height:.92;letter-spacing:-.04em;margin:0 0 14px}
.sm-editorial #main .sm-start-step p {font-size:12px;text-transform:uppercase;margin:0;color:#595750}
.sm-start-return {display:inline-flex;align-items:center;font:600 12px/1.5 var(--sm-editorial);padding:20px 0;min-height:48px;text-underline-offset:6px}
/* Keep enough space for whole words such as REPRESENTATIVE and PHYSIOTHERAPIST. */
@media(max-width:1200px) {
  .sm-role-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm-editorial #main .sm-role-option:nth-child(4n) {border-right:1px solid #aaa79e}
  .sm-editorial #main .sm-role-option:nth-child(3n) {border-right:0}
}
@media(max-width:900px) {
  .sm-role-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm-editorial #main .sm-role-option:nth-child(3n) {border-right:1px solid #aaa79e}
  .sm-editorial #main .sm-role-option:nth-child(2n) {border-right:0}
  .sm-role-intro {grid-template-columns:.6fr 1.4fr;gap:5vw}
  .sm-editorial .sm-role-copy h1 {font-size:clamp(55px,7.5vw,80px)}
  .sm-editorial .topbar {gap:16px}
  .sm-editorial .panel.welcome-match {padding:40px 30px;min-height:640px}
  .sm-editorial .panel.welcome-match h1 {font-size:clamp(56px,7vw,76px)}
  .sm-editorial .journey-match-copy {max-width:60%}
}
@media(max-width:720px) {
  .sm-role-page {padding:25px 0 15px}
  .sm-role-intro {grid-template-columns:1fr;gap:34px;margin-bottom:35px}
  .sm-role-label {font-size:12px;max-width:210px}
  .sm-editorial .sm-role-copy h1 {font-size:clamp(50px,11.8vw,76px);line-height:.84;margin-bottom:25px}
  .sm-editorial #main .sm-role-copy p {font-size:14px}
  .sm-editorial #main .sm-role-option {min-height:230px;padding:20px 16px}
  .sm-role-title {font-size:24px}
  .sm-role-meta {font-size:12px;letter-spacing:.08em;margin-bottom:28px}
  .sm-editorial .topbar {min-height:74px;padding:16px 20px}
  .sm-editorial .topbar .edition {display:none}
  .sm-editorial .topbar a {font-size:12px}
  .sm-editorial #main {padding:20px 18px}
  .sm-editorial #main>h1 {font-size:42px;line-height:.94}
  .sm-editorial .panel.welcome-match {min-height:0;padding:0}
  .sm-editorial .journey-match-copy {max-width:none;padding:28px 24px 32px}
  .sm-editorial .panel.welcome-match h1 {font-size:clamp(52px,12vw,76px);line-height:.86}
  .sm-editorial .welcome-match .actions {display:flex;align-items:stretch}
  .sm-editorial .welcome-match .actions>* {min-width:0;width:100%;padding-inline:15px}
  .sm-editorial .sm-start-guide {padding:45px 0 10px}
  .sm-start-intro {grid-template-columns:1fr;gap:30px}
  .sm-editorial .sm-start-intro h2 {font-size:clamp(43px,11vw,68px)}
  .sm-start-steps {grid-template-columns:1fr;margin-top:32px}
  .sm-start-step,.sm-start-step:first-child {min-height:0;padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}
  .sm-start-step:last-child {border-bottom:0}
  .sm-start-step>span {margin-bottom:24px}
  .sm-editorial .pg-dual {padding:45px 24px}
  .sm-editorial .pg-section-head h2 {font-size:46px}
  .sm-editorial .world-heading h2 {font-size:46px}
  .sm-editorial :is(.page-head h1,.section-title h1) {font-size:38px;line-height:.94}
  .sm-editorial #main .steps li {font-size:12px;padding:18px 5px}
}
@media(max-width:640px) {
  .sm-role-grid {grid-template-columns:1fr}
  .sm-editorial #main .sm-role-option:nth-child(n) {min-height:150px;padding:24px 0;border-right:0}
  .sm-role-meta {font-size:12px;margin-bottom:22px}
  .sm-role-title {font-size:28px;margin-bottom:12px}
  .sm-role-description {min-height:0;font-size:12px;max-width:330px}
}
@media(prefers-reduced-motion:reduce) {.sm-editorial * {scroll-behavior:auto!important}}

/* Photographic Health & Performance doors keep the newspaper typography. */
.sm-editorial .sm-photo-pillar{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:2/3;min-height:360px;padding:clamp(18px,2vw,30px);background:#090909;color:#fff;container-type:inline-size;}
.sm-editorial .sm-photo-pillar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;transition:transform .4s ease;}
.sm-editorial .sm-photo-pillar:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.30),transparent 30%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.84));}
.sm-editorial .sm-photo-pillar .sm-pillar-number{display:flex;align-items:center;justify-content:space-between;width:100%;color:#caff16;font:700 12px var(--sm-mono);letter-spacing:.15em;}
.sm-editorial .sm-photo-pillar h3{font-size:clamp(20px,2.2vw,42px);font-size:clamp(20px,10cqi,46px);line-height:1;letter-spacing:-.045em;word-break:normal;overflow-wrap:normal;margin:0;color:#fff;}
.sm-editorial .sm-photo-pillar:hover img{transform:scale(1.025);}
.sm-editorial .sm-photo-pillar:focus-visible{outline:3px solid #caff16;outline-offset:-5px;}
@media(max-width:620px){.sm-editorial .sm-photo-pillar{aspect-ratio:4/5;min-height:340px;}.sm-editorial .sm-photo-pillar img{object-position:center 35%;}}
@media(prefers-reduced-motion:reduce){.sm-editorial .sm-photo-pillar img{transition:none;}}