/* The underlying compact font sizes stay intact; each Chinese glyph is 2×. */
.zh-text{font-size:2em;line-height:1.32;letter-spacing:normal}
.top-inner{gap:12px}.brand{flex-shrink:0}.header-actions{flex-wrap:wrap;justify-content:flex-end}.button{line-height:1.4}.demo{white-space:nowrap}
.metric-label{min-height:27px;align-items:center}.metric-note{white-space:normal;overflow:visible;line-height:1.5}.metric{padding:5px 10px}.metric-number{margin:1px 0 3px}.hero{flex-shrink:0}
#nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;overflow:visible;min-height:0}#nav button{padding:6px 5px;line-height:1.3}
.filters{align-items:stretch}.filters>div{max-width:none}.filters select,.filters .button{height:auto;min-height:40px}.filters select{line-height:1.3;padding:5px 6px}
.scope-line{line-height:1.5;align-items:center;gap:8px}.scope-line #scope{overflow:visible;white-space:normal}.scope-line .scope-demo{white-space:normal}
.compact-head{flex-wrap:wrap;align-items:center;gap:5px}.compact-head>div:first-child{min-width:0}.compact-head h2{line-height:1.3}.compact-head p{line-height:1.5}.compact-actions{flex-wrap:wrap}.compact-actions .textbutton{white-space:normal}.compact-head .tabtoggle{flex-shrink:1}
.deck-tabs{flex:none;display:flex;gap:7px;align-items:stretch;flex-wrap:wrap}.deck-tabs button{border:1px solid #dce5d6;border-radius:6px;padding:5px 12px;background:#fffefa;color:#72806a;font-size:10px;line-height:1.3}.deck-tabs button.active{background:#dcebd5;border-color:#9eb68d;color:#2b583e}
.readable-deck{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--deck-columns),minmax(0,1fr));gap:10px;overflow:hidden}.deck-panel[hidden]{display:none!important}.readable-deck>.card,.readable-deck>.panel{min-height:0;display:flex;flex-direction:column;padding:13px 15px;overflow:auto}.deck-panel .chart{min-height:90px;flex:1}.deck-panel .panel-body{overflow:auto;min-height:0}.deck-panel .cardhead{flex-wrap:wrap}.deck-panel .cardhead>div{min-width:0}.deck-panel h3{line-height:1.5}.panel-heading>p{line-height:1.5}.chart-note{white-space:normal;overflow:visible;line-height:1.5}.legend{line-height:1.5;gap:8px 12px}.panel-foot{line-height:1.5}
.panel .bar-row{grid-template-columns:minmax(105px,1.1fr) minmax(24px,1fr) auto;gap:9px;margin:16px 0;line-height:1.5}.bar-row b{white-space:nowrap}.compact-row{gap:9px;padding:10px 0;line-height:1.5}.compact-row>div{min-width:0}.compact-row>b{white-space:normal;text-align:right}.compact-row small{line-height:1.5}.compact-meter{grid-template-columns:minmax(90px,1.25fr) minmax(24px,1fr) auto;line-height:1.5;margin:15px 0}.ratio-pair{min-height:120px}.ratio-stat b,.ratio-stat small{line-height:1.5}.ratio-ring{height:88px;width:88px}.ratio-ring>span{font-size:20px}.compact-value>span,.compact-value>small{line-height:1.5}.compact-value>strong{white-space:normal}.compact-note{line-height:1.55}
.panel.coverage-matrix .heatmap:not(.load-matrix){grid-template-columns:180px repeat(4,minmax(0,1fr))!important}.panel.coverage-matrix .heatmap.load-matrix{grid-template-columns:180px repeat(3,minmax(0,1fr))!important}.coverage-matrix .heatmap{grid-auto-rows:minmax(33px,1fr);gap:5px}.heatmap .rowlabel{line-height:1.3}.heatmap .col{line-height:1.4}.heat{min-height:33px}.heat small{line-height:1.2}.coverage-matrix .table-wrap{overflow:auto;flex:1;min-height:0}
.people-panel table{table-layout:fixed;white-space:normal}.people-panel th,.people-panel td{overflow-wrap:anywhere;line-height:1.45;padding:10px 7px}.people-panel .resource-summary{margin-bottom:10px}.people-panel .panel-foot{margin-top:8px}
.records-panel table{white-space:normal;table-layout:fixed}.records-panel table th:first-child{width:16%}.records-panel table th:nth-child(5){width:10%}.records-panel table th:last-child{width:7%}.records-panel td,.records-panel th{overflow-wrap:anywhere;line-height:1.5}.records-panel .badge{white-space:normal}.records-panel .searchrow{flex-wrap:wrap}.records-panel .searchrow input{max-width:none;width:auto;flex:1;min-width:200px}.records-panel .searchrow select{max-width:220px}.records-panel .pagination{line-height:1.4;gap:12px}.pagination>div{flex-shrink:0}.records-panel .pagination>span{max-width:55%}
dialog{width:min(1150px,95vw)}#modal-body .definition p{line-height:1.6}#modal-body .cards2{grid-template-columns:1fr 1fr}#modal-body .detail-item{flex-wrap:wrap}#modal-body table{white-space:normal}#modal-body .cards3{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#modal-body .step-grid{grid-template-columns:repeat(3,1fr);gap:18px}#modal-body .chart-note{white-space:normal}#modal-body .quality-row{line-height:1.5}
@media(max-width:1100px){.header-actions .demo{display:none}.metric-label{min-height:24px}.metric-note{line-height:1.4}.compact-head .compact-actions{gap:9px!important}.ratio-pair{min-height:130px}.compact-row{font-size:10px}.panel .bar-row{font-size:10px}.compact-meter{font-size:10px}}
@media(max-width:760px){.top-inner{padding:6px 10px}.header-actions #hero-definition{display:none}.header-actions a{display:none}#nav{grid-template-columns:repeat(3,minmax(0,1fr))}#nav button{padding:4px 5px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.filters>div,.filters>div:last-of-type{min-width:0}.filters select,.filters .button{min-height:35px}.scope-line .scope-demo{max-width:165px}.compact-head h2{font-size:12px}.compact-head p{max-width:none;white-space:normal;overflow:visible}.readable-deck{gap:8px}.readable-deck>.panel,.readable-deck>.card{padding:10px 12px}.panel.coverage-matrix .heatmap:not(.load-matrix){grid-template-columns:140px repeat(4,minmax(0,1fr))!important}.panel.coverage-matrix .heatmap.load-matrix{grid-template-columns:140px repeat(3,minmax(0,1fr))!important}.heatmap .rowlabel{font-size:9px}.coverage-matrix .table-wrap{display:block}.coverage-matrix .heatmap{min-height:310px}.resource-summary{gap:6px}.people-panel table{min-width:760px}.records-panel table{min-width:900px}.records-panel .searchrow input{min-width:180px}.records-panel .searchrow select{max-width:190px}.records-panel .pagination>span{max-width:40%}.records-panel .pagination .button{white-space:nowrap}.panel .bar-row{grid-template-columns:minmax(90px,1.1fr) minmax(20px,1fr) auto;margin:13px 0}.deck-tabs button{padding:4px 10px}.panel .badge{white-space:normal}.release-counts{grid-template-columns:1fr 1fr}.compact-row{padding:10px 0}.deck-panel .panel-body{overflow:auto}#modal-body .cards2,#modal-body .cards3{grid-template-columns:1fr}.compact-devices .compact-row{font-size:10px}.metric-note{display:block}}
@media(max-width:500px){.hero-metrics{grid-template-columns:1fr 1fr}.metric-label{font-size:8px}.metric-note{display:none}.readable-deck{grid-template-columns:1fr}.scope-line #scope{font-size:7px}.deck-tabs{gap:4px}.deck-tabs button{font-size:8px;padding:4px 6px}.panel.coverage-matrix .heatmap:not(.load-matrix){grid-template-columns:100px repeat(4,minmax(48px,1fr))!important}.coverage-matrix .heatmap{min-width:320px!important}.brand{font-size:11px}.readable-deck>.panel{overflow:auto}.release-counts{display:grid}.release-panels .compact-note{display:block}}

.readable-deck .compact-meter{margin:5px 0}.readable-deck .compact-row{padding:5px 0}.readable-deck .compact-row small{line-height:1.3}.readable-deck .panel-heading{margin-bottom:7px}

.heatmap>[hidden]{display:none!important}.coverage-matrix .heatmap{min-height:0}.matrix-page{font-size:9px}.readable-deck .panel .bar-row{margin:9px 0}.readable-deck .compact-row{padding:3px 0}.readable-deck .compact-row small{line-height:1.15}.readable-deck .compact-meter{margin:2px 0}.readable-deck .panel-foot{margin-top:4px;line-height:1.3}.coverage-matrix .panel-heading.compact-head{flex-wrap:nowrap}.coverage-matrix .panel-heading p{white-space:normal}

.readable-deck .people-panel th,.readable-deck .people-panel td{padding:5px 7px}.readable-deck .people-panel .table-wrap{flex:1;min-height:0}.team-panel .resource-summary{grid-template-columns:1fr;gap:12px;border:0;margin:0;padding:5px 0}.team-panel .compact-value>strong{line-height:1.15}.coverage-matrix .heatmap{grid-auto-rows:minmax(30px,1fr);gap:3px}.coverage-matrix .heat{min-height:30px;padding:1px}

/* Center the four headline metrics and give their values visual priority. */
.hero-metrics .metric{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6px 10px}
.hero-metrics .metric-label{width:100%;justify-content:center;text-align:center}
.hero-metrics .metric-number{font-size:48px;line-height:1.08;font-weight:650;letter-spacing:-1px;margin:3px 0 5px;white-space:nowrap}
.hero-metrics .metric-number small{font-size:11px;letter-spacing:0;margin-left:7px;vertical-align:baseline}
.hero-metrics .metric-number small:not(:has(.zh-text)){font-size:18px}
.hero-metrics .metric-note{width:100%;text-align:center}
@media(max-width:1100px){.hero-metrics .metric-number{font-size:44px}}
@media(max-width:760px){.hero-metrics .metric{justify-content:flex-start;padding:5px 7px}.hero-metrics .metric-label{min-height:48px}.hero-metrics .metric-number{font-size:40px}.hero-metrics .metric-number small{margin-left:4px}}
@media(max-width:500px){.hero-metrics .metric-label{min-height:42px}.hero-metrics .metric-number{font-size:36px}}

/* Separate pill-shaped module controls with enough breathing room for large labels. */
#nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;border:0;margin-top:10px;padding:8px 10px}
#nav button{width:100%;max-width:200px;min-height:48px;justify-self:center;padding:8px 14px;line-height:1.2;border:1px solid #cad8ca;border-radius:999px;background:#eaf0e6;color:#385d4c;font-weight:550;box-shadow:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
#nav button:hover{background:#dce9d7;border-color:#91ae98;box-shadow:none;transform:translateY(-1px)}
#nav button.active{background:#28634f;border-color:#28634f;color:#fffefa;font-weight:700;box-shadow:0 2px 5px #214c3a20}
#nav button.active:hover{background:#1f5743;border-color:#1f5743;color:#fffefa}
#nav button:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #173f3120}
#nav button:focus-visible{outline:3px solid #3b9f87;outline-offset:3px}
@media(max-width:1099px){#nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;padding:6px 8px}#nav button{min-height:46px;padding:8px 14px}}
@media(max-width:559px){#nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding:6px 4px}#nav button{min-height:44px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){#nav button{transition:none}#nav button:hover,#nav button:active{transform:none}}