/* Domestic appmap-style fixed directory, adapted to the modules in this preview. */
aside.v-appmap-nav { position:fixed; z-index:30; top:70px; right:0; width:180px; padding:7px 0 10px; background:#fff; box-shadow:0 2px 7px rgba(0,0,0,.2); color:#666; font-size:13px; }
.v-appmap-nav .tree-item { height:30px; display:flex; align-items:center; padding:0 10px; gap:8px; cursor:pointer; }
.v-appmap-nav .tree-item i { width:12px; color:#92989d; font-size:13px; text-align:center; }
.v-appmap-nav .tree-item a,.v-appmap-nav .child-item a { display:block; padding:0; color:inherit; text-decoration:none; white-space:nowrap; }
.v-appmap-nav .tree-item:hover,.v-appmap-nav .tree-item.active { background:#fafafa; color:#3287c8; }
.v-appmap-nav .tree-item:hover i,.v-appmap-nav .tree-item.active i { color:#3287c8; }
.v-appmap-nav .child-item { height:26px; display:flex; align-items:center; padding-left:30px; color:#777; font-size:12px; cursor:pointer; }
.v-appmap-nav .child-item:hover,.v-appmap-nav .child-item.active { background:#f1f1f1; color:#3287c8; }
.v-appmap-nav a:hover { color:inherit; background:transparent; }
@media(max-width:1450px) and (min-width:1051px){main{margin-right:190px}}
@media(max-width:1050px){aside.v-appmap-nav{display:none}}

/* The domestic 45-class matrix stays wide and scrollable at desktop size. */
.domestic-matrix .matrix-head,.domestic-matrix .matrix-row { grid-template-columns:145px 120px repeat(45,36px); }
.domestic-matrix .matrix-head>div:nth-child(n+3) { font-size:12px; }
.domestic-matrix .matrix-cell { padding:4px 3px; }
.domestic-matrix .matrix-mark { font-size:15px; }
.country-select-wrap { position:relative; width:220px; }
.country-select-wrap::after { content:'⌄'; position:absolute; right:12px; top:2px; color:#a6b0ba; font-size:18px; pointer-events:none; }
.country-select-wrap select { width:100%; height:32px; padding:0 30px 0 12px; border:1px solid #dcdfe6; border-radius:4px; background:#fff; color:#606266; font:12px "Microsoft YaHei",Arial,sans-serif; appearance:none; cursor:pointer; }
.country-select-wrap select:hover,.country-select-wrap select:focus { border-color:#3287c8; outline:none; }
.country-select-wrap select:focus-visible { outline:2px solid #3287c8; outline-offset:2px; }
@media(max-width:700px){.country-select-wrap{width:160px}}
#brand .domestic-wheel-wrap { max-width:1080px; height:auto; overflow:visible; margin:0 auto; }
#brand .domestic-wheel { display:block; width:100%; height:auto; }