.percentile-shell{padding:0}.percentile-shell .bc-ad-slot{align-items:center;display:flex;justify-content:center;margin:16px auto;max-width:1160px;overflow:hidden;padding:0 16px;text-align:center}.percentile-main{margin:0 auto;max-width:1160px;padding:0 16px 52px}.percentile-main .breadcrumb{align-items:center;background:transparent;display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 16px;padding:0}.percentile-main .breadcrumb li{color:var(--pc-muted);font-size:12px;font-weight:700}.percentile-main .breadcrumb li:not(:last-child)::after{color:var(--pc-line-strong);content:"/";margin-left:6px}.percentile-main .breadcrumb a{color:var(--pc-muted);text-decoration:none}.percentile-main .breadcrumb a:hover{color:var(--pc-brand)}.percentile-heading{align-items:end;display:flex;gap:20px;justify-content:space-between;margin:32px 0 17px}.percentile-heading p{color:var(--pc-brand);font-size:10px;font-weight:900;letter-spacing:0.13em;margin:0 0 3px;text-transform:uppercase}.percentile-heading h2{color:var(--pc-text);font-size:27px;font-weight:900;letter-spacing:-0.035em;line-height:1.25;margin:0}.percentile-heading > div > span{color:var(--pc-muted);display:block;font-size:12px;font-weight:700;margin-top:4px}.percentile-type-switch{background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:8px;display:flex;padding:4px}.percentile-type-switch a{border-radius:5px;color:var(--pc-muted);font-size:12px;font-weight:900;min-width:66px;padding:7px 14px;text-align:center;text-decoration:none}.percentile-type-switch a.active{background:var(--pc-brand);color:#ffffff}.dark .percentile-type-switch a.active{color:#08291d}.percentile-summary-card{background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:10px;box-shadow:var(--pc-shadow);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.percentile-summary-overall,.percentile-summary-stat{display:flex;flex-direction:column;justify-content:center;min-height:104px;padding:18px 20px}.percentile-summary-stat{border-left:1px solid var(--pc-line)}.percentile-summary-card >:nth-child(n + 5){border-top:1px solid var(--pc-line)}.percentile-summary-card >:nth-child(5){border-left:0}.percentile-summary-overall span,.percentile-summary-stat span{color:var(--pc-muted);font-size:11px;font-weight:800}.percentile-summary-overall strong,.percentile-summary-stat strong{color:var(--pc-text);font-family:"Arial Narrow","Yu Gothic",sans-serif;font-size:27px;font-weight:900;letter-spacing:-0.035em;line-height:1.15;margin-top:5px}.percentile-summary-overall small,.percentile-summary-stat small{color:var(--pc-muted);font-size:10px;font-weight:700;margin-top:4px}.percentile-metric-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.percentile-category-card{align-self:start;background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:10px;box-shadow:var(--pc-shadow);overflow:hidden}.percentile-category-card > header{align-items:center;border-bottom:1px solid var(--pc-line);display:flex;justify-content:space-between;padding:15px 18px}.percentile-category-card h3{color:var(--pc-text);font-size:14px;font-weight:900;margin:0}.percentile-category-card > header span{color:var(--pc-muted);font-size:10px;font-weight:800}.percentile-metric-list{padding:5px 18px 10px}.percentile-metric-row{--percentile-color:var(--pc-middle);align-items:center;border-bottom:1px solid var(--pc-line);display:grid;gap:11px;grid-template-columns:112px minmax(100px,1fr);min-height:60px}.percentile-metric-row:last-child{border-bottom:0}.percentile-metric-row.is-low{--percentile-color:var(--pc-low)}.percentile-metric-row.is-below{--percentile-color:var(--pc-below)}.percentile-metric-row.is-middle{--percentile-color:var(--pc-middle)}.percentile-metric-row.is-above{--percentile-color:var(--pc-above)}.percentile-metric-row.is-high{--percentile-color:var(--pc-high)}.percentile-metric-name{min-width:0}.percentile-metric-name > span{align-items:center;color:var(--pc-text);display:flex;font-size:12px;font-weight:900;gap:4px;line-height:1.25}.percentile-metric-name em{color:var(--pc-muted);display:block;font-family:"Arial Narrow","Yu Gothic",sans-serif;font-size:16px;font-style:normal;font-weight:900;line-height:1.25;margin-top:3px}.percentile-help{align-items:center;background:transparent;border:0;color:var(--pc-muted);cursor:pointer;display:inline-flex;font-size:13px;height:20px;justify-content:center;line-height:1;padding:0;width:20px}.percentile-help:hover,.percentile-help:focus-visible{color:var(--pc-brand);outline:none}.percentile-meter{background:var(--pc-percentile-track);border-radius:999px;height:10px;position:relative}.percentile-meter span{background:var(--percentile-color);border-radius:999px;height:100%;left:0;position:absolute;top:0;width:var(--percentile-position)}.percentile-metric-score{align-items:center;background:var(--percentile-color);border:2px solid var(--pc-surface);border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,0.28);color:#ffffff;display:flex;font-family:"Arial Narrow",sans-serif;font-size:13px;font-weight:900;height:28px;justify-content:center;left:clamp(14px,var(--percentile-position),calc(100% - 14px));line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px}.percentile-note{align-items:center;background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:8px;color:var(--pc-muted);display:flex;font-size:11px;gap:20px;justify-content:space-between;margin-top:16px;padding:12px 15px}.percentile-note p{margin:0}.percentile-note > div{display:flex;flex:0 0 auto;gap:13px}.percentile-note > div span{align-items:center;display:flex;gap:5px}.percentile-note i{background:var(--pc-middle);border-radius:50%;display:inline-block;height:8px;width:8px}.percentile-note i.is-low{background:var(--pc-low)}.percentile-note i.is-high{background:var(--pc-high)}@media (max-width:860px){.percentile-summary-card{grid-template-columns:repeat(2,minmax(0,1fr))}.percentile-summary-card >:nth-child(n + 3){border-top:1px solid var(--pc-line)}.percentile-summary-card >:nth-child(odd){border-left:0}.percentile-metric-grid{grid-template-columns:1fr}}@media (max-width:560px){.percentile-main{padding-left:10px;padding-right:10px}.percentile-main .breadcrumb{margin-bottom:12px}.percentile-heading{align-items:stretch;flex-direction:column;margin-top:27px}.percentile-heading h2{font-size:24px}.percentile-type-switch{align-self:flex-start}.percentile-summary-overall,.percentile-summary-stat{min-height:88px;padding:15px}.percentile-summary-overall strong,.percentile-summary-stat strong{font-size:23px}.percentile-category-card > header{padding:14px}.percentile-metric-list{padding:5px 14px 10px}.percentile-metric-row{gap:8px;grid-template-columns:minmax(84px,1fr);padding:10px 0 13px}.percentile-meter{grid-column:1 / -1;grid-row:2}.percentile-note{align-items:flex-start;flex-direction:column}}
