/* FanPage, club social and TenxYou: a compact extension of the Matchday edition. */
.fanpage-chapter,.social-chapter,.tenxu-chapter { width:88%; max-width:1180px; margin:0 auto; border-top:1px solid #afc4b626; }
.fanpage-chapter { padding:70px 0; display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.95fr); gap:clamp(32px,7vw,110px); align-items:center; }
.fanpage-copy h2,.social-copy h2,.tenxu-copy h2 { margin:0; color:#edf1ed; font:400 clamp(2.75rem,5.2vw,5.25rem)/.96 'Bebas Neue',sans-serif; letter-spacing:.01em; }
.fanpage-copy h2 span,.social-copy h2 span,.tenxu-copy h2 span { color:#f68649; }
.fanpage-copy > p:not(.scene-tag),.social-copy > p:not(.scene-tag),.tenxu-copy > p:not(.scene-tag) { max-width:610px; color:#a7bbb5; font:.88rem/1.85 'Sora',sans-serif; }
.fanpage-copy strong { color:#edf1ed; }
.fanpage-note { border-left:2px solid #f68649; padding-left:14px; color:#c8d7d1!important; }
.fanpage-board { display:grid; gap:10px; }
.fanpage-board article { min-height:116px; padding:18px 20px; display:grid; grid-template-columns:48px 1fr; column-gap:12px; align-content:center; border:1px solid #a4c0ae2c; background:linear-gradient(105deg,#10251e,#0a1715); }
.fanpage-board span { grid-row:span 2; color:#f68649; font:400 2.4rem/1 'Bebas Neue',sans-serif; }
.fanpage-board h3 { margin:0; color:#edf1ed; font:700 .72rem/1.3 'Sora',sans-serif; letter-spacing:.1em; }
.fanpage-board p { margin:6px 0 0; color:#9eb2ac; font:.7rem/1.55 'Sora',sans-serif; }
.fanpage-snapshots { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,280px)); justify-content:center; gap:20px 36px; margin-top:12px; }
.fanpage-snapshots figure { margin:0; min-width:0; }
.fanpage-snapshots img { display:block; width:100%; height:auto; border-radius:18px; border:1px solid #afc4b626; }
.fanpage-snapshots figcaption { margin-top:12px; color:#c5d5ce; font:.75rem/1.6 'Sora',sans-serif; }
.fanpage-snapshot-note { grid-column:1/-1; text-align:center; margin:0; color:#9eb2ac; font:.67rem/1.6 'Sora',sans-serif; }
.social-chapter { padding:68px 0; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr); gap:24px 8vw; }
.social-signals { display:flex; align-content:center; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; padding:20px; border:1px solid #a4c0ae2c; background:radial-gradient(circle at center,#183a2d,#0a1514 70%); }
.social-signals span { padding:11px 12px; border:1px solid #a2c4b744; color:#dce8df; font:600 .59rem/1.2 'Sora',sans-serif; letter-spacing:.08em; }
.social-signals span:nth-child(2),.social-signals span:nth-child(4) { color:#f68649; border-color:#f6864960; }
.social-footnote { grid-column:1/-1; padding:15px 17px; border-left:2px solid #6cd6bc; background:#10201b; color:#acc0b9; font:.73rem/1.7 'Sora',sans-serif; }
.social-footnote strong { color:#ecf1eb; }
.social-snapshots { margin-top:8px; }
.fitness-feature-intro { color:#8fe0c5!important;font-weight:600; }
.fitness-showcase { grid-column:1/-1;min-width:0;padding:32px clamp(18px,4vw,48px);border:1px solid #82c9ab55;border-radius:20px;background:radial-gradient(ellipse at 85% 0,#1f5f4240,transparent 60%),linear-gradient(135deg,#10251f,#07120f); }
.fitness-showcase h3 { margin:0 0 16px;font:400 clamp(2.3rem,4.7vw,4.1rem)/1 'Bebas Neue',sans-serif;color:#edf1ed; }
.fitness-showcase h3 span { color:#86dfb7; }
.fitness-showcase p { color:#a7bbb5;font:.82rem/1.9 'Sora',sans-serif; }
.fitness-showcase-heading { max-width:760px; }
.fitness-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 12px; }
.fitness-metrics>div { padding:20px 14px;border:1px solid #9ac3ac40;border-top:2px solid #7bdab3;background:#132b22; }
.fitness-metrics strong { display:block;font:400 clamp(1.6rem,3vw,2.8rem)/1.2 'Bebas Neue',sans-serif;color:#a2f1cc; }
.fitness-metrics small { font:.65rem 'Sora',sans-serif; }
.fitness-metrics span { display:block;margin-top:12px;font:600 .55rem/1.6 'Sora',sans-serif;color:#d3dfd7;letter-spacing:.08em; }
.fitness-showcase .fitness-example-note { font-size:.63rem;margin-bottom:28px; }
.fitness-snapshots { display:grid;grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;gap:32px; }
.fitness-showcase figure { margin:0;min-width:0; }
.fitness-showcase img { display:block;width:100%;height:auto;border:1px solid #8cb8a440;border-radius:18px;box-shadow:0 20px 40px #0004; }
.fitness-showcase figcaption { margin-top:14px;font:.72rem/1.7 'Sora',sans-serif;color:#b6c8be; }
.fitness-showcase figcaption strong { display:block;color:#92dcbc;font-size:.65rem;margin-bottom:6px; }
.fitness-share-story { margin-top:40px;padding-top:32px;border-top:1px solid #9ac3ac40;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:center;gap:40px; }
.fitness-showcase .fitness-gps-note { border-left:2px solid #86dfb7;padding-left:14px;font-size:.7rem; }
@media(max-width:760px) {
  .fitness-metrics { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  .fitness-metrics>div { padding:14px 10px; }
  .fitness-snapshots { grid-template-columns:minmax(0,300px);gap:28px; }
  .fitness-share-story { grid-template-columns:1fr;gap:24px; }
  .fitness-share-story figure { max-width:340px;margin:auto; }
}
@media (max-width:600px) {
  .social-snapshots { grid-template-columns:minmax(0,300px);gap:28px; }
  .matchday-edition .player-story-visuals { grid-template-columns:minmax(0,300px);gap:32px; }
  .matchday-edition .player-story-visuals .marketing-phone-shot { max-width:300px; }
  .matchday-edition .player-story-visuals .marketing-phone-shot figcaption { font-size:.72rem; }
}
.tenxu-chapter { padding:54px 0 68px; display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:clamp(32px,8vw,130px); align-items:center; }
.tenxu-brand { padding:35px; background:linear-gradient(135deg,#143d89,#07183b); border:1px solid #6f9eff55; }
.tenxu-brand img { display:block; width:min(100%,360px); height:auto; margin:auto; }
.tenxu-offer { color:#edf1ed!important; font-size:1rem!important; }
.tenxu-offer strong { color:#ff9a61; letter-spacing:.06em; }
.tenxu-actions { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 10px; }
.tenxu-actions a,.tenxu-copy-button { min-height:46px; padding:12px 17px; border:1px solid #c2d5cd65; border-radius:3px; color:#edf1ed; background:#10251f; font:700 .67rem/1.2 'Sora',sans-serif; letter-spacing:.03em; text-decoration:none; cursor:pointer; }
.tenxu-actions a { display:inline-flex; gap:12px; align-items:center; background:#f68649; border-color:#f68649; color:#101815; }
.tenxu-copy-button:hover,.tenxu-copy-button:focus-visible { background:#1b372e; }
.tenxu-feedback { min-height:1.45em; margin:0!important; color:#7be0c3!important; font-size:.72rem!important; }
.tenxu-terms,.tenxu-disclosure { max-width:620px; margin:10px 0 0; color:#9db2ab!important; font:.67rem/1.65 'Sora',sans-serif!important; }
.tenxu-disclosure { color:#c4d2ca!important; }
@media (max-width:760px) { .fanpage-chapter,.social-chapter,.tenxu-chapter { width:calc(100% - 44px); } .fanpage-chapter,.social-chapter,.tenxu-chapter { grid-template-columns:1fr; padding:42px 0; gap:26px; } .fanpage-copy h2,.social-copy h2,.tenxu-copy h2 { font-size:clamp(3rem,14vw,4.15rem); } .fanpage-board article { min-height:104px; } .social-signals { justify-content:flex-start; padding:16px; } .social-footnote { grid-column:auto; } .tenxu-brand { padding:27px; } .tenxu-brand img { max-width:280px; } }
@media (prefers-reduced-motion:reduce) { .tenxu-actions a,.tenxu-copy-button { transition:none; } }
@media (max-width:480px) { .fanpage-snapshots { grid-template-columns:minmax(0,280px); gap:24px; } }