/* Desktop account center; mobile retains the original content order and sizing. */
.profile-desktop-only{display:none}
@media(min-width:901px){
  .profile-mobile-only{display:none}
  .profile-desktop-only{display:block}
  body[data-workspace-panel="profile"] .profile-workspace-content{padding:36px clamp(24px,3.5vw,60px) 32px;background:#f4f6f9}
  .profile-heading{max-width:1160px;margin:0 auto 26px}
  .profile-heading h2{font-family:var(--sans,system-ui,sans-serif);font-size:28px;letter-spacing:.02em}
  .profile-heading p{margin-top:9px;color:#738399}
  .profile-card{width:100%;max-width:1160px;min-height:0;padding:0;margin:0 auto;border:0;border-radius:0;background:transparent;box-shadow:none}
  .profile-card:has(.me-identity){display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-areas:"identity stats" "identity tools" "member services" "editor services" "footer footer";gap:22px 28px;align-items:start}
  .me-identity{grid-area:identity;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:288px;padding:25px 26px;border:1px solid #e4eaf0;border-radius:15px;background:#fff}
  .me-account-label{margin-bottom:22px;color:#738399;font-size:12px;letter-spacing:.04em}
  .me-identity .profile-avatar{width:60px;height:60px;margin-bottom:16px;box-shadow:none}
  .me-identity-copy{width:100%}
  .me-identity-copy strong{font-size:21px;line-height:1.4}
  .me-identity-copy small{font-size:12px;margin-top:7px}
  .me-identity-copy em{margin-top:10px;font-size:10px}
  .me-profile-edit{min-height:36px;margin-top:21px;color:#315981;font-size:12px}
  .me-profile-edit b{margin-left:8px}
  .me-stats{grid-area:stats;padding:18px 0;border-radius:14px;background:#fff;border:1px solid #e4eaf0}
  .me-stats a{min-height:60px;gap:4px;border-right:1px solid #e7edf2;transition:background .16s}
  .me-stats strong{font-size:29px;font-weight:700;font-variant-numeric:tabular-nums}
  .me-stats span{font-size:12px;color:#718198}
  .me-stats a:last-child{border-right:0}
  .me-stats a:hover{background:#f5f8fb}
  .me-tools{grid-area:tools;margin:0}
  .me-section h3{margin:0 0 12px;color:#314960;font-size:14px;font-weight:650}
  .me-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;padding:0;border-radius:0;background:transparent}
  .me-quick-grid a{position:relative;min-height:82px;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:4px;align-content:center;justify-content:start;padding:12px 8px;border-bottom:1px solid #e1e7ef;border-radius:0;transition:background .16s,color .16s}
  .me-quick-grid i{grid-column:1;grid-row:1/3;width:36px;height:36px;background:#e8eff6;align-self:center}
  .me-quick-grid span{grid-column:2;grid-row:1;justify-self:start;color:#203e60;font-size:13px;font-weight:650}
  .me-quick-grid small{grid-column:2;grid-row:2;color:#728399;font-size:11px;line-height:1.5}
  .me-quick-grid a:hover{background:#eaf0f6}
  .me-member-card{grid-area:member;display:grid;grid-template-columns:1fr;gap:16px;min-height:0;padding:23px 25px;border-radius:15px;box-shadow:none}
  .me-member-crown{width:38px;height:38px;border-radius:10px;font-size:21px}
  .me-member-card strong{font-size:15px}
  .me-member-card small{font-size:11px;margin-top:9px;white-space:normal;line-height:1.6}
  .me-member-card>b{padding-top:14px;border-top:1px solid #ffffff20;font-size:12px}
  .me-member-card:hover{background:#213c5b}
  .me-list{grid-area:services;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:22px 25px;border:1px solid #e4eaf0;border-radius:15px;background:#fff}
  .me-list h3{grid-column:1/-1;padding:0;margin:0 0 8px}
  .me-list>a{min-height:66px;padding:10px 0;font-size:13px;gap:8px;transition:color .16s}
  .me-list>a:nth-last-child(-n+2){border-bottom:0}
  .me-list>a small{margin-top:5px;color:#8390a1;font-size:11px;line-height:1.5}
  .me-list>a:hover{color:#1d6097}
  .nickname-editor{grid-area:editor;margin:0}
  .me-footer{grid-area:footer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0 0;border-top:1px solid #e0e6ee}
  .me-footer>div{justify-content:flex-start;gap:22px}
  .me-footer a{font-size:11px;color:#738399}
  .me-footer .profile-logout{width:auto;min-width:100px;height:36px;margin:0;padding:0 15px;font-size:12px;font-weight:400}
  .profile-card a:focus-visible,.profile-card button:focus-visible{outline:2px solid #3b729e;outline-offset:3px}
  .profile-card>.profile-shape-skeleton,.profile-card>.profile-error{grid-column:1/-1}
}
@media(min-width:901px) and (max-width:1150px){
  .profile-card:has(.me-identity){grid-template-columns:220px minmax(0,1fr);column-gap:20px}
  .me-identity{padding:22px 20px}
  .me-member-card{padding:22px 20px}
  .me-list{padding:20px;column-gap:16px}
  .me-quick-grid{column-gap:12px}
}
@media(prefers-reduced-motion:reduce){.profile-card a{transition:none}}