/* One crisp DOM/SVG dashboard, with a separate portrait layout. */
.hero.hero-polish-v1{--analytics-clearance:clamp(48px,calc(320px - 18vw),120px)}
.hero.hero-polish-v1 .scene-space{margin-bottom:var(--analytics-clearance)}
.hero.hero-polish-v1 .hero-main{min-height:calc(51vw + var(--analytics-clearance))}
.hero.hero-polish-v1 .scene-analysis[data-analytics-detail]{left:7%;top:32%;width:64%;max-width:480px;transform:none;border-color:#c0d2e2;border-radius:8px;box-shadow:0 12px 26px #00102042}
.hero .scene-analysis[data-analytics-detail] .scene-analytics-chrome{min-height:22px;padding:0 10px;background:#19324f}
.hero .scene-analysis[data-analytics-detail] .scene-analytics-chrome>span:first-child{font-size:8px;letter-spacing:.04em}
.hero .scene-analysis[data-analytics-detail] .scene-analytics-body{padding:8px 10px;background:#fff}
.hero .scene-analysis[data-analytics-detail] .scene-dashboard-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px;color:#1a314b}
.hero .scene-analysis[data-analytics-detail] .scene-dashboard-heading>strong{font-size:12px;line-height:1.3;font-weight:750}
.hero .scene-analysis[data-analytics-detail] .scene-dashboard-heading>span{font-size:7px;line-height:1.3;color:#748699;white-space:nowrap}
.hero .scene-analysis[data-analytics-detail] .scene-dashboard-heading b{font-size:8px;font-weight:500;color:#405c73;margin-left:5px}
.hero .scene-analysis[data-analytics-detail] .scene-analytics-summary{gap:7px;margin-bottom:8px}
.hero .scene-analysis[data-analytics-detail] .scene-kpi{padding:4px 7px;background:#f6f9fc;border-color:#e0e9f0;border-radius:4px}
.hero .scene-analysis[data-analytics-detail] .scene-kpi dt{font-size:8px;line-height:1.2;color:#526b80}
.hero .scene-analysis[data-analytics-detail] .scene-kpi dd{gap:4px;margin-top:2px}
.hero .scene-analysis[data-analytics-detail] .scene-kpi strong{font-size:22px;line-height:1;color:#19334d;letter-spacing:-.025em}
.hero .scene-analysis[data-analytics-detail] .scene-kpi dd>span{font-size:8px}
.hero .scene-analysis[data-analytics-detail] .scene-analytics-grid{grid-template-columns:minmax(0,1fr) 41%;gap:12px}
.hero .scene-analysis[data-analytics-detail] .scene-trend-head{margin-bottom:5px;gap:5px}
.hero .scene-analysis[data-analytics-detail] .scene-analytics-label{font-size:8px;line-height:1.3;margin:0;color:#405c73;font-weight:650}
.hero .scene-analysis[data-analytics-detail] .scene-chart-period{font-size:7px;line-height:1.3;color:#748699}
.hero .scene-analysis[data-analytics-detail] .scene-chart{height:70px;border:0;background:#fff}
.hero .scene-analysis[data-analytics-detail] .scene-chart-grid{stroke:#e0e8ef;stroke-opacity:1;stroke-width:.65;shape-rendering:crispEdges;vector-effect:non-scaling-stroke}
.hero .scene-analysis[data-analytics-detail] .scene-chart-line{stroke:#008c9a;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:none}
.hero .scene-analysis[data-analytics-detail] .scene-chart-point{fill:#fff;stroke:#008c9a;stroke-width:1;vector-effect:non-scaling-stroke}
.hero .scene-analysis[data-analytics-detail] .scene-visits-bars i{background:#addde7;border-radius:1px 1px 0 0}
.hero .scene-analysis[data-analytics-detail] .scene-chart-axis{position:absolute;inset:0;pointer-events:none;z-index:2}
.hero .scene-analysis[data-analytics-detail] .scene-chart-axis>span{position:absolute;left:0;transform:translateY(-50%);font-size:7px;line-height:1;font-variant-numeric:tabular-nums;color:#748699}
.hero .scene-analysis[data-analytics-detail] .scene-chart-labels{font-size:7px;line-height:1.3;margin-top:4px;color:#667e92}
.hero .scene-analysis[data-analytics-detail] .scene-metrics-key{gap:9px;margin:5px 0 0;padding:0;border:0;font-size:7px;line-height:1.3;color:#526b80}
.hero .scene-analysis[data-analytics-detail] .scene-metrics-key>span{gap:3px}
.hero .scene-analysis[data-analytics-detail] .scene-metrics-key small{color:#748699}
.hero .scene-analysis[data-analytics-detail] .scene-analytics-channels{padding-left:10px}
.hero .scene-analysis[data-analytics-detail] .scene-donut-layout{--donut-size:52px;display:grid;grid-template-columns:var(--donut-size) minmax(0,1fr);min-height:70px;gap:7px}
.hero .scene-analysis[data-analytics-detail] .scene-donut-track{stroke:#eaf0f5}
.hero .scene-analysis[data-analytics-detail] .scene-donut-total{fill:#19334d;font:750 10px/1 var(--font);font-variant-numeric:tabular-nums}
.hero .scene-analysis[data-analytics-detail] .scene-donut-unit{fill:#748699;font:500 6px/1 var(--font)}
.hero .scene-analysis[data-analytics-detail] .scene-channel-legend{display:grid;gap:4px;font-size:7px;line-height:1.25;color:#405c73}
.hero .scene-analysis[data-analytics-detail] .scene-channel-legend>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:3px;align-items:baseline}
.hero .scene-analysis[data-analytics-detail] .scene-channel-legend>div>span{display:flex;align-items:center;gap:3px;white-space:nowrap}
.hero .scene-analysis[data-analytics-detail] .scene-channel-legend b{font-size:8px;font-weight:650;font-variant-numeric:tabular-nums;color:#19334d}
.hero .scene-analysis[data-analytics-detail] .scene-channel-legend small{font-size:6px;font-weight:400;color:#748699}
.hero .scene-analysis[data-analytics-detail] .scene-channel-legend>div>small{grid-column:1/-1;margin-left:7px}
.hero .scene-analysis[data-analytics-detail] .scene-page-summary{margin-top:8px;padding-top:6px;border-top:1px solid #e7edf3}
.hero .scene-analysis[data-analytics-detail] .scene-page-summary .scene-trend-head{margin-bottom:3px}
.hero .scene-analysis[data-analytics-detail] table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:7px;line-height:1.3;color:#405c73;font-variant-numeric:tabular-nums}
.hero .scene-analysis[data-analytics-detail] th,.hero .scene-analysis[data-analytics-detail] td{padding:3px 0;border-bottom:1px solid #edf2f6;text-align:left;white-space:nowrap}
.hero .scene-analysis[data-analytics-detail] th{font-size:6px;font-weight:500;color:#748699;padding-top:0}
.hero .scene-analysis[data-analytics-detail] th:first-child{width:49%}
.hero .scene-analysis[data-analytics-detail] th:nth-child(2){width:22%}
.hero .scene-analysis[data-analytics-detail] th:not(:first-child),.hero .scene-analysis[data-analytics-detail] td:not(:first-child){text-align:right}
.hero .scene-analysis[data-analytics-detail] tr:last-child td{border-bottom:0}
.hero .scene-analysis[data-analytics-detail] .scene-page-share{position:relative;display:block;width:100%;padding:1px 0}
.hero .scene-analysis[data-analytics-detail] .scene-page-share i{position:absolute;inset:0 auto 0 0;width:var(--page-share);background:#e3f2f5;border-radius:1px}
.hero .scene-analysis[data-analytics-detail] .scene-page-share b{position:relative;font-size:7px;font-weight:500;color:#405c73}
@media(max-width:1150px) and (min-width:651px){
 .hero.hero-polish-v1 .scene-analysis[data-analytics-detail]{left:14%;top:150px;width:80%;max-width:none}
 .hero.hero-polish-v1 .scene-space{height:540px;aspect-ratio:auto;margin-bottom:0}
 .hero.hero-polish-v1 .hero-main{min-height:calc(75vw + 210px)}
}
@media(max-width:980px) and (min-width:651px){
 .hero.hero-polish-v1 .hero-main{min-height:calc(102vw + 210px)}
}
@media(max-width:650px){
 .hero.hero-polish-v1 .scene-space{height:max(570px,90vw);aspect-ratio:auto;margin-bottom:0}
 .hero.hero-polish-v1 .hero-main{min-height:0}
 .hero.hero-polish-v1 .scene-analysis[data-analytics-detail]{left:2%;top:110px;width:96%;max-width:none}
 .hero .scene-analysis[data-analytics-detail] .scene-analytics-body{padding:9px}
 .hero .scene-analysis[data-analytics-detail] .scene-analytics-chrome{min-height:22px}
 .hero .scene-analysis[data-analytics-detail] .scene-analytics-chrome>span:first-child{font-size:8px}
 .hero .scene-analysis[data-analytics-detail] .scene-analytics-summary{margin-bottom:9px}
 .hero .scene-analysis[data-analytics-detail] .scene-kpi{padding:5px 7px}
 .hero .scene-analysis[data-analytics-detail] .scene-kpi dt{line-height:1.2}
 .hero .scene-analysis[data-analytics-detail] .scene-kpi dd{margin-top:2px}
 .hero .scene-analysis[data-analytics-detail] .scene-kpi strong{font-size:22px}
 .hero .scene-analysis[data-analytics-detail] .scene-analytics-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .hero .scene-analysis[data-analytics-detail] .scene-analytics-label{font-size:9px}
 .hero .scene-analysis[data-analytics-detail] .scene-chart-period{font-size:7px}
 .hero .scene-analysis[data-analytics-detail] .scene-chart{height:82px}
 .hero .scene-analysis[data-analytics-detail] .scene-chart-axis>span,.hero .scene-analysis[data-analytics-detail] .scene-chart-labels{font-size:8px}
 .hero .scene-analysis[data-analytics-detail] .scene-metrics-key{font-size:8px;gap:12px;margin-top:5px}
 .hero .scene-analysis[data-analytics-detail] .scene-analytics-channels{padding:0;border:0}
 .hero .scene-analysis[data-analytics-detail] .scene-donut-layout{--donut-size:54px;grid-template-columns:54px minmax(0,1fr);min-height:54px;gap:12px}
 .hero .scene-analysis[data-analytics-detail] .scene-channel-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:8px}
 .hero .scene-analysis[data-analytics-detail] .scene-channel-legend>div{grid-template-columns:minmax(0,1fr)}
 .hero .scene-analysis[data-analytics-detail] .scene-channel-legend>div>span{gap:3px}
 .hero .scene-analysis[data-analytics-detail] .scene-channel-legend b{font-size:10px;line-height:1.5;margin-left:7px}
 .hero .scene-analysis[data-analytics-detail] .scene-channel-legend small{font-size:7px}
 .hero .scene-analysis[data-analytics-detail] .scene-page-summary{margin-top:9px;padding-top:7px}
 .hero .scene-analysis[data-analytics-detail] table{font-size:8px}
 .hero .scene-analysis[data-analytics-detail] th{font-size:7px}
 .hero .scene-analysis[data-analytics-detail] th,.hero .scene-analysis[data-analytics-detail] td{padding-bottom:3px}
 .hero .scene-analysis[data-analytics-detail] .scene-page-share b{font-size:8px}
}