/* ============================================================ ROBOT NEWS TODAY — "DISPATCH" design system Bespoke industrial wire-service look. Field-manual paper, hazard stripes, bolted panels, LED status, hard shadows. Fonts: Chakra Petch (display) / IBM Plex Sans (text) / IBM Plex Mono (data) Themes on : assembly (default), gigafactory, blueprint, terminal, mecha. Persisted: localStorage 'theme-robotnewstoday' ============================================================ */ html.t-assembly{ --bg:#efeade; --bg2:#e5ddcb; --panel:#faf7ee; --ink:#16191d; --muted:#5b6066; --line:#16191d; --acc:#d9480f; --acc2:#0b7285; --led:#2b8a3e; --warn:#e8590c; --shadow:#cfc6b1; --dot:rgba(22,25,29,.08); --chip:#efe7d4; } html.t-gigafactory{ --bg:#0e0f12; --bg2:#13151a; --panel:#191c22; --ink:#eae8e2; --muted:#9a9ea6; --line:#3a3f49; --acc:#ff922b; --acc2:#4dabf7; --led:#69db7c; --warn:#ffa94d; --shadow:#050608; --dot:rgba(255,255,255,.05); --chip:#22262e; } html.t-blueprint{ --bg:#0b2742; --bg2:#0a2138; --panel:#0f3050; --ink:#d9ecff; --muted:#8fb3d4; --line:#2e6296; --acc:#4dd4e8; --acc2:#ffd43b; --led:#63e6be; --warn:#ffd43b; --shadow:#051527; --dot:rgba(141,194,235,.10); --chip:#123a60; } html.t-terminal{ --bg:#060906; --bg2:#0a100a; --panel:#0d150d; --ink:#bdf0bd; --muted:#6fae6f; --line:#2a522a; --acc:#44f06c; --acc2:#ffe066; --led:#44f06c; --warn:#ffe066; --shadow:#010301; --dot:rgba(68,240,108,.06); --chip:#10200f; } html.t-mecha{ --bg:#f5ecdc; --bg2:#ecdfc7; --panel:#fdf9ef; --ink:#27190f; --muted:#6f5f52; --line:#27190f; --acc:#c92a2a; --acc2:#1864ab; --led:#2b8a3e; --warn:#e8590c; --shadow:#d8c8ab; --dot:rgba(39,25,15,.08); --chip:#f3e8d2; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{ font-family:'IBM Plex Sans',-apple-system,'Segoe UI',sans-serif; background:var(--bg); color:var(--ink); background-image:radial-gradient(var(--dot) 1px,transparent 1.5px); background-size:24px 24px; font-size:15.5px; line-height:1.7; } html.t-blueprint body{ background-image:linear-gradient(var(--dot) 1px,transparent 1px),linear-gradient(90deg,var(--dot) 1px,transparent 1px); background-size:28px 28px; } html.t-terminal body{ background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px); background-size:auto; } h1,h2,h3,h4{font-family:'Chakra Petch',sans-serif;line-height:1.12;color:var(--ink)} a{color:var(--acc2);text-decoration-thickness:1px;text-underline-offset:3px} a:hover{color:var(--acc)} img{max-width:100%} .mono{font-family:'IBM Plex Mono',monospace} .wrap{max-width:1140px;margin:0 auto;padding:0 22px} .wrap-narrow{max-width:840px;margin:0 auto;padding:0 22px} /* ---------- masthead ---------- */ .masthead{background:var(--panel);border-bottom:2px solid var(--line)} .mast-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 13px} .brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)} .brand:hover{color:var(--ink)} .bot{width:40px;height:34px;border:2.5px solid var(--line);border-radius:7px 7px 10px 10px;position:relative;background:var(--panel);flex:none} .bot::before{content:'';position:absolute;top:-10px;left:50%;width:2.5px;height:8px;background:var(--line);transform:translateX(-50%)} .bot::after{content:'';position:absolute;top:-14px;left:50%;width:6px;height:6px;border-radius:50%;background:var(--acc);transform:translateX(-50%)} .bot i{position:absolute;top:10px;width:8px;height:8px;border-radius:2px;background:var(--acc);animation:rnt-blink 4.6s ease-in-out infinite;box-shadow:0 0 8px var(--acc)} .bot i:first-child{left:8px}.bot i:last-child{right:8px} @keyframes rnt-blink{0%,91%,100%{transform:scaleY(1)}95%{transform:scaleY(.12)}} .brand-name{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:1.42rem;letter-spacing:.015em;text-transform:uppercase;white-space:nowrap} .brand-name .t{color:var(--acc)} .brand-sub{display:block;font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:.58rem;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin-top:1px} .mast-meta{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.08em;color:var(--muted);text-align:right;text-transform:uppercase;line-height:1.8} .mast-meta b{color:var(--led)} .site-nav{position:sticky;top:0;z-index:60;background:var(--panel);border-top:1.5px solid var(--line);border-bottom:2px solid var(--line)} .site-nav .row{display:flex;flex-wrap:wrap;align-items:stretch} .site-nav a{font-family:'IBM Plex Mono',monospace;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:10px 13px;border-right:1px solid var(--line)} .site-nav a:first-child{border-left:1px solid var(--line)} .site-nav a:hover{color:var(--acc);background:var(--chip)} .site-nav a[aria-current="page"]{color:var(--acc);box-shadow:inset 0 -3px 0 var(--acc)} .hazard{height:9px;background:repeating-linear-gradient(-45deg,var(--acc) 0 13px,transparent 13px 26px);border-bottom:1.5px solid var(--line);opacity:.92} /* ---------- type & sections ---------- */ .kicker{font-family:'IBM Plex Mono',monospace;font-size:.66rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--acc)} .sec-head{display:flex;align-items:center;gap:16px;margin:0 0 24px} .sec-head .kicker{flex:none} .sec-head h2{font-size:clamp(1.35rem,2.8vw,1.9rem);text-transform:uppercase;letter-spacing:.02em;flex:none} .sec-head::after{content:'';flex:1;height:7px;background:repeating-linear-gradient(-45deg,var(--line) 0 6px,transparent 6px 12px);opacity:.22} .section{padding:54px 0} .section-alt{background:var(--bg2);border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line)} /* ---------- panels ---------- */ .panel{position:relative;background:var(--panel);border:1.5px solid var(--line);border-radius:3px;box-shadow:5px 5px 0 var(--shadow)} .panel.riv::before,.panel.riv::after{content:'';position:absolute;top:7px;width:6px;height:6px;border-radius:50%;background:var(--line);opacity:.45} .panel.riv::before{left:7px}.panel.riv::after{right:7px} .flat{background:var(--panel);border:1.5px solid var(--line);border-radius:3px} /* ---------- hero ---------- */ .hero{padding:56px 0 44px} .hero .kicker{display:block;margin-bottom:18px} .hero h1{font-size:clamp(2.1rem,5.6vw,3.9rem);font-weight:700;text-transform:uppercase;letter-spacing:.005em;max-width:980px} .hero h1 .hl{color:var(--acc)} .hero h1 .ol{color:transparent;-webkit-text-stroke:2px var(--ink)} .hero p{max-width:660px;color:var(--muted);font-size:1.04rem;margin-top:18px} /* ---------- stat strip ---------- */ .stats{display:grid;grid-template-columns:repeat(5,1fr);background:var(--panel);border:1.5px solid var(--line);border-radius:3px;box-shadow:6px 6px 0 var(--shadow);overflow:hidden} .stat{padding:18px 20px 14px;border-left:1.5px solid var(--line)} .stat:first-child{border-left:none} .stat b{display:block;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:1.95rem;letter-spacing:-.01em;color:var(--acc)} .stat span{font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)} /* ---------- ticker ---------- */ .ticker{border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);background:var(--bg2);overflow:hidden;padding:9px 0} .ticker-track{display:flex;gap:42px;white-space:nowrap;animation:rnt-tick 42s linear infinite;width:max-content} @keyframes rnt-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}} .tk{font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:var(--muted);display:flex;align-items:center;gap:8px} .tk b{color:var(--ink);font-weight:600} .lamp{width:8px;height:8px;border-radius:2px;flex:none} .lamp.on{background:var(--led);box-shadow:0 0 7px var(--led)} .lamp.test{background:var(--warn);box-shadow:0 0 7px var(--warn)} .lamp.dev{background:var(--acc2);box-shadow:0 0 7px var(--acc2)} /* ---------- featured dispatch ---------- */ .featured{border-left:9px solid var(--acc);padding:26px 28px;margin-bottom:36px} .stamp{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--acc);border:1.5px solid var(--acc);padding:3px 9px;border-radius:2px;transform:rotate(-2deg);margin-bottom:14px} .featured h2 a{color:var(--ink);text-decoration:none;font-size:1.1em} .featured h2 a:hover{color:var(--acc)} .meta{font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.06em;color:var(--muted);margin:8px 0 10px} .excerpt{color:var(--muted);font-size:.95rem} /* ---------- machine (robot) cards ---------- */ .machines{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:14px} .mach{display:flex;flex-direction:column} .mach-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1.5px solid var(--line)} .mach-face{width:34px;height:29px;border:2.5px solid var(--mc,var(--acc));border-radius:6px 6px 9px 9px;position:relative;flex:none} .mach-face::before,.mach-face::after{content:'';position:absolute;top:9px;width:6px;height:6px;border-radius:1.5px;background:var(--mc,var(--acc));animation:rnt-blink 5.2s ease-in-out infinite} .mach-face::before{left:6px}.mach-face::after{right:6px} .mach-name{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:.98rem;line-height:1.2} .mach-loc{font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .mach-body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:12px;flex:1} .mach-body p{font-size:.85rem;color:var(--muted);flex:1} .specs{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--line);border-radius:2px;overflow:hidden} .spec{text-align:center;padding:8px 4px;border-left:1.5px solid var(--line);background:var(--chip)} .spec:first-child{border-left:none} .spec b{display:block;font-family:'Chakra Petch',sans-serif;font-size:.95rem;font-weight:700;color:var(--mc,var(--acc))} .spec span{font-family:'IBM Plex Mono',monospace;font-size:.54rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} /* company hues (theme-stable) */ .c-tesla{--mc:#e03131}.c-figure{--mc:#1098ad}.c-bd{--mc:#f08c00} .c-apptronik{--mc:#66a80f}.c-unitree{--mc:#9c36b5}.c-1x{--mc:#1971c2} html.t-gigafactory .c-tesla,html.t-terminal .c-tesla,html.t-blueprint .c-tesla{--mc:#ff6b6b} html.t-gigafactory .c-figure,html.t-terminal .c-figure,html.t-blueprint .c-figure{--mc:#3bc9db} html.t-gigafactory .c-apptronik,html.t-terminal .c-apptronik,html.t-blueprint .c-apptronik{--mc:#94d82d} html.t-gigafactory .c-unitree,html.t-terminal .c-unitree,html.t-blueprint .c-unitree{--mc:#da77f2} html.t-gigafactory .c-1x,html.t-terminal .c-1x,html.t-blueprint .c-1x{--mc:#4dabf7} .tag{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.56rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--mc,var(--acc));color:var(--mc,var(--acc));padding:1.5px 7px;border-radius:2px;margin-right:6px} /* ---------- story list ---------- */ .story{padding:18px 20px;margin-bottom:12px} .story h3{font-size:1.02rem;margin-top:6px} .story h3 a{color:var(--ink);text-decoration:none} .story h3 a:hover{color:var(--acc)} /* ---------- race board ---------- */ .race{display:flex;flex-direction:column;gap:0;border:1.5px solid var(--line);border-radius:3px;background:var(--panel);box-shadow:6px 6px 0 var(--shadow);overflow:hidden} .race-row{display:grid;grid-template-columns:200px 110px 1fr;gap:18px;align-items:center;padding:15px 20px;border-top:1.5px solid var(--line)} .race-row:first-child{border-top:none} .race-name{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:.94rem} .race-chip{font-family:'IBM Plex Mono',monospace;font-size:.58rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1.5px solid;padding:2.5px 8px;border-radius:2px;text-align:center;white-space:nowrap} .rc-prod{color:var(--led);border-color:var(--led)} .rc-test{color:var(--warn);border-color:var(--warn)} .rc-proto{color:var(--acc2);border-color:var(--acc2)} .race-bar{height:13px;border:1.5px solid var(--line);border-radius:2px;background:var(--chip);overflow:hidden;position:relative} .race-fill{height:100%;background:repeating-linear-gradient(-45deg,var(--mc,var(--acc)) 0 8px,transparent 8px 13px)} .race-detail{grid-column:1/-1;font-size:.8rem;color:var(--muted);margin-top:-6px} /* ---------- timeline ---------- */ .timeline{max-width:720px;margin:0 auto;position:relative;padding-left:38px} .timeline::before{content:'';position:absolute;left:10px;top:4px;bottom:4px;width:2.5px;background:var(--line);opacity:.45} .tl-item{margin-bottom:26px;position:relative} .tl-item::before{content:'';position:absolute;left:-34px;top:5px;width:11px;height:11px;background:var(--panel);border:2.5px solid var(--acc);border-radius:2px} .tl-item.now::before{background:var(--acc)} .tl-year{font-family:'IBM Plex Mono',monospace;font-size:.76rem;font-weight:600;letter-spacing:.1em;color:var(--acc)} .tl-text{font-size:.9rem;color:var(--muted)} .tl-text strong{color:var(--ink)} /* ---------- live feed ---------- */ .feed-item{padding:15px 18px;margin-bottom:12px} .feed-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px} .feed-src{font-family:'IBM Plex Mono',monospace;font-size:.58rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);border:1.5px solid var(--acc);padding:1.5px 7px;border-radius:2px} .feed-ago{font-family:'IBM Plex Mono',monospace;font-size:.64rem;color:var(--muted)} .feed-item h3{font-size:.98rem;margin-bottom:4px} .feed-item h3 a{color:var(--ink);text-decoration:none} .feed-item h3 a:hover{color:var(--acc)} .feed-item p{font-size:.84rem;color:var(--muted)} /* ---------- video grid ---------- */ .vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px} .vid{overflow:hidden} .vid .ph{position:relative;padding-top:56.25%;background:#000;border-bottom:1.5px solid var(--line)} .vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .vid-info{padding:13px 16px 15px} .vid-info h3{font-size:.92rem;margin-bottom:4px} .vid-info p{font-family:'IBM Plex Mono',monospace;font-size:.64rem;color:var(--muted)} /* ---------- resource / link cards ---------- */ .grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px} .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .res{padding:20px 22px;margin-bottom:18px;position:relative} .res-rank{position:absolute;top:-13px;left:16px;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:.82rem;background:var(--acc);color:var(--panel);padding:1px 10px;border-radius:2px;border:1.5px solid var(--line)} .res h3{font-size:1.05rem;margin-bottom:2px;padding-top:4px} .res h3 a{color:var(--ink);text-decoration:none} .res h3 a:hover{color:var(--acc)} .res .url{font-family:'IBM Plex Mono',monospace;font-size:.66rem;color:var(--acc2);word-break:break-all} .res .contact{font-family:'IBM Plex Mono',monospace;font-size:.66rem;color:var(--muted);margin-bottom:8px} .res .summary{font-size:.88rem;margin-bottom:8px} .res .commentary{font-size:.85rem;color:var(--muted);border-left:4px solid var(--acc);padding-left:12px} .linkcard{padding:18px 20px} .linkcard h3{font-size:.98rem;margin-bottom:4px} .linkcard p{font-size:.84rem;color:var(--muted)} /* ---------- faq ---------- */ .faq{margin-bottom:14px;cursor:pointer} .faq-q{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:.96rem} .faq-q .arrow{font-family:'IBM Plex Mono',monospace;color:var(--acc);transition:transform .2s;flex:none} .faq-a{display:none;padding:0 18px 16px;color:var(--muted);font-size:.9rem} .faq.open .faq-a{display:block} .faq.open .faq-q .arrow{transform:rotate(180deg)} /* ---------- social ---------- */ .social-card{display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:14px;text-decoration:none;color:var(--ink)} .social-card:hover{color:var(--ink);border-color:var(--acc)} .social-icon{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line);border-radius:3px;background:var(--chip);flex:none} .social-info{flex:1} .social-name{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:.96rem} .social-handle{font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:var(--acc2)} .social-desc{font-size:.82rem;color:var(--muted);margin-top:2px} .social-btn{font-family:'IBM Plex Mono',monospace;font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--acc);color:var(--acc);padding:6px 14px;border-radius:2px;flex:none} .social-card:hover .social-btn{background:var(--acc);color:var(--panel)} /* ---------- article (blog/news) ---------- */ .article{padding:46px 0} .article h1{font-size:clamp(1.7rem,4vw,2.6rem);text-transform:uppercase;margin-bottom:10px} .article .lede{font-size:1.06rem;color:var(--muted);max-width:680px} .article h2{font-size:1.35rem;text-transform:uppercase;margin:34px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--line)} .article h3{font-size:1.05rem;margin:22px 0 8px} .article p{margin-bottom:14px;color:var(--ink)} .article p strong{color:var(--ink)} .article table{width:100%;border-collapse:collapse;margin:18px 0;background:var(--panel);border:1.5px solid var(--line);font-size:.88rem} .article th{font-family:'IBM Plex Mono',monospace;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:9px 12px;background:var(--chip);border:1px solid var(--line)} .article td{padding:8px 12px;border:1px solid var(--line)} .callout{border-left:9px solid var(--acc);padding:16px 20px;margin:20px 0;background:var(--panel);border-top:1.5px solid var(--line);border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line);border-radius:0 3px 3px 0} .callout p{margin:0} /* ---------- newsletter ---------- */ .newsletter{max-width:560px;margin:0 auto;text-align:center;padding:30px 26px} .nl-form{display:flex;gap:10px;margin-top:16px} .nl-input{flex:1;padding:11px 14px;background:var(--bg);border:1.5px solid var(--line);border-radius:2px;color:var(--ink);font-family:'IBM Plex Mono',monospace;font-size:.82rem;outline:none} .nl-input:focus{border-color:var(--acc)} .nl-btn{padding:11px 22px;background:var(--acc);color:var(--panel);border:1.5px solid var(--line);border-radius:2px;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:.86rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;box-shadow:3px 3px 0 var(--shadow)} .nl-btn:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--shadow)} /* ---------- crumbs / footer ---------- */ .crumbs{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.06em;padding:14px 0 0;color:var(--muted)} .site-footer{margin-top:64px;background:var(--ink);color:var(--bg);border-top:2px solid var(--line)} .site-footer .inner{max-width:1140px;margin:0 auto;padding:34px 22px 30px} .foot-brand{font-family:'Chakra Petch',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.05rem;margin-bottom:10px} .foot-brand .t{color:var(--acc)} .foot-nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin-bottom:14px} .foot-nav a{color:var(--bg);font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;opacity:.85} .foot-nav a:hover{color:var(--acc);opacity:1} .foot-machine{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px} .foot-machine a{font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.08em;color:var(--bg);text-decoration:none;border:1px solid;border-color:color-mix(in srgb,var(--bg) 35%,transparent);padding:3px 9px;border-radius:2px;opacity:.75} .foot-machine a:hover{opacity:1;border-color:var(--acc);color:var(--acc)} .foot-fine{font-family:'IBM Plex Mono',monospace;font-size:.64rem;letter-spacing:.05em;opacity:.65;line-height:1.9} .foot-fine a{color:inherit} /* ---------- theme picker ---------- */ #rnt-theme{position:fixed;bottom:14px;right:14px;z-index:9000;display:flex;align-items:center;gap:3px;background:var(--panel);border:1.5px solid var(--line);box-shadow:4px 4px 0 var(--shadow);padding:5px 8px;border-radius:3px;font-family:'IBM Plex Mono',monospace;flex-wrap:wrap;max-width:calc(100vw - 28px)} #rnt-theme .lbl{font-size:.56rem;font-weight:600;letter-spacing:.2em;color:var(--muted);margin-right:3px} #rnt-theme button{font-family:inherit;font-size:.58rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:none;border:1px solid transparent;color:var(--muted);padding:3px 7px;cursor:pointer;border-radius:2px} #rnt-theme button:hover{color:var(--acc)} #rnt-theme button[aria-current="true"]{border-color:var(--acc);color:var(--acc);background:var(--chip)} /* ---------- responsive ---------- */ @media(max-width:960px){ .machines{grid-template-columns:repeat(2,1fr)} .stats{grid-template-columns:repeat(3,1fr)} .stat:nth-child(4){border-left:none;border-top:1.5px solid var(--line)} .stat:nth-child(5){border-top:1.5px solid var(--line)} .grid3{grid-template-columns:repeat(2,1fr)} } @media(max-width:680px){ .machines,.grid2,.grid3{grid-template-columns:1fr} .stats{grid-template-columns:repeat(2,1fr)} .stat{border-left:none;border-top:1.5px solid var(--line)} .stat:first-child,.stat:nth-child(2){border-top:none} .stat:nth-child(2n){border-left:1.5px solid var(--line)} .race-row{grid-template-columns:1fr 100px} .race-bar{grid-column:1/-1} .mast-meta{display:none} .nl-form{flex-direction:column} .site-nav .row{overflow-x:auto;flex-wrap:nowrap} .site-nav a{white-space:nowrap} }