@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;1,500&family=Inter:wght@400;500;600&display=swap');

* { box-sizing: border-box; }
body { margin: 0; font-family: 'Inter', Arial, sans-serif; color: #1a1a1a; background: #fff; }
a { color: inherit; text-decoration: none; }

.site-header { max-width: 900px; margin: 0 auto; padding: 32px 20px 0; text-align: center; font-family: 'Playfair Display', Georgia, serif; }
.eyebrow { font-family: 'Inter', Arial, sans-serif; font-size: 11px; letter-spacing: 1px; color: #666; text-transform: uppercase; }
.masthead { font-size: 52px; font-weight: 700; letter-spacing: -1px; border-top: 3px solid #111; border-bottom: 3px solid #111; padding: 10px 0; margin: 8px 0; }
.masthead a { color: inherit; }
.tagline { font-family: 'Inter', Arial, sans-serif; font-size: 12px; color: #666; letter-spacing: 0.5px; margin-bottom: 16px; }
.desk-nav { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; font-family: 'Inter', Arial, sans-serif; font-size: 12px; color: #333; border-top: 1px solid #111; border-bottom: 1px solid #ddd; padding: 10px 0; text-transform: uppercase; letter-spacing: 0.5px; }
.desk-nav a { text-decoration: none; color: #333; }

.featured-wrap { max-width: 900px; margin: 24px auto 0; padding: 0 20px; }
.featured-desk-tag { font-family: 'Inter', Arial, sans-serif; font-size: 11px; letter-spacing: 0.5px; text-transform: uppercase; color: #a33; margin-bottom: 6px; }
.featured-headline { font-family: 'Playfair Display', Georgia, serif; font-size: 32px; font-weight: 700; line-height: 1.2; margin: 0 0 10px; }
.featured-dek { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 16px; color: #444; line-height: 1.5; margin-bottom: 10px; }
.featured-meta { font-family: 'Inter', Arial, sans-serif; font-size: 12px; color: #777; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }

.grid-wrap { max-width: 900px; margin: 0 auto; padding: 0 20px 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.grid-card { border-top: 1px solid #ddd; padding-top: 12px; }
.grid-desk-tag { font-family: 'Inter', Arial, sans-serif; font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; color: #a33; margin-bottom: 4px; }
.grid-headline { font-family: 'Playfair Display', Georgia, serif; font-size: 18px; font-weight: 700; line-height: 1.3; margin: 0; }

.article-wrap { max-width: 680px; margin: 0 auto; padding: 0 20px 60px; }
.article-header { text-align: center; padding-bottom: 6px; border-bottom: 1px solid #ddd; margin-bottom: 24px; }
.article-masthead-small { font-family: 'Playfair Display', Georgia, serif; font-size: 20px; font-weight: 500; }
.article-desk-tag { font-family: 'Inter', Arial, sans-serif; font-size: 11px; letter-spacing: 0.5px; text-transform: uppercase; color: #a33; margin-bottom: 8px; }
.article-headline { font-family: 'Playfair Display', Georgia, serif; font-size: 34px; font-weight: 700; line-height: 1.2; margin: 0 0 14px; }
.article-meta { font-family: 'Inter', Arial, sans-serif; font-size: 12px; color: #777; border-bottom: 1px solid #ddd; padding-bottom: 16px; margin-bottom: 24px; }
.article-body { font-family: 'Playfair Display', Georgia, serif; font-size: 17px; line-height: 1.75; color: #1a1a1a; }
.article-body p { margin: 0 0 16px; }
.dropcap { float: left; font-size: 58px; line-height: 46px; padding: 4px 8px 0 0; font-weight: 700; }

.poem-wrap { max-width: 600px; margin: 0 auto; padding: 40px 20px 60px; text-align: center; }
.poem-title { font-family: 'Playfair Display', Georgia, serif; font-size: 28px; font-weight: 700; margin-bottom: 8px; }
.poem-author { font-family: 'Inter', Arial, sans-serif; font-size: 12px; color: #777; margin-bottom: 28px; }
.poem-body { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 18px; line-height: 1.8; color: #1a1a1a; }