body { font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif; } h1,h2,h3,blockquote { font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif; } .brand { font-family:"Noto Serif",Georgia,serif; } .site-header nav { gap:20px; } .site-header nav a { font-size:14px; } .site-header nav a.is-active { font-size:16px; } .archive-item.has-cover { grid-template-columns:86px 80px 1fr; } .entry-audio { display:block; margin:0 0 2rem; max-width:100%; width:360px; } .rich-page { max-width:900px; margin:auto; padding:80px 38px 120px; } .rich-page h1 { font-size:clamp(48px,6vw,78px); margin:10px 0 28px; } .rich-page h2 { font-size:28px; margin:48px 0 16px; } .rich-page p,.rich-page li { font-size:18px; max-width:720px; } .podcast-list { border-top:1px solid var(--line); } .podcast-item { align-items:center; border-bottom:1px solid var(--line); display:grid; gap:20px; grid-template-columns:1fr auto; padding:22px 0; } .podcast-item h2 { font-size:clamp(24px,3vw,35px); margin:0; } .press-links { display:grid; gap:0; max-width:720px; } .press-links a { border-bottom:1px solid var(--line); font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif; font-size:22px; padding:14px 0; } @media (max-width:760px) { .site-header nav { gap:14px; } .site-header nav a { font-size:15px; } .site-header nav a.is-active { font-size:17px; } .podcast-item { grid-template-columns:1fr; } }

/* Greek letterforms need a little more room than the original English display setting. */
h1, h2, h3, blockquote, .brand { letter-spacing: 0.005em; }

/* Use the preferred Trebuchet family for Greek display titles. */
h1, h2, h3, blockquote { font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif; font-weight:700; }

/* Warm terracotta progression for the second row of homepage cards. */
.card-podcasts { background:#a94f3b; }
.card-blogs { background:#c66b53; }
.card-press { background:#df947c; color:var(--ink); }
.card-press p, .card-press span { color:#5f2d20; }
.card span { min-height:44px; }
.card-press h3 { color:#fff; }

/* Keep long-form Greek reading comfortable and consistent with the site's sans-serif. */
.reading, .reading.poem { font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif; }