.studio-commerce{margin:28px 0 36px;scroll-margin-top:110px;min-width:0}
.commerce-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.commerce-heading h2{margin:0}.commerce-heading .button{min-height:44px}
.commerce-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}.commerce-columns>.community-card{padding:24px}
.commerce-columns h3{font:400 1.5rem var(--display);margin:0 0 14px}.commerce-record{padding:16px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.commerce-record:first-of-type{border-top:0;padding-top:0}.commerce-record p{margin:8px 0}.commerce-record ul{padding-left:20px;line-height:1.6;margin:8px 0}.commerce-record header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.commerce-record header strong{font-size:16px}.commerce-record .commerce-meta{font-size:14px;color:var(--muted)}
.commerce-badge{display:inline-block;font-size:13px;line-height:1.5;padding:4px 8px;border:1px solid var(--line);border-radius:4px;color:var(--ink)}.commerce-record details{margin-top:12px}.commerce-record summary,.commerce-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}.commerce-record summary::before,.commerce-help summary::before{content:'+';font-size:20px;color:var(--accent)}.commerce-record details[open]>summary::before,.commerce-help[open]>summary::before{content:'−'}.commerce-record dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14px}.commerce-record dt{color:var(--muted)}.commerce-record dd{margin:0;overflow-wrap:anywhere}.commerce-attention{border-left:3px solid var(--accent);padding-left:12px}.commerce-pagination{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}.commerce-help{margin-top:18px;border-top:1px solid var(--line);padding-top:10px}.commerce-help p{max-width:85ch;font-size:15px;line-height:1.65}.commerce-feedback{min-height:24px;color:var(--muted)}.commerce-record a{color:var(--accent);text-underline-offset:3px}.commerce-record a:focus-visible,.studio-commerce summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:850px){.commerce-columns{grid-template-columns:1fr}.commerce-columns>.community-card{padding:20px}.commerce-heading{align-items:flex-start}.commerce-heading h2{font-size:1.6rem}.commerce-record dl{grid-template-columns:1fr;gap:4px}.commerce-record dd{margin-bottom:10px}}
.commerce-membership,.commerce-shop-orders{padding:24px;min-width:0}.commerce-shop-orders{margin-top:24px}
.commerce-membership h3,.commerce-shop-orders h3{font:400 1.5rem var(--display);margin:0 0 16px}
.commerce-membership h4{font:400 1.35rem var(--display);margin:0 0 12px}.commerce-membership h5{font-size:1.05rem;font-weight:600;line-height:1.4;margin:0 0 8px;color:var(--ink)}
.commerce-membership p{line-height:1.6}.commerce-membership-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 24px}
.commerce-upgrades{border-top:1px solid var(--line);padding-top:22px;margin-top:20px}.commerce-upgrades>p{max-width:80ch}
.commerce-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin:20px 0}
.commerce-upgrade-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:20px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--accent) 5%,transparent)}
.commerce-upgrade-card .eyebrow{font-size:11px;line-height:1.5;margin:0 0 10px}.commerce-upgrade-card h5{font-size:18px;line-height:1.45}
.commerce-upgrade-card .commerce-plan-price{font-size:23px;margin:4px 0 12px;line-height:1.3}.commerce-plan-price span{font-size:14px;color:var(--muted)}
.commerce-upgrade-card ul{padding-left:19px;line-height:1.65;margin:0 0 14px;font-size:15px}.commerce-upgrade-card li+li{margin-top:5px}
.commerce-plan-note{font-size:14px;color:var(--muted);line-height:1.6}.commerce-upgrade-card .commerce-plan-note{margin-top:0;margin-bottom:16px}
.commerce-upgrade-card .button{margin-top:auto;white-space:normal;text-align:center;max-width:100%;min-height:44px}
.commerce-upgrade-safety{font-size:14px;padding-left:12px;border-left:2px solid var(--accent)}
.commerce-membership-controls{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.commerce-renewal{margin-top:18px;padding-bottom:18px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.commerce-renewal .button{min-height:44px}
.commerce-renewal details{margin-top:14px}.commerce-renewal summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}.commerce-renewal summary::before{content:'+';font-size:20px;color:var(--accent)}.commerce-renewal details[open]>summary::before{content:'−'}
.commerce-renewal .commerce-meta{font-size:14px;color:var(--muted)}.commerce-renewal a,.commerce-upgrades a:not(.button){color:var(--accent);text-underline-offset:3px}
.commerce-email-controls{padding-top:10px}.commerce-email-controls p{max-width:80ch;font-size:15px}.studio-commerce .button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.commerce-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.commerce-membership,.commerce-shop-orders{padding:18px}.commerce-upgrade-grid{grid-template-columns:1fr}.commerce-upgrade-card{padding:18px}.commerce-upgrades{margin-top:12px}.commerce-heading{gap:12px}.commerce-heading .button{flex-shrink:0}.commerce-membership-controls{margin-top:22px}}