:root{
  --paper:#f8f3e8;
  --ink:#2f2f2f;
  --muted:#6c675f;
  --line:#d9cdbd;
  --accent:#6c7a56;
  --card:#fffaf0;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Georgia, "Times New Roman", serif;
  line-height:1.65;
}
a{color:inherit}
.site-header{
  border-bottom:1px solid var(--line);
  background:rgba(255,250,240,.9);
}
.header-inner{
  max-width:980px;
  margin:0 auto;
  padding:18px 24px;
  display:flex;
  gap:24px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.brand{
  text-decoration:none;
  font-weight:700;
  letter-spacing:.01em;
}
nav{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
nav a{
  text-decoration:none;
  padding:4px 0;
  border-bottom:2px solid transparent;
}
nav a:hover,
nav a[aria-current="page"]{
  border-bottom-color:var(--accent);
}
main{
  max-width:820px;
  margin:0 auto;
  padding:64px 24px 80px;
}
.hero{
  min-height:62vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.hero h1{
  font-size:clamp(2.5rem,7vw,5rem);
  line-height:1.05;
  margin:.2em 0;
}
.hero p{
  font-size:1.25rem;
  margin:.45rem 0;
}
.eyebrow{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.78rem;
  color:var(--muted);
}
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  padding:24px;
  margin:24px 0;
}
.card h2,.card h3{margin-top:0}
.receipt-meta{
  color:var(--muted);
  font-size:.95rem;
}
blockquote{
  margin:1.3rem 0;
  padding:.2rem 0 .2rem 1.2rem;
  border-left:4px solid var(--accent);
  font-style:italic;
}
code{
  background:#eee5d7;
  padding:.15em .35em;
  border-radius:4px;
}
ul{padding-left:1.25rem}
.status{
  border-top:1px solid var(--line);
  margin-top:2.5rem;
  padding-top:1.5rem;
}
.receipt-filed{
  text-align:center;
  font-weight:700;
  letter-spacing:.08em;
  margin-top:3rem;
}
.back-link{
  display:inline-block;
  margin-top:2rem;
}
.site-footer{
  border-top:1px solid var(--line);
  color:var(--muted);
  text-align:center;
  padding:26px 18px;
  font-size:.92rem;
}
@media (max-width:600px){
  .header-inner{align-items:flex-start}
  nav{gap:12px}
  main{padding-top:42px}
}

.hero-content{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(320px, 1.1fr);
  gap:42px;
  align-items:center;
  text-align:left;
}
.hero-copy{
  text-align:left;
}
.opunny-figure{
  margin:0;
}
.opunny-figure img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 18px 45px rgba(47,47,47,.14);
}
.opunny-figure figcaption{
  margin-top:10px;
  text-align:center;
  color:var(--muted);
  font-size:.95rem;
  font-style:italic;
}
@media (max-width:780px){
  .hero-content{
    grid-template-columns:1fr;
    text-align:center;
  }
  .hero-copy{
    text-align:center;
  }
}