/* Shared style for the static legal and pricing pages (terms, privacy, refund,
   pricing). The landing page (index.html) carries its own design; these pages
   stay plain and readable. */
body { font-family: 'Jost', sans-serif; line-height: 1.6; color: #333; max-width: 860px; margin: 0 auto; padding: 24px 20px 40px; background-color: #f9f9f9; }
.top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; font-size: 0.95em; }
.top .home { font-weight: 900; letter-spacing: 1px; color: #111; text-decoration: none; }
.top .links { display: flex; flex-wrap: wrap; gap: 16px; }
.top .links a { color: #555; text-decoration: none; }
.top .links a:hover, .top .links a[aria-current="page"] { color: #b8801f; }
.container { background: #fff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); }
h1 { font-weight: 900; letter-spacing: 1px; color: #111; border-bottom: 2px solid #eee; padding-bottom: 10px; margin-top: 0; }
h2 { font-weight: 600; margin-top: 30px; color: #222; }
p, li { color: #555; }
a { color: #b8801f; }
.update-date { color: #888; font-style: italic; margin-bottom: 20px; }
.lead { font-size: 1.1em; color: #444; }
.plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 28px 0; }
.plan { border: 1px solid #eee; border-radius: 12px; padding: 22px; display: flex; flex-direction: column; }
.plan.featured { border-color: #b8801f; }
.plan h2 { margin: 0 0 6px; font-weight: 900; }
.plan .price { font-size: 1.6em; font-weight: 900; color: #111; line-height: 1.2; }
.plan .price small { font-size: 0.5em; font-weight: 400; color: #666; }
.plan .alt { color: #666; margin: 4px 0 14px; font-size: 0.95em; }
.plan ul { padding-left: 20px; margin: 0; }
.plan li { margin-bottom: 6px; }
.notes li { margin-bottom: 8px; }
footer { margin-top: 32px; text-align: center; color: #888; font-size: 0.9em; }
footer a { color: #888; }
@media (max-width: 760px) {
  .container { padding: 24px; }
  .plans { grid-template-columns: 1fr; }
}