.personal-profile-page { min-height:100%; background:var(--paper); color:var(--ink); }
.pp-main { width:min(620px,100%); margin:0 auto; padding:18px 14px 34px; box-sizing:border-box; }
.pp-person { padding:8px 2px 18px; border-bottom:1px solid var(--line); }
.pp-person span { color:var(--ink-3); font-size:12px; }
.pp-person h1 { margin:5px 0 3px; font-size:24px; overflow-wrap:anywhere; }
.pp-person p { margin:0; color:var(--ink-2); font-size:14px; }
.pp-form { padding:22px 2px; }
.pp-form label { display:block; margin-bottom:8px; font-weight:700; }
.pp-form select { width:100%; min-height:48px; padding:0 42px 0 13px; border:1px solid var(--line); border-radius:12px; background:var(--card); color:var(--ink); font:inherit; }
.pp-form > p { margin:10px 0 18px; color:var(--ink-2); font-size:13px; line-height:1.65; }
.pp-form .btn { min-height:48px; margin-top:16px; }
.pp-form .btn:disabled { box-shadow:none; }
.pp-inline-error,.pp-note { margin:10px 0; padding:11px 12px; border-radius:10px; font-size:13px; line-height:1.5; }
.pp-inline-error { background:#fff0ed; color:var(--red); }
.pp-note { background:#fff6df; color:#765617; }
.pp-inline-error button,.pp-state button { min-height:44px; border:0; background:transparent; color:inherit; text-decoration:underline; }
.pp-links { display:grid; grid-template-columns:1fr 1fr; gap:10px; border-top:1px solid var(--line); padding-top:18px; }
.pp-links a { min-height:44px; display:flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:12px; color:var(--felt-600); text-decoration:none; font-size:13px; }
.pp-state { margin:14px 0; padding:24px 14px; border:1px dashed var(--line); border-radius:12px; text-align:center; color:var(--ink-2); }
.pp-state.is-error { border-style:solid; color:var(--red); }
@media (max-width:360px) { .pp-main{padding-left:11px;padding-right:11px}.pp-links{grid-template-columns:1fr} }