body{
  min-width:320px;
  color:var(--ink);
  background:var(--paper);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.5;
}
.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}
.section{padding:34px 0}
.section-title{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin-bottom:24px;text-align:center;font-family:Georgia,serif;
  font-size:clamp(24px,4vw,35px);font-weight:500
}
.section-title span{color:#c7a46f;font-size:.8em}
.outline-button,.solid-button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:8px 30px;border-radius:999px;
  border:1px solid var(--gold);font-weight:700
}
.outline-button{display:flex;width:max-content;margin:22px auto 0;color:var(--gold-dark)}
.solid-button{background:var(--gold);color:white}
.text-button{
  padding:8px 0;border:0;background:none;color:var(--gold-dark);
  cursor:pointer;font-weight:700;font-size:17px
}
.brand{font-family:Georgia,serif;text-align:center;line-height:1.05}
.brand strong{display:block;font-size:31px;font-weight:500}
.brand span{display:block;font-size:25px;font-style:italic}
.brand b{color:var(--gold);font-style:normal;font-weight:500}

/* Shared inner-page header */
.inner-header .header-inner {
  grid-template-columns: 44px 1fr 44px;
}

.back-button {
  width: 40px;
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--ink);
  font: 300 56px/1 Georgia, serif;
  transform: translateY(-3px);
}
/* Ảnh lấy từ dữ liệu: giữ khung ảnh nhưng không lộ fallback trong lúc chờ. */
img[data-async-image] {
  opacity: 0;
}

img[data-async-image].is-image-ready,
img[data-async-image].is-image-fallback {
  opacity: 1;
  transition: opacity .18s ease;
}