/* Mobile content cards and comparisons. Keep the real mobile page and desktop annotation preview aligned. */
@media(max-width:680px){
#content .test-card-grid,
#content [role=tabpanel] .test-card-grid,
#content .appearance-diy-grid,
#content .mwt-pass-page .pass-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
#content .test-content-card,
#content .appearance-diy-card,
#content .mwt-pass-page .pass-event-card{display:flex;flex-direction:column;min-width:0;margin:0;border:1px solid #3b535f;border-radius:8px;background:#101f27;overflow:hidden;box-shadow:0 3px 10px #0002}
#content .test-card-cover,
#content .appearance-diy-cover{height:auto;aspect-ratio:8/5;flex:none;background:linear-gradient(125deg,#1b303d,#2d4857)}
#content .test-card-cover img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}
#content .test-card-cover>span{left:8px;bottom:8px;max-width:calc(100% - 16px);font-size:10px;line-height:1.5;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#content .test-card-body,
#content .appearance-diy-body,
#content .mwt-pass-page .pass-event-card-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:12px}
#content .test-card-body>.test-tag,
#content .appearance-diy-body>.test-tag{align-self:flex-start;font-size:10px;padding:1px 5px;line-height:1.6}
#content .test-card-body h2,
#content .appearance-diy-body h3{font-size:14px;line-height:1.55;margin:9px 0 8px;min-height:3.1em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;color:#edf4f8}
#content .test-card-body>p,
#content .appearance-diy-body>p{font-size:12px;line-height:1.75;margin:0 0 12px;color:#b3c6d0;min-height:5.25em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
#content .test-card-meta{display:flex;flex-direction:column;gap:3px;margin:auto 0 12px;font-size:10px;line-height:1.6;color:#93afbe}
#content .test-card-meta>span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#content .test-card-meta time{white-space:nowrap;font-variant-numeric:tabular-nums}
#content .test-card-body>.text-link,
#content .appearance-diy-body>.text-link{align-self:flex-start;margin-bottom:0;padding-top:10px;border-top:1px solid #2c424f;width:100%;font-size:11px;line-height:1.65;white-space:nowrap;color:#ff9b84}
#content .appearance-diy-body>.text-link{margin-top:auto}
#content .test-card-body .activity-time,
#content .mwt-pass-page .pass-event-card .activity-time{width:100%;margin-top:12px;padding-top:10px;font-size:10px;line-height:1.5}
#content .test-card-body .activity-time-heading,
#content .mwt-pass-page .pass-event-card .activity-time-heading{gap:5px;align-items:flex-start;font-size:10px;margin-bottom:7px}
#content .test-card-body .activity-time-heading>span:first-child,
#content .mwt-pass-page .pass-event-card .activity-time-heading>span:first-child{flex:1 0 100%;font-size:10px;line-height:1.5}
#content .test-card-body .activity-time-row,
#content .mwt-pass-page .pass-event-card .activity-time-row{display:block;line-height:1.6;margin:6px 0}
#content .test-card-body .activity-time-row>span:first-child,
#content .mwt-pass-page .pass-event-card .activity-time-row>span:first-child{display:block;font-size:10px}
#content .test-card-body .activity-time time,
#content .mwt-pass-page .pass-event-card .activity-time time{font-size:10px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#content .test-card-body .activity-status,
#content .mwt-pass-page .pass-event-card .activity-status{font-size:10px;padding:1px 6px}
#content .mwt-pass-page .pass-event-cover{aspect-ratio:8/5;flex:none}
#content .mwt-pass-page .pass-event-cover .pass-record-label{left:8px;bottom:8px;max-width:calc(100% - 16px);font-size:9px;padding:2px 5px}
#content .mwt-pass-page .pass-event-card-heading{gap:8px;align-items:center;min-width:0;margin-bottom:10px}
#content .mwt-pass-page .pass-event-card-heading>img{width:30px;height:30px;flex:none}
#content .mwt-pass-page .pass-event-card-heading .pass-eyebrow{font-size:9px;margin-bottom:3px}
#content .mwt-pass-page .pass-event-card-heading h2{font-size:15px;line-height:1.5;margin:0;overflow-wrap:anywhere}
#content .mwt-pass-page .pass-event-card-body>p{font-size:12px;line-height:1.75;margin:0 0 12px;min-height:5.25em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#content .mwt-pass-page .pass-event-card-foot{font-size:10px;line-height:1.6;gap:6px;flex-wrap:wrap;padding-top:10px}
#content .mwt-pass-page .pass-event-card-foot>span:last-child{white-space:nowrap;color:#ff9b84}
#content .article-category-tabs{gap:8px;padding-bottom:12px;margin-bottom:18px}
#content .article-category-tabs button{min-height:40px;padding:9px 14px;font-size:13px;border-radius:6px}
#content .test-notice-list{display:grid;grid-template-columns:1fr;gap:12px}
#content .test-notice-card{position:relative;margin:0;padding:18px;border:1px solid #3b535f;border-radius:8px;background:#101f27}
#content .test-notice-card>.test-tag{font-size:10px;line-height:1.6;padding:1px 5px}
#content .test-notice-kind{font-size:11px;margin-left:8px}
#content .test-notice-card>time{float:right;display:block;margin:2px 0 0;font-size:10px;color:#92afbe}
#content .test-notice-card h2{font-size:16px;line-height:1.6;margin:12px 0 8px;overflow-wrap:anywhere}
#content .test-notice-card>p{font-size:12px;line-height:1.8;margin:0 0 14px;color:#b3c6d0}
#content .test-notice-card>.text-link{font-size:11px;color:#ff9b84}
#content .comparison-content .table-wrap{width:100%;max-width:100%;overflow-x:auto}
#content .comparison-content table.comparison{width:100%;min-width:0!important;table-layout:fixed;white-space:normal}
#content .comparison-content table.comparison th,
#content .comparison-content table.comparison td{min-width:0;max-width:100%;padding:9px 5px;font-size:10px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
#content .comparison-content table.comparison th:first-child,
#content .comparison-content table.comparison td:first-child{width:34%}
#content .comparison-content .compare-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3em;max-height:3em;font-size:11px;line-height:1.5;overflow-wrap:anywhere;word-break:normal;font-weight:600}
#content .comparison-content .compare-remove{display:inline-block;margin-top:7px;padding:2px 0;min-width:0;font-size:10px;line-height:1.6;white-space:nowrap}
#compare-tray{padding:10px 12px;gap:10px;align-items:center;border-radius:8px;bottom:12px}
#compare-tray>div:first-child{flex:1;min-width:0;max-width:none}
#compare-tray>div:first-child>b{display:block;font-size:11px;line-height:1.7}
#compare-tray p{font-size:10px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;overflow-wrap:anywhere}
#compare-tray>div:last-child{flex:0 0 auto;gap:6px}
#compare-tray button{padding:8px 10px;min-height:36px;font-size:11px;line-height:1.6;white-space:nowrap}
body.has-compare-tray #main{padding-bottom:116px}
body.has-compare-tray #back-to-top{bottom:100px}
#content .compare-pick{min-width:0;max-width:100%}
#content #compare-pick{min-width:0;max-width:100%;width:100%;font-size:12px}
#content .comparison-content{padding:18px 12px}
#content .comparison-content .rating-login-link{font-size:10px;line-height:1.6;padding:0}
}
/* The annotation preview has a phone-width canvas inside a desktop viewport. */
body.mobile-preview-mode #content .test-card-grid,
body.mobile-preview-mode #content [role=tabpanel] .test-card-grid,
body.mobile-preview-mode #content .appearance-diy-grid,
body.mobile-preview-mode #content .mwt-pass-page .pass-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
body.mobile-preview-mode #content .test-content-card,
body.mobile-preview-mode #content .appearance-diy-card,
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card{display:flex;flex-direction:column;min-width:0;margin:0;border:1px solid #3b535f;border-radius:8px;background:#101f27;overflow:hidden;box-shadow:0 3px 10px #0002}
body.mobile-preview-mode #content .test-card-cover,
body.mobile-preview-mode #content .appearance-diy-cover{height:auto;aspect-ratio:8/5;flex:none;background:linear-gradient(125deg,#1b303d,#2d4857)}
body.mobile-preview-mode #content .test-card-cover img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}
body.mobile-preview-mode #content .test-card-cover>span{left:8px;bottom:8px;max-width:calc(100% - 16px);font-size:10px;line-height:1.5;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mobile-preview-mode #content .test-card-body,
body.mobile-preview-mode #content .appearance-diy-body,
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:12px}
body.mobile-preview-mode #content .test-card-body>.test-tag,
body.mobile-preview-mode #content .appearance-diy-body>.test-tag{align-self:flex-start;font-size:10px;padding:1px 5px;line-height:1.6}
body.mobile-preview-mode #content .test-card-body h2,
body.mobile-preview-mode #content .appearance-diy-body h3{font-size:14px;line-height:1.55;margin:9px 0 8px;min-height:3.1em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;color:#edf4f8}
body.mobile-preview-mode #content .test-card-body>p,
body.mobile-preview-mode #content .appearance-diy-body>p{font-size:12px;line-height:1.75;margin:0 0 12px;color:#b3c6d0;min-height:5.25em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
body.mobile-preview-mode #content .test-card-meta{display:flex;flex-direction:column;gap:3px;margin:auto 0 12px;font-size:10px;line-height:1.6;color:#93afbe}
body.mobile-preview-mode #content .test-card-meta>span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mobile-preview-mode #content .test-card-meta time{white-space:nowrap;font-variant-numeric:tabular-nums}
body.mobile-preview-mode #content .test-card-body>.text-link,
body.mobile-preview-mode #content .appearance-diy-body>.text-link{align-self:flex-start;margin-bottom:0;padding-top:10px;border-top:1px solid #2c424f;width:100%;font-size:11px;line-height:1.65;white-space:nowrap;color:#ff9b84}
body.mobile-preview-mode #content .appearance-diy-body>.text-link{margin-top:auto}
body.mobile-preview-mode #content .test-card-body .activity-time,
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time{width:100%;margin-top:12px;padding-top:10px;font-size:10px;line-height:1.5}
body.mobile-preview-mode #content .test-card-body .activity-time-heading,
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time-heading{gap:5px;align-items:flex-start;font-size:10px;margin-bottom:7px}
body.mobile-preview-mode #content .test-card-body .activity-time-heading>span:first-child,
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time-heading>span:first-child{flex:1 0 100%;font-size:10px;line-height:1.5}
body.mobile-preview-mode #content .test-card-body .activity-time-row,
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time-row{display:block;line-height:1.6;margin:6px 0}
body.mobile-preview-mode #content .test-card-body .activity-time-row>span:first-child,
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time-row>span:first-child{display:block;font-size:10px}
body.mobile-preview-mode #content .test-card-body .activity-time time,
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time time{font-size:10px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
body.mobile-preview-mode #content .test-card-body .activity-status,
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-status{font-size:10px;padding:1px 6px}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-cover{aspect-ratio:8/5;flex:none}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-cover .pass-record-label{left:8px;bottom:8px;max-width:calc(100% - 16px);font-size:9px;padding:2px 5px}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card-heading{gap:8px;align-items:center;min-width:0;margin-bottom:10px}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card-heading>img{width:30px;height:30px;flex:none}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card-heading .pass-eyebrow{font-size:9px;margin-bottom:3px}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card-heading h2{font-size:15px;line-height:1.5;margin:0;overflow-wrap:anywhere}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card-body>p{font-size:12px;line-height:1.75;margin:0 0 12px;min-height:5.25em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card-foot{font-size:10px;line-height:1.6;gap:6px;flex-wrap:wrap;padding-top:10px}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card-foot>span:last-child{white-space:nowrap;color:#ff9b84}
body.mobile-preview-mode #content .article-category-tabs{gap:8px;padding-bottom:12px;margin-bottom:18px}
body.mobile-preview-mode #content .article-category-tabs button{min-height:40px;padding:9px 14px;font-size:13px;border-radius:6px}
body.mobile-preview-mode #content .test-notice-list{display:grid;grid-template-columns:1fr;gap:12px}
body.mobile-preview-mode #content .test-notice-card{position:relative;margin:0;padding:18px;border:1px solid #3b535f;border-radius:8px;background:#101f27}
body.mobile-preview-mode #content .test-notice-card>.test-tag{font-size:10px;line-height:1.6;padding:1px 5px}
body.mobile-preview-mode #content .test-notice-kind{font-size:11px;margin-left:8px}
body.mobile-preview-mode #content .test-notice-card>time{float:right;display:block;margin:2px 0 0;font-size:10px;color:#92afbe}
body.mobile-preview-mode #content .test-notice-card h2{font-size:16px;line-height:1.6;margin:12px 0 8px;overflow-wrap:anywhere}
body.mobile-preview-mode #content .test-notice-card>p{font-size:12px;line-height:1.8;margin:0 0 14px;color:#b3c6d0}
body.mobile-preview-mode #content .test-notice-card>.text-link{font-size:11px;color:#ff9b84}
body.mobile-preview-mode #content .comparison-content .table-wrap{width:100%;max-width:100%;overflow-x:auto}
body.mobile-preview-mode #content .comparison-content table.comparison{width:100%;min-width:0!important;table-layout:fixed;white-space:normal}
body.mobile-preview-mode #content .comparison-content table.comparison th,
body.mobile-preview-mode #content .comparison-content table.comparison td{min-width:0;max-width:100%;padding:9px 5px;font-size:10px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
body.mobile-preview-mode #content .comparison-content table.comparison th:first-child,
body.mobile-preview-mode #content .comparison-content table.comparison td:first-child{width:34%}
body.mobile-preview-mode #content .comparison-content .compare-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3em;max-height:3em;font-size:11px;line-height:1.5;overflow-wrap:anywhere;word-break:normal;font-weight:600}
body.mobile-preview-mode #content .comparison-content .compare-remove{display:inline-block;margin-top:7px;padding:2px 0;min-width:0;font-size:10px;line-height:1.6;white-space:nowrap}
body.mobile-preview-mode #compare-tray{padding:10px 12px;gap:10px;align-items:center;border-radius:8px;bottom:12px}
body.mobile-preview-mode #compare-tray>div:first-child{flex:1;min-width:0;max-width:none}
body.mobile-preview-mode #compare-tray>div:first-child>b{display:block;font-size:11px;line-height:1.7}
body.mobile-preview-mode #compare-tray p{font-size:10px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;overflow-wrap:anywhere}
body.mobile-preview-mode #compare-tray>div:last-child{flex:0 0 auto;gap:6px}
body.mobile-preview-mode #compare-tray button{padding:8px 10px;min-height:36px;font-size:11px;line-height:1.6;white-space:nowrap}
body.mobile-preview-mode.has-compare-tray #main{padding-bottom:116px}
body.mobile-preview-mode.has-compare-tray #back-to-top{bottom:100px}
body.mobile-preview-mode #content .compare-pick{min-width:0;max-width:100%}
body.mobile-preview-mode #content #compare-pick{min-width:0;max-width:100%;width:100%;font-size:12px}
body.mobile-preview-mode #content .comparison-content{padding:18px 12px}
body.mobile-preview-mode #content .comparison-content .rating-login-link{font-size:10px;line-height:1.6;padding:0}

/* Mobile external cards: cover + title + time only. Detail pages keep their full content. */
@media(max-width:680px){
  #content .test-card-cover>span{display:none}
  #content .test-card-body>.test-tag,
  #content .test-card-body>p,
  #content .test-card-body>.text-link,
  #content .test-card-meta>span{display:none}
  #content .test-card-body{padding:12px 13px 11px;gap:0}
  #content .test-card-body h2{min-height:0;max-height:3.1em;margin:0 0 9px;font-size:14px;line-height:1.55}
  #content .test-card-meta{display:block;margin:0;padding-top:8px;border-top:1px solid #2c424f;font-size:10px;line-height:1.6;color:#9db8c4}
  #content .test-card-meta time{display:block}
  #content .test-card-body .activity-time{display:none}
  #content .test-notice-card{padding:14px 15px 13px}
  #content .test-notice-card>.test-tag,
  #content .test-notice-card>.test-notice-kind,
  #content .test-notice-card>p,
  #content .test-notice-card>.text-link{display:none}
  #content .test-notice-card>time{float:none;display:block;margin:0 0 7px;font-size:10px}
  #content .test-notice-card h2{margin:0;font-size:15px;line-height:1.55}
  #content .appearance-diy-body>.test-tag,
  #content .appearance-diy-body>p,
  #content .appearance-diy-body>.text-link{display:none}
  #content .appearance-diy-body{padding:11px 12px 10px}
  #content .appearance-diy-body h3{min-height:0;max-height:3.1em;margin:0 0 8px;font-size:14px;line-height:1.55}
  #content .appearance-diy-time{display:block;padding-top:8px;border-top:1px solid #2c424f;color:#9db8c4;font-size:10px;line-height:1.6}
  #content .mwt-pass-page .pass-event-card-body>p,
  #content .mwt-pass-page .pass-event-card-foot{display:none}
  #content .mwt-pass-page .pass-event-card-body{padding:11px 12px 10px}
  #content .mwt-pass-page .pass-event-card-heading{margin:0 0 8px}
  #content .mwt-pass-page .pass-event-card-heading h2{font-size:14px;line-height:1.55}
  #content .mwt-pass-page .pass-event-card .activity-time{margin:0;padding-top:8px;border-top:1px solid #2c424f;font-size:10px;line-height:1.5}
  #content .mwt-pass-page .pass-event-card .activity-time-heading{margin:0}
  #content .mwt-pass-page .pass-event-card .activity-time-heading>span:first-child{display:none}
  #content .mwt-pass-page .pass-event-card .activity-time-row{display:none}
  #content .mwt-pass-page .pass-event-card .activity-status{font-size:10px}
}
body.mobile-preview-mode #content .appearance-diy-time{display:block}

/* The desktop browser preview uses a narrow mobile canvas while keeping a
   wide viewport. Mirror the compact card content rules there as well. */
body.mobile-preview-mode #content .test-card-cover>span,
body.mobile-preview-mode #content .test-card-body>.test-tag,
body.mobile-preview-mode #content .test-card-body>p,
body.mobile-preview-mode #content .test-card-body>.text-link,
body.mobile-preview-mode #content .test-card-meta>span{display:none}
body.mobile-preview-mode #content .test-card-meta{display:block;margin:0;padding-top:8px;border-top:1px solid #2c424f;font-size:10px;line-height:1.6;color:#9db8c4}
body.mobile-preview-mode #content .test-card-meta time{display:block}
body.mobile-preview-mode #content .test-card-body .activity-time{display:none}
body.mobile-preview-mode #content .test-notice-card>.test-tag,
body.mobile-preview-mode #content .test-notice-card>.test-notice-kind,
body.mobile-preview-mode #content .test-notice-card>p,
body.mobile-preview-mode #content .test-notice-card>.text-link{display:none}
body.mobile-preview-mode #content .test-notice-card>time{float:none;display:block;margin:0 0 7px;font-size:10px}
body.mobile-preview-mode #content .appearance-diy-body>.test-tag,
body.mobile-preview-mode #content .appearance-diy-body>p,
body.mobile-preview-mode #content .appearance-diy-body>.text-link{display:none}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card-body>p,
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card-foot{display:none}

/* Mobile feedback r5: compact periods, dismissible navigation and consistent related cards. */

/* Keep the actual phone's vehicle layout aligned with the annotation preview. */
@media(max-width:820px){
  #content .ship-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
  #content .ship-card{min-width:0;width:100%;max-width:none;margin:0;border-radius:3px}
  #content .ship-card__text{margin:8px 8px 0;padding-bottom:8px}
  #content .ship-card__name{font-size:11px;line-height:1.4;height:2.8em;min-height:2.8em;margin:5px 0 8px;-webkit-line-clamp:2}
  #content .card-meta{font-size:9px;gap:3px;min-height:17px}
  #content .mini-stats{font-size:9px;line-height:1.6}
  #content .rating-card-value{font-size:10px}
  #content .card-actions{gap:0}
  #content .card-actions .ship-card__button{height:32px;font-size:10px}
}
.sidebar-backdrop{display:none}
.test-carousel-stage{position:relative;min-width:0;transform-origin:top left}
#content .test-carousel.is-mobile-carousel{min-height:0;margin-bottom:24px;overflow:hidden}
#content .test-carousel.is-mobile-carousel .test-slide{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;padding:20px 28px 40px;min-height:240px;height:240px;width:720px}
#content .test-carousel.is-mobile-carousel .test-slide h2{margin:8px 0;font-size:28px;line-height:1.4}
#content .test-carousel.is-mobile-carousel .test-slide p{font-size:16px;line-height:1.5;margin:0 0 12px}
#content .test-carousel.is-mobile-carousel .test-slide .test-tag{font-size:14px;line-height:1.4;padding:2px 7px}
#content .test-carousel.is-mobile-carousel .test-slide .button{font-size:16px;line-height:1.5;padding:8px 14px}
#content .test-carousel.is-mobile-carousel .test-slide>img{width:100%;max-width:100%;height:190px;grid-row:auto;object-fit:contain;align-self:center;justify-self:center}
#content .test-carousel.is-mobile-carousel .test-carousel-controls{left:auto;right:6px;bottom:3px;display:flex;gap:0;justify-content:flex-start}
#content .test-carousel.is-mobile-carousel .test-carousel-controls button{position:relative;min-width:24px;width:24px;height:24px;padding:0;border:0;background:transparent;border-radius:50%;font-size:0;color:transparent}
#content .test-carousel.is-mobile-carousel .test-carousel-controls button::after{content:'';position:absolute;inset:9px;border-radius:50%;background:#ffffff73}
#content .test-carousel.is-mobile-carousel .test-carousel-controls button[aria-pressed=true]::after{background:#fff}
#content .test-carousel.is-mobile-carousel .test-carousel-controls button:focus-visible{outline:2px solid #b9d2de;outline-offset:-2px}
@media(max-width:820px){
#sidebar.open{z-index:70}
.mobile-head{z-index:80}
#sidebar.open + .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:65;background:#0008;border:0;padding:0}
#content .mwt-pass-page .pass-event-card .activity-time{margin-top:auto;padding-top:8px;font-size:10px;line-height:1.6}
#content .mwt-pass-page .pass-event-card .activity-time-heading{display:flex;align-items:center;gap:0;margin:0 0 6px}
#content .mwt-pass-page .pass-event-card .activity-time-heading>span:first-child{display:none}
#content .mwt-pass-page .pass-event-card .activity-time-range{display:flex;flex-wrap:nowrap;align-items:baseline;gap:3px;white-space:nowrap;font-size:9px;line-height:1.6;letter-spacing:-.1px}
#content .mwt-pass-page .pass-event-card .activity-time-row{display:flex;flex:none;align-items:baseline;gap:3px;margin:0;white-space:nowrap}
#content .mwt-pass-page .pass-event-card .activity-time-row>span:first-child{display:none}
#content .mwt-pass-page .pass-event-card .activity-time-row + .activity-time-row::before{content:"—";color:#7899ad}
#content .mwt-pass-page .pass-event-card .activity-time time{font:inherit;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}
#content .vehicle-related-articles{padding:18px 14px}
#content .vehicle-related-grid{--article-list-gap:12px;grid-template-columns:none;grid-auto-columns:calc((100% + 28px - 12px)/2);gap:12px;align-items:stretch;padding-bottom:8px}
#content .vehicle-related-grid .vehicle-related-card{min-height:0;height:auto;display:flex;flex-direction:column;border-radius:8px;background:#101f27}
#content .vehicle-related-grid .vehicle-related-cover{display:block;flex:none;width:100%;height:auto;aspect-ratio:8/5}
#content .vehicle-related-grid .vehicle-related-cover img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}
#content .vehicle-related-grid .vehicle-related-card h3{flex:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;box-sizing:border-box;min-height:calc(3.1em + 24px);max-height:calc(3.1em + 24px);padding:12px;margin:0;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
}
body.mobile-preview-mode #sidebar.open{z-index:70}
body.mobile-preview-mode .mobile-head{z-index:80}
body.mobile-preview-mode #sidebar.open + .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:65;background:#0008;border:0;padding:0}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time{margin-top:auto;padding-top:8px;font-size:10px;line-height:1.6}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time-heading{display:flex;align-items:center;gap:0;margin:0 0 6px}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time-heading>span:first-child{display:none}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time-range{display:flex;flex-wrap:nowrap;align-items:baseline;gap:3px;white-space:nowrap;font-size:9px;line-height:1.6;letter-spacing:-.1px}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time-row{display:flex;flex:none;align-items:baseline;gap:3px;margin:0;white-space:nowrap}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time-row>span:first-child{display:none}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time-row + .activity-time-row::before{content:"—";color:#7899ad}
body.mobile-preview-mode #content .mwt-pass-page .pass-event-card .activity-time time{font:inherit;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}
body.mobile-preview-mode #content .vehicle-related-articles{padding:18px 14px}
body.mobile-preview-mode #content .vehicle-related-grid{--article-list-gap:12px;grid-template-columns:none;grid-auto-columns:calc((100% + 28px - 12px)/2);gap:12px;align-items:stretch;padding-bottom:8px}
body.mobile-preview-mode #content .vehicle-related-grid .vehicle-related-card{min-height:0;height:auto;display:flex;flex-direction:column;border-radius:8px;background:#101f27}
body.mobile-preview-mode #content .vehicle-related-grid .vehicle-related-cover{display:block;flex:none;width:100%;height:auto;aspect-ratio:8/5}
body.mobile-preview-mode #content .vehicle-related-grid .vehicle-related-cover img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}
body.mobile-preview-mode #content .vehicle-related-grid .vehicle-related-card h3{flex:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;box-sizing:border-box;min-height:calc(3.1em + 24px);max-height:calc(3.1em + 24px);padding:12px;margin:0;font-size:14px;line-height:1.55;overflow-wrap:anywhere}