/* Mobile membership uses normal document flow, not desktop overlapping artwork. */
@media(max-width:680px){
 .ts-membership-page .ts-membership{padding-top:28px}
 .ts-membership-page .ts-membership-tabs{width:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:32px}
 .ts-membership-page .ts-membership-tabs button{min-height:44px;font-size:16px;padding:10px 8px;box-shadow:0 0 0 4px rgba(6,65,47,.18)}
 .ts-membership-page .ts-membership-shell{width:calc(100% - 32px);display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-height:0}
 .ts-membership-page .ts-membership-intro{display:flex;flex-direction:column;align-items:center;height:auto;min-height:0;min-width:0}
 .ts-membership-page .ts-membership-intro h1{max-width:100%;width:100%;margin:0;text-align:center;font-size:clamp(28px,7vw,36px);line-height:1.2;text-shadow:none}
 .ts-membership-page .ts-membership-lead{max-width:100%;text-align:center;font-size:15px;line-height:1.6;margin:12px 0}
 .ts-membership-page .ts-membership .tsp-plan-artwork{position:relative;inset:auto;width:100%;height:auto;margin:20px 0 0;filter:none}
 /* Use complete PSD layers, not the desktop's fixed-size clipped canvas.
    Names sit beside the character as in the source scene, not below a thumbnail. */
 .ts-membership-page .tsp-plan-artwork>[data-tsp-plan-art]{height:auto;width:100%;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:12px;padding:12px 0;box-sizing:border-box}
 .ts-membership-page .tsp-plan-artwork img{grid-column:1;grid-row:1;width:100%;max-width:100%;height:clamp(260px,75vw,360px);object-fit:contain;object-position:center;box-sizing:border-box;border:0;border-radius:0;box-shadow:none;-webkit-mask-image:none;mask-image:none}
 .ts-membership-page .tsp-plan-character-label{position:static;inset:auto;grid-column:2;grid-row:1;align-self:start;padding-top:40px;width:100%;text-align:left;margin:0;overflow-wrap:break-word}
 .ts-membership-page .tsp-plan-character-label b{font-size:26px;line-height:1.3}
 .ts-membership-page .tsp-plan-character-label small{font-size:14px;line-height:1.5}
 .ts-membership-page .ts-membership-note{position:relative;inset:auto;box-sizing:border-box;width:100%;max-width:380px;margin:20px 0 0;padding:16px;border-width:2px;border-radius:18px;font-size:14px;line-height:1.6}
 .ts-membership-page .ts-membership-note:before,.ts-membership-page .ts-membership-note:after{display:none}
 .ts-membership-page .ts-membership-options .ts-plan-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .ts-membership-page .ts-membership-options .ts-plan{width:100%;max-width:440px;margin-inline:auto;box-sizing:border-box}
 .ts-membership-page .ts-plan-offer{height:auto;min-height:0;flex-basis:auto;gap:24px;padding:26px 16px}
 .ts-membership-page .ts-plan[data-plan="lifetime"] .ts-plan-offer{justify-content:flex-start;gap:24px}
 .ts-membership-page .ts-plan-offer h3{font-size:26px}
 .ts-membership-page .ts-plan-benefits{min-height:0;padding:24px 20px}
}