.sync-ranking{display:block;min-width:0;grid-template-columns:none;max-width:1240px!important;margin:0 auto;padding:30px 24px 80px}.sync-ranking h1{font-size:clamp(27px,4vw,45px);line-height:1.35;letter-spacing:-.025em}.sync-ranking h1 span{font-size:.7em;color:#356b61}.sync-ranking h2{margin-top:2.2rem}.sync-ranking .article-lead{font-size:1.12rem;max-width:75ch;line-height:1.9}.sync-ranking p,.sync-ranking li{line-height:1.85}.division-nav{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.division-nav a{border:1px solid #afc5bb;border-radius:9px;padding:10px 16px;text-decoration:none}.division-nav [aria-current]{background:#245e52;color:#fff}.ranking-notice{border-left:4px solid #a77b2d;background:#faf0dc;padding:18px 22px;border-radius:0 10px 10px 0}.ranking-notice p{margin:.4em 0 0}.ranking-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:18px;background:#f0f3eb;border-radius:12px}.ranking-controls label{display:grid;gap:6px;font-size:.9rem;font-weight:700}.ranking-controls input,.ranking-controls select{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #9eb5a8;border-radius:7px;background:#fff;max-width:100%}.ranking-controls input{width:300px}.ranking-scroll{overflow:auto;border:1px solid #cfdbd1;border-radius:12px;background:white}.ranking-scroll table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}.ranking-scroll caption{text-align:left;padding:14px 16px;color:#55665b;background:#f5f7f0;white-space:normal}.ranking-scroll th,.ranking-scroll td{padding:13px 15px;border-bottom:1px solid #e1e6dc;text-align:left}.ranking-scroll thead th{background:#e8f0e8;font-size:12px}.ranking-scroll tbody th{font-weight:650;white-space:normal;min-width:220px;max-width:310px}.ranking-scroll tbody th small{display:block;color:#64766a;font-weight:400;font-size:11px;margin-top:5px}.ranking-scroll .number{text-align:right;font-variant-numeric:tabular-nums}.ranking-scroll tr:target>th,.ranking-scroll tr:target>td{background:#fff0c9}.ranking-scroll .detail-row>td{white-space:normal;padding:20px;background:#f5f8f2}.row-details{font:inherit;color:#275e53;background:#f0f6ef;border:1px solid #aac0ae;padding:8px 10px;border-radius:6px;cursor:pointer;min-height:40px}.row-details[aria-expanded=true]{background:#245e52;color:white}.pair-details{white-space:normal;max-width:1050px}.pair-details h3{font-size:19px;margin:0 0 16px}.axis-builds{display:grid;grid-template-columns:1fr 1fr;gap:20px}.axis-build{padding:18px;background:white;border:1px solid #d3dfd0;border-radius:10px;min-width:0}.axis-build h4{font-size:17px;margin:0 0 10px}.axis-build dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.axis-build dt{color:#617063;font-size:12px}.axis-build dd{margin:0;font-variant-numeric:tabular-nums;font-weight:650}.axis-build ul{padding-left:20px;font-size:13px}.axis-build p{font-size:13px;line-height:1.75}.axis-build .build-links{display:flex;flex-wrap:wrap;gap:8px}.axis-build .build-links a{background:#edf4e9;border:1px solid #bbcbb2;padding:8px 12px;border-radius:6px;text-decoration:none;font-size:13px}.axis-build details{margin-top:16px}.axis-build summary{cursor:pointer;font-weight:650}.panel-list{max-height:340px;overflow:auto;padding:8px 14px!important;list-style:none;border:1px solid #e0e6d8;border-radius:6px}.panel-list li{display:flex;justify-content:space-between;gap:15px;padding:5px 0;border-bottom:1px solid #edf0e8}.panel-list small{white-space:nowrap;color:#687665}.sync-ranking [hidden]{display:none!important}@media(max-width:700px){.sync-ranking{padding:22px 14px 60px}.axis-builds{grid-template-columns:1fr}.ranking-controls{padding:14px}.ranking-controls input{width:100%}.ranking-controls label:first-child{width:100%}.ranking-scroll th,.ranking-scroll td{padding:11px 10px}.ranking-scroll table{font-size:13px}.ranking-scroll tbody th{min-width:180px}.axis-build dl{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:no-preference){.sync-ranking{scroll-behavior:smooth}}

/* Keep the article and comparison table independent of the search-page layout. */
.sync-ranking > section,.sync-ranking .ranking-scroll{min-width:0;max-width:100%}
.sync-ranking .ranking-scroll td,.sync-ranking .ranking-scroll td:first-child{width:auto;min-width:0}
.sync-ranking .ranking-scroll .detail-row > td{width:auto;min-width:0;max-width:none}

/* Keep pair identities recognizable while names and ranks stay readable. */
.sync-ranking .pair-icon{display:block;width:56px;height:56px;object-fit:contain;flex:none}
.sync-ranking .ranking-pair{display:flex;align-items:center;gap:12px}
.sync-ranking .pair-copy{min-width:0}
.sync-ranking .ranking-scroll tbody th{min-width:290px;max-width:360px}
.sync-ranking .pending-pairs{list-style:none;padding:0;display:grid;gap:10px}
.sync-ranking .pending-pairs li{display:flex;align-items:center;gap:12px}
.sync-ranking .pending-pairs .pair-icon{width:40px;height:40px}
@media(max-width:700px){.sync-ranking .ranking-pair{gap:9px}.sync-ranking .pair-icon{width:48px;height:48px}.sync-ranking .ranking-scroll tbody th{min-width:240px}}