/* Signature: finish the migration of legacy content, not the business logic.
   All selectors are scoped to the live presentation layer. */
body.signature-live {
  --bg: #f6f7f4; --bg2: #edf1e9; --panel: #fff; --panel2: #eaf0e6;
  --fg: #172126; --muted: #5f6e66; --acc: #b85a2c; --acc2: #b85a2c;
  --ok: #286343; --warn: #875c16; --danger: #a3363c;
  color-scheme: light;
}
.signature-live :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid #bd683a; outline-offset: 4px;
}
.signature-live .site-header {line-height:1.4}
.signature-live .site-header a {color:inherit}
.signature-live .site-header .account-button {color:#fff}
.signature-live .site-header .active {color:#a64c22}
.signature-live :is(.signature-details,.signature-native) {
  --bg:#f6f7f4; --bg2:#edf1e9; --panel:#fff; --panel2:#eaf0e6;
  --fg:#172126; --muted:#5f6e66; --acc:#b85a2c; --ok:#286343;
  font-family:Manrope,Arial,sans-serif; color:#172126;
}
.signature-live :is(.signature-details,.signature-native) :is(h2,h3,h4,strong,b) {color:inherit}
.signature-live :is(.signature-details,.signature-native) :is(p,li) {line-height:1.8}
.signature-live :is(.signature-details,.signature-native) :is(.btn,.fn-btn,.ow-button,.bf-button,.audio-button) {
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  min-height:48px; padding:14px 21px; border:1px solid #172b29; border-radius:6px;
  background:#172b29; color:#fff; text-decoration:none; font:800 12px/1.5 Manrope,Arial,sans-serif;
  box-shadow:none; white-space:normal; text-align:center; transition:background .2s,transform .2s;
}
.signature-live :is(.signature-details,.signature-native) :is(.btn,.fn-btn,.ow-button,.bf-button,.audio-button):hover {
  background:#2d4540; transform:translateY(-2px); color:#fff;
}
.signature-live :is(.signature-details,.signature-native) :is(.btn-primary,.mw4-btn-primary) {
  background:#b85a2c!important; border-color:#b85a2c!important; color:#fff!important;
}
.signature-live :is(.signature-details,.signature-native) .btn-ghost {
  background:#fff; border-color:#cad4cb; color:#243b32;
}
.signature-live :is(.signature-details,.signature-native) .btn-ghost:hover {background:#edf1e9;color:#172126}

/* Long-form product information: identical rhythm and components for every game. */
.signature-live .signature-details {background:#f0f3ec; border-top:1px solid #dde4d9}
.signature-live .signature-details>section {
  width:min(1328px,calc(100% - 112px)); margin:0 auto; padding:76px 0;
  border-bottom:1px solid #d7e0d3; background:none;
}
.signature-live .signature-details>section:last-child {border-bottom:0}
.signature-live .signature-details section :is(.container,.fn-wrap,.ow-wrap,.bf-wrap,.audio-wrap) {
  width:100%; max-width:none; margin:0; padding-inline:0;
}
.signature-live .signature-details h2 {font-size:clamp(34px,3.8vw,54px);line-height:1.08;margin:0 0 25px;max-width:950px;color:#1b2b2c}
.signature-live .signature-details h3 {font:800 17px/1.45 Manrope,Arial,sans-serif;margin:0 0 12px;color:#23382e}
.signature-live .signature-details p {font-size:14px;color:#56695c;line-height:1.9}
.signature-live .signature-details :is(.lead,.fn-section-intro,.audio-subtitle) {max-width:850px;margin-bottom:30px}
.signature-live .signature-details :is(.eyebrow,.fn-kicker,.ow-eyebrow,.bf-eyebrow,.audio-kicker,.mw4-kicker,.referral-badge) {
  display:block; font-size:10px; font-weight:800; line-height:1.7; letter-spacing:1.8px;
  text-transform:uppercase; color:#7d543c; margin-bottom:16px;
}
.signature-live .signature-details :is(.grad,.mw4-gold) {color:#a9532c;background:none;-webkit-text-fill-color:currentColor}
.signature-live .signature-details :is(.fn-features,.fn-steps,.ow-features,.bf-features,.audio-features,.mw4-feature-grid) {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:32px;
}
.signature-live .signature-details :is(.fn-features,.fn-steps,.ow-features,.bf-features,.audio-features,.mw4-feature-grid)>article {
  min-width:0; padding:30px; background:#fff; border:1px solid #dbe3d7; border-radius:10px;
  box-shadow:0 8px 24px #17372404; position:relative;
}
.signature-live .signature-details :is(.fn-features,.fn-steps,.ow-features,.bf-features,.audio-features,.mw4-feature-grid)>article>:is(span,b):first-child {
  display:grid; place-items:center; width:42px; height:42px; border-radius:9px;
  background:#edf2e8; color:#835234; font:800 14px/1 Manrope,Arial,sans-serif; margin-bottom:24px;
}
.signature-live .signature-details .mw4-feature-grid>article>span:first-child {font-size:23px}
.signature-live .signature-details :is(.fn-features,.fn-steps,.ow-features,.bf-features,.audio-features,.mw4-feature-grid) p {font-size:13px;margin:0}
.signature-live .signature-details :is(.ow-gallery,.bf-gallery) {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.signature-live .signature-details :is(.ow-gallery,.bf-gallery) a {display:block;border-radius:10px;overflow:hidden;background:#172126}
.signature-live .signature-details :is(.ow-gallery,.bf-gallery) img {width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .4s}
.signature-live .signature-details :is(.ow-gallery,.bf-gallery) a:hover img {transform:scale(1.035)}
.signature-live .signature-details :is(.ow-credit,.bf-credit) {font-size:11px;margin-top:18px}
.signature-live .signature-details :is(.ow-account,.bf-account) {display:flex;align-items:center;justify-content:space-between;gap:35px}
.signature-live .signature-details :is(.ow-account,.bf-account) h2 {font-size:36px;margin-bottom:14px}
.signature-live .signature-details :is(.ow-account,.bf-account)>a {flex-shrink:0}

/* Keep media contained; portrait screenshots must never become full-page walls. */
.signature-live .signature-details :is(.mw4-gameplay-showcase,.mw4-focus-grid) {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.signature-live .signature-details :is(.mw4-gameplay-player,.fn-video-frame) {background:#142126;padding:10px;border:1px solid #bfcdbf;border-radius:12px;overflow:hidden}
.signature-live .signature-details video {display:block;width:100%;max-height:560px;aspect-ratio:16/9;object-fit:contain;border-radius:6px;background:#0c161a}
.signature-live .signature-details .fn-video-frame {max-width:1000px;margin:30px auto 0}
.signature-live .signature-details .fn-video-frame video {max-height:540px}
.signature-live .signature-details .mw4-gameplay-player>span {display:block;color:#c6d5c8;font-size:10px;letter-spacing:1.3px;padding:15px 10px 8px}
.signature-live .signature-details :is(.mw4-focus-copy,.mw4-gameplay-copy) ul {display:grid;gap:12px;margin:24px 0}
.signature-live .signature-details :is(.mw4-focus-copy,.mw4-gameplay-copy) li {display:flex;gap:14px;align-items:start;font-size:13px}
.signature-live .signature-details :is(.mw4-focus-copy,.mw4-gameplay-copy) li>b {font-size:10px;background:#e0e8d9;color:#576e52;padding:4px 7px;border-radius:4px}
.signature-live .signature-details .mw4-focus-visual {position:relative;background:#18272c;padding:24px;border-radius:12px;text-align:center}
.signature-live .signature-details .mw4-focus-visual img {max-height:530px;width:auto;margin:auto;object-fit:contain;border-radius:7px}
.signature-live .signature-details .mw4-focus-visual>span {display:block;color:#d8e4d9;font-size:10px;letter-spacing:1.4px;margin-top:20px}
.signature-live .signature-details .audio-showcase figure {margin:32px 0 0;padding:28px;border-radius:12px;background:#e5ebe0;border:1px solid #d2ddcb}
.signature-live .signature-details .audio-showcase img {width:100%;height:auto;max-width:920px;margin:auto;border-radius:10px;box-shadow:0 18px 40px #172a211a}
.signature-live .signature-details figcaption {margin-top:22px;text-align:center;font-size:11px;line-height:1.8;color:#5c6f5f}
.signature-live .signature-details figcaption a {display:inline-block;margin-left:8px}
.signature-live .signature-details .mw4-final-cta {text-align:center}
.signature-live .signature-details .mw4-final-cta h2 {margin-inline:auto}
.signature-live .signature-details .mw4-final-cta p {max-width:780px;margin:auto}
.signature-live .signature-details :is(.mw4-actions,.referral-actions) {display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 20px}
.signature-live .signature-details .mw4-actions {justify-content:center}
.signature-live .signature-details small {display:block;color:#637561;font-size:11px;line-height:1.8}

/* Home: editorial introduction, referral journey and accessible FAQ cards. */
.signature-live .signature-details .signature-context {padding-block:54px}
.signature-live .signature-context h2 {max-width:1050px;font-size:clamp(26px,3vw,40px);line-height:1.25;margin:0;padding-left:24px;border-left:3px solid #c87848}
.signature-live .signature-details .referral-promo {display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.signature-live .signature-details .referral-flow {display:flex;flex-direction:column;gap:14px}
.signature-live .signature-details .referral-flow article {display:flex;gap:20px;align-items:center;padding:25px;background:#fff;border:1px solid #d8e1d2;border-radius:9px}
.signature-live .signature-details .referral-flow article.reward {background:#e5eddd;border-color:#c5d4b8}
.signature-live .signature-details .referral-flow i {display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#edf2e8;color:#846047;font:800 14px/1 Manrope,sans-serif}
.signature-live .signature-details .referral-flow b {font-size:13px;display:block;line-height:1.7}
.signature-live .signature-details .referral-flow span {display:block;font-size:12px;line-height:1.8;margin-top:5px;color:#627260}
.signature-live .signature-details :is(.fn-faq,.audio-faq,#faq) {max-width:1000px}
.signature-live .signature-details details {margin:12px 0;border:1px solid #d6e0d0;border-radius:8px;background:#fff;overflow:hidden}
.signature-live .signature-details summary {position:relative;display:block;margin:0;padding:23px 60px 23px 25px;border:0;font-size:14px;line-height:1.65;font-weight:800;color:#23372e}
.signature-live .signature-details summary:after {content:'+';position:absolute;right:24px;top:21px;font-size:22px;line-height:1.2;font-weight:500;color:#ad6135}
.signature-live .signature-details details[open] summary:after {content:'−'}
.signature-live .signature-details details[open] summary {border-bottom:1px solid #e3e9df}
.signature-live .signature-details details> :not(summary) {display:block;margin:0;padding:20px 25px 25px;font-size:14px;line-height:1.9;color:#5a6e5d;background:#fff;max-height:none;opacity:1}
.signature-live .signature-details .audio-support {display:inline-flex;margin-top:25px;font-size:13px;font-weight:800}

/* Existing functional pages: maintain all forms and IDs, replace dark/purple surfaces. */
.signature-live .signature-native-page {max-width:none;margin:0;padding:145px 0 75px;background:#f6f7f4;box-shadow:none;border-radius:0}
.signature-live .signature-native :is(.account-hero,.buy-hero,.watch-page,.legal-shell) {padding-top:0;background:none}
.signature-live .signature-native .account-main {padding-top:0}
.signature-live .signature-native .account-hero h1 {font-size:clamp(42px,5vw,68px);line-height:1.1}
.signature-live .signature-native :is(.account-card,.account-metric,.account-game,.account-game.fortnite,.account-status-card,.account-recharge,.watch-copy>div) {
  color:#22382e!important;background:#fff!important;border:1px solid #d6e0d0!important;
  box-shadow:0 8px 25px #18331f05!important;border-radius:10px;
}
.signature-live .signature-native :is(.account-metric small,.account-game-note,.account-game-expiry,.account-game-hint,.account-games-explanation,.account-game-top p,.hwid-reset-next) {color:#60705e}
.signature-live .signature-native :is(.account-games-head small,.account-recharge-copy small) {color:#98552f}
.signature-live .signature-native :is(.account-game-icon,.account-recharge-icon) {background:#edf2e7;color:#8c542f}
.signature-live .signature-native :is(.account-games-head>span,.account-game-badge) {background:#e9f1e4;color:#326141;border-color:#ccd9c4}
.signature-live .signature-native :is(.account-game-badge.waiting,.account-state.waiting,.hwid-reset-badge.waiting) {background:#fff1d8;color:#825812}
.signature-live .signature-native :is(.account-game-badge.missing) {background:#edf0e9;color:#61705e}
.signature-live .signature-native :is(.account-state.danger,.account-error,.account-notice.danger) {background:#fff0ed;color:#a03939;border-color:#e7bcb3}
.signature-live .signature-native .account-notice.success {background:#eaf3e7;color:#286241;border-color:#bed5b7}
.signature-live .signature-native .account-game-expiry strong {color:#253c2c}
.signature-live .signature-native .account-add-game {background:#edf2e8!important;border:1px solid #c7d7bc!important;color:#2b4d32!important}
.signature-live .signature-native .account-add-game:hover {background:#dce9d2!important;color:#183b25!important}
.signature-live .signature-native .account-history {border-color:#d9e2d2}
.signature-live .signature-native .account-card h2 {font:800 18px/1.4 Manrope,Arial,sans-serif}
.signature-live .signature-native .account-recharge-copy h2 {font:800 17px/1.4 Manrope,Arial,sans-serif}
.signature-live .signature-native .account-search {padding:9px;gap:10px;border-radius:10px}
.signature-live .signature-native .account-search input {margin:0;min-height:48px}
.signature-live .signature-native .copy-btn {background:#223c2d;color:#fff;border-color:#223c2d;border-radius:6px;padding:11px 16px}
.signature-live .signature-native .referral-code {gap:12px}
.signature-live .signature-native .account-key {padding:8px 10px;border-radius:5px;overflow-wrap:anywhere}
.signature-live .signature-native .account-row span:last-child {color:#345738!important}
.signature-live .signature-native .box p[style*="color"],
.signature-live .signature-native .box .row>span[style*="color"] {color:#4a6945!important}
.signature-live .signature-native .box h1 span[style*="color"] {color:#aa3e3d!important}

/* Checkout: status colors remain meaningful and all payment copy stays readable. */
.signature-live .signature-native :is(.buy-section,.buy-help) {background:#f0f3ec;border-color:#d7e1d0}
.signature-live .signature-native :is(.buy-product-group,.buy-product-group.mw4-group,.buy-steps,.buy-referral-field,.buy-payment-note,.cart-empty) {background:#edf2e8;border-color:#d2dec9;color:#28432e}
.signature-live .signature-native .buy-checkout {border-radius:12px}
.signature-live .signature-native :is(.buy-product-group-head>span,.buy-payment-icon,.buy-steps>div>span) {background:#e4ecdc;color:#7b4b2b;border-color:#ccd7c2}
.signature-live .signature-native :is(.buy-product-group-head small,.buy-plan-duration,.cart-line-copy>span,.cart-empty-icon) {color:#68765f}
.signature-live .signature-native :is(.buy-plan-card li,.buy-referral-field p b,.buy-payment-note b,.buy-summary-pricebox strong) {color:#354e39}
.signature-live .signature-native .buy-plan-card ul {border-color:#d9e1d1}
.signature-live .signature-native .buy-plan-card.selected {border:2px solid #b4673d!important}
.signature-live .signature-native .buy-popular {background:#f0d1b4;color:#61381f}
.signature-live .signature-native .buy-payment-option {background:#fff;border-color:#cfdac7;box-shadow:none}
.signature-live .signature-native .buy-payment-option.selected {background:#edf3e7;border-color:#7b976a;box-shadow:none}
.signature-live .signature-native .buy-payment-option:hover {background:#e7efdf;border-color:#97ad85}
.signature-live .signature-native .buy-payment-option :is(em,i) {color:#286241;background:#e0efdb}
.signature-live .signature-native .cart-line {border-color:#dce5d5}
.signature-live .signature-native .cart-empty {border-style:dashed}
.signature-live .signature-native .buy-checkout-head h2 {font-size:34px;line-height:1.15}
.signature-live .signature-native .buy-payment-note {font-size:12px;line-height:1.7}
.signature-live .signature-native .buy-help {border-top:1px solid #d7e1d0}
.signature-live .signature-native .buy-steps b {color:#28432e}
.signature-live .signature-native .buy-help h2 {font-size:36px}
.signature-live .signature-native :is(.marketing-optin,.marketing-optout) {color:#53654a;border-color:#d2dec8;background:#f2f5ec;font-size:12px;line-height:1.6}
.signature-live .signature-native .marketing-info {color:#63725b;font-size:11px;line-height:1.7}
.signature-live .signature-native .buy-payment-option:focus-within,
.signature-live .signature-native .buy-plan-card:focus-within {outline:3px solid #bc6b3b;outline-offset:3px}
.signature-live .signature-native :is(.err,.error,.danger) {color:#a03d38}
.signature-live .signature-native :is(.ok,.success) {color:#286241}
.signature-live .signature-native :is(.key,.ref) {overflow-wrap:anywhere}
.signature-live .signature-native .box {padding:32px;border-radius:12px}
.signature-live .signature-native .box h1 {font-size:40px;margin-bottom:20px;line-height:1.1}
.signature-live .signature-native .box p {margin:14px 0}
.signature-live .signature-native .box a:not(.btn) {color:#a3542d;text-underline-offset:3px}
.signature-live.cart-status .signature-native-page {width:min(1000px,calc(100% - 40px));padding-inline:20px}
.signature-live .signature-native .cart-status-button {background:#253c2d;color:#fff!important}

/* Video and legal pages are first-class pages, not dark legacy embeds. */
.signature-live .signature-native .watch-page {padding-bottom:0;min-height:0}
.signature-live .signature-native .watch-kicker {background:#e7ede0;border-color:#cbd8c0;color:#796044;border-radius:5px;font-size:10px;padding:8px 12px;letter-spacing:1.5px}
.signature-live .signature-native .watch-page h1 {font-size:clamp(40px,4.8vw,70px);line-height:1.08;margin:24px auto}
.signature-live .signature-native .watch-lead {font-size:15px;color:#61705e;margin-bottom:35px}
.signature-live .signature-native .watch-player-shell {padding:10px;background:#16252a;border:1px solid #c5d1be;border-radius:12px;box-shadow:0 15px 45px #1b322615}
.signature-live .signature-native .watch-player {border-radius:6px;max-height:65vh;object-fit:contain}
.signature-live .signature-native .watch-copy h2 {font:800 17px/1.5 Manrope,sans-serif;color:#21372b}
.signature-live .signature-native .watch-copy :is(p,li) {font-size:13px;color:#5e705f}
.signature-live .signature-native .watch-copy ul {padding-left:18px;list-style:disc}
.signature-live .signature-native .legal-shell {max-width:1100px;padding-bottom:0}
.signature-live .signature-native .legal-hero {padding-top:0}
.signature-live .signature-native .legal-eyebrow {color:#975830;font-size:10px;letter-spacing:2px}
.signature-live .signature-native .legal-hero h1 {color:#23362d;font-size:clamp(40px,5vw,68px)}
.signature-live .signature-native .legal-tabs a {background:#fff;border-color:#d4dfcd;color:#35503a;border-radius:6px}
.signature-live .signature-native .legal-tabs a[aria-current] {background:#23392d;border-color:#23392d;color:#fff}
.signature-live .signature-native .legal-document {border-color:#d6e1ce;border-radius:12px;box-shadow:none}
.signature-live .signature-native .legal-document section {border-color:#e0e8d9}
.signature-live .signature-native .legal-document h2 {color:#233a2c;font:800 19px/1.5 Manrope,sans-serif}
.signature-live .signature-native .legal-document p {color:#526650;font-size:14px}
.signature-live .signature-native .legal-document a {color:#a45328}
.signature-live .signature-native .legal-notice {background:#edf2e7;border-color:#a0b68d;color:#3f5a3d}
.signature-live .signature-native .legal-document :is(td,th) {border-color:#d6e1cd;color:#415a3d}
.signature-live .signature-native .legal-document th {background:#edf2e7}
.signature-live .signature-native .legal-document caption {color:#60705c}
.signature-live .footer {font-family:Manrope,Arial,sans-serif}
.signature-live .footer :is(p,a,small) {text-shadow:none}
.signature-live :is(.review-bottom time,.news-card-content time,.stock.out) {color:#63705f}
.signature-live :is(.sg-sidebar>nav a>span,.sg-section-heading>span) {color:#607256}
.signature-live .signature-native .buy-eyebrow {color:#8c5735}
.signature-live .signature-native .container {padding-inline:0}
.signature-live .signature-native .buy-section-title>span {background:#e7ecdf;color:#815532}
.signature-live .signature-native .buy-catalog-card {background:#fff;color:#243b2d;border-color:#d3decb;box-shadow:0 5px 18px #263f2010}
.signature-live .signature-native .buy-catalog-card.is-active {background:#edf2e7;border-color:#a7ba97}
.signature-live .signature-native .buy-catalog-card .buy-catalog-copy strong {color:#243b2d}
.signature-live .signature-native .buy-catalog-card .buy-catalog-copy small {color:#63745a}
.signature-live .signature-native :is(.buy-catalog-icon,.buy-catalog-arrow) {color:#8b5737;background:#eaf0e3}
.signature-live .signature-native :is(.buy-chips,.buy-reassurance) span {background:#e9efdf;border-color:#d3dfc9;color:#49603e}
.signature-live .signature-native .stock-badge {background:#e7f2e0;color:#2e623c;border-color:#c8dcbf}
.signature-live .signature-native .stock-badge span {color:inherit}
.signature-live .signature-native .stock-badge.limited {background:#fff1d6;color:#835d24;border-color:#e7cf9e}
.signature-live .signature-native .stock-badge.out {background:#fff0ec;color:#a03e38;border-color:#e9bdb4}
.signature-live .signature-native .buy-recharge-banner {background:#edf3e5;border-color:#c2d5b3;color:#26452f}
.signature-live .signature-native .buy-recharge-banner :is(code,strong,small) {color:#42613a}
.signature-live :is(.signature-details,.signature-native) video {color:#fff}
.signature-live :is(.signature-details,.signature-native) video a {color:#f5b08a}

@media(max-width:1000px) {
  .signature-live .signature-details>section {width:calc(100% - 64px);padding-block:55px}
  .signature-live .signature-details :is(.fn-features,.fn-steps,.ow-features,.bf-features,.audio-features,.mw4-feature-grid) {grid-template-columns:repeat(2,minmax(0,1fr))}
  .signature-live .signature-details :is(.mw4-gameplay-showcase,.mw4-focus-grid,.referral-promo) {gap:30px}
  .signature-live .signature-details :is(.ow-gallery,.bf-gallery) {gap:12px}
}
@media(min-width:701px) {
  .signature-live .signature-details :is(.fn-features,.ow-features,.bf-features,.audio-features):has(>article:nth-child(4):last-child) {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px) {
  .signature-live .site-header .account-button {color:#23362d}
  .signature-live .signature-details>section {width:calc(100% - 40px);padding-block:42px}
  .signature-live .signature-details h2 {font-size:35px;line-height:1.12;margin-bottom:22px}
  .signature-live .signature-details :is(.fn-features,.fn-steps,.ow-features,.bf-features,.audio-features,.mw4-feature-grid,.mw4-gameplay-showcase,.mw4-focus-grid,.referral-promo) {grid-template-columns:1fr;gap:16px}
  .signature-live .signature-details :is(.fn-features,.fn-steps,.ow-features,.bf-features,.audio-features,.mw4-feature-grid)>article {padding:24px}
  .signature-live .signature-details :is(.ow-gallery,.bf-gallery) {grid-template-columns:1fr;gap:16px}
  .signature-live .signature-details :is(.ow-account,.bf-account) {align-items:start;flex-direction:column;gap:24px}
  .signature-live .signature-details .audio-showcase figure {padding:12px;margin-top:24px}
  .signature-live .signature-details figcaption {font-size:11px;padding:0 7px}
  .signature-live .signature-details .mw4-focus-visual {padding:18px;margin-bottom:12px}
  .signature-live .signature-details .mw4-focus-visual img {max-height:400px}
  .signature-live .signature-details .signature-context h2 {font-size:26px;padding-left:18px}
  .signature-live .signature-details summary {font-size:13px;padding:20px 48px 20px 20px}
  .signature-live .signature-details summary:after {right:18px;top:19px}
  .signature-live .signature-details details> :not(summary) {padding:18px 20px 22px;font-size:13px}
  .signature-live .signature-details :is(.mw4-actions,.referral-actions) {flex-direction:column;gap:10px}
  .signature-live .signature-details .referral-flow {gap:12px;margin-top:12px}
  .signature-live .signature-details .referral-flow article {padding:20px;gap:15px}
  .signature-live .signature-native-page {padding-top:120px;padding-bottom:50px}
  .signature-live .signature-native :is(.account-hero,.buy-hero,.watch-page,.legal-shell) {padding-top:0}
  .signature-live .signature-native .watch-copy {grid-template-columns:1fr;gap:15px}
  .signature-live .signature-native .watch-actions {flex-direction:column}
  .signature-live .signature-native .watch-player {max-height:60vh}
  .signature-live .signature-native .watch-shell {padding-inline:20px}
  .signature-live .signature-native .legal-shell {padding-inline:20px}
  .signature-live .signature-native .legal-document {padding:5px 20px}
  .signature-live .signature-native .legal-tabs a {font-size:12px;padding:13px}
  .signature-live .signature-native .account-metrics {grid-template-columns:1fr}
  .signature-live .signature-native .box {padding:24px}
  .signature-live .signature-native .box h1 {font-size:34px}
  .signature-live .signature-native .buy-checkout-head h2 {font-size:30px}
}
@media(prefers-reduced-motion:reduce) {
  .signature-live .signature-details * {transition:none!important;animation:none!important}
}