.db-page{max-width:1280px;margin:var(--space-8) auto;padding:0 var(--space-8)}.db-header{margin-bottom:var(--space-8)}.db-title{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-navy-700);margin:0 0 var(--space-2)}.db-subtitle{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-neutral-600);margin:0 0 var(--space-1)}.db-updated{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral-600)}.db-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.db-stat-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-4)}.db-stat-icon{color:var(--color-neutral-400);flex-shrink:0;margin-top:3px}.db-stat-number{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-navy-700);line-height:1;margin:0 0 var(--space-1)}.db-stat-label{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin:0}.db-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.db-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);overflow:hidden}.db-card-title{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-navy-700);margin:0 0 var(--space-4)}.db-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-3)}.db-legend-item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-neutral-600)}.db-legend-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.db-chart-svg{display:block;width:100%}.db-bar{cursor:default;transition:opacity .12s}.db-bar:hover{opacity:.85;filter:brightness(1.15)}.db-donut-wrap{display:flex;align-items:center;gap:var(--space-6)}.db-donut-svg{flex-shrink:0;width:200px;height:200px;overflow:visible}.db-donut-slice{cursor:default;transition:filter .12s}.db-donut-slice:hover{filter:brightness(1.15)}.db-donut-legend{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.db-donut-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.db-donut-label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-neutral-700)}.db-donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.db-donut-pct{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral-500)}.db-longevity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.db-longevity-row{display:grid;grid-template-columns:28px minmax(0,1fr) 80px 44px;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);min-height:40px}.db-longevity-row:hover{background:var(--color-neutral-50)}.db-rank{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral-500);width:24px;height:24px;border-radius:var(--radius-full);border:1px solid var(--color-neutral-200);display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-longevity-name{font-family:var(--font-serif);font-size:var(--text-base);color:var(--color-navy-700);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-longevity-name:hover{text-decoration:underline}.db-longevity-bar-wrap{position:relative;height:8px;border-radius:var(--radius-full)}.db-longevity-bar-track{position:absolute;inset:0;border-radius:var(--radius-full)}.db-longevity-bar-fill{position:absolute;top:0;left:0;bottom:0;border-radius:var(--radius-full)}.db-age-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-neutral-600);text-align:right;white-space:nowrap}.db-hbar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.db-hbar-row{display:grid;grid-template-columns:90px 1fr 36px;align-items:center;gap:var(--space-3);padding:4px var(--space-2);border-radius:var(--radius-sm);min-height:28px}.db-hbar-row--top{background:color-mix(in srgb,var(--color-paternal) 6%,transparent)}.db-hbar-row--top-place{background:color-mix(in srgb,var(--color-maternal) 6%,transparent)}.db-hbar-row:hover{background:var(--color-neutral-50)}.db-hbar-label{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-navy-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-hbar-track{background:var(--color-neutral-100);border-radius:var(--radius-full);height:12px;overflow:hidden;position:relative}.db-hbar-fill{height:100%;border-radius:var(--radius-full);transition:opacity .12s}.db-hbar-fill:hover{opacity:.75}.db-hbar-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral-600);text-align:right}.db-empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--color-neutral-400);font-family:var(--font-sans);font-size:var(--text-sm);font-style:italic}@media(max-width:1023px){.db-grid{grid-template-columns:1fr}.db-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.db-page{padding:0 var(--space-4);margin-top:var(--space-6)}.db-title{font-size:var(--text-3xl)}.db-stat-grid{grid-template-columns:repeat(2,1fr)}.db-hbar-row{grid-template-columns:70px 1fr 30px}.db-longevity-row{grid-template-columns:24px minmax(0,1fr) 60px 36px;gap:var(--space-2)}.db-donut-wrap{flex-direction:column;align-items:flex-start}.db-donut-svg{width:160px;height:160px;align-self:center}}.visually-hidden[data-astro-cid-3nssi2tu]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}