/* Narrow native compatibility; recovered source layout remains authoritative. */
body{margin:0!important}#header{background-color:#fff}.logo a{display:block;width:100%;height:100%}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid #d63022;outline-offset:4px}#progress{position:fixed;top:0;left:0;height:3px;pointer-events:none;z-index:100000001}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.fullimage{background-attachment:scroll!important}}
.goals-toggle{display:none}.source-film{margin:24px 0 40px}.source-film-stage{aspect-ratio:16/9;background:#101010;position:relative;overflow:hidden}.source-film-stage iframe{display:block;border:0;width:100%;height:100%;position:absolute;inset:0}.source-film-play{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;background:#101010;color:#fff;font:700 24px 'Lato',sans-serif}.source-film-play::before{content:'▶';display:block;font-size:40px;margin-bottom:18px;color:#3db7df}.source-film-watch{display:inline-block;margin-top:12px;font:400 15px/24px 'Lato',sans-serif;color:#176786;min-height:28px}.left_bar.interior li:focus-within .goal_title{opacity:1;left:0}
@media(max-width:768px){.native-goals-ready .goals-toggle{display:block;position:absolute;right:12px;top:6px;padding:5px 12px;border:1px solid #777;background:#fff;color:#111;font:700 16px/22px 'Lato',sans-serif;cursor:pointer;z-index:100000001}#goal-navigation.goals-open{display:block;position:fixed;inset:44px 0 0;width:auto;height:auto;overflow:auto;background:#fff;z-index:100000000;padding:18px}#goal-navigation.goals-open .left_bar{position:static;display:block;margin:0;width:100%;height:auto}#goal-navigation.goals-open .left_bar li{width:100%;height:auto;margin:0;border-bottom:1px solid #ddd;background:none;line-height:24px;text-align:left}#goal-navigation.goals-open .left_bar li a{display:flex;gap:12px;align-items:center;min-height:44px;padding:10px 6px;color:#111}#goal-navigation.goals-open .left_bar .number_bar{position:static;flex:0 0 34px;width:34px;color:#176786}#goal-navigation.goals-open .left_bar .goal_title{position:static;left:auto;opacity:1;width:auto;min-width:0;padding:0;line-height:24px;font-size:17px;color:#111}#goal-navigation.goals-open .left_bar .home_nav{margin:0!important;line-height:24px!important;background:none!important}#goal-navigation.goals-open .left_bar .home_nav a::after{content:'The ten goals';font:700 17px/24px 'Lato',sans-serif}#goal-navigation.goals-open .left_bar .home_nav img{width:24px;height:auto}.source-film-play{font-size:20px}.source-film-play::before{font-size:30px;margin-bottom:10px}}
/* Replace the source sticky-header plugin without changing its original masthead. */
#header{position:sticky;top:0;z-index:100000000}
/* Expose the source label from its numbered rail for both pointer and keyboard users. */
.left_bar.interior li:hover .goal_title,.left_bar.interior li:focus-within .goal_title{opacity:1;left:0}
/* Source desktop CSS begins at769px, before Bootstrap's992px reading columns.
   Keep its outdented pullquotes, photographs and arrows in the available gutter. */
@media(min-width:769px) and (max-width:1170px){.soccer-story .pull_right,.soccer-story .pull_right_image{margin-right:0;max-width:100%}.soccer-story .pull_left{margin-left:0;max-width:100%}.soccer-story .pull_left.inset-photo .shadow,.soccer-story .inset-photo .shadow,.soccer-story .pull_left img{margin-left:0;min-width:0;max-width:100%}.soccer-story .container>.arrow_left,.soccer-story .container>.arrow_right{position:relative;float:left;left:auto;right:auto;top:auto;margin:0 0 16px}.soccer-story .container>.arrow_right{float:right}.soccer-story .container>.article_title,.soccer-story .container>.footer_stories{clear:both}.soccer-story .head-img>.label_pic{right:0}}
@media(min-width:769px) and (max-width:1170px){.soccer-story .footer_stories .left_side,.soccer-story .footer_stories .right_side{position:relative;padding-bottom:50px}.soccer-story .footer_stories .image{max-width:calc(100% - 120px)}.soccer-story .footer_stories .image img{max-width:100%;height:auto}.soccer-story .footer_stories .arrow_left,.soccer-story .footer_stories .arrow_right{top:auto;bottom:5px;left:15px;right:auto;margin:0}.soccer-story .footer_stories .arrow_right{right:15px;left:auto}}
/* Share controls formerly held the source masthead open; retain its44px row after retiring those integrations. */
.home_panel .holder_wide{min-height:44px;box-sizing:border-box}
/* The source phone/tablet callouts extend past their image gutter; keep every name readable. */
@media(max-width:768px){.soccer-story .head-img>.label_pic:not(.label9):not(.label10){right:0}.native-goals-ready #goal-navigation:not(.goals-open){display:none}}
/* Bootstrap's750px tablet container needs the same contained arrow treatment at the768px boundary. */
@media(min-width:481px) and (max-width:768px){.soccer-story .container>.arrow_left,.soccer-story .container>.arrow_right{position:relative;float:left;left:auto;right:auto;top:auto;margin:0 0 16px}.soccer-story .container>.arrow_right{float:right}.soccer-story .container>.article_title,.soccer-story .container>.footer_stories{clear:both}}
.source-film-controls{display:flex;justify-content:flex-end;min-height:44px;margin-top:8px}.source-film-controls button{min-height:44px;padding:8px 13px;border:1px solid #777;background:white;color:#111;font:700 14px/22px 'Lato',sans-serif;cursor:pointer}
/* Google fallback metrics are wider than Cubano: give the authored name/year a real column, never a fixed-height overlap. */
.soccer-landing #home_bar .left_bar{width:min(460px,calc(100vw - 20px));height:auto;top:var(--chooser-top,310px);max-height:calc(100svh - var(--chooser-top,310px) - 10px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
.soccer-landing #home_bar .left_bar li{width:100%;height:auto;min-height:40px;line-height:30px;margin:0;background-repeat:no-repeat;background-position:left center}
.soccer-landing #home_bar .left_bar li a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:30px;align-items:center;min-height:40px;padding:4px 0;box-sizing:border-box}
.soccer-landing #home_bar .number_bar{position:static;width:30px;line-height:30px}
.soccer-landing #home_bar .goal_title{position:static;width:auto;min-width:0;padding:0 8px 0 0;text-align:left;line-height:26px;white-space:normal}
@media(max-width:768px){.soccer-landing #home_bar .left_bar li,.soccer-landing #home_bar .left_bar li a{min-height:44px}.soccer-landing #home_bar .goal_title{font-size:18px;line-height:25px}}
@media(max-height:520px){.soccer-landing{min-height:calc(var(--chooser-top,310px) + 460px)!important;overflow-y:auto!important}.soccer-landing #home_bar{position:absolute;height:100%}.soccer-landing #home_bar .left_bar{position:absolute;max-height:none;overflow:visible}}
