.dividend-page{width:min(100% - 30px,1320px);margin-block:24px 52px}.ranking-hero{color:#fff;background:#123b5d;border-radius:10px 10px 0 0;grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:48px;padding:34px 38px;display:grid;box-shadow:0 8px 28px #123b5d1f}.hero-kicker{color:#b7cad8;letter-spacing:.08em;margin:0 0 12px;font-size:12px}.ranking-hero h1{color:#fff;margin:0 0 10px;font-size:clamp(30px,4vw,44px)}.ranking-hero>div>p:last-child{color:#d9e3ea;max-width:700px;margin:0;line-height:1.8}.hero-status{background:#ffffff14;border:1px solid #ffffff2e;border-radius:7px;grid-template-columns:10px 1fr;align-items:center;gap:3px 10px;padding:17px 19px;display:grid}.hero-status i{background:#75cca2;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #75cca221}.hero-status strong{font-size:14px}.hero-status small{color:#c3d2dc;grid-column:2;font-size:11px}.ranking-shell{background:#fff;border:1px solid #e5eaed;border-top:0;border-radius:0 0 10px 10px;padding:28px 30px 24px;box-shadow:0 8px 28px #123b5d12}.ranking-toolbar{justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;display:flex}.ranking-toolbar h2{margin:0 0 4px;font-size:19px}.ranking-toolbar p{color:#87929b;margin:0;font-size:12px}.toolbar-actions{align-items:end;gap:10px;display:flex}.toolbar-actions label{color:#70808c;gap:5px;font-size:11px;display:grid}.toolbar-actions select{color:#344a5a;background:#fff;border:1px solid #d8e0e5;border-radius:5px;min-width:150px;height:38px;padding:0 11px}.toolbar-actions button{color:#fff;height:38px;font:inherit;cursor:pointer;background:#123b5d;border:0;border-radius:5px;align-items:center;gap:7px;padding:0 15px;font-size:13px;display:flex}.toolbar-actions button:disabled{cursor:not-allowed;opacity:.55}.toolbar-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px}.empty-state{text-align:center;padding:52px 18px}.empty-state strong{margin-bottom:8px;display:block}.table-wrap{border:1px solid #e3e9ed;border-radius:7px;overflow:auto}.table-wrap table{table-layout:fixed;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%;min-width:0;font-size:13px}.table-wrap th,.table-wrap td{text-align:center;white-space:nowrap;border-bottom:1px solid #edf1f3;height:54px;padding:10px 8px}.table-wrap th:first-child{width:6%}.table-wrap th:nth-child(2){width:15%}.table-wrap th:nth-child(3){width:8%}.table-wrap th:nth-child(4),.table-wrap th:nth-child(5){width:9%}.table-wrap th:nth-child(6){width:13%}.table-wrap th:nth-child(7){width:14%}.table-wrap th:nth-child(8){width:10%}.table-wrap th:nth-child(9){width:16%}.table-wrap th:nth-child(4),.table-wrap td:nth-child(4){text-overflow:ellipsis;overflow:hidden}.table-wrap th{z-index:2;color:#627482;background:#eef3f6;height:48px;font-size:11px;position:sticky;top:0}.table-wrap tbody tr:nth-child(2n){background:#fafcfd}.table-wrap tbody tr:hover{background:#f1f6f8}.table-wrap th button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.table-wrap th button:after{content:" ↕";color:#9aabb6}.table-wrap th[aria-sort=ascending] button:after{content:" ↑";color:#123b5d}.table-wrap th[aria-sort=descending] button:after{content:" ↓";color:#123b5d}.num{text-align:center}.rank strong{color:#456072;background:#eaf0f3;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:inline-grid}.stock a{color:#203d53;font-weight:600}.code,.quote-time{color:#788894}.average{color:#4f6b7c}.dividend-yield strong{color:#b64438;font-size:14px}.quote-time{font-size:12px}.footnotes{color:#83909a;gap:4px;margin-top:13px;font-size:11px;display:grid}.footnotes p{margin:0}.feedback{color:#4d6c80;min-height:18px;margin:8px 0 0;font-size:12px}.method-panel{background:#fff;border:1px solid #e7ebee;border-radius:8px;grid-template-columns:230px 1fr;gap:38px;margin-top:20px;padding:26px 30px;display:grid}.method-panel h2{margin:0 0 7px;font-size:17px}.method-panel p{color:#8a959d;font-size:12px}.method-panel dl{grid-template-columns:repeat(2,1fr);gap:0 28px;margin:0;display:grid}.method-panel dl>div{border-bottom:1px solid #edf0f2;padding:10px 0}.method-panel dt{color:#334d5f;margin-bottom:4px;font-size:12px;font-weight:600}.method-panel dd{color:#7a8790;margin:0;font-size:12px}@media (width<=1000px){.table-wrap table{min-width:980px}}@media (width<=820px){.ranking-hero{grid-template-columns:1fr;gap:22px;padding:28px 24px}.hero-status{max-width:360px}.ranking-shell{padding:22px 18px}.method-panel{grid-template-columns:1fr;gap:12px}.method-panel dl{grid-template-columns:1fr}}@media (width<=580px){.dividend-page{width:100%;margin-top:0}.ranking-hero,.ranking-shell{border-radius:0}.ranking-toolbar{flex-direction:column;align-items:flex-start}.toolbar-actions{width:100%}.toolbar-actions label{flex:1}.toolbar-actions select{width:100%;min-width:0}.table-wrap{border-inline:0;border-radius:0;margin-inline:-18px}.method-panel{margin:14px 10px 0;padding:22px 18px}}