.personal-heading{ min-width:0; }
.personal-heading p{ margin:0 0 2px; color:var(--text-faint); font:10px/1.2 var(--font-en),var(--font-cn); letter-spacing:.14em; }
.personal-heading h2{ margin:0; color:var(--text); font:500 17px/1.2 var(--font-en),var(--font-cn); }
.personal-scroll{ width:100%; max-width:760px; margin:0 auto; gap:16px; padding-bottom:calc(96px + env(safe-area-inset-bottom)); }
.personal-intro{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:16px; padding:4px 4px 8px; }
.personal-mark{ display:grid; place-items:center; width:68px; height:68px; border:1px solid var(--card-line); border-radius:50%; background:var(--card-bg); color:var(--text); box-shadow:var(--soft-shadow); font:500 24px/1 var(--font-cn); }
.personal-intro p{ margin:0; color:var(--text-faint); font:9.5px/1.2 var(--font-en),var(--font-cn); letter-spacing:.15em; }
.personal-intro h1{ margin:7px 0; color:var(--text); font:500 clamp(25px,5vw,36px)/1.18 var(--font-en),var(--font-cn); }
.personal-intro span{ display:block; max-width:45em; color:var(--text-soft); font-size:12.5px; line-height:1.7; }
.personal-section{ display:grid; gap:8px; }
.personal-section-heading{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:4px; }
.personal-section-heading p{ margin:0 0 2px; color:var(--text-faint); font:9.5px/1.2 var(--font-en),var(--font-cn); letter-spacing:.14em; }
.personal-section-heading h3{ margin:0; color:var(--text); font-size:16px; font-weight:500; }
.personal-section-heading>span{ flex:none; padding:4px 8px; border-radius:999px; background:var(--seg-track); color:var(--text-faint); font-size:10px; }
.personal-section .action-row{ min-height:54px; border-radius:14px; }
.personal-footnote{ margin:2px 6px 0; color:var(--text-faint); font-size:10.5px; line-height:1.65; text-align:center; }
.personal-panel .personal-scroll>*{ opacity:0; transform:translateY(8px); transition:opacity .28s ease,transform .34s var(--ease-soft); }
.personal-panel.open .personal-scroll>*{ opacity:1; transform:none; }
.personal-panel.open .personal-scroll>*:nth-child(2){ transition-delay:35ms; }
.personal-panel.open .personal-scroll>*:nth-child(3){ transition-delay:70ms; }
.personal-panel.open .personal-scroll>*:nth-child(4){ transition-delay:105ms; }
.personal-panel.open .personal-scroll>*:nth-child(5){ transition-delay:140ms; }
@media (min-width:1000px){ .personal-scroll{ padding-top:18px; padding-bottom:36px; } }
@media (max-width:520px){
  .personal-intro{ align-items:start; grid-template-columns:54px minmax(0,1fr); gap:12px; }
  .personal-mark{ width:52px; height:52px; font-size:20px; }
  .personal-section-heading{ gap:10px; }
}
@media (prefers-reduced-motion:reduce){ .personal-panel .personal-scroll>*{ opacity:1; transform:none; transition:none; } }