.bao .bao-reader{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:8px 24px;align-items:end;padding:16px 0;background:var(--bg)}
.bao-reader label{grid-column:1;font-size:13px;color:var(--mute)}
.bao-reader select{grid-column:1;width:100%;min-height:46px;padding:10px 36px 10px 12px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px}
.bao-reader__modes{grid-column:2;grid-row:1/3;display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}
.bao-reader__modes button{padding:13px 18px;background:transparent;color:var(--ink);font:inherit;font-size:14px;white-space:nowrap}
.bao-reader__modes button+button{border-left:1px solid var(--line)}
.bao-reader__modes button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.bao-reader__modes button:disabled{opacity:.4;cursor:default}
.bao-reader :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.bao .bao-reader-ready .bao-specs{margin-top:36px}
.bao .bao-reader-ready .bao-spec{margin-top:0}
.bao .bao-reader-ready .bao-spec[hidden],.bao .bao-reader-ready .spec-set[hidden]{display:none!important}
.bao .bao-reader-ready .baof-modelgroup[hidden],.bao .bao-reader-ready .bao-spec__body[hidden],.bao .bao-reader-ready .baof-jumps{display:none!important}
.bao .bao-reader-ready .spec-set>.tabs{display:none!important}
.bao .bao-reader-ready .table-scroll{max-height:65svh;overflow:auto;border-top:1px solid var(--ink);scrollbar-width:thin;overscroll-behavior-x:contain}
.bao .bao-reader-ready .bao-reader-table{width:100%!important;table-layout:fixed;border-collapse:separate;border-spacing:0;margin:0}
.bao .bao-reader-table tr>*{display:table-cell!important;min-width:0!important;width:auto!important;overflow-wrap:break-word}
.bao .bao-reader-table tr>.bao-reader-hidden{display:none!important}
.bao .bao-reader-table thead th{position:sticky;top:0;z-index:3;background:var(--plate-soft);box-shadow:0 1px var(--line);text-align:left}
.bao .bao-reader-table th[scope=row]{position:sticky;left:0;z-index:1;background:var(--bg);font-size:14px}
.bao .bao-reader-table thead th:first-child{left:0;z-index:4}
.bao .bao-reader-single thead th:first-child{width:55%!important}
.bao .bao-reader-single thead th:not(:first-child){width:45%!important}
.bao .bao-reader-table td{font-size:16px;text-align:left;line-height:1.65}
.bao .bao-reader-table th small{display:block;font-size:11px;line-height:1.5;margin-top:4px}
.bao .bao-reader-compare{min-width:calc(260px + var(--reader-cols)*170px)}
.bao .bao-reader-compare thead th:first-child{width:260px!important}
.bao .bao-reader-compare thead th:not(:first-child){width:170px!important}
@media(max-width:720px){
 .bao .bao-reader{grid-template-columns:minmax(0,1fr);gap:7px;padding:10px 0}
 .bao-reader__modes{grid-column:1;grid-row:3;justify-self:start}
 .bao-reader__modes button{padding:9px 14px}
 .bao .bao-reader-ready .bao-spec__body>.spec-set{grid-column:1/-1}
 .bao .bao-reader-ready .table-scroll{max-height:62svh}
 .bao .bao-reader-table tr>*{padding:13px 10px}
 .bao .bao-reader-table th[scope=row]{font-size:13px}
 .bao .bao-reader-table td{font-size:15px}
 .bao .bao-reader-single thead th:first-child{width:54%!important}
 .bao .bao-reader-single thead th:not(:first-child){width:46%!important}
 .bao .bao-reader-compare{min-width:calc(180px + var(--reader-cols)*170px)}
 .bao .bao-reader-compare thead th:first-child{width:180px!important}
 .bao .bao-reader-ready .bao-specs{margin-top:26px}
}