/* Me only. The shared wrapper/header comes from unified-pages.css.
   Account, quota and journey values remain owned by the existing renderer.
   Never supply a quota-fill width or a native progress value here. */
.unified-page.me-page {
  --me-text:#40556a;
  --me-muted:#687a89;
  --me-copper:#9c684e;
  --me-blue:#132b45;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:24px;
  color:var(--unified-ink,#142e4b);
}
/* Direct panels default to a full row. The existing 4/8-column rules below deliberately override this default. */
.unified-page.me-page > .stage {grid-column:1 / -1;min-width:0}
.unified-page.me-page > .me-test-subscription-panel {width:100%;margin:0}
.unified-page.me-page > :is(.pagehead,.section-heading,.personal-recommendations,.read-status) {
  grid-column:1 / -1;
  min-width:0;
}
.unified-page.me-page > .pagehead {margin-bottom:0}
.unified-page.me-page :is(.me-access-panel,.me-my-cards-panel,.me-workspace-panel,.me-account-panel,.me-test-subscription-panel,.personal-stage) {
  min-width:0;
  margin:0;
  border:1px solid var(--unified-line,#d9ddd9);
  border-radius:23px;
  background:var(--unified-panel,#faf8f1);
  color:var(--unified-ink,#142e4b);
  box-shadow:0 18px 34px -28px rgba(16,40,64,.35),inset 0 1px 0 rgba(255,255,255,.6);
}
.unified-page.me-page :is(.me-access-panel,.me-my-cards-panel,.me-workspace-panel,.me-account-panel,.me-test-subscription-panel) {padding:28px 30px}
.unified-page.me-page :is(.me-access-panel,.me-account-panel,.me-test-subscription-panel,.personal-stage) {grid-column:1 / -1}
.unified-page.me-page .me-my-cards-panel {grid-column:span 4;align-self:start}
.unified-page.me-page .me-workspace-panel {grid-column:span 8;align-self:start}
.unified-page.me-page :is(.me-panel-heading,.me-account-heading) {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px 24px;
  flex-wrap:wrap;
  margin:0 0 23px;
}
.unified-page.me-page :is(.me-panel-heading,.me-account-heading) > div {min-width:0;flex:1 1 240px}
.unified-page.me-page :is(.me-panel-heading,.me-account-heading) h2 {
  margin:0;
  font:400 clamp(25px,2.05vw,31px)/1.2 var(--serif,Georgia,serif);
  letter-spacing:-.6px;
  color:inherit;
  overflow-wrap:anywhere;
}
.unified-page.me-page .eyebrow {color:#78563e;font-size:10px;line-height:1.5;letter-spacing:1.7px}
.unified-page.me-page :is(.me-workspace-panel,.me-my-cards-panel,.me-account-panel) p {
  color:var(--me-text);
  font:13px/1.65 var(--sans,Arial,sans-serif);
  overflow-wrap:anywhere;
}
.unified-page.me-page .me-panel-heading > div > p:not(.eyebrow) {margin:11px 0 0;max-width:560px}
.unified-page.me-page .warm-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  max-width:100%;
  padding:11px 16px;
  border:1px solid #bdc9cb;
  border-radius:8px;
  background:#f2f4f0;
  color:#24435b;
  font:500 12px/1.35 var(--sans,Arial,sans-serif);
  letter-spacing:0;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  overflow-wrap:anywhere;
  box-shadow:none;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease;
}
.unified-page.me-page .warm-button.gold {
  border-color:var(--copper-border,#c79a73);
  background:linear-gradient(125deg,var(--copper-light,#e4c9aa),var(--copper-deep,#d3a77f));
  color:#39291f;
}
.unified-page.me-page .warm-button:hover {background:#e8eeea;border-color:#8ea7ad}
.unified-page.me-page .warm-button.gold:hover {
  background:linear-gradient(125deg,#dfbb96,#c9956d);
  border-color:#b98460;
}
.unified-page.me-page .inline-arrow {width:.85em;height:.85em;flex:0 0 .85em}
.unified-page.me-page :is(a,button,input,select):focus-visible {outline:3px solid #ae7650;outline-offset:3px}
.unified-page.me-page :is(button,input,select):disabled {opacity:.57;cursor:not-allowed}

/* One calm navy access panel; the actual API-provided fill width is untouched. */
.unified-page.me-page .me-access-panel {
  padding:30px;
  border-color:#34516b;
  background:linear-gradient(115deg,#11253b,var(--me-blue) 64%,#16334d);
  color:var(--unified-paper,#fffdf7);
  box-shadow:0 16px 34px -28px rgba(9,28,46,.5),inset 0 1px 0 rgba(220,233,241,.06);
}
.unified-page.me-page .me-access-panel .eyebrow {color:#b6cedb}
.unified-page.me-page .me-access-panel .me-panel-heading h2 {color:var(--unified-paper,#fffdf7)}
.unified-page.me-page .me-access-panel > .journey-lead[role="status"] {
  margin:0 0 24px;
  color:#d7e4ec;
  font:13px/1.65 var(--sans,Arial,sans-serif);
}
.unified-page.me-page .me-access-panel .warm-button {flex:0 0 auto}
/* Live membership is separate from feature preview and TEST subscription state. */
.unified-page.me-page .me-access-panel .me-tier-heading {align-items:center;margin-bottom:28px;padding-bottom:26px;border-bottom:1px solid #ffffff1c}
.unified-page.me-page .me-access-panel .me-tier-label-row {display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:7px 0 13px}
.unified-page.me-page .me-access-panel .me-tier-name {margin:0;font:400 clamp(40px,4vw,56px)/1.05 var(--serif,Georgia,serif);letter-spacing:-1.5px;color:#fff8eb}
.unified-page.me-page .me-access-panel .me-tier-badge {display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;border:1px solid #ffffff2b;border-radius:100px;background:#ffffff0a;color:#cedae4;font:500 11px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.2px}
.unified-page.me-page .me-access-panel .me-tier-badge.owner-preview {border-color:#b8885c88;background:#af7c481a;color:#e9c9a5}
.unified-page.me-page .me-access-panel .me-tier-description {max-width:590px;margin:0;color:#c1d1df;font:13px/1.7 var(--sans,Arial,sans-serif)}
.unified-page.me-page .me-access-panel [data-account-level="pro"] .me-tier-name {color:#eac9a5}
.unified-page.me-page .me-access-panel [data-account-level="pending"] .me-tier-name {font-size:36px;color:#bdcdd9}
.unified-page.me-page .me-access-panel .me-owner-preview {display:flex;align-items:flex-start;gap:14px;margin:0 0 28px;padding:17px 19px;border:1px solid #b8885c45;border-radius:12px;background:linear-gradient(100deg,#b8885c15,#b8885c05);color:#edcfab}
.unified-page.me-page .me-access-panel .me-owner-preview-mark {display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #b8885c50;border-radius:9px;font-size:22px;line-height:1}
.unified-page.me-page .me-access-panel .me-owner-preview strong {display:block;font:600 12px/1.6 var(--sans,Arial,sans-serif)}
.unified-page.me-page .me-access-panel .me-owner-preview p {max-width:680px;margin:5px 0 0;color:#c9d5df;font:12px/1.7 var(--sans,Arial,sans-serif)}
@media(max-width:760px){.unified-page.me-page .me-access-panel .me-tier-heading{align-items:flex-start}.unified-page.me-page .me-access-panel .me-tier-name{font-size:43px}.unified-page.me-page .me-access-panel .me-owner-preview{padding:16px;gap:11px}}
.unified-page.me-page .me-access-panel :is(a,button):focus-visible {outline-color:#e4c9aa}
.unified-page.me-page .me-meter-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px 52px;
  max-width:920px;
}
.unified-page.me-page .me-meter {min-width:0;max-width:420px}
.unified-page.me-page .me-meter > .eyebrow {margin:0 0 9px;letter-spacing:1.2px}
.unified-page.me-page .me-meter .number {
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px;
  font:400 clamp(32px,2.8vw,40px)/1.2 var(--serif,Georgia,serif);
  font-variant-numeric:lining-nums tabular-nums;
  color:var(--unified-paper,#fffdf7);
}
.unified-page.me-page .me-meter .slash {font-size:.65em;color:#a9c0cf}
.unified-page.me-page .me-meter .left {margin-left:3px;color:#d7e4ec;font:12px/1.4 var(--sans,Arial,sans-serif)}
.unified-page.me-page .me-meter .track {
  height:2px;
  margin-top:18px;
  border:0;
  border-radius:0;
  background:rgba(120,151,170,.48);
  position:relative;
}
.unified-page.me-page .me-meter .fill {
  display:block;
  position:relative;
  height:2px;
  border-radius:0;
  background:var(--me-copper);
  transition:width .45s ease;
}
.unified-page.me-page .me-meter .fill::after {content:none;animation:none}
.unified-page.me-page .me-meter .fill.available::after {
  content:"";
  display:block;
  position:absolute;
  right:-4px;
  top:-3px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--me-copper);
  animation:unified-me-breathe 3.6s ease-in-out infinite;
}
@keyframes unified-me-breathe {
  0%,100% {box-shadow:0 0 0 3px #132b45,0 0 0 3px rgba(210,161,125,0)}
  50% {box-shadow:0 0 0 3px #132b45,0 0 0 9px rgba(210,161,125,.18)}
}
.unified-page.me-page .me-meter .meta {margin:15px 0 0;color:#b6c9d5;font:11px/1.65 var(--sans,Arial,sans-serif);letter-spacing:.3px;overflow-wrap:anywhere}
.unified-page.me-page .me-meter .meta.error {color:#efc8aa}
.unified-page.me-page .me-meter-note {margin:25px 0 0;max-width:840px;color:#c0d1de;font:12px/1.65 var(--sans,Arial,sans-serif)}

/* The My cards entry and the complete, variable-length journey list. */
.unified-page.me-page .me-my-cards-panel .me-panel-heading {display:grid;gap:22px;margin:0}
.unified-page.me-page .me-my-cards-panel .warm-button {justify-self:start}
.unified-page.me-page .first-test-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:16px;
  margin:0;
}
.unified-page.me-page .first-test-grid article {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:21px;
  border:1px solid var(--unified-line,#d9ddd9);
  border-radius:15px;
  background:var(--unified-paper,#fffdf7);
  box-shadow:none;
}
.unified-page.me-page .first-test-grid article .eyebrow {margin:0 0 13px;min-height:0;color:#78563e;font:10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:1px}
.unified-page.me-page .first-test-grid h3 {margin:0 0 11px;font:400 23px/1.24 var(--serif,Georgia,serif);letter-spacing:-.35px;overflow-wrap:anywhere}
.unified-page.me-page .first-test-grid article > p:not(.eyebrow) {min-height:0;margin:0 0 15px;color:var(--me-text);font:13px/1.6 var(--sans,Arial,sans-serif)}
.unified-page.me-page .first-test-grid progress {
  display:block;
  width:100%;
  height:3px;
  min-height:0;
  margin:3px 0 14px;
  border:0;
  border-radius:0;
  background:#e1e5df;
  accent-color:var(--me-copper);
  overflow:hidden;
}
.unified-page.me-page .first-test-grid progress::-webkit-progress-bar {background:#e1e5df;border-radius:0}
.unified-page.me-page .first-test-grid progress::-webkit-progress-value {background:var(--me-copper);border-radius:0}
.unified-page.me-page .first-test-grid progress::-moz-progress-bar {background:var(--me-copper);border-radius:0}
.unified-page.me-page .first-test-grid article > .warm-button {margin-top:auto;align-self:flex-start}

/* Auth renders these nodes unchanged; scoped styling never touches the modal. */
.unified-page.me-page .me-account-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:28px}
.unified-page.me-page .account-identity {min-width:0;margin:0;gap:15px}
.unified-page.me-page .account-avatar {flex:0 0 55px;width:55px;height:55px;background:#183850;color:#fffdf7;box-shadow:inset 0 0 0 1px rgba(255,253,247,.22)}
.unified-page.me-page .account-identity > div:last-child {min-width:0}
.unified-page.me-page .account-name {margin:5px 0;font:400 25px/1.25 var(--serif,Georgia,serif);color:var(--unified-ink,#142e4b);overflow-wrap:anywhere}
.unified-page.me-page .account-email {margin:0;color:var(--me-muted);font:12px/1.6 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.unified-page.me-page .account-identity span {color:var(--me-muted);font:10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:1.2px}
.unified-page.me-page .account-status-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
/* The top access panel owns the verified live tier; do not duplicate legacy PLAN. */
.unified-page.me-page .account-status-grid > div:first-child {display:none}
.unified-page.me-page .account-status-grid > div {min-width:0;padding:16px;border:1px solid var(--unified-line,#d9ddd9);border-radius:12px;background:var(--unified-paper,#fffdf7)}
.unified-page.me-page .account-status-grid span {display:block;margin:0 0 9px;color:var(--me-muted);font:9px/1.5 var(--sans,Arial,sans-serif);letter-spacing:1px}
.unified-page.me-page .account-status-grid strong {display:block;margin:0;color:var(--unified-ink,#142e4b);font:500 12px/1.5 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.unified-page.me-page .account-note {min-height:18px;margin:20px 0 0;color:#456a59;font:12px/1.65 var(--sans,Arial,sans-serif)}
.unified-page.me-page .account-note.error {color:#923f32}
.unified-page.me-page .account-privacy {margin:13px 0 0;color:var(--me-muted);font:11px/1.7 var(--sans,Arial,sans-serif)}
.unified-page.me-page .account-privacy a {color:#885737;text-underline-offset:3px}
.unified-page.me-page .account-owner-reports {display:grid;gap:10px;margin-top:22px}
.unified-page.me-page .account-owner-reports[hidden] {display:none}
.unified-page.me-page .account-owner-reports .warm-button {justify-self:start}
.unified-page.me-page .me-signin-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:end;gap:25px}
.unified-page.me-page .me-signin-grid > .warm-button {justify-self:start}
.unified-page.me-page .me-signin-grid form {display:flex;align-items:end;flex-wrap:wrap;gap:12px;min-width:0}
.unified-page.me-page .me-signin-grid label {flex:1 1 190px;min-width:0;color:var(--me-text);font:12px/1.5 var(--sans,Arial,sans-serif)}
.unified-page.me-page .me-signin-grid input {display:block;box-sizing:border-box;width:100%;min-width:0;min-height:44px;margin-top:8px;padding:10px 12px;border:1px solid #bdc9cb;border-radius:8px;background:var(--unified-paper,#fffdf7);color:var(--unified-ink,#142e4b);font:16px/1.4 var(--sans,Arial,sans-serif)}

/* Preserve the existing particle preference map and its five interactive nodes. */
.unified-page.me-page .personal-stage {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:520px;overflow:hidden}
.unified-page.me-page .preference-map {position:relative;min-width:0;min-height:520px;background:radial-gradient(ellipse at 50% 68%,#264d6e,#132b45 80%)}
.unified-page.me-page .preference-map > canvas {opacity:.7}
.unified-page.me-page .map-caption {top:29px;left:30px;right:30px}
.unified-page.me-page .map-caption b {color:#ced9df;font-size:10px;letter-spacing:1.7px}
.unified-page.me-page .map-caption span {color:#e6ecea;font:14px/1.5 var(--serif,Georgia,serif)}
.unified-page.me-page .preference-lines path {stroke:rgba(200,215,219,.45)}
.unified-page.me-page .interest-node {width:62px;height:62px;background:rgba(19,43,69,.86);border-color:rgba(187,205,215,.35);color:#e1e9e8;box-shadow:none;cursor:pointer}
.unified-page.me-page .interest-node i {background:#849ca9}
.unified-page.me-page .interest-node.chosen {border-color:#c89b78;box-shadow:0 0 0 5px rgba(200,155,120,.1)}
.unified-page.me-page .interest-node.chosen i {width:12px;height:12px;background:#e4c9aa;box-shadow:none}
.unified-page.me-page .interest-node span {font:10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.8px}
.unified-page.me-page .interest-node:focus-visible {outline-color:#e4c9aa}
.unified-page.me-page .map-legend {left:30px;right:30px;bottom:25px;color:#c4d3dc;font:10px/1.65 var(--sans,Arial,sans-serif)}
.unified-page.me-page .preference-panel {min-width:0;padding:30px;color:var(--unified-ink,#142e4b)}
.unified-page.me-page .preference-panel h2 {margin:15px 0;font:400 clamp(28px,2.3vw,35px)/1.13 var(--serif,Georgia,serif);letter-spacing:-.6px}
.unified-page.me-page .preference-panel > p:not(.eyebrow) {font:14px/1.65 var(--sans,Arial,sans-serif);color:var(--me-text);overflow-wrap:anywhere}
.unified-page.me-page .personal-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0;padding:18px 0;border-block:1px solid var(--unified-line,#d9ddd9)}
.unified-page.me-page .personal-stats > div {min-width:0;text-align:center}
.unified-page.me-page .personal-stats > div + div {border-left:1px solid var(--unified-line,#d9ddd9)}
.unified-page.me-page .personal-stats b {display:block;margin-bottom:6px;font:400 29px/1.1 var(--serif,Georgia,serif)}
.unified-page.me-page .personal-stats span {display:block;font:9px/1.55 var(--sans,Arial,sans-serif);letter-spacing:.65px;overflow-wrap:anywhere}
.unified-page.me-page .preference-panel h3 {margin:0 0 12px;color:#78563e;font:500 10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:1.5px}
.unified-page.me-page .interest-chips {display:flex;flex-wrap:wrap;gap:8px}
.unified-page.me-page .interest-chips button {min-height:36px;padding:8px 12px;border:1px solid #c7d1cb;border-radius:18px;background:#edf1ea;color:#24435b;font:12px/1.4 var(--sans,Arial,sans-serif);cursor:pointer}
.unified-page.me-page .interest-chips > p {margin:0;color:var(--me-muted);font:13px/1.65 var(--sans,Arial,sans-serif)}
.unified-page.me-page .preference-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.unified-page.me-page .preference-actions button {min-height:44px;padding:10px 13px;border:1px solid #bdc9cb;border-radius:8px;background:var(--unified-paper,#fffdf7);color:#24435b;font:12px/1.4 var(--sans,Arial,sans-serif);cursor:pointer}
.unified-page.me-page .preference-actions button:first-child {border-style:solid;border-color:#c79a73;background:#efdfca;color:#59412d}
.unified-page.me-page .preference-panel .preference-note {margin-top:19px;color:var(--me-muted);font:12px/1.65 var(--sans,Arial,sans-serif)}
.unified-page.me-page .preference-panel .evidence-button {margin-top:4px;min-height:40px;color:#687a89;font:11px/1.5 var(--sans,Arial,sans-serif);text-decoration:underline;text-underline-offset:3px}
.unified-page.me-page > .section-heading {margin:9px 0 -8px;gap:16px;align-items:baseline}
.unified-page.me-page .section-heading h2 {font:400 27px/1.2 var(--serif,Georgia,serif);color:var(--unified-ink,#142e4b);overflow-wrap:anywhere}
.unified-page.me-page .text-link {color:#78563e;font:12px/1.5 var(--sans,Arial,sans-serif);text-underline-offset:3px}
.unified-page.me-page .personal-recommendations {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.unified-page.me-page .personal-recommendations .alternative {min-width:0;padding:20px;border:1px solid var(--unified-line,#d9ddd9);border-radius:17px;background:var(--unified-panel,#faf8f1);box-shadow:none}
.unified-page.me-page .personal-recommendations .alternative > div {min-width:0}
.unified-page.me-page .personal-recommendations h3 {font:400 23px/1.25 var(--serif,Georgia,serif);color:var(--unified-ink,#142e4b);overflow-wrap:anywhere}
.unified-page.me-page .personal-recommendations p {color:var(--me-text);font:13px/1.6 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.unified-page.me-page .personal-recommendations .category-art {filter:none}
.unified-page.me-page > .read-status {margin:0;padding:0 4px;color:var(--me-muted);font:11px/1.65 var(--sans,Arial,sans-serif)}

@media (max-width:1100px) {
  .unified-page.me-page :is(.me-my-cards-panel,.me-workspace-panel) {grid-column:1 / -1}
  .unified-page.me-page .me-my-cards-panel .me-panel-heading {display:flex;align-items:center;gap:18px 24px}
  .unified-page.me-page .me-account-grid {grid-template-columns:1fr;gap:24px}
  .unified-page.me-page .personal-stage {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .unified-page.me-page .preference-panel {padding:25px}
  .unified-page.me-page .personal-recommendations {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px) {
  .unified-page.me-page .me-test-subscription-panel {border-radius:18px}
  .unified-page.me-page {gap:20px}
  .unified-page.me-page :is(.me-access-panel,.me-my-cards-panel,.me-workspace-panel,.me-account-panel,.me-test-subscription-panel) {padding:24px 21px}
  .unified-page.me-page :is(.me-panel-heading,.me-account-heading) {gap:17px;margin-bottom:22px}
  .unified-page.me-page :is(.me-panel-heading,.me-account-heading) > div {flex-basis:100%}
  .unified-page.me-page :is(.me-panel-heading,.me-account-heading) h2 {font-size:27px}
  .unified-page.me-page .me-meter-grid {grid-template-columns:1fr;gap:29px}
  .unified-page.me-page .me-meter {max-width:none}
  .unified-page.me-page .me-meter .number {font-size:37px}
  .unified-page.me-page .first-test-grid {grid-template-columns:1fr;gap:15px}
  .unified-page.me-page .first-test-grid article {padding:21px}
  .unified-page.me-page .me-signin-grid {grid-template-columns:1fr;gap:24px}
  .unified-page.me-page .me-signin-grid form {display:flex;align-items:stretch;flex-direction:column}
  .unified-page.me-page .me-signin-grid label {flex:none}
  .unified-page.me-page .me-signin-grid form button {margin-top:2px;align-self:flex-start}
  .unified-page.me-page .account-status-grid {gap:8px}
  .unified-page.me-page .account-status-grid > div {padding:13px 10px}
  .unified-page.me-page .account-status-grid strong {font-size:11px}
  .unified-page.me-page .personal-stage {grid-template-columns:1fr;min-height:0}
  .unified-page.me-page .preference-map {min-height:400px;height:400px}
  .unified-page.me-page .map-caption {left:22px;right:22px;top:25px}
  .unified-page.me-page .map-legend {left:22px;right:22px;bottom:22px}
  .unified-page.me-page .interest-node {width:50px;height:50px}
  .unified-page.me-page .interest-node span {font-size:9px;letter-spacing:.3px}
  .unified-page.me-page .preference-panel {padding:26px 22px}
  .unified-page.me-page .preference-panel h2 {font-size:31px}
  .unified-page.me-page .interest-chips button {min-height:40px}
  .unified-page.me-page .personal-recommendations {grid-template-columns:1fr}
  .unified-page.me-page > .section-heading {margin:6px 0 -5px;align-items:flex-start;flex-direction:column;gap:11px}
}
@media (max-width:380px) {
  .unified-page.me-page :is(.me-access-panel,.me-my-cards-panel,.me-workspace-panel,.me-account-panel,.me-test-subscription-panel) {padding:23px 18px}
  .unified-page.me-page .account-status-grid {grid-template-columns:1fr}
  .unified-page.me-page .account-status-grid > div {padding:13px 15px}
  .unified-page.me-page .account-status-grid span {margin-bottom:5px}
  .unified-page.me-page .personal-stats span {font-size:9px;letter-spacing:0}
}
@media (prefers-reduced-motion:reduce) {
  .unified-page.me-page :is(a,button,input,select),
  .unified-page.me-page .me-meter .fill {transition:none}
  .unified-page.me-page .me-meter .fill.available::after {animation:none}
}