.selected-lineage-title{display:flex;align-items:center;gap:12px;min-width:0}.selected-lineage-silhouette{width:76px;height:48px;object-fit:contain;flex:0 0 auto;padding:5px;background:var(--row)}.selected-silhouette-note{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 8px}.path-stop{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:8px;align-items:center;min-height:62px}.path-stop>.path-silhouette{grid-row:1 / span 2;width:42px;height:36px;display:grid;place-items:center}.path-silhouette-image{width:40px;height:31px;object-fit:contain}.path-stop>.path-lineage{font-size:12px;overflow-wrap:anywhere}.path-stop>span:last-child{grid-column:2}.silhouette-callout{cursor:pointer}.silhouette-leader{fill:none;stroke:#667e82;stroke-width:1;opacity:.6}.silhouette-callout-back{fill:var(--panel);stroke:#bbcacb;stroke-width:1.2}.silhouette-callout:hover .silhouette-callout-back,.silhouette-callout:focus .silhouette-callout-back{stroke:var(--orange);stroke-width:2.3}.silhouette-callout:focus{outline:none}.rate-tree .node-dot{fill-opacity:.96}.evo-hover-heading{display:flex;align-items:center;gap:9px;margin-bottom:6px}.evo-hover-silhouette{width:42px;height:30px;object-fit:contain;background:var(--panel);padding:2px;flex:none}.global-tooltip{max-width:min(310px,calc(100vw - 20px))}.global-tooltip small{display:block;color:#d8e1e1;margin-top:4px}.clade-explorer{margin:24px 0}.clade-explorer .section-head{margin-bottom:8px}.clade-explorer-intro{font-size:13px;color:var(--muted);margin:0 0 14px}.clade-search-label{display:grid;gap:5px;max-width:540px;font-size:12px;color:var(--muted)}.clade-search-label input{width:100%;min-width:0}.clade-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;margin-top:15px}.clade-card{display:grid;grid-template-rows:68px auto auto;align-content:start;text-align:left;min-width:0;padding:8px;border:1px solid var(--line);background:var(--panel)}.clade-card:hover,.clade-card.selected{border-color:var(--orange);background:var(--warm)}.clade-card-image{display:grid;place-items:center;background:var(--row)}.clade-card-silhouette{width:88px;height:58px;object-fit:contain}.clade-card-name{font-size:12px;line-height:1.3;font-weight:600;overflow-wrap:anywhere;margin-top:7px}.clade-card-representative{font-size:10px;line-height:1.35;color:var(--muted);margin-top:4px}.clade-gallery .empty-data{grid-column:1/-1;padding:14px}
@media(max-width:850px){.clade-gallery{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.selected-lineage-silhouette{width:62px;height:40px}.path-stop{grid-template-columns:34px minmax(0,1fr);padding:8px}.path-stop>.path-silhouette{width:32px;height:30px}.path-silhouette-image{width:32px;height:27px}}
@media(max-width:520px){.selected-lineage-title{align-items:flex-start}.selected-lineage-silhouette{width:56px;height:38px}.clade-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.clade-card{grid-template-rows:62px auto auto}.path-list{grid-template-columns:1fr 1fr}}
.silhouette-clade-label{font-size:10px;fill:var(--ink);stroke:var(--panel);stroke-width:3px;paint-order:stroke;pointer-events:none}

/* Independent peripheral annotations never resize the scientific circle. */
.rate-tree{overflow-x:auto;overflow-y:hidden}
.rate-tree-frame{position:relative;padding:var(--clade-padding,64px) 0;width:100%;--tree-size:740px}
.evolution-clade-ring{position:absolute;inset:0;pointer-events:none;z-index:2}
.evolution-clade-ring .silhouette-callout,
.evolution-clade-ring .silhouette-callout:hover,
.evolution-clade-ring .silhouette-callout:focus{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;width:88px;padding:2px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink);min-width:0;font-size:10px;line-height:1.3;pointer-events:auto}
.evolution-clade-ring .silhouette-callout img{display:block;width:40px;height:28px;object-fit:contain}
.evolution-clade-ring .silhouette-callout span{max-width:88px;min-height:26px;text-align:center}
.evolution-clade-ring .silhouette-callout:focus-visible{outline:1px dotted #55747b;outline-offset:3px}
.rate-tree .compact-clades .silhouette-callout{width:64px;font-size:9px}
.compact-clades .silhouette-callout img{width:30px;height:22px}
.compact-clades .silhouette-callout span{max-width:64px;min-height:24px}
.evolution-hero .selected-lineage-silhouette{background:none}
.rate-tree .rate-tree-canvas{width:var(--tree-size);height:var(--tree-size);max-height:none;margin:auto;overflow:hidden}
.rate-tree .silhouette-link-layer{position:absolute;inset:0;width:100%;height:100%;max-height:none;pointer-events:none;z-index:1}
.rate-tree .silhouette-hover-link{fill:none;stroke:var(--stroke-2);stroke-width:1.2;stroke-dasharray:3 4;opacity:.7}
.rate-tree .rate-branch{stroke-linecap:round;stroke-linejoin:round}
.rate-tree .rate-branch.hovered{stroke-width:3.3}
.rate-tree .node-dot.selected,.rate-tree .node-dot:hover,.rate-tree .node-dot:focus{stroke:var(--ink);stroke-width:1.6;outline:none}
.rate-tree-legend.rate-continuous-legend{display:flex;align-items:center;justify-content:center;gap:18px 28px;margin:8px 0 0}
.rate-scale{width:360px;max-width:100%}
.rate-scale-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;line-height:1.4;margin-bottom:6px;color:var(--muted)}
.rate-scale-caption>span:first-child{color:var(--rate-1)}.rate-scale-caption>span:last-child{color:var(--rate-6)}
.rate-scale-gradient{height:8px;border-radius:1px;position:relative}
.rate-background-mark{position:absolute;top:-2px;bottom:-2px;width:1px;background:#587078}
.rate-scale-ticks{position:relative;height:20px;margin-top:5px;font-size:10px;font-variant-numeric:tabular-nums}
.rate-scale-ticks>span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.rate-scale-ticks>span:first-child{transform:none}.rate-scale-ticks>span:last-child{transform:translateX(-100%)}
.rate-unranked-note{display:inline-flex;gap:7px;align-items:center;font-size:10px;white-space:nowrap}
.unranked-key{display:inline-block;width:18px;height:6px;background:var(--unranked);border-radius:1px}
.hover-rate-key{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:baseline}
@media(max-width:520px){.rate-tree-legend.rate-continuous-legend{gap:7px}.rate-tree-wrap>.section-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.rate-tree-wrap>.section-head>span{grid-column:1/-1}.rate-tree-wrap>.section-head>label{font-size:11px}.rate-tree-wrap>.section-head>div{display:flex;gap:3px}.rate-tree-wrap>.section-head button{padding:5px 9px;font-size:12px}}


.rate-tree-frame{overflow:hidden}