/* US rankings with distinct girl and boy colors and accessible data tables. */
.rankings-intro{padding-top:25px;padding-bottom:28px}
.rankings-intro .breadcrumbs{font-size:12px;margin-bottom:28px}
.rankings-intro .eyebrow{font-size:10px;letter-spacing:1.5px;color:#627188;margin-bottom:12px}
.rankings-intro h1{font-size:45px;line-height:1.2;letter-spacing:-1.7px;margin:0}
.rankings-intro h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1px;color:#2859ce;white-space:nowrap}
.rankings-description{font-size:15px;line-height:1.8;color:#52637a;max-width:710px;margin:16px 0 0}
.rankings-content{padding-bottom:48px}
.rankings-single .rankings-intro,.rankings-single .rankings-content{max-width:980px}
.rankings-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e0e5ed;border-bottom:1px solid #e0e5ed;padding:16px 0}
.rankings-tabs{display:flex;gap:7px;flex-wrap:wrap}
.rankings-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:650;color:#52637a}
.rankings-tabs a[data-name-usage]::before{content:'';height:7px;width:7px;border-radius:50%;background:var(--name-accent)}
.rankings-tabs a[aria-current]{color:#2859ce;background:#edf2ff;border-color:#cbd8ef}
.rankings-tabs a[data-name-usage][aria-current]{color:var(--name-accent);background:var(--name-wash);border-color:var(--name-border)}
.rankings-tabs a:hover{background:#f1f4fa}
.rankings-year{display:flex;align-items:center;gap:11px;font-size:12px;color:#52637a}
.rankings-year select{font:inherit;font-size:14px;font-weight:600;color:#243b56;border:1px solid #cbd5e4;border-radius:8px;padding:10px 39px 10px 15px;min-height:44px;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23334b6a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;background-size:16px}
.rankings-context{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#5e6f86;margin:18px 0 22px}
.rankings-context>span{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.rankings-latest{font-size:9px;padding:4px 7px;color:#3c6655;background:#eaf3eb;border-radius:5px;font-weight:600}
.rankings-context a{display:flex;align-items:center;gap:6px;color:#2859ce;font-weight:600;min-height:32px}
.rankings-context .icon{width:16px;height:16px}
.rankings-leaders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:34px}
.rankings-leaders-single{grid-template-columns:minmax(0,1fr)}
.ranking-leader{position:relative;display:flex;align-items:center;gap:23px;padding:25px 26px;background:var(--name-wash);border:1px solid var(--name-border);border-radius:15px;min-width:0}
.leader-number{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 75px;height:92px;border:1px solid var(--name-border);border-radius:40px 40px 12px 12px;background:#ffffff70;color:var(--name-accent)}
.leader-number>span{font-size:9px;letter-spacing:1.5px;font-weight:600;margin-top:5px}
.leader-number strong{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:56px;line-height:1.1}
.leader-identity{flex:1;min-width:0;padding-right:32px}
.leader-eyebrow{font-size:9px;font-weight:650;letter-spacing:1px;color:var(--name-accent);margin:0 0 8px}
.leader-identity h2{font-family:Georgia,'Times New Roman',serif;font-size:44px;line-height:1.1;font-weight:400;letter-spacing:-1.1px;color:var(--name-accent);margin:0 0 10px;overflow-wrap:anywhere}
.leader-identity h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.leader-meaning{font-size:12px;line-height:1.6;color:#364b65;margin:0 0 7px;overflow-wrap:anywhere}
.leader-meaning>span{font-size:10px;color:#65738a;margin-right:5px}
.leader-births{font-size:11px;color:#5b6d82;margin:0;line-height:1.6}
.leader-births strong{font-weight:650;color:#344b64}
.rankings-page .save-name:not(.button){display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;background:transparent;color:var(--name-accent)}
.rankings-page .save-name:not(.button):hover{background:var(--name-tint)}
.rankings-page .save-name[aria-pressed=true]{background:var(--name-tint);color:var(--name-accent)}
.rankings-page .save-name[aria-pressed=true] .icon{fill:var(--name-accent);stroke:var(--name-accent)}
.rankings-page .save-name .icon{width:21px;height:21px}
.rankings-page .leader-save{position:absolute;top:15px;right:13px}
.rankings-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 21px}
.rankings-heading h2{font-size:23px;letter-spacing:-.7px;margin:0 0 8px}
.rankings-heading p{font-size:12px;color:#607187;line-height:1.7;margin:0}
.rankings-heading .rankings-save-hint{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}
.rankings-save-hint .icon{width:16px;height:16px}
.rankings-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.rankings-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.ranking-group{min-width:0;border:1px solid var(--name-border);border-radius:14px;overflow:hidden;background:#fff;align-self:start}
.ranking-group-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;background:var(--name-wash);border-bottom:1px solid var(--name-border)}
.ranking-group-heading h2{font-size:18px;letter-spacing:-.5px;color:var(--name-accent);margin:0}
.ranking-group-heading a{color:var(--name-accent);font-size:11px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.ranking-group-heading>span{font-size:11px;color:#607187}
.rankings-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
.rankings-table thead th{font-size:10px;line-height:1.5;font-weight:600;color:#617187;background:#fafbfc;padding:13px 14px;border-bottom:1px solid #e5e9ee}
.rankings-table thead th:first-child{width:65px;text-align:center}
.rankings-table thead th.births-column{width:100px;text-align:right}
.rankings-table thead th:last-child{width:61px}
.rankings-table thead small{display:block;font-size:8px;font-weight:400;margin-top:3px}
.rankings-table td,.rankings-table tbody th{border-bottom:1px solid #e9edf2;padding:14px;vertical-align:middle}
.rankings-table tbody tr:last-child>*{border-bottom:0}
.rankings-table tbody tr:hover{background:var(--name-wash)}
.rankings-table .ranking-position{padding:12px 8px;text-align:center;font-size:13px;font-weight:600;color:#64758c;font-variant-numeric:tabular-nums}
.ranking-position>span{display:inline-flex;justify-content:center;align-items:center;width:33px;min-height:33px}
.ranking-position .top-rank{background:var(--name-wash);border:1px solid var(--name-border);color:var(--name-accent);border-radius:8px}
.ranking-name{font-weight:400;overflow-wrap:anywhere}
.ranking-name>a,.ranking-name-text{display:block;font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:400;line-height:1.15;letter-spacing:-.6px;color:var(--name-accent)}
.ranking-name>a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ranking-meaning{display:block;font-size:11px;line-height:1.55;color:#607187;margin-top:6px}
.rankings-table .ranking-births{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;color:#314963;white-space:nowrap}
.rank-change{display:block;font-size:9px;font-weight:500;line-height:1.5;margin-top:7px;color:#738097}
.rank-change[data-change=up]{color:#34734e}
.rank-change[data-change=down]{color:#8b605d}
.rankings-table .ranking-save-cell{padding:7px 9px 7px 0}
.rankings-note{padding:25px 28px;border:1px solid #dfe5ee;border-radius:12px;background:#f5f7fb;margin-top:25px}
.rankings-note h2{font-size:16px;letter-spacing:-.3px;margin:0 0 11px}
.rankings-note p{font-size:12px;line-height:1.8;color:#586b83;margin:0;max-width:850px}
.rankings-note p+p{margin-top:9px}
.rankings-empty{padding:35px 24px;font-size:14px;color:#536780}
.rankings-empty h2{font-size:25px;margin:0 0 14px}
.rankings-empty .button{font-size:13px;margin-top:15px}
@media(max-width:1050px){.ranking-leader{gap:17px;padding:22px 19px}.leader-number{flex-basis:58px;height:80px}.leader-number strong{font-size:48px}.leader-identity h2{font-size:39px}.rankings-table thead th:first-child{width:49px}.rankings-table thead th.births-column{width:88px}.rankings-table thead th:last-child{width:53px}.rankings-table td,.rankings-table tbody th,.rankings-table thead th{padding:12px 9px}.ranking-name>a,.ranking-name-text{font-size:26px}.ranking-meaning{font-size:10px}}
@media(max-width:850px){.rankings-pair{grid-template-columns:minmax(0,1fr)}.rankings-leaders{gap:14px}.ranking-leader{gap:13px;padding:20px 17px}.leader-number{display:none}.rankings-save-hint{display:none!important}.rankings-table thead th:first-child{width:65px}.rankings-table thead th.births-column{width:110px}.rankings-table thead th:last-child{width:62px}.rankings-table td,.rankings-table tbody th,.rankings-table thead th{padding:14px}.ranking-name>a,.ranking-name-text{font-size:29px}.ranking-meaning{font-size:12px}}
@media(max-width:600px){.rankings-intro{padding-top:20px;padding-bottom:22px}.rankings-intro .breadcrumbs{font-size:11px;margin-bottom:23px}.rankings-intro .eyebrow{font-size:9px;letter-spacing:1.3px}.rankings-intro h1{font-size:35px;letter-spacing:-1.2px}.rankings-intro h1 em{display:block}.rankings-description{font-size:13px;line-height:1.75;margin-top:14px}.rankings-controls{flex-wrap:wrap;gap:15px;padding:14px 0}.rankings-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.rankings-tabs a{font-size:11px;padding:8px;gap:6px}.rankings-year{justify-content:space-between;width:100%;font-size:11px}.rankings-year select{font-size:13px;min-width:110px}.rankings-context{font-size:10px;margin:15px 0 18px;gap:10px}.rankings-context>span{gap:7px}.rankings-latest{font-size:8px}.rankings-context a{font-size:10px;white-space:nowrap}.rankings-leaders{gap:10px;margin-bottom:26px}.ranking-leader{padding:17px 14px;border-radius:12px;align-items:flex-start}.leader-identity{padding-right:0}.leader-eyebrow{font-size:8px;letter-spacing:.6px;max-width:90px;line-height:1.6;min-height:25px;margin-bottom:8px}.leader-identity h2{font-size:33px;letter-spacing:-.8px;margin-bottom:9px}.leader-meaning{font-size:11px;margin-bottom:10px}.leader-meaning>span{display:block;font-size:9px}.leader-births{font-size:10px;line-height:1.6}.leader-births strong{display:block;font-size:13px}.rankings-page .leader-save{top:8px;right:5px}.rankings-page .leader-save .icon{width:18px;height:18px}.rankings-heading h2{font-size:21px}.rankings-heading p{font-size:11px}.rankings-heading{margin-bottom:17px}.ranking-group-heading{padding:15px}.ranking-group-heading h2{font-size:17px}.ranking-group-heading a{font-size:10px}.rankings-table thead th:first-child{width:42px}.rankings-table thead th.births-column{width:75px}.rankings-table thead th:last-child{width:48px}.rankings-table thead th{font-size:9px;padding:12px 7px}.rankings-table td,.rankings-table tbody th{padding:13px 7px}.rankings-table .ranking-position{font-size:11px;padding:9px 3px}.ranking-position>span{width:28px;min-height:29px}.ranking-name>a,.ranking-name-text{font-size:25px}.ranking-meaning{font-size:10px;line-height:1.6}.rankings-table .ranking-births{font-size:12px}.rank-change{font-size:9px}.rankings-table .ranking-save-cell{padding:5px 3px 5px 0}.rankings-note{padding:21px 20px}.rankings-note h2{font-size:15px}.rankings-note p{font-size:11px}.rankings-content{padding-bottom:35px}}
@media(max-width:360px){.rankings-intro h1{font-size:31px}.rankings-leaders{grid-template-columns:1fr}.leader-number{display:flex;flex-basis:50px;height:70px}.leader-number strong{font-size:41px}.leader-eyebrow{max-width:none;min-height:0;padding-right:20px}.leader-identity h2{font-size:34px}.leader-births strong{display:inline}.leader-meaning>span{display:inline}.rankings-table thead th.births-column{width:68px}.ranking-name>a,.ranking-name-text{font-size:23px}.rankings-context{align-items:flex-start}}
@media(forced-colors:active){.rankings-year select{appearance:auto;background-image:none}}