:root{
      --gold-start:#c2a34a; --gold-end:#8b6f2e;
      --card:rgba(255,244,228,.9); --border:rgba(90,43,115,.18);
    }
    html{scroll-behavior:smooth}
    body{
      font-family:"Cormorant Garamond", Georgia, serif;
      line-height:1.58;
      padding-bottom:48px;
    }
    header, main, footer{
      width:min(920px, 92vw);
      margin:0 auto;
    }
    header{ padding:30px 0 10px; text-align:center; }
    .card{
      background:transparent;
      border:0;
      border-radius:0;
      box-shadow:none;
      padding:0;
      margin:0 0 28px;
    }
    .gold-text{
      background:linear-gradient(180deg, var(--gold-start), var(--gold-end));
      -webkit-background-clip:text; background-clip:text;
      -webkit-text-fill-color:transparent; color:transparent;
    }
    h1, h2, h3{
      font-family:"Cinzel", serif;
      font-weight:700;
      color:inherit;
      text-transform:none;
      margin:0 0 8px;
    }
    h1{font-size:clamp(34px,4.5vw,48px); margin-bottom:8px}
    h2{
      font-size:clamp(20px,2.8vw,25px);
      margin-top:24px;
      padding-top:18px;
      border-top:1px solid rgba(90,43,115,.14);
    }
    p, li{font-size:21px}
    p{margin:8px 0}
    ul{padding-left:24px}
    a{color:#5a2b73; text-decoration:underline}
    .meta{opacity:.85; font-size:14px; margin-top:4px}
    .back{display:inline-block; margin-top:22px; font-weight:700; text-decoration:none}
    footer{padding:0 0 20px}
    @media (max-width: 720px) {
    body{font-size:19px;line-height:1.58}
    .meta, small{font-size:16px}
    p, li{font-size:19px}

  }