/* iOS reading system: one family and semantic roles, no brand/icon changes.
   Scoped to iOS/local preview; Android and desktop web retain their styling.
   Root specificity intentionally replaces conflicting legacy declarations.
   Research and limitations: docs/IOS-TYPOGRAPHY-20260911.md */
html[data-tw-sport="true"][data-experience="v2-reboot"] {
  --tw-font-ui:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --tw-type-body:calc(17px * var(--sport-font-scale,1));
  --tw-type-control:calc(15px * var(--sport-font-scale,1));
  --tw-type-item:calc(16px * var(--sport-font-scale,1));
  --tw-type-helper:calc(13px * var(--sport-font-scale,1));
  --tw-type-meta:calc(12px * var(--sport-font-scale,1));
  --tw-type-caption:calc(11px * var(--sport-font-scale,1));
  --tw-type-section:calc(20px * var(--sport-font-scale,1));
  --tw-type-page:calc(24px * var(--sport-font-scale,1));
  --tw-type-price:calc(22px * var(--sport-font-scale,1));
  --tw-type-detail-price:calc(26px * var(--sport-font-scale,1));
  --tw-type-reading-leading:1.5;--tw-type-heading-leading:1.3;--tw-type-control-leading:1.4;
  --fs-xs:var(--tw-type-meta);--fs-sm:var(--tw-type-helper);--fs-base:var(--tw-type-body);
  --fs-md:var(--tw-type-item);--fs-lg:var(--tw-type-section);--fs-xl:var(--tw-type-page);
}
html[data-tw-sport="true"][data-experience="v2-reboot"][lang="ar"] {--tw-type-reading-leading:1.65;--tw-type-heading-leading:1.45;--tw-type-control-leading:1.5}
html[data-tw-sport="true"][data-experience="v2-reboot"] body,
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) {
  font-family:var(--tw-font-ui)!important;font-size:var(--tw-type-body)!important;
  font-weight:400!important;line-height:var(--tw-type-reading-leading)!important;letter-spacing:normal!important;
}
/* Inherit a role instead of carrying a stale display font or tiny inline size.
   Locked wordmarks and watermarks are intentionally excluded. */
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :where(*):not(:where(svg,svg *,.brand,.brand *,.brand-signature,.brand-signature *,.foot-brand,.foot-brand *,.logo-mark,.logo-mark *,.dt-photo-watermark,.dt-photo-watermark *,.dt-lightbox-watermark,.dt-lightbox-watermark *)) {
  font-family:var(--tw-font-ui)!important;font-size:inherit!important;font-weight:inherit!important;
  line-height:inherit!important;font-style:normal!important;letter-spacing:normal!important;
}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(strong,b):not(:where(.brand *,.brand-signature *,.foot-brand *,.logo-mark *,.dt-photo-watermark *,.dt-lightbox-watermark *)) {font-weight:600!important}

/* Body, context, then metadata. Larger text uses flexible containers. */
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(p,.desc,.service-detail-description,.mw-msg,.mw-msg-text) {
  font-size:var(--tw-type-body)!important;font-weight:400!important;line-height:var(--tw-type-reading-leading)!important;overflow-wrap:anywhere;
}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(.sub,.lead,.hint,.note,.trade-hint,.listing-responsibility,.v2-ad-subline,.v2-assistant small,.v2-services p,.v2-sell-card p,.service-platform-note,.service-ad-summary,.service-advertise p,.service-contact p,.service-ads-heading p,.service-ads-empty p,.service-ad-area,.market-filter-caption,.market-active-summary,.terms-consent,.terms-text,.notification-item p,.v4-row-sub,.v4-row-note,.v4-account-group) {
  font-size:var(--tw-type-helper)!important;font-weight:400!important;line-height:var(--tw-type-reading-leading)!important;
}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(small,time,.meta,.tag,.rowmeta,.listing-time,.dt-published,.seller .scount,.spec .k,.notification-item time,.service-photo-counter,.service-ad-tag,.listbar,.v2-eyebrow) {
  font-size:var(--tw-type-meta)!important;font-weight:400!important;line-height:1.5!important;
}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(.sub,.lead,.hint,.note,.meta,.rowmeta,.listing-time,.dt-published,.spec .k,.seller .scount,.v4-account-group,.v4-row-sub,.v4-row-note,.market-filter-caption) {color:var(--mut)!important}

