.mobile-archive-fold,.mobile-archive-table-cards,.mobile-archive-table-controls,.mobile-archive-chart-hint { display:none; }
.mobile-archive-page .track-detail-description { white-space:pre-wrap; overflow-wrap:anywhere; }
.mobile-archive-page .track-detail-description.is-expanded { display:block; -webkit-line-clamp:unset; overflow:visible; }
.mobile-archive-description-toggle { margin:8px 0 12px; min-height:40px; padding:8px 14px; border:1px solid var(--line); background:var(--cream); color:var(--ink); font:700 11px var(--body); cursor:pointer; }
.mobile-archive-description-toggle[hidden] { display:none; }
@media(max-width:760px) {
    .nav-shell { gap:10px; }
    .brand { min-width:0; }
    .mobile-archive-page { min-width:0; }
    .mobile-archive-page.shell.page { padding-top:24px; }
    .mobile-archive-page h1 { font-size:clamp(30px,9vw,42px); overflow-wrap:anywhere; }
    .mobile-archive-page h2 { overflow-wrap:anywhere; }
    .mobile-archive-page .page-heading { margin-bottom:24px; }
    .mobile-archive-page .page-heading p { font-size:15px; margin-top:14px; }
    .mobile-archive-page .section-title { min-width:0; gap:12px; }
    .mobile-archive-page .section-title > div { min-width:0; }
    .mobile-archive-page .home-hero__content { min-height:0; padding-block:32px; gap:20px; }
    .mobile-archive-page .home-hero h1 { font-size:54px; line-height:.85; }
    .mobile-archive-page .home-hero p { font-size:16px; margin-top:20px; }
    .mobile-archive-page .champions-hero__grid { min-height:0; padding-block:32px; gap:20px; }
    .mobile-archive-page .champions-hero h1 { font-size:48px; line-height:.9; }
    .mobile-archive-page .champions-hero p { font-size:16px; margin-top:18px; }
    .mobile-archive-page .champions-content { padding-top:28px; }
    .mobile-archive-page .champions-section__heading h2 { font-size:30px; }
    .mobile-archive-page .champions-section__heading > div { min-width:0; }
    .mobile-archive-page .champions-section__heading h2,
    #special-events-wall .champions-section__heading h2,
    #endurance-events-wall .champions-section__heading h2 { font-size:30px; white-space:normal; }
    .mobile-archive-page .records-hero { padding:32px 0; }
    .mobile-archive-page .records-hero h1 { font-size:42px; }
    .mobile-archive-page .records-hero p { font-size:15px; margin-top:16px; }
    .mobile-archive-page .record-card { padding:18px; }
    .mobile-archive-page .record-card__number { font-size:46px; }
    .mobile-archive-page .records-tabs { display:flex; overflow-x:auto; max-width:100%; margin:18px 0 24px; }
    .mobile-archive-page .records-tabs a { flex:0 0 auto; min-height:44px; padding:14px 12px; font-size:10px; white-space:nowrap; }
    .mobile-archive-page .driver-sort { min-width:0; padding:14px; gap:10px; }
    .mobile-archive-page .driver-sort .driver-search-field { flex-basis:auto; width:100%; max-width:none; min-width:0; }
    .mobile-archive-page .driver-sort input { width:100%; min-width:0; }
    .mobile-archive-page .car-catalog-controls { margin:0; padding:12px; }
    .mobile-archive-page .car-catalog-alphabet { gap:5px; }
    .mobile-archive-page .car-catalog-controls button,.mobile-archive-page .car-catalog-controls a { min-width:36px; min-height:40px; }
    .mobile-archive-page .car-catalog-sort { gap:6px; }
    .mobile-archive-page .archive-card { grid-template-columns:58px minmax(0,1fr) 54px; gap:10px; padding:14px 12px; min-height:130px; }
    .mobile-archive-page .archive-card > .arrow { display:none; }
    .mobile-archive-page .archive-card h2 { font-size:20px; }
    .mobile-archive-page .archive-card p { font-size:10px; }
    .mobile-archive-page .archive-card__date strong { font-size:22px; }
    .mobile-archive-page .catalog-toolbar { grid-template-columns:minmax(0,1fr); flex-wrap:wrap; gap:10px; padding:14px; }
    .mobile-archive-records .section-title { flex-direction:column; align-items:flex-start; }
    .mobile-archive-page .catalog-toolbar label { flex:1 1 100%; min-width:0; width:100%; }
    .mobile-archive-page .catalog-toolbar input { width:100%; min-width:0; box-sizing:border-box; }
    .mobile-archive-page .driver-grid { grid-template-columns:minmax(0,1fr); }
    .mobile-archive-page .driver-card { grid-template-columns:46px minmax(0,1fr) 40px 40px; gap:12px; padding:14px; min-width:0; }
    .mobile-archive-page .driver-card__name { min-width:0; overflow-wrap:anywhere; }
    .mobile-archive-page .archive-card__date small { font-size:8px; }
    .mobile-archive-page .archive-card .championship-poster--card { grid-column:3; grid-row:1; width:54px; margin:0; justify-self:end; }
    .mobile-archive-page .archive-card .championship-poster--card img { width:100%; max-height:94px; object-fit:contain; }
    .mobile-archive-page .car-detail-hero header { padding:20px; }
    .mobile-archive-page .car-detail-hero h1 { font-size:32px; }
    .mobile-archive-page .track-detail-hero .track-archive-map--detail { height:230px; min-height:0; }
    .mobile-archive-page .track-detail-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .mobile-archive-page .car-detail-stats { margin:0; grid-template-rows:none; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .mobile-archive-page .car-detail-stats article { min-height:72px; padding:12px; }
    .mobile-archive-page .car-detail-stats strong { font-size:24px; }
    .mobile-archive-fold { display:block; margin:12px 0 20px; border:1px solid var(--line); background:var(--cream); min-width:0; }
    .mobile-archive-fold > summary { padding:13px 14px; cursor:pointer; font-weight:700; font-size:12px; overflow-wrap:anywhere; }
    .mobile-archive-filter { background:#b8a597; border-top:3px solid var(--gold); }
    .mobile-archive-filter form { margin:0; padding:0 14px 14px; border-top:0; }
    .mobile-archive-page .mobile-archive-table-wrap { max-width:100%; background:transparent; box-shadow:none; }
    .mobile-archive-page .mobile-archive-table-wrap > table { display:none; }
    .mobile-archive-page .mobile-archive-table-wrap.mobile-archive-expanded > table { display:table; }
    .mobile-archive-page .driver-card > .driver-stat { display:grid; text-align:center; gap:3px; }
    .mobile-archive-table-controls { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
    .mobile-archive-table-controls label { flex:1 1 100%; display:flex; align-items:center; gap:8px; font-size:11px; }
    .mobile-archive-table-controls select { min-width:0; flex:1; min-height:40px; padding:8px; font:inherit; background:var(--cream); border:1px solid var(--line); }
    .mobile-archive-table-controls button { min-height:40px; padding:8px 12px; background:var(--cream); color:var(--ink); border:1px solid var(--line); font:700 11px var(--body); cursor:pointer; }
    .mobile-archive-table-cards { display:grid; gap:8px; }
    .mobile-archive-table-cards.mobile-archive-cards-hidden { display:none; }
    .mobile-archive-table-cards > details { background:var(--cream); border:1px solid var(--line); min-width:0; }
    .mobile-archive-table-cards > details > summary { display:grid; gap:6px; padding:14px; cursor:pointer; list-style:none; }
    .mobile-archive-table-cards > details > summary::-webkit-details-marker { display:none; }
    .mobile-archive-table-cards summary strong { font-size:14px; overflow-wrap:anywhere; }
    .mobile-archive-card-context { font-size:12px; color:var(--green); overflow-wrap:anywhere; }
    .mobile-archive-class { display:block; margin-top:8px; font-size:12px; color:var(--ink-soft); }
    .mobile-archive-card-context .medal { margin-right:5px; }
    .mobile-archive-table-cards summary small { font-size:10px; color:var(--ink-soft); }
    .mobile-archive-table-cards dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0; padding:0 14px 14px; }
    .mobile-archive-table-cards dl > div { min-width:0; }
    .mobile-archive-table-cards dt { font-size:9px; color:var(--ink-soft); margin-bottom:4px; }
    .mobile-archive-table-cards dd { margin:0; font-size:12px; overflow-wrap:anywhere; }
    .mobile-archive-table-cards dd * { min-width:0; white-space:normal; }
    .mobile-archive-table-cards dd small { display:block; }
    .mobile-archive-table-cards dd img { max-width:64px; max-height:44px; object-fit:contain; }
    .mobile-archive-table-cards dd .driver-portrait img { max-width:100%; max-height:100%; }
    .mobile-archive-table-cards dl > .mobile-archive-podium-place { grid-column:1 / -1; padding:12px; border-left:4px solid var(--gold); background:#fff3cf; }
    .mobile-archive-podium-place[data-place="2"] { border-left-color:#bcc6ca!important; background:#edf0f1!important; }
    .mobile-archive-podium-place[data-place="3"] { border-left-color:#ae6a35!important; background:#f5e5d6!important; }
    .mobile-archive-podium-place dt { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:700; color:var(--ink); }
    .mobile-archive-podium-place dd { padding-left:30px; font-weight:700; }
    .mobile-archive-divider { padding:14px; background:var(--paper-deep); font-size:12px; font-weight:700; }
    .mobile-archive-page .performance-rating-evolution { min-width:0; max-width:100%; }
    .mobile-archive-page .performance-rating-evolution__stage { max-width:100%; min-width:0; }
    .mobile-archive-page .performance-rating-evolution__legend { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .mobile-archive-chart-hint { display:block; padding:0 14px; font-size:11px; color:var(--ink-soft); }
    .mobile-archive-page .help-quick-start { margin-bottom:28px; }
    .mobile-archive-page .help-quick-start > div { min-height:0; padding:18px; }
    .mobile-archive-page .help-topic-card { padding:16px; }
    .mobile-archive-page .help-topic-card > h3,.mobile-archive-page .help-topic-card__number { display:none; }
    .mobile-archive-help-topic { margin:0; border:0; }
    .mobile-archive-help-topic > summary { padding:0; font-size:17px; }
    .mobile-archive-help-topic[open] > summary { margin-bottom:12px; }
    .mobile-archive-page .help-glossary dl > div { padding:16px; }
    .mobile-archive-page .paddock-story-copy { overflow-wrap:anywhere; }
    .mobile-archive-page .paddock-story-copy img { max-width:100%; height:auto; }
}
@media(max-width:400px) {
    .brand { gap:8px; }
    .brand strong { font-size:22px; }
    .brand-logo { width:80px; height:42px; }
    .brand-logo img { width:72px; }
}