body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
}

main {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: auto;
  padding: 24px;
  text-align: center;
  overflow-wrap: break-word;
}

main > p:first-child img {
  display: block;
  width: 360px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

main h1 {
  margin: 24px 0 20px;
  font-size: clamp(1.5rem, 4vw, 2rem);
  line-height: 1.2;
}

main p {
  margin: 0;
  line-height: 1.5;
}

main p + p {
  margin-top: 20px;
}

:root{
  --bg:#ffffff;
  --text:#111827;
  --muted:#4b5563;
  --line:rgba(17,24,39,.10);
  --shadow:0 10px 28px rgba(17,24,39,.08);
  --radius:18px;
}

*{box-sizing:border-box}

.card{
  background:rgba(255,255,255,.90);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.pad{padding:18px}
.muted{color:var(--muted)}

.ctaRow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:11px 14px;
  border-radius:14px;
  border:1px solid rgba(17,24,39,.10);
  text-decoration:none;
  background:rgba(255,255,255,.75);
  cursor:pointer;
  transition:opacity .15s ease;
}

.btn:hover{opacity:.92}

.btnPrimary{
  background:linear-gradient(135deg,#C4AA98 0%,#B5927B 48%,#A6795E 100%);
  border:1px solid #A6795E;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  will-change:opacity;
  backface-visibility:hidden;
}

@media (max-width:900px){
  .btnPrimary{color:#111827}
}

button,
.btn,
.btnPrimary{
  font:inherit;
  color:var(--text);
  -webkit-text-fill-color:var(--text);
  appearance:none;
  -webkit-appearance:none;
}

dialog[data-cookie-banner]{
  position:fixed;
  inset:auto 12px max(12px, env(safe-area-inset-bottom));
  margin:0 auto;
  padding:14px;
  width:min(680px, calc(100% - 24px));
  max-width:none;
  max-height:calc(100vh - 24px);
  max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));
  overflow:auto;
  z-index:2000;
  background:var(--bg);
  color:var(--text);
  font-size:14px;
}

dialog[data-cookie-banner] h2{
  margin:0 0 6px;
  font-size:18px;
  outline:none;
}

dialog[data-cookie-banner] p{margin:0 0 6px}
dialog[data-cookie-banner] [data-analytics-message]:empty{display:none}
dialog[data-cookie-banner] .ctaRow{margin-top:8px}

dialog[data-cookie-banner] .btn{
  flex:1 1 120px;
  font-size:1rem;
}