.pl-page{--pl-card:#fff;--pl-shadow:0 22px 48px -30px rgba(10,10,20,.45);overflow-x:clip}
html[data-theme="dark"] .pl-page{--pl-card:#161618;--pl-shadow:none}

.pl-hero{background:linear-gradient(180deg,var(--color-bg-soft) 0%,var(--color-bg-soft) 70%,var(--color-bg) 100%);padding:34px 0 44px;border-bottom:1px solid var(--color-hairline)}
.pl-hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:48px;align-items:start}
.pl-title{padding-top:18px;min-width:0}
.pl-eyebrow{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--color-brand)}
.pl-title h1{margin:0 0 14px;font-size:clamp(38px,5.4vw,70px);line-height:.98;letter-spacing:-.025em;font-weight:900;color:var(--color-ink)}
.pl-sub{max-width:520px;margin:0 0 26px;font-size:17px;line-height:1.5;color:var(--color-muted)}
.pl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;max-width:600px}
.pl-stats>div{min-width:0;padding:14px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:14px}
.pl-stats dt{font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--color-meta);margin:0 0 6px}
.pl-stats dd{margin:0;min-width:0}
.pl-stats b{display:block;font-size:26px;line-height:1.1;font-weight:900;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.pl-stats small{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:var(--color-meta)}

.pl-latest{margin-top:26px;max-width:600px}
.pl-latest__k{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--color-meta)}
.pl-latest li+li{border-top:1px solid var(--color-border)}
.pl-latest a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:9px 2px;color:var(--color-ink)}
.pl-latest a:hover b{color:var(--color-brand)}
.pl-latest__w{display:flex;flex-direction:column;gap:2px;min-width:0}
.pl-latest b{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-latest__w span{font-size:13px;color:var(--color-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.pl-latest em{font-style:normal;font-size:13px;font-weight:700;color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums}

.pl-avg{background:var(--pl-card);border:1px solid var(--color-border);border-radius:20px;padding:22px 24px 18px;box-shadow:var(--pl-shadow);min-width:0}
.pl-avg__h{margin-bottom:12px}
.pl-avg__k{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--color-brand)}
.pl-avg__h h2{margin:0 0 4px;font-size:22px;font-weight:900;color:var(--color-ink)}
.pl-avg__d{margin:0;font-size:13px;color:var(--color-meta)}
.pl-bars{margin:0;padding:0}
.pl-bars li{display:grid;grid-template-columns:128px minmax(0,1fr) 62px 50px;gap:10px;align-items:center;padding:6px 0}
.pl-bars li+li{border-top:1px solid var(--color-hairline)}
.pl-bars__n{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:800;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-bars__n::before{content:"";flex:0 0 10px;height:10px;border-radius:50%;background:var(--c)}
.pl-bars__t{position:relative;height:14px;border-radius:99px;background:var(--color-bg-soft)}
.pl-bars__t::after{content:"";position:absolute;left:var(--th);top:-4px;bottom:-4px;width:1.5px;background:repeating-linear-gradient(180deg,var(--color-meta) 0 3px,transparent 3px 6px);opacity:.75}
.pl-bars__t i{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:99px;background:var(--c);transform-origin:left center;animation:pl-grow .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 55ms)}
.pl-bars__v{font-size:16px;font-weight:900;color:var(--color-ink);text-align:right;font-variant-numeric:tabular-nums}
.pl-bars__d{font-size:12px;font-weight:700;color:var(--color-meta);white-space:nowrap;font-variant-numeric:tabular-nums}
.pl-bars__d.is-up,.pl-bars__d.is-down{color:var(--color-muted)}
.pl-bars__d.is-new{font-weight:800;color:var(--color-brand)}
.pl-bars__th{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:12px;color:var(--color-meta)}
.pl-bars__th span{width:1.5px;height:14px;background:repeating-linear-gradient(180deg,var(--color-meta) 0 3px,transparent 3px 6px)}
@keyframes pl-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.pl-empty{padding:24px;border-radius:16px;background:var(--pl-card);border:1px solid var(--color-border);color:var(--color-muted)}

.pl-body{padding-bottom:64px}
.pl-sec{margin-top:44px}
.pl-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid var(--color-ink)}
.pl-h2{display:flex;gap:10px;align-items:center;margin:0;font-size:clamp(19px,2vw,24px);font-weight:900;color:var(--color-ink);text-wrap:balance}
.pl-h2::before{content:"//";color:var(--color-brand)}
.pl-method .pl-h2{padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid var(--color-ink)}

.pl-seg{display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:var(--color-bg-soft)}
.pl-seg button{min-height:34px;border:0;background:transparent;color:var(--color-muted);font-size:13px;font-weight:700;padding:7px 14px;border-radius:99px;white-space:nowrap}
.pl-seg button:hover{color:var(--color-ink)}
.pl-seg button[aria-pressed="true"]{background:var(--color-ink);color:var(--color-bg)}
.pl-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pl-select select{appearance:none;-webkit-appearance:none;font:inherit;font-size:13px;font-weight:700;color:var(--color-ink);background:var(--color-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--color-border);border-radius:99px;padding:8px 34px 8px 14px;max-width:100%}

.pl-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.pl-legend button{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-ink);border-radius:99px;padding:5px 12px 5px 9px;font-size:13px;font-weight:700;transition:opacity .2s}
.pl-legend i{width:10px;height:10px;border-radius:50%;background:var(--c);border:2px solid var(--c)}
.pl-legend button[aria-pressed="false"]{opacity:.5}
.pl-legend button[aria-pressed="false"] i{background:transparent}

