.me-page.me-responsive{width:100%;max-width:1200px;margin-inline:auto;gap:20px;color:var(--cos-ink,var(--rice));font-family:var(--cos-font-ui,inherit)}
.me-page.me-responsive .me-heading{padding:24px;align-items:center;gap:20px;background:var(--cos-surface-raised,var(--navy-900));border:1px solid var(--cos-line,var(--line));border-radius:var(--cos-radius-module,16px)}
.me-page.me-responsive .me-heading h1{font-size:clamp(28px,3vw,38px);line-height:1.2;margin:6px 0 0}
.me-page.me-responsive .me-heading-copy{margin:8px 0 0;color:var(--cos-ink-secondary,var(--muted));font-size:14px;line-height:1.6}
.me-page.me-responsive .me-responsive-dashboard{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}
.me-page.me-responsive .me-responsive-dashboard>*{grid-column:auto;min-width:0;max-width:100%;margin:0}
.me-page.me-responsive .me-panel{padding:24px;border:1px solid var(--cos-line,var(--line));border-radius:var(--cos-radius-module,16px);background:var(--cos-surface-raised,var(--navy-900));overflow-wrap:anywhere}
.me-page.me-responsive .me-panel h2{margin:12px 0 0;font-size:22px;line-height:1.4;letter-spacing:-.02em;color:var(--cos-ink,var(--rice))}
.me-page.me-responsive .me-panel-heading{gap:12px;min-height:24px;align-items:center}
.me-page.me-responsive .me-panel-heading .eyebrow{margin:0;font-size:12px;line-height:1.5}
.me-page.me-responsive .me-panel-heading>span{font-size:12px;line-height:1.5;color:var(--cos-ink-secondary,var(--muted))}
.me-page.me-responsive .me-identity-panel h2{font-size:28px}
.me-page.me-responsive .me-identity-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 0}
.me-page.me-responsive .me-identity-facts>div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:0;min-height:0;border:0}
.me-page.me-responsive .me-fact-list dd{font-size:15px;text-align:left;min-width:0}
.me-page.me-responsive .me-member-term{margin:12px 0 0}
.me-page.me-responsive .me-member-term>div{display:flex;justify-content:space-between;gap:16px;padding:0;min-height:0;border:0}
.me-page.me-responsive .me-membership-panel{background:var(--cos-surface-lavender,var(--navy-900))}
.me-page.me-responsive .me-membership-panel h2{font-size:28px;color:var(--cos-accent,var(--gold))}
.me-page.me-responsive .me-entitlement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 0}
.me-page.me-responsive .me-entitlement-grid section{padding:12px;min-height:72px;margin:0;background:var(--cos-surface-raised,var(--navy-800));border:1px solid var(--cos-line,var(--line));border-radius:10px}
.me-page.me-responsive .me-entitlement-grid section>strong{font-size:13px;line-height:1.5}
.me-page.me-responsive .creator-me-account-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px}
.me-page.me-responsive :is(button,a.secondary-action,.me-booking-link,summary){min-height:44px;line-height:1.5}
.me-page.me-responsive :is(button,a,summary,select):focus-visible{outline:2px solid var(--cos-focus,var(--gold));outline-offset:3px}
.me-page.me-responsive .course-unlock-credits{margin:0;grid-column:auto}
.me-page.me-responsive .course-unlock-credits header{display:block}
.me-page.me-responsive .course-unlock-credits header h2{margin:0;font-size:22px}
.me-page.me-responsive .course-unlock-credits header p{margin:18px 0 14px;font-size:15px;color:var(--cos-ink-secondary,var(--muted))}
.me-page.me-responsive .course-unlock-credits header p strong{font-size:40px;line-height:1.1;font-weight:700;color:var(--cos-accent,var(--gold));padding-inline:4px;font-variant-numeric:tabular-nums}
.me-page.me-responsive .course-unlock-credits :is(p,li){font-size:14px;line-height:1.7}
.me-page.me-responsive .course-unlock-credits summary{display:list-item;align-content:center;font-size:14px}
.me-page.me-responsive .me-usage-slot{display:flex;min-width:0}
.me-page.me-responsive .me-usage-slot>.me-panel{flex:1;margin:0;min-width:0}
.me-page.me-responsive .me-usage-slot>.me-panel>h2{margin:0 0 16px}
.me-page.me-responsive .me-usage-slot select{max-width:100%;min-height:44px;font:inherit;font-size:14px;margin:0 8px 0 0}
.me-page.me-responsive .me-usage-slot button{min-height:44px;font:inherit;font-size:14px;margin:0}
.me-page.me-responsive .me-usage-slot>.me-panel>p{font-size:13px;line-height:1.7;margin:16px 0;color:var(--cos-ink-secondary,var(--muted))}
.me-page.me-responsive .listening-usage-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.me-page.me-responsive .listening-usage-items article{padding:12px;gap:6px;border:1px solid var(--cos-line,var(--line));border-radius:10px;background:var(--cos-surface,var(--navy-800));min-width:0}
.me-page.me-responsive .listening-usage-items article strong{font-size:14px;line-height:1.5}
.me-page.me-responsive .listening-usage-items article span{font-size:15px;line-height:1.5;color:var(--cos-ink,var(--rice))}
.me-page.me-responsive .listening-usage-items small{font-size:12px;line-height:1.6;color:var(--cos-ink-muted,var(--muted))}
.me-page.me-responsive .me-panel :is(.me-panel-copy,.me-privacy-note,.me-no-action,.me-miniprogram-boundary p){font-size:14px;line-height:1.7}
.me-page.me-responsive .creator-me-details{margin-top:12px}
.me-page.me-responsive .creator-me-details>summary{font-size:14px;color:var(--cos-accent,var(--gold))}
.me-page.me-responsive .me-session-actions{padding:4px 0 20px;margin:0}
@media(min-width:800px){.me-page.me-responsive .me-responsive-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.me-page.me-responsive .me-panel{padding:28px}}
@media(min-width:1100px){.me-page.me-responsive .me-responsive-dashboard{grid-template-columns:repeat(12,minmax(0,1fr))}.me-page.me-responsive :is(.me-identity-panel,.me-membership-panel,.me-booking-panel,.me-account-panel){grid-column:span 6}.me-page.me-responsive .course-unlock-credits{grid-column:span 4}.me-page.me-responsive .me-usage-slot{grid-column:span 8}.me-page.me-responsive .me-service-panel{grid-column:span 7}.me-page.me-responsive .me-order-panel{grid-column:span 5}.me-page.me-responsive .listening-usage-items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:479px){.me-page.me-responsive{gap:16px}.me-page.me-responsive :is(.me-panel,.me-heading){padding:20px 16px}.me-page.me-responsive .me-heading{align-items:flex-start}.me-page.me-responsive .creator-me-heading-actions{flex-shrink:0}.me-page.me-responsive .me-entitlement-grid section{padding:10px 8px}.me-page.me-responsive .me-entitlement-grid section>strong{font-size:12px}.me-page.me-responsive .me-panel h2{font-size:21px}.me-page.me-responsive .me-identity-panel h2,.me-page.me-responsive .me-membership-panel h2{font-size:26px}.me-page.me-responsive .me-session-actions{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(max-width:349px){.me-page.me-responsive .me-heading{flex-wrap:wrap}.me-page.me-responsive .creator-me-heading-actions{width:100%}.me-page.me-responsive .listening-usage-items{grid-template-columns:minmax(0,1fr)}}
.me-page.me-responsive .me-heading>div:first-child{display:block;min-width:0}
.me-page.me-responsive :is(.me-bill-summary,.me-order-state)>span:first-child{color:var(--cos-accent,var(--gold))}

/* Expanded Course entry: full-row touch target, original route and focus retained. */
.me-page.me-responsive .course-unlock-credits li>a{display:flex;align-items:center;min-height:44px;min-width:44px;max-width:100%;padding:8px 10px;box-sizing:border-box;overflow-wrap:anywhere}