.cross{text-align:center;font-size:14px;color:var(--muted);margin:16px 0 0}
.born{text-align:left}
.born .eyebrow,.born .born-lead,.born .big,.born .sub{text-align:center}
.born-lead{margin:6px 0 0;font-weight:600}
.facts{display:grid;gap:10px;margin-top:16px;border-top:1px dashed var(--line);padding-top:14px}
.fact{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start}
.fact .ico{font-size:22px;line-height:1.3}
.fact .fl{display:block;font-size:13px;color:var(--muted)}
.fact b{display:block;font-size:22px;color:var(--blue);line-height:1.3}
.fact .fn{display:block;font-size:13px;color:#3b4252}

.timeline{position:relative;display:grid;gap:14px;padding-left:18px}
.timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line)}
.stage{position:relative;padding:14px 16px}
.stage:before{content:"";position:absolute;left:-17px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--blue);border:2px solid var(--bg)}
.stage.future{opacity:.7}
.stage.future:before{background:var(--gold)}
.st-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.st-head .age{font-size:24px;font-weight:800;color:var(--blue)}
.st-head .yr{font-size:15px;font-weight:700}
.st-head .st-t{font-size:13px;color:var(--gold);font-weight:700;margin-left:auto}
.extra{margin:8px 0 0;font-size:14px;background:var(--gold-soft);padding:8px 10px;border-radius:10px}
.rows{margin-top:10px;display:grid;gap:6px}
.r{display:grid;grid-template-columns:7.5em 1fr;column-gap:8px;align-items:baseline;font-size:14px}
.r .rk{color:var(--muted)}
.r b{font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}
.r .rn{grid-column:2;font-size:12px;color:var(--muted)}
.dy{color:#a0805a}
.evs{margin-top:10px;border-top:1px dashed var(--line);padding-top:8px}
.evh{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--muted)}
.evs ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.evs li{font-size:13px;line-height:1.5}
.evs li b{color:var(--blue);margin-right:6px}
.pops{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pops span{font-size:12px;background:var(--blue-soft);color:var(--blue);padding:3px 8px;border-radius:99px}

.compare{padding:16px}
.cmp-hl{margin:0 0 10px;font-weight:700;font-size:15px;background:var(--gold-soft);padding:10px 12px;border-radius:10px}
.tbl-wrap{overflow-x:auto}
table.cmp{width:100%;border-collapse:collapse;font-size:14px;min-width:300px}
.cmp th,.cmp td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;white-space:nowrap}
.cmp th:first-child{text-align:left;color:var(--muted);font-weight:600;font-size:13px}
.cmp tr:first-child th{font-size:15px;color:var(--ink)}
.cmp tr:first-child th:nth-child(2){background:var(--orange);color:#fff;border-radius:8px 8px 0 0}
.cmp td:nth-child(2){font-weight:700;color:var(--blue)}
.cmp small{display:block;font-size:11px;color:var(--muted);font-weight:500}
.cmp tr:first-child th:nth-child(2) small{color:#fff}
.na{color:#b8bcc6}

.keys{display:grid;gap:10px}
.key{padding:14px 16px;display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-items:baseline}
.key .kn{grid-row:span 3;font-size:20px;font-weight:800;color:var(--gold)}
.key b{font-size:30px;color:var(--orange);line-height:1.2}
.key .kt{font-weight:700}
.key .kx{font-size:13px;color:var(--muted)}