1import styled from 'styled-components';
 2
 3const Page = styled.main`padding: 2rem; font-family: system-ui, sans-serif;`;
 4const Hook = styled.p`color: #555;`;
 5const Grid = styled.section`display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); margin-top: 1rem;`;
 6const Card = styled.article`padding: 1rem; border: 1px solid #ddd; border-radius: 0.5rem;`;
 7
 8export default function App() {
 9  return (
10    <Page className="page">
11      <h1 className="hero-title" style={{ fontSize: '2rem' }}>Vite 8 + styled-components Fixture</h1>
12      <Hook className="hero-hook">Runtime CSS-in-JS via styled-components v6.</Hook>
13      <Grid id="features" className="feature-grid">
14        <Card className="feature-card">One</Card>
15        <Card className="feature-card">Two</Card>
16      </Grid>
17    </Page>
18  );
19}