.top-card {max-width: 840px;}
.top-card h1 {font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.1;margin:0 0 18px;}
.top-controls {display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;}
.top-controls a {display:inline-block;padding:7px 12px;border-radius:999px;color:var(--muted);font-size:.91rem;font-weight:600;transition:background 150ms ease,color 150ms ease;}
.top-controls a:hover {background:rgba(42,102,255,.08);color:var(--accent);}
.top-controls a[aria-current="page"] {background:rgba(42,102,255,.10);color:var(--accent);}
.top-controls .surprise-domain {appearance:none;display:inline-block;margin-left:0;border:0;background:transparent;color:var(--muted);font-family:inherit;font-size:.91rem;font-weight:600;cursor:pointer;border-radius:999px;padding:7px 12px;line-height:inherit;transition:background 150ms ease,color 150ms ease;}
.top-controls .surprise-domain:hover {background:rgba(42,102,255,.08);color:var(--accent);}
.top-controls .surprise-domain:focus-visible {outline:2px solid var(--accent);outline-offset:2px;}
.top-list-caption {font-size:.87rem;color:var(--muted);line-height:1.45;margin:0 0 13px !important;}
.top-site-list {list-style:none;margin:0;padding:0;display:grid;}
.top-site-list li {display:grid;grid-template-columns:52px 1fr;border-bottom:1px solid rgba(15,23,42,.075);align-items:center;gap:10px;min-height:41px;}
.top-site-list li:last-child {border-bottom:0;}
.top-site-list li.rank-focused {background:rgba(42,102,255,.085);border-left:3px solid var(--accent);margin-left:-3px;border-radius:8px;}
.top-site-list li.rank-focused .top-number,.top-site-list li.rank-focused a {color:var(--accent);font-weight:700;}

.top-number {color:var(--muted-soft);font-size:.82rem;font-variant-numeric:tabular-nums;text-align:right;}
.top-site-list li a {display:block;color:var(--ink);font-weight:550;font-size:.98rem;overflow-wrap:anywhere;padding:10px 4px;}
.top-site-list li a:hover {color:var(--accent);}
/* A classification is metadata, not part of the clickable website name. */
.top-entry {display:flex;align-items:baseline;justify-content:space-between;gap:4px 22px;flex-wrap:wrap;min-width:0;}
.top-site-list li .top-entry > a {flex:0 1 auto;min-width:0;}
.top-site-list li .top-entry .top-type-label {display:inline-block;flex:0 0 auto;margin:0 4px 0 auto;font-size:.75rem;line-height:1.35;font-weight:400;color:var(--muted);text-align:right;white-space:normal;}

@media(max-width:640px){
  .top-entry {flex-direction:column;align-items:flex-start;gap:0;padding:8px 0;}
  .top-site-list li .top-entry > a {padding:0 4px;}
  .top-site-list li .top-entry .top-type-label {margin:0 0 0 4px;font-size:.71rem;line-height:1.45;text-align:left;}
}
.top-list-footnote {margin:19px 0 0 !important;}
.top-list-footnote a {color:var(--accent);}
@media(max-width:640px){.top-controls .surprise-domain{margin-left:0;padding:7px 10px;font-size:.85rem;}}
@media(max-width:640px){.top-card{padding:24px 20px}.top-site-list li{grid-template-columns:35px 1fr}.top-controls{gap:1px}.top-controls a{padding:7px 10px;font-size:.85rem}}

.around-nav {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 0;}
.around-nav a {color:var(--accent);font-weight:600;font-size:.9rem;}
.around-nav a:hover {text-decoration:underline;}