/* Per-stock 股东 (shareholder-{code}.html, shareholder-insiders-{code}.html).
   Clarity follows Longbridge quote/shareholder: 36px pills (8px radius) in a bar
   sticky 20px under the panel head, 60px between sections, 32px from pills to the first heading, 20/600 headings 20px
   above 10px cards (0.5px #dbdde1, 20px padding) whose table bleeds to the card
   edge; th 12/400 muted 8px 16px, td 14 with 8px 16px, first/last column 20px. */

.sh-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sh-main{max-width:1400px;margin:0 auto;padding:40px var(--cl-panel-inline,40px) 24px;box-sizing:border-box}
.sh-pills-bar{position:sticky;top:calc(var(--cl-masthead-h,0px) + var(--sh-head-h,0px));z-index:30;padding-bottom:8px;margin-bottom:32px;background:var(--c-bg)}
body.clarity.light .sh-main{padding-top:20px}
body.clarity.light .sh-pills-bar{top:calc(var(--cl-masthead-h,0px) + var(--sh-head-h,0px) + 20px);background:#fff}
body.clarity.light .sh-pills-bar::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:20px;background:inherit}
.sh-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.sh-pills::-webkit-scrollbar{display:none}
.sh-pill{flex:none;height:36px;padding:8px 12px;box-sizing:border-box;border-radius:8px;background:rgba(var(--c-text-rgb),.06);color:var(--c-sub);font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;text-decoration:none}
.sh-pill.is-active{background:var(--c-text);color:var(--c-bg);font-weight:600}
.sh-pill:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}

.sh-section{display:flex;flex-direction:column;gap:20px}
.sh-section+.sh-section{margin-top:60px}
.sh-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}
.sh-main .sh-title{margin:0;font-size:20px;font-weight:600;line-height:25px;color:var(--c-text)}
.sh-range{font-size:14px;font-weight:500;line-height:20px;color:var(--c-sub)}
.sh-title .sh-range{margin-left:8px}
.sh-note{margin:-8px 0 0;font-size:12px;line-height:18px;color:var(--c-sub)}

.sh-card{padding:20px;border:1px solid rgba(var(--c-text-rgb),.12);border-radius:10px;background:var(--c-bg);min-width:0}
.sh-scroll{margin:0 -20px;overflow-x:auto;scrollbar-width:none}
.sh-scroll::-webkit-scrollbar{display:none}
.sh-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.sh-main .sh-table th{padding:8px 16px;font-size:12px;font-weight:400;line-height:16px;color:var(--c-sub);text-align:left;white-space:nowrap}
.sh-table td{padding:8px 16px;height:50px;box-sizing:border-box;font-size:14px;line-height:20px;color:var(--c-text);text-align:left;white-space:nowrap;vertical-align:middle}
.sh-table :is(th,td):first-child{padding-left:20px}
.sh-table :is(th,td):last-child{padding-right:20px}
.sh-table td a{color:inherit;text-decoration:none}
.sh-table td a:hover{color:var(--c-accent);text-decoration:underline}
.sh-sort{display:inline-flex;align-items:center;gap:2px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.sh-sort svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
.sh-table th[aria-sort=descending] .sh-sort svg path:last-child,.sh-table th[aria-sort=ascending] .sh-sort svg path:first-child{opacity:.25}
.sh-table th[aria-sort=descending],.sh-table th[aria-sort=ascending]{color:var(--c-text)}
.sh-holder{max-width:360px}
.sh-name,.sh-position{display:block;overflow:hidden;text-overflow:ellipsis}
.sh-name{font-weight:600}
.sh-position{font-size:12px;line-height:16px;color:var(--c-sub);margin-top:2px}
.sh-strong{font-weight:600}
.sh-type{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.sh-table .is-up,.sh-summary .is-up{color:var(--c-teal)}
.sh-table .is-down,.sh-summary .is-down{color:var(--c-pink)}

.sh-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-4px}
.sh-seg{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.sh-seg-btn{flex:none;height:32px;padding:6px 16px;border:1px solid rgba(var(--c-text-rgb),.12);border-radius:9999px;background:transparent;color:var(--c-sub);font-size:14px;font-weight:500;line-height:18px;cursor:pointer}
.sh-seg-btn[aria-pressed=true]{border-color:var(--c-text);background:var(--c-bg);color:var(--c-text);font-weight:600}
.sh-seg-btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}
.sh-panel{display:flex;flex-direction:column;gap:20px}
.sh-panel[hidden]{display:none}

.sh-summary{display:flex;flex-wrap:wrap;justify-content:space-around;gap:16px;margin:0;padding:20px 16px;border-radius:10px;background:rgba(var(--c-text-rgb),.06)}
.sh-summary>div{display:flex;flex-direction:column;align-items:center;gap:8px}
.sh-summary dt{font-size:14px;font-weight:600;line-height:20px;color:var(--c-sub)}
.sh-summary dd{margin:0;font-size:14px;font-weight:600;line-height:20px;color:var(--c-text);font-variant-numeric:tabular-nums}

body.clarity.light .sh-pill{background:#f0f2f4;color:#696e77}
body.clarity.light .sh-pill.is-active{background:#070a13;color:#fff}
html body.clarity.light .cl-page-panel .sh-main .sh-title{font-size:20px;line-height:25px}
html body.clarity.light .cl-page-panel .sh-main .sh-table th{font-weight:400;background:none}
body.clarity.light .sh-title,body.clarity.light .sh-table td,body.clarity.light .sh-summary dd{color:#070a13}
body.clarity.light .sh-range,body.clarity.light .sh-table th,body.clarity.light .sh-position,body.clarity.light .sh-summary dt{color:#696e77}
body.clarity.light .sh-table th[aria-sort=descending],body.clarity.light .sh-table th[aria-sort=ascending]{color:#070a13}
body.clarity.light .sh-note{color:#a8aaad}
body.clarity.light .sh-card{border:.5px solid #dbdde1;background:#fff}
body.clarity.light .sh-table td a:hover{color:#624dbb}
body.clarity.light .sh-seg-btn{border-color:#dbdde1;color:#696e77}
body.clarity.light .sh-seg-btn[aria-pressed=true]{border-color:#070a13;background:#fff;color:#070a13}
body.clarity.light .sh-summary{background:#f0f2f4}
body.clarity.light .sh-table .is-up,body.clarity.light .sh-summary .is-up{color:#00ada2}
body.clarity.light .sh-table .is-down,body.clarity.light .sh-summary .is-down{color:#ff3874}
body.eva:not(.light) .sh-pill,body.eva:not(.light) .sh-card,body.eva:not(.light) .sh-summary,body.eva:not(.light) .sh-seg-btn{border-radius:0}

@media(max-width:767px){
  .sh-main{padding-inline:var(--cl-panel-inline,16px)}
  .sh-holder{max-width:220px}
}