/* Recap export controls use the same alignment and feedback on every device. */
body.th-recap :is(#downloadPng,#downloadPngMobile){appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;min-height:42px;min-width:154px;max-width:100%;padding:0 16px;border:1px solid #e5b24c;border-radius:6px!important;background:linear-gradient(180deg,#ffd477,#ffc857);color:#18130a;font:650 12px/1.2 var(--font-body);letter-spacing:0;white-space:nowrap;text-align:center;cursor:pointer;box-shadow:0 3px 10px rgba(255,200,87,.1),inset 0 1px 0 rgba(255,255,255,.3);transition:background .15s ease,box-shadow .15s ease,transform .15s ease}
body.th-recap :is(#downloadPng,#downloadPngMobile)>svg{display:block;flex:none;width:16px;height:16px}
body.th-recap :is(#downloadPng,#downloadPngMobile):hover:not(:disabled){background:linear-gradient(180deg,#ffdf91,#ffce66);filter:none;transform:translateY(-1px);box-shadow:0 5px 14px rgba(255,200,87,.15),inset 0 1px 0 rgba(255,255,255,.35)}
body.th-recap :is(#downloadPng,#downloadPngMobile):active:not(:disabled){transform:none;box-shadow:inset 0 2px 4px rgba(75,49,0,.18)}
body.th-recap :is(#downloadPng,#downloadPngMobile):focus-visible{outline:2px solid var(--recap-accent,#ffc857);outline-offset:3px}
body.th-recap :is(#downloadPng,#downloadPngMobile):disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none;box-shadow:none}
body.th-recap .recap-mobile-actions{grid-template-columns:minmax(0,1fr) 44px}
body.th-recap .recap-mobile-actions>.btn{height:44px;min-height:44px;border-radius:6px!important}
body.th-recap #downloadPngMobile{width:100%;min-width:0;height:44px;min-height:44px}
body.th-recap #shareRecapMobile{width:44px;min-width:44px;inline-size:44px;block-size:44px}
/* The rails share the dashboard's grid row, not the taller heading's bounds. */
@media (min-width:1280px){
 body.th-recap .recap-shell[data-th-fluid-ad-layout]:has(>.th-wide-ad-rails>.has-inventory){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);max-width:980px}
 body.th-recap .recap-shell[data-th-fluid-ad-layout]:has(>.th-wide-ad-rails>.has-inventory)>.recap-heading{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr);gap:14px}
 body.th-recap .recap-shell[data-th-fluid-ad-layout]:has(>.th-wide-ad-rails>.has-inventory)>.recap-heading>.recap-heading__actions{width:100%;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
 body.th-recap .recap-shell[data-th-fluid-ad-layout]:has(>.th-wide-ad-rails>.has-inventory)>[data-ad-slot="recap-desktop-inline"]{grid-column:1;grid-row:2}
 body.th-recap .recap-shell[data-th-fluid-ad-layout]:has(>.th-wide-ad-rails>.has-inventory)>:is(.recap-dashboard,.recap-workbench){grid-column:1;grid-row:3;min-width:0;width:100%;max-width:none;margin-inline:0}
 body.th-recap .recap-shell[data-th-fluid-ad-layout]:has(>.th-wide-ad-rails>.has-inventory)>.th-wide-ad-rails{grid-column:1 / 2;grid-row:3 / 4}
}
@media (prefers-reduced-motion:reduce){
 body.th-recap :is(#downloadPng,#downloadPngMobile){transition:none}
 body.th-recap :is(#downloadPng,#downloadPngMobile):hover:not(:disabled){transform:none}
}

@media (max-width:560px){
 body.th-recap .recap-workbench #downloadPng{width:100%;min-width:0;padding-inline:6px;gap:5px;font-size:11px;white-space:normal}
}