/* Compact editorial layout. Detailed records keep their original controls and data. */
.hero{min-height:600px;padding-top:20px;padding-bottom:10px;align-items:center}
.hero .hero-copy{padding-top:8px;padding-bottom:12px}
.hero .hero-visual{min-height:580px}
.hero h1{font-size:82px;line-height:1.12}
.hero h1>span{font-size:22px;margin-top:14px}
.hero-kicker{margin:15px 0 10px;font-size:16px;letter-spacing:2px}
.hero .hero-desc{margin:18px 0;color:#56645a}
.hero .hero-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:540px;margin-top:20px}
.hero .hero-fact{padding:12px 0}
.hero .hero-fact strong{font-size:23px;white-space:nowrap}
.hero-record{margin:16px 0 20px;gap:22px}
.hero-record strong{font-size:48px}
.hero .button{min-height:44px;display:inline-flex;align-items:center;gap:30px}
.hero-details{margin-top:0;margin-bottom:20px;padding-top:0;padding-bottom:0}
#profile-more>summary.profile-disclosure{padding:16px 20px;min-height:0;gap:15px}
#profile-more .profile-disclosure-copy{gap:3px}
#profile-more .profile-disclosure-kicker{display:none}
#profile-more .profile-disclosure-copy strong{font-size:16px}
#profile-more .profile-disclosure-preview{font-size:13px}
#profile-more .profile-disclosure-action{padding:10px 16px;min-height:44px}
.content-chapter{padding-top:0;padding-bottom:0;border:0}
.statistics-chapter{margin-top:0;background:transparent}
#overview{padding-top:16px;padding-bottom:24px}
#overview>.section-heading{margin-bottom:14px;display:flex;align-items:baseline;justify-content:space-between}
#overview>.section-heading h2{font-size:25px}
#overview>.section-heading>p{margin:0;max-width:none;font-size:13px!important}
.statgrid article{padding:20px}
.statgrid strong{margin:9px 0;font-size:42px;line-height:1.1}
.statgrid article>p{font-size:13px!important;line-height:1.65!important}
.statgrid .meter,.statgrid .mini-bars,.statgrid .win-strip{margin-top:12px}
.compact-feature{margin-top:24px;position:relative;min-height:210px;display:flex;align-items:center;isolation:isolate}
.compact-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;z-index:-2}
.compact-feature .image-shade{background:linear-gradient(90deg,rgba(9,35,28,.95),rgba(9,35,28,.65) 55%,rgba(9,35,28,.1));z-index:-1}
.compact-feature .story-copy{padding:25px 32px;width:100%}
.compact-feature .story-copy h3{font-size:27px;margin:0 0 8px;line-height:1.5;color:#fff}
.compact-feature .story-copy p{font-size:14px!important;line-height:1.7!important;margin:0 0 18px;color:#fff}
.compact-feature .text-button{font-size:14px!important;min-height:44px;color:#fff}
#records.recent-section{padding:18px 0 22px}
#records .section-heading{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}
#records .section-heading h2{font-size:24px}
#records .section-heading .underlink{font-size:13px!important;margin:0}
#recent-cards{gap:12px}
#recent-cards .compact-recent{padding:14px 16px;display:flex;align-items:center;gap:14px;background:#fffef9;border:1px solid #d9dfd4;border-radius:6px;text-align:left;min-width:0;box-shadow:none;transition:border-color .15s}
#recent-cards .compact-recent:hover{border-color:#173e33;background:#f1f4eb}
#recent-cards .compact-recent>img{width:60px;height:76px;object-fit:cover;object-position:top;background:#e7edde;border-radius:4px;flex-shrink:0}
.compact-recent-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.compact-recent-copy>small{font-size:13px!important;color:#56645a}
.compact-recent-copy>strong{font-size:16px;line-height:1.55;color:#173e33}
.compact-recent-copy>span{font-size:13px;line-height:1.6;color:#56645a}
.compact-recent-arrow{margin-left:auto;font-size:22px;flex-shrink:0}
#fight-explorer{padding-top:10px;padding-bottom:22px}
#fight-explorer>.section-heading{margin-bottom:16px}
#fight-explorer>.section-heading h3{font-size:25px}
#fight-explorer>.section-heading p{margin-top:4px}
.explorer{padding:18px 20px;background:transparent;border:0}
.fight-picker-heading{margin-top:0}
.match-overview{padding:18px 24px 14px}
.match-event{margin-bottom:10px}
.match-title-row h3{font-size:21px}
.match-title-faces img{width:48px;height:58px}
.focus-comparison{padding-top:20px}
.focus-scoreboard{margin-top:22px;margin-bottom:18px}
.focus-result b{font-size:52px}
.focus-takeaway{margin-top:12px;margin-bottom:24px}
.focus-chart{margin-top:24px}
.mirror-row{margin-bottom:24px}
.focus-help{margin-top:20px}
.compact-disclosure{margin-top:0;margin-bottom:14px;scroll-margin-top:100px}
.compact-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;cursor:pointer;padding:21px 24px;background:#fffef9;border:1px solid #d9dfd4;border-radius:6px;min-height:82px;box-sizing:border-box}
.compact-disclosure>summary>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.compact-disclosure>summary strong{font-size:17px;font-weight:700;line-height:1.5}
.compact-disclosure>summary small{font-size:13px!important;color:#56645a;line-height:1.7}
.compact-disclosure>summary>b{font-size:24px;font-weight:400;transition:transform .15s}
.compact-disclosure[open]>summary>b{transform:rotate(45deg)}
.compact-disclosure>summary:focus-visible,.inline-info>summary:focus-visible{outline:2px solid #173e33;outline-offset:3px}
.compact-disclosure-body{padding-top:20px}
#extra-analysis{box-sizing:border-box}
#extra-analysis .editorial-grid{margin-top:0;grid-template-columns:1fr}
#extra-analysis .target-card{max-width:580px;width:100%;margin:0 auto;box-sizing:border-box}
#extra-analysis #analysis,#extra-analysis #insights{padding-left:0;padding-right:0;padding-top:26px}
.compact-action-photo{margin:24px 0 10px;max-width:700px}
.compact-action-photo>img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:5px;display:block}
.compact-action-photo>.caption{display:block;text-align:right;font-size:13px!important;color:#56645a;margin-top:8px;line-height:1.7}
#history{padding-top:0;padding-bottom:14px}
#history .statistics-archive{margin-top:14px}
#history-all,#archive-details{margin:0;background:#fffef9;border:1px solid #d9dfd4;border-radius:6px;padding:0 24px}
#history-all>summary,#archive-details>summary{min-height:76px;padding:20px 0;box-sizing:border-box}
#stories{padding:0;margin:0}
#interviews-more .quote-grid{padding-top:24px}
.inline-info{margin-top:12px}
.inline-info>summary{font-size:13px;min-height:44px;display:flex;align-items:center;cursor:pointer;color:#56645a}
.inline-info>p{margin:4px 0 12px}
@media(max-width:640px){
 .hero{padding-top:0;padding-bottom:0;min-height:0;gap:0}
 .hero .hero-visual{height:300px;min-height:0;margin:0;width:100%;overflow:hidden}
 .hero .hero-visual>img{height:370px;width:auto;left:50%;bottom:-64px;transform:translateX(-50%)}
 .hero .visual-type{font-size:88px;top:12px;left:3px}
 .hero .portrait-ring{width:250px;height:250px;top:24px}
 .hero .ring-two{width:295px;height:295px;top:1px}
 .hero .portrait-label{bottom:20px;right:0;padding:9px 12px;max-width:205px}
 .hero .portrait-label span{font-size:22px}
 .hero .portrait-label b{font-size:13px!important}
 .hero .hero-copy{padding-top:16px;padding-bottom:12px;width:100%}
 .hero .eyebrow{font-size:13px!important;letter-spacing:1px}
 .hero-kicker{margin:8px 0 6px;font-size:14px;letter-spacing:1px}
 .hero h1{font-size:56px;line-height:1.1;letter-spacing:-2px}
 .hero h1>span{font-size:18px;margin-top:8px;letter-spacing:-.5px}
 .hero .hero-desc{font-size:14px!important;margin:12px 0 14px;line-height:1.7!important}
 .hero .hero-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:0}
 .hero .hero-fact{padding:9px 0 5px}
 .hero .hero-fact>span{font-size:13px!important}
 .hero .hero-fact strong{font-size:21px;letter-spacing:-.7px}
 .hero .hero-fact:nth-child(3) strong,.hero .hero-fact:nth-child(4) strong{font-size:16px;line-height:1.98}
 .hero .hero-fact em{font-size:13px!important;margin-left:2px}
 .hero-record{margin:12px 0 14px;gap:18px}
 .hero-record strong{font-size:36px;line-height:1.2}
 .hero-record>div{display:flex;align-items:baseline;gap:7px}
 .hero-record strong>span{font-size:13px!important}
 .hero-record small{font-size:13px!important}
 .hero-record i{height:27px}
 .hero .button{width:100%;box-sizing:border-box;justify-content:space-between;font-size:14px!important;padding:11px 16px}
 .hero-details{margin-bottom:16px;padding-top:0}
 #profile-more>summary.profile-disclosure{flex-direction:row;align-items:center;padding:14px;gap:12px}
 #profile-more .profile-disclosure-copy strong{font-size:15px}
 #profile-more .profile-disclosure-preview{font-size:13px;line-height:1.6;max-width:185px}
 #profile-more .profile-disclosure-action{width:auto;padding:9px;gap:4px;min-width:44px;background:transparent;color:#173e33}
 #profile-more .profile-disclosure-action>span{display:none}
 #profile-more .profile-disclosure-action svg{width:22px;height:22px}
 #overview{padding-top:8px;padding-bottom:14px}
 #overview>.section-heading{display:block;margin-bottom:12px}
 #overview>.section-heading h2{font-size:23px}
 #overview>.section-heading>p{margin-top:4px;font-size:13px!important;text-align:left}
 .statgrid article{padding:15px 13px}
 .statgrid strong{font-size:36px;line-height:1.2;margin:8px 0}
 .statgrid article>span{font-size:13px!important;letter-spacing:-.3px}
 .statgrid article>p{font-size:13px!important;line-height:1.6!important;margin:0}
 .statgrid .meter,.statgrid .mini-bars,.statgrid .win-strip{display:none}
 .compact-feature{min-height:185px;margin-top:18px;border-radius:6px}
 .compact-feature .story-copy{padding:20px}
 .compact-feature .story-copy h3{font-size:21px;max-width:240px}
 .compact-feature .story-copy p{font-size:13px!important;margin-bottom:8px;max-width:250px}
 .compact-feature .story-copy .text-button{font-size:13px!important}
 .compact-feature>img{object-position:65% center}
 #records.recent-section{padding:16px 0 12px}
 #records .section-heading h2{font-size:23px}
 #recent-cards{grid-template-columns:1fr;gap:8px}
 #recent-cards .compact-recent{padding:10px 12px;gap:12px}
 #recent-cards .compact-recent>img{width:50px;height:61px}
 .compact-recent-copy{gap:1px}
 .compact-recent-copy>strong{font-size:15px}
 .compact-recent-copy>span{font-size:13px}
 #fight-explorer{padding-top:12px;padding-bottom:20px}
 #fight-explorer>.section-heading h3{font-size:23px}
 #fight-explorer>.section-heading p{max-width:none;font-size:13px!important}
 .fight-picker{grid-auto-columns:105px;margin-bottom:14px}
 .fight-pick{padding:9px 8px}
 .fight-pick .pick-image{height:72px}
 .fight-pick strong{font-size:13px!important;min-height:42px}
 .explorer{padding:0}
 .match-overview{padding:14px 13px 12px}
 .match-title-row h3{font-size:16px}
 .match-title-faces img{width:37px;height:44px}
 .match-title-row{gap:10px}
 .match-title-row p{margin-top:4px}
 .match-title-row p>span{display:inline}
 .match-event{font-size:13px!important;margin-bottom:10px}
 .match-result-details{margin-top:12px}
 .match-result-details>summary{padding-top:11px;min-height:32px;align-items:center}
 .focus-comparison{padding:17px 12px 14px}
 .focus-toolbar{gap:10px}
 .focus-scoreboard{margin:18px 0 12px}
 .focus-person img{width:52px;height:52px}
 .focus-person strong{font-size:13px!important}
 .focus-result b{font-size:42px}
 .focus-time b{font-size:26px}
 .focus-takeaway{margin:12px 0 20px;font-size:14px!important}
 .focus-chart{margin-top:18px}
 .mirror-row{margin-bottom:22px}
 .focus-help{margin-top:16px}
 .compact-disclosure>summary{padding:17px 16px;min-height:80px}
 .compact-disclosure>summary strong{font-size:16px}
 .compact-disclosure>summary small{font-size:13px!important}
 #history-all,#archive-details{padding:0 16px}
 #history-all>summary,#archive-details>summary{min-height:76px}
 #extra-analysis .target-card{padding:20px 16px}
 #extra-analysis .section-heading h3{font-size:21px}
 #extra-analysis .insight-story{padding:20px 16px}
 #extra-analysis .position-scenes article{padding:16px}
 #extra-analysis .loss-photo-list span{min-width:0;flex:1}
 .record-controls{top:68px}
 footer{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#overview .compact-feature{min-height:210px}
#overview .compact-feature .story-copy{padding:25px 32px}
#overview .compact-feature .story-copy h3{font-size:27px}
@media(max-width:640px){
 #overview .compact-feature{min-height:185px}
 #overview .compact-feature .story-copy{padding:20px}
 #overview .compact-feature .story-copy h3{font-size:21px}
 .hero .hero-record .record-note,.hero .hero-record small{display:none}
 .hero .hero-record>div{display:block}
 .focus-toolbar{padding-top:4px;padding-bottom:14px;display:flex;flex-direction:column;align-items:stretch;gap:9px}
 .focus-rounds{margin:0}
 .focus-scoreboard{padding-top:12px;padding-bottom:8px}
}
.match-title-row .match-key-note{font-size:13px!important;color:#173e33;background:#edf1e5;padding:8px 10px;margin-top:10px;border-radius:3px;line-height:1.7!important}
@media(min-width:641px){.hero .hero-visual>img{height:560px;width:auto;max-width:none;bottom:0}}