/* Page / section / item hierarchy, using semibold rather than blanket 900. */
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(h1,.h1,.dt-title,.v2-language-card h1) {
  font-size:var(--tw-type-page)!important;font-weight:600!important;line-height:var(--tw-type-heading-leading)!important;overflow-wrap:anywhere;
}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(h2,.v2-section-head h2,.v2-sell-card h2,.v2-services h2,.block-t,.service-ads-empty h2) {
  font-size:var(--tw-type-section)!important;font-weight:600!important;line-height:var(--tw-type-heading-leading)!important;overflow-wrap:anywhere;
}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(h3,h4,h5,h6,.ttl,.service-ad-title,.v2-product-body strong,.v2-assistant strong,.seller .snm,.service-option-label) {
  font-size:var(--tw-type-item)!important;font-weight:600!important;line-height:var(--tw-type-heading-leading)!important;overflow-wrap:anywhere;
}
html[data-tw-sport="true"][data-experience="v2-reboot"] #modal #sheet :is(h2,h3) {font-size:var(--tw-type-page)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .spec .v {font-size:var(--tw-type-body)!important;font-weight:500!important;line-height:var(--tw-type-reading-leading)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-ad-copy strong {font-size:var(--tw-type-page)!important;font-weight:600!important;line-height:var(--tw-type-heading-leading)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-section-head {gap:12px;margin-block:28px 14px!important;align-items:center}

/* Prices share the UI family, not Anton/condensed fonts. */
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal) :is(.price,.v2-price,.service-ad-price,.feebox .amt) {
  font-size:var(--tw-type-price)!important;font-weight:600!important;line-height:1.4!important;
  font-variant-numeric:tabular-nums lining-nums;overflow-wrap:anywhere;
}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .dt-price {font-size:var(--tw-type-detail-price)!important;font-weight:600!important;line-height:1.4!important;font-variant-numeric:tabular-nums lining-nums}

