/* The profile and every chapter share the same left-hand narrative position. */
.alignment-region { display:grid; grid-template-columns:minmax(240px,.85fr) minmax(360px,1.4fr); align-items:center; gap:3vw; inset:6.4rem 8rem 7rem 4vw; }
.alignment-region .alignment-copy { align-self:center; }
.alignment-region .alignment-copy h1 { font-size:clamp(2.4rem,4vw,4rem); }
.alignment-region .alignment-copy h2 { font-size:clamp(2rem,3.5vw,3.8rem); }
.alignment-region .alignment-copy p { font-size:.91rem; line-height:1.7; margin:1rem 0; }
.alignment-region .perspectives { grid-template-columns:1fr; gap:.5rem; margin:1.2rem 0; }
.alignment-region .perspectives button { padding:.8rem 2rem .8rem .8rem; }
.alignment-region .perspectives span { font-size:.82rem; }
.alignment-region .perspectives small { font-size:.7rem; }
.alignment-region .illustration-note { display:block; }
.about-region .about-role { color:#7567a2; font-size:.8rem; }
.experience-open { display:inline-flex; align-items:center; min-height:44px; padding:.7rem 1rem; margin-top:1rem; border:1px solid #3d998f66; border-radius:6px; color:#287b72; background:#55b9aa0c; cursor:pointer; font-size:.85rem; }
.experience-open:hover { background:#55b9aa20; }
.about-thesis { padding:0 1rem; }
.about-thesis h2 { font-size:clamp(2.1rem,3.5vw,3.8rem); }
.decision-space { margin:0 auto 2.8rem; }
.footer-skills > span { display:inline-flex; align-items:center; gap:.4rem; }
.footer-skills svg { width:16px; height:16px; stroke:#7567a2; stroke-width:1.5; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.research-region { grid-template-columns:minmax(250px,.9fr) minmax(330px,1.3fr); }
.research-region .research-topics { display:flex; flex-direction:column; gap:.3rem; margin:1.5rem 0 0; }
.research-topics button { font-size:.82rem; padding:.8rem .9rem; border-radius:5px; }
.research-topics button[aria-selected=true] { color:#56449b; background:#7567d810; border-color:#7567d84d; }
.research-stage { aspect-ratio:auto; padding:0; width:100%; margin:0; }
.research-stage > svg { display:none; }
.research-detail { position:static; transform:none; width:100%; padding:2rem; border:1px solid #7567d829; border-radius:12px; background:#f9fafceF; box-shadow:0 16px 45px #40485c0a; }
.research-detail h3 { font-size:clamp(1.5rem,2.4vw,2.3rem); line-height:1.18; margin:0 0 1.4rem; }
.research-detail p { font-size:1rem; line-height:1.85; }
.research-action { padding-top:1.1rem; margin-top:1.5rem; border-top:1px solid var(--line); }
.research-source-note { text-align:left; margin:1rem 0 0; }
body.research-active #world { opacity:.08; }
@media(max-width:800px) {
 .alignment-region,.research-region { grid-template-columns:1fr; align-items:start; inset:6rem 5rem 8rem 1.2rem; gap:1.5rem; }
 .alignment-region .alignment-copy { align-self:start; }
 .alignment-region .perspectives { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .alignment-region .perspectives button { padding:.65rem 1.4rem .65rem .6rem; }
 .alignment-region .perspectives span { font-size:.7rem; }
 .about-thesis { padding:0 0 2rem; }
 .research-detail { padding:1.4rem; }
 .research-detail p { font-size:.9rem; }
 .journey-nav { top:6rem; }
}
@media(max-width:480px) { .alignment-region .perspectives { grid-template-columns:1fr; } .site-footer { max-height:7rem; } }
.about-thesis { width:88%; max-width:480px; margin:0 auto; padding:2rem 1rem; text-align:center; }
.about-thesis h2 { font-size:clamp(2rem,3.25vw,3.3rem); max-width:16ch; margin:0 auto; line-height:1.08; }
.about-thesis p { font-size:.9rem; line-height:1.65; max-width:34ch; margin:1.4rem auto 0; }
.experience-region { align-items:start; }
.experience-region .alignment-copy { align-self:start; padding-top:2rem; }
.experience-timeline { list-style:none; margin:0; padding:1rem 0 2rem 1.6rem; border-left:1px solid #7567d84d; }
.experience-timeline li { position:relative; margin:0 0 1.8rem; }
.experience-timeline li::before { content:''; position:absolute; left:-1.95rem; top:.3rem; width:.6rem; height:.6rem; border-radius:50%; background:#f5f6f8; border:1px solid #7567d8; }
.experience-timeline li:last-child::before { background:#7567d8; }
.experience-timeline span { font-size:.72rem; color:#7567a2; }
.experience-timeline h3 { margin:.5rem 0; font-size:1.1rem; font-weight:550; line-height:1.35; }
.experience-timeline p { margin:0; font-size:.83rem; line-height:1.7; color:var(--muted); }
body.experience-active #world { opacity:.12; }
.rail-markers { gap:min(var(--rail-gap,9px),5px); }
.alignment-region.about-region .alignment-copy h1 { font-size:clamp(1.65rem,2.45vw,2.7rem); line-height:1.15; max-width:none; font-style:italic; font-weight:550; letter-spacing:-.025em; }
.alignment-region.about-region .about-role { font-size:.76rem; line-height:1.7; }
@media(max-width:800px) { .about-thesis { width:100%; } .experience-region .alignment-copy { padding-top:0; } }