/* /my homeowner account page */
.my-hidden { display: none; }
.my-email-line { font-size: var(--type-ui); color: var(--text-muted); margin-bottom: 20px; }
.my-section-sub { font-size: var(--type-ui); color: var(--text-faint); margin: -6px 0 14px; }
.my-row { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px solid var(--border); }
.my-row:last-child { border-bottom: none; }
.my-amount { font-size: var(--type-ui); color: var(--text-muted); }
.my-why,
.my-empty { font-size: var(--type-ui); color: var(--text-faint); }
.my-remove { margin-left: auto; background: none; border: 1px solid var(--border); border-radius: 6px; padding: 3px 10px; font-size: var(--type-ui); color: var(--text-muted); cursor: pointer; font-family: var(--font); }
.my-remove:hover { border-color: #dc3545; color: #dc3545; }

.page-account .account-hero .page-hero-sub { max-width:760px; }
/* Match the compact, unboxed CTA rhythm used on bilingual city pages. */
.page-account .account-content { padding:16px 0 72px; background:var(--bg); }
.page-account .account-entry { max-width:var(--measure-reading); }
.page-account .account-entry h2 { margin:0 0 6px; }
.page-account .account-entry p { max-width:var(--measure-reading); margin:0 0 16px; color:var(--text-muted); font-size:var(--type-body); line-height:var(--leading-body); }
.page-account .detail-card { margin-bottom:24px; padding:28px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-lg); }
.page-account .detail-card h2 { margin-bottom:16px; font-size:1.15rem; }
.page-account .ask-block { margin-top:24px; padding:20px 24px; background:var(--bg-card); border:1px solid var(--border); border-left:4px solid var(--orange); border-radius:10px; }
.page-account .ask-block h3 { margin:0 0 6px; font-size:1.1rem; }
.page-account .ask-block p { max-width:var(--measure-reading); margin:0 0 14px; color:var(--text-muted); font-size:var(--type-body); line-height:var(--leading-body); }
.my-application-group + .my-application-group { margin-top:24px; }
.my-recommendations { margin-top:24px; padding-top:20px; border-top:1px solid var(--border); }
.my-application-history { border-left:4px solid var(--border); padding-left:14px; }
.my-application-group h3,
.my-recommendations h3 { margin:0 0 8px; color:var(--blue-dark); font-size:1rem; }
.my-application-list { border-top:1px solid var(--border); }
.my-application-item { padding:14px 0; border-bottom:1px solid var(--border); }
.my-application-summary { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.my-application-copy { display:grid; min-width:0; grid-template-columns:auto auto; align-items:baseline; gap:4px 10px; }
.my-application-name { min-width:0; overflow-wrap:anywhere; }
.my-application-next { grid-column:1 / -1; color:var(--text-muted); font-size:var(--type-ui); line-height:1.45; }
.my-application-toggle { flex:0 0 auto; min-height:44px; margin:0; }
.my-application-panel { margin-top:14px; padding:16px 18px; background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); }
.my-application-panel > .my-why { display:block; margin:0 0 6px; }
.my-application-links { margin:12px 0; color:var(--text-muted); font-size:var(--type-ui); }
.my-application-success { margin:0 0 12px; padding:10px 12px; background:rgba(34,197,94,0.1); border-left:4px solid var(--green); color:var(--heading); font-size:var(--type-ui); }
.my-status-update { margin-top:4px; }
.my-prepare-surface { flex:1 0 100%; margin-top:4px; padding:16px 18px; background:var(--bg); border:1px solid var(--border); border-left:4px solid var(--lime); border-radius:var(--radius); }
.my-prepare-title { display:block; margin-bottom:4px; font-size:1rem; }
.my-prepare-surface .my-why { display:block; margin-bottom:12px; }
.my-prepare-actions { display:flex; flex-wrap:wrap; gap:8px; }
.my-prepare-action { margin:0; }

@media (max-width:640px) {
  .page-account .detail-card { padding:22px 18px; }
  .my-application-summary { align-items:stretch; flex-direction:column; gap:10px; }
  .my-application-toggle { align-self:flex-start; }
  .my-application-panel { padding:14px; }
  .my-prepare-surface { padding:14px; }
  .my-prepare-actions { align-items:stretch; flex-direction:column; }
  .my-prepare-action { justify-content:center; width:100%; }
}