/* Consistent actions and form controls. */
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(button,.btn,.primary,.submit,.cbtn,.service-social,.acct-row,.v4-row,.chip,.seg .o,.tier .o,label,legend,summary,.market-filter-deck-head) {
  font-size:var(--tw-type-control)!important;font-weight:500!important;line-height:var(--tw-type-control-leading)!important;
}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(input,select,textarea) {font-size:var(--tw-type-body)!important;font-weight:400!important;line-height:var(--tw-type-control-leading)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(input,textarea)::placeholder {color:var(--mut)!important;opacity:1;font-weight:400}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(.submit,.primary,.btn,.service-social,.acct-row,.v4-row,.paychip,.checkrow) {height:auto!important;min-height:48px;white-space:normal;overflow-wrap:anywhere}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(.field>label,.form>label) {display:block;margin-block:0 8px!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal) .field {margin-block-end:18px}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-search-label {font-size:var(--tw-type-helper)!important;font-weight:500!important;line-height:var(--tw-type-reading-leading)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-search button {flex-shrink:0;padding-inline:16px;white-space:normal}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v3-trust-strip strong {font-size:var(--tw-type-meta)!important;font-weight:500!important;line-height:1.5!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-intent span {font-size:var(--tw-type-control)!important;font-weight:500!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone :is(.market-filter-deck-action,.market-filter-deck-head>small) {font-size:var(--tw-type-helper)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone :is(.v3-badge,.service-ad-open,.v2-ad-cta,.dt-gallery-count,.dt-gallery-expand) {font-size:var(--tw-type-helper)!important;font-weight:500!important;line-height:1.4!important;height:auto!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .acct-top>div>div:first-child {font-size:var(--tw-type-item)!important;font-weight:600!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .acct-top>div>div:nth-child(2) {font-size:var(--tw-type-helper)!important;font-weight:400!important;overflow-wrap:anywhere}

/* UIKit owns the visible dock; its fallback stays compact and readable. */
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .topbar-actions {flex:0 0 auto;max-width:none}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .topbar-identity,
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .brand-signature {flex:0 0 auto}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #nav button,
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #nav button span[data-t] {font-size:11px!important;font-weight:500!important;line-height:1.3!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #langBtn {font-size:11px!important;font-weight:500!important;line-height:1!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(.iconbtn,.dt-gallery-arrow,.dt-lightbox-arrow,#lightboxClose,#sportPhotoZoom) {line-height:1!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) :is(.dt-gallery-arrow,.dt-lightbox-arrow,#lightboxClose,#sportPhotoZoom) {font-size:26px!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone :is(.v2-section-head h2,.market-title-row .h1) {min-width:0}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-section-head>button {flex-shrink:0;max-width:40%;white-space:normal}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone :is(.card .meta,.card .body,.v2-product-body,.acct-row .t,.v4-row-main) {min-width:0}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v4-account-group {margin-block:24px 10px!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #s-account .v4-row-note {font-size:var(--tw-type-helper)!important}

/* Promotion copy flows in the document: no fixed-height text overlays. */
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-season-banner {height:auto!important;min-height:176px}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-season-banner .v2-ad-hit {position:relative;inset:auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px;height:auto;min-height:176px;padding:20px;isolation:isolate;background:rgba(5,8,12,.58)}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-season-banner :is(.v2-ad-label,.v2-ad-copy,.v2-ad-cta) {position:static;inset:auto;max-width:100%;min-width:0;overflow-wrap:anywhere}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-ad-label {font-size:var(--tw-type-meta)!important;font-weight:500!important;color:#fff}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-ad-copy {display:block}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-ad-subline {display:block;margin-top:5px;color:#fff}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-ad-cta {padding:10px 14px;white-space:normal;color:#fff}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-services {height:auto!important;min-height:200px;color:var(--text);background:var(--surface);padding:22px}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-services::after {display:none}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-service-copy {position:relative;inset:auto;min-width:0}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-services :is(.v2-eyebrow,p) {color:var(--mut)}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v2-services button {color:var(--text);background:var(--surface-2);border-color:var(--border);padding:10px 14px}

/* Small cards keep their complete labels at enlarged type sizes. */
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v3-trust-strip>div {grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center!important;gap:8px;padding:13px 7px!important;border:1px solid var(--border-strong);border-radius:16px!important;background:var(--surface);box-shadow:0 2px 6px rgba(0,0,0,.025);min-width:0;align-content:center}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v3-trust-strip strong {overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v3-trust-strip .v3-trust-icon {font-size:12px!important;font-weight:500!important;line-height:1!important;width:28px;height:28px;display:grid;place-items:center}
/* Frame the home collection without changing its order or its horizontal rails. */
html #phone #s-home .v2-latest {box-sizing:border-box;min-width:0;max-width:100%;padding:16px 12px 12px;border:1px solid var(--border-strong);border-radius:24px;background:var(--surface);overflow:hidden}
html #phone #s-home .v2-latest>.v2-section-head {margin:0 2px 16px!important;gap:10px;flex-wrap:wrap}
html #phone #s-home .v2-latest>.v2-section-head button {min-height:44px;flex-shrink:0}
html #phone #s-home .v2-latest>.v2-rail,
html #phone #s-home .v2-latest .v2-fresh-rail {margin-inline:0;padding:0 2px 6px;scroll-padding-inline:2px;max-width:100%}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v3-badge {white-space:normal;overflow-wrap:anywhere}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v3-badge svg {flex-shrink:0}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone .v3-similar-copy :is(strong,b,small) {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}

/* Text colors are separate from brand fills; every chip state stays legible. */
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #catChips .cat-all {--category-color:#d5d6db}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #catChips .cat-bikes {--category-color:#ffa66f}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #catChips .cat-atv {--category-color:#89bcff}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #catChips .cat-accessories {--category-color:#76d9a6}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #catChips .cat-safety {--category-color:#ff97a1}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #catChips .chip.on {color:#101114}
html[data-tw-sport="true"][data-experience="v2-reboot"][data-theme="light"] #phone #catChips .cat-all {--category-color:#454b56}
html[data-tw-sport="true"][data-experience="v2-reboot"][data-theme="light"] #phone #catChips .cat-bikes {--category-color:#913d19}
html[data-tw-sport="true"][data-experience="v2-reboot"][data-theme="light"] #phone #catChips .cat-atv {--category-color:#1b5595}
html[data-tw-sport="true"][data-experience="v2-reboot"][data-theme="light"] #phone #catChips .cat-accessories {--category-color:#12613b}
html[data-tw-sport="true"][data-experience="v2-reboot"][data-theme="light"] #phone #catChips .cat-safety {--category-color:#9e2032}
html[data-tw-sport="true"][data-experience="v2-reboot"][data-theme="light"] #phone #catChips .chip.on {color:#fff}
html[data-tw-sport="true"][data-experience="v2-reboot"] #modal #sheet .auth-terms-detail a,
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #s-detail .v3-similar-copy strong,
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #s-detail #simRow .price,
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone :is(.seller,.acct-top) .av {color:var(--brand-text)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #detailGalleryOpen .dt-gallery-expand {color:#fff;background:#171b22}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #s-detail .v3-detail-trust .v3-badge {color:#7eeedc;background:#153b35}
html[data-tw-sport="true"][data-experience="v2-reboot"][data-theme="light"] #phone #s-detail .v3-detail-trust .v3-badge {color:#145a4b;background:#e4f2ed}

/* Validation is an explicit helper role, not tiny text or a full body block. */
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) .field :is(.hint-msg,.field-help,.field-error) {font-size:var(--tw-type-helper)!important;font-weight:400!important;line-height:var(--tw-type-reading-leading)!important;white-space:normal;overflow-wrap:anywhere}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) .field :is(.hint-msg,.field-help) {color:var(--mut)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) .field.error .hint-msg,
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) .field .field-error {color:#ff98a5!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] :is(#phone,#modal,#mw-root) .field.success .hint-msg {color:#83d7a9!important}
html[data-tw-sport="true"][data-experience="v2-reboot"][data-theme="light"] :is(#phone,#modal,#mw-root) .field.error .hint-msg,
html[data-tw-sport="true"][data-experience="v2-reboot"][data-theme="light"] :is(#phone,#modal,#mw-root) .field .field-error {color:#ac2036!important}
html[data-tw-sport="true"][data-experience="v2-reboot"][data-theme="light"] :is(#phone,#modal,#mw-root) .field.success .hint-msg {color:#17683c!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #mw-root .mw-title {font-size:var(--tw-type-item)!important;font-weight:600!important;line-height:var(--tw-type-heading-leading)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #mw-root .mw-status {font-size:var(--tw-type-helper)!important;font-weight:400!important;line-height:var(--tw-type-reading-leading)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #mw-root :is(.mw-title,.mw-status) {white-space:normal;text-overflow:clip;overflow:visible;overflow-wrap:anywhere}

/* Quiet paid-listing emphasis: the existing featured marker is the single source
   of truth. No change to ranking, verified status, image treatment or type scale. */
html #phone {--tw-featured-edge:rgba(208,175,112,.38);--tw-featured-wash:rgba(208,175,112,.075);--tw-featured-shadow:rgba(0,0,0,.13)}
html[data-theme="light"] #phone {--tw-featured-edge:rgba(151,112,49,.32);--tw-featured-wash:rgba(183,145,78,.055);--tw-featured-shadow:rgba(70,48,13,.055)}
html #phone :is(.card,.v2-product,.v5-preview):has(.featured-star) {
  border-color:var(--tw-featured-edge)!important;
  box-shadow:0 4px 14px var(--tw-featured-shadow),inset 0 1px 0 var(--tw-featured-wash)!important;
}
html #phone :is(.card,.v2-product):has(.featured-star) :is(.body,.v2-product-body),
html #phone .v5-preview:has(.featured-star) .v5-preview-copy {
  background-image:linear-gradient(135deg,var(--tw-featured-wash),transparent 70%);
}
html #phone .featured-star {
  width:23px!important;height:23px!important;min-width:23px;box-sizing:border-box;
  top:9px;right:9px;border-radius:8px;border:1px solid rgba(230,209,159,.4);
  background:rgba(24,25,29,.82);color:#ecd7a5;
  font-size:13px!important;font-weight:500!important;line-height:1!important;
  box-shadow:0 2px 5px rgba(0,0,0,.12);pointer-events:none;
}

/* Market layout is a user preference; these rules only override forced rows in grid mode. */
html #phone #s-market .listbar {display:flex;flex-wrap:wrap;align-items:center;gap:10px}
html #phone #viewToggle {display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;margin-inline-start:auto;max-width:100%}
html #phone #viewToggle button {display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--mut);font:inherit;cursor:pointer}
html #phone #viewToggle button.on {background:var(--brand-fill,var(--accent));color:#fff}
html #phone #viewToggle button:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
html #phone #viewToggle button svg {width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.8}
html #phone #s-market #listGrid[data-market-view="grid"] {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch}
html #phone #s-market #listGrid[data-market-view="grid"] .card {display:flex!important;flex-direction:column;grid-template-columns:none!important;min-width:0;min-height:0!important;height:auto!important}
html #phone #s-market #listGrid[data-market-view="grid"] .card .thumb {width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3;flex:0 0 auto}
html #phone #s-market #listGrid[data-market-view="grid"] .card .body {width:100%;box-sizing:border-box;flex:1;justify-content:flex-start!important;align-items:stretch!important;padding:12px!important;gap:5px}
html #phone #s-market #listGrid[data-market-view="grid"] .card :is(.ttl,.price,.meta,.km,.listing-time) {max-width:100%;white-space:normal!important;overflow-wrap:anywhere;min-width:0}
html #modal #sheet .profile-session-actions {display:grid;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
html #modal #sheet .profile-session-actions button,
html #modal #sheet .account-settings-back {min-height:48px;width:100%;white-space:normal;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--text);cursor:pointer}
html #modal #sheet #profileLogout {border-color:transparent;background:var(--brand-fill,var(--accent));color:#fff}
html #modal #sheet #profileAccountSettings {background:transparent}
html #modal #sheet .account-delete-secondary {display:block;background:transparent;color:var(--mut);border:1px solid var(--line);border-radius:12px;width:100%;min-height:48px;padding:12px;font-size:var(--tw-type-control,15px)!important;font-weight:500!important;line-height:1.5;cursor:pointer;margin:20px 0 12px}
html #modal #sheet .account-delete-secondary:focus-visible {outline:2px solid var(--accent);outline-offset:3px}

/* Returning-guest prompt: the CTA must not squeeze copy into a narrow column. */
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #v21MemberNudge {grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;padding:16px}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #v21MemberNudge .v21-member-icon {width:38px;height:38px}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #v21MemberNudge .v21-member-copy strong {font-size:var(--tw-type-item)!important;font-weight:600!important;line-height:var(--tw-type-heading-leading)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #v21MemberNudge .v21-member-copy small {font-size:var(--tw-type-helper)!important;font-weight:400!important;line-height:var(--tw-type-reading-leading)!important}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #v21MemberNudge .v21-member-actions {grid-column:1/-1;justify-content:flex-end;min-width:0}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #v21MemberNudge .v21-member-join {min-height:44px;padding:10px 16px;white-space:normal;max-width:calc(100% - 44px)}
html[data-tw-sport="true"][data-experience="v2-reboot"] #phone #v21MemberNudge .v21-member-later {width:44px;height:44px;flex:0 0 44px;font-size:22px!important}
/* Listing actions stay separate from seller contact and never cover photos. */
.listing-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 18px}
.listing-share-actions .cbtn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:46px;padding:10px 8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font-size:14px;line-height:1.4;font-weight:600}
.listing-share-actions .cbtn svg{width:18px;height:18px;flex:0 0 18px}
.listing-share-actions .cbtn:focus-visible{outline:2px solid #d20b32;outline-offset:3px}