.pl-chart{position:relative;height:460px;background:var(--color-bg)}
.pl-svg{display:block;width:100%;height:100%;max-width:none;overflow:visible;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.pl-grid line{stroke:var(--color-hairline);stroke-width:1}
.pl-grid text{fill:var(--color-meta);font-size:12px;font-weight:600;text-anchor:end;font-variant-numeric:tabular-nums}
.pl-grid text.pl-xl{text-anchor:middle}
.pl-party polyline{fill:none;stroke:var(--c);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.pl-party.is-draw polyline{stroke-dasharray:1;stroke-dashoffset:1;animation:pl-draw 1.4s cubic-bezier(.3,.7,.2,1) forwards}
.pl-dots circle{fill:var(--c);opacity:.28}
.pl-party.is-dim{opacity:.18}
.pl-ends text{font-size:13px;font-weight:800}
.pl-ends tspan{font-weight:700;font-variant-numeric:tabular-nums}
.pl-cross line{stroke:var(--color-ink);stroke-width:1;stroke-dasharray:3 3;opacity:.45}
.pl-cross circle{stroke:var(--color-bg);stroke-width:2}
@keyframes pl-draw{to{stroke-dashoffset:0}}

.pl-tip{position:fixed;z-index:60;pointer-events:none;min-width:170px;max-width:240px;padding:10px 12px;border-radius:12px;background:var(--color-ink);color:var(--color-bg);font-size:13px;line-height:1.35;box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}
.pl-tip b{display:block;margin-bottom:6px;font-size:12px;font-weight:800;letter-spacing:.02em}
.pl-tip p{display:flex;align-items:center;gap:8px;margin:2px 0}
.pl-tip i{flex:0 0 9px;height:9px;border-radius:50%;background:var(--c)}
.pl-tip span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-tip em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}

.pl-note{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--color-meta)}
.pl-ad{margin-top:32px}
@media (max-width:767px){.pl-ad:not(.is-filled){min-height:280px}}

.pl-tablebox{position:relative}
.pl-tablebox::after{content:"";position:absolute;top:1px;right:1px;bottom:1px;width:48px;border-radius:0 15px 15px 0;background:linear-gradient(90deg,transparent,var(--color-bg) 85%);pointer-events:none;opacity:0;transition:opacity .2s}
.pl-tablebox.has-more::after{opacity:1}
.pl-tablebox.is-scrolled .pl-td-p,.pl-tablebox.is-scrolled .pl-table thead .pl-th-p{box-shadow:8px 0 10px -8px rgba(0,0,0,.28)}
.pl-tablewrap{position:relative;overflow-x:auto;border:1px solid var(--color-border);border-radius:16px;-webkit-overflow-scrolling:touch;outline:0}
.pl-tablewrap:focus-visible{box-shadow:0 0 0 2px var(--color-brand)}
.pl-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;font-variant-numeric:tabular-nums}
.pl-table th,.pl-table td{padding:10px 9px;border-bottom:1px solid var(--color-hairline);text-align:center;white-space:nowrap}
.pl-table thead th{position:sticky;top:0;z-index:2;background:var(--color-bg-soft);font-size:12px;font-weight:800;color:var(--color-ink)}
.pl-table thead .pl-th-k{border-top:3px solid var(--c)}
.pl-table thead .pl-th-p{left:0;z-index:3;text-align:left}
.pl-td-p{position:sticky;left:0;z-index:1;text-align:left!important;background:var(--color-bg);min-width:142px;font-weight:400}
.pl-td-p a{font-weight:800;color:var(--color-ink)}
.pl-td-p a::after{content:"";position:absolute;inset:0}
.pl-td-md{display:none}
.pl-td-p a:hover{color:var(--color-brand)}
.pl-td-p small{display:block;font-size:12px;color:var(--color-meta)}
.pl-dag{position:relative;z-index:1;margin-left:2px;color:var(--color-brand);font-weight:800}
.pl-td-d{color:var(--color-muted)}
.pl-td-v{color:var(--color-muted);min-width:52px}
.pl-td-v.is-lead{color:var(--color-ink);font-weight:900}
.pl-td-s{color:var(--color-meta);font-size:13px}
.pl-table tbody tr:hover td,.pl-table tbody tr:hover th{background:var(--color-bg-soft)}
.pl-table tbody tr:last-child td,.pl-table tbody tr:last-child th{border-bottom:0}
.pl-table tr[hidden]{display:none!important}
.pl-table[data-basis="e"] .pl-only-i{display:none}
.pl-more{display:block;margin:18px auto 0;border:1.5px solid var(--color-ink);background:transparent;color:var(--color-ink);border-radius:99px;padding:10px 22px;font-size:14px;font-weight:800}
.pl-more:hover{background:var(--color-ink);color:var(--color-bg)}

.pl-method{margin-top:48px;max-width:900px}
.pl-method ul{margin:0;padding:0}
.pl-method li{position:relative;margin:0 0 10px;padding-left:22px;font-size:15px;line-height:1.6;color:var(--color-muted)}
.pl-method li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--color-brand)}

@media (max-width:600px),(min-width:901px) and (max-width:1180px){
	.pl-stats{grid-template-columns:minmax(0,1fr);gap:0;border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg);overflow:hidden}
	.pl-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 16px;border:0;border-radius:0}
	.pl-stats>div+div{border-top:1px solid var(--color-hairline)}
	.pl-stats dt{margin:0;font-size:11px;letter-spacing:.05em;white-space:nowrap}
	.pl-stats dd{display:flex;align-items:baseline;gap:8px;min-width:0;justify-content:flex-end}
	.pl-stats b{font-size:20px}
	.pl-stats small{margin:0;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (pointer:coarse){
	.pl-seg button,.pl-legend button,.pl-more{min-height:40px}
	.pl-select select{min-height:40px}
}
@media (max-width:1100px){
	.pl-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:32px}
}
@media (max-width:900px){
	.pl-hero{padding:22px 0 30px}
	.pl-hero__in{grid-template-columns:minmax(0,1fr);gap:24px}
	.pl-title{padding-top:6px}
	.pl-latest{display:none}
	.pl-sub{margin-bottom:18px}
	.pl-chart{height:380px}
}
@media (max-width:600px){
	.pl-title h1{font-size:40px}
	.pl-sub{font-size:16px}
	.pl-stats>div{padding:10px 14px}
	.pl-stats b{font-size:18px}
	.pl-stats small{font-size:12px}
	.pl-avg{padding:18px 16px 14px;border-radius:16px}
	.pl-bars li{grid-template-columns:112px minmax(0,1fr) 48px 40px;gap:8px}
	.pl-bars__n{font-size:13px}
	.pl-bars__v{font-size:15px}
	.pl-head{flex-direction:column;align-items:flex-start}
	.pl-chart{height:330px}
	.pl-grid text,.pl-ends text{font-size:11px}
	.pl-table{font-size:13px}
	.pl-td-p{min-width:124px}
	.pl-td-md{display:inline}
	.pl-td-p small{max-width:128px;white-space:normal;line-height:1.35}
	.pl-table thead th:nth-child(2),.pl-td-d{display:none}
	.pl-table th,.pl-table td{padding:10px 8px}
}
@media (prefers-reduced-motion:reduce){
	.pl-bars__t i,.pl-party.is-draw polyline{animation:none;stroke-dashoffset:0}
}
