.evolution-page h1{letter-spacing:-1px;max-width:960px;margin:16px 0 20px;font-size:clamp(30px,4vw,48px);line-height:1.2}.evolution-intro{color:var(--muted);max-width:760px}.evolution-note{background:#eaf0df;border-left:3px solid #8aa36d;border-radius:0 12px 12px 0;max-width:900px;padding:16px 20px;font-size:14px}.family-search{max-width:650px;margin:32px 0 18px}.family-search label{margin-bottom:10px;font-weight:650;display:block}.family-search>div{gap:10px;display:flex}.family-search input{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;min-width:0;padding:14px}.family-search button{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 18px}.evolution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.family-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.family-card:hover{border-color:#8aa36d}.family-card>a{height:100%;display:block}.family-portrait{background:linear-gradient(140deg,#eaf0df,#f5f5eb);border-radius:12px;justify-content:center;margin:8px;display:flex}.family-portrait img{object-fit:contain}.family-card-copy{padding:14px 22px 22px}.family-card small{letter-spacing:1px;color:var(--muted);font-size:10px}.family-card h2{margin:6px 0;font-size:25px}.family-card p{color:var(--muted);min-height:42px;font-size:13px}.family-card span{border-top:1px solid var(--line);padding-top:14px;font-size:12px;display:block}.family-card b{float:right}.branch-nav{flex-wrap:wrap;gap:10px;margin:28px 0;display:flex}.branch-nav a{border:1px solid var(--line);background:#fff;border-radius:24px;padding:11px 17px}.branch-nav a[aria-current]{background:var(--text);color:#fff}.branch-list{gap:24px;display:grid}.branch-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:28px;scroll-margin-top:24px}.branch-panel:target,.connection-card:target{outline-offset:3px;outline:3px solid #8aa36d}.branch-panel h2{overflow-wrap:anywhere;margin:0 0 24px;font-size:23px}.branch-chain{gap:20px;margin:0;padding:0;list-style:none;display:flex}.branch-chain li{flex:1;align-items:center;gap:20px;min-width:0;display:flex}.chain-arrow{color:#7a936c;font-size:26px}.chain-node{text-align:center;background:#f2f5e9;border-radius:14px;flex-direction:column;flex:1;align-items:center;min-width:0;padding:14px;display:flex}.chain-node img{object-fit:contain}.chain-node small{color:var(--muted);letter-spacing:1px;font-size:10px}.chain-node strong{overflow-wrap:anywhere;font-size:20px}.chain-node span{padding-top:8px;font-size:12px}.branch-panel h3{margin-top:26px;font-size:15px}.branch-connections{margin:0;padding:0;list-style:none}.branch-connections li{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;font-size:14px;display:flex}.branch-connections a{text-underline-offset:3px;text-decoration:underline}.branch-connections span{color:var(--muted)}.connection-details{margin-top:44px}.connection-card{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:16px;padding:24px;scroll-margin-top:24px}.connection-card h3{margin:0}.connection-card dl{grid-template-columns:1fr 1fr 2fr;gap:16px;display:grid}.connection-card dt{color:var(--muted);font-size:12px}.connection-card dd{margin:4px 0}.connection-card>a{font-size:13px;text-decoration:underline}.evolution-page>.back-link{margin:0 0 26px;display:inline-block}@media (width<=900px){.evolution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-chain,.branch-chain li{gap:10px}.chain-node strong{font-size:17px}}@media (width<=600px){.evolution-grid{grid-template-columns:1fr}.family-card>a{grid-template-columns:110px minmax(0,1fr);align-items:center;display:grid}.family-portrait{height:135px;margin:8px 0 8px 8px}.family-card-copy{padding:18px 14px}.family-card p{min-height:0}.family-card h2{font-size:22px}.branch-panel{padding:20px}.branch-panel h2{font-size:21px}.branch-chain,.branch-chain li{flex-direction:column}.chain-arrow{transform:rotate(90deg)}.chain-node{width:100%}.branch-connections li{flex-direction:column;gap:4px}.connection-card{padding:20px}.connection-card dl{grid-template-columns:1fr}.evolution-page h1{letter-spacing:0}.family-search button{padding-inline:12px}}
