:root{
  --qc4-walnut:#4b3121;
  --qc4-oak:#c79a62;
  --qc4-oak-pale:#ead2ad;
  --qc4-linen:#f7f1e6;
  --qc4-slate:#2e3a3f;
  --qc4-sage:#7b8f6a;
  --qc4-rust:#a5512f;
  --qc4-ink:#271c15;
}
html{font-size:106.25%}
body.qc4-room{
  margin:0;
  color:var(--qc4-ink);
  font-family:"Hind Guntur",Arial,sans-serif;
  font-weight:400;
  line-height:1.72;
  background-color:var(--qc4-walnut);
  background-image:
    repeating-linear-gradient(91deg,rgba(255,235,205,.05) 0 2px,transparent 2px 23px),
    repeating-linear-gradient(89deg,rgba(0,0,0,.09) 0 1px,transparent 1px 41px),
    linear-gradient(180deg,#5a3b28,#3e2819);
}
.qc4-board{max-width:76rem;margin:0 auto;padding:1.4rem 1.25rem 0}
.qc4-rail{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1.6rem;
  padding:.75rem 1.2rem;border-radius:.35rem .35rem 0 0;
  background:var(--qc4-slate);color:var(--qc4-oak-pale);
}
.qc4-home{font-family:Aleo,Georgia,serif;font-weight:700;font-size:1.32rem;color:var(--qc4-linen);text-decoration:none;letter-spacing:.01em}
a.qc4-home:hover{color:var(--qc4-oak)}
.qc4-mark{margin:0;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase}
.qc4-split{display:grid;grid-template-columns:15.5rem minmax(0,1fr);gap:0;background:var(--qc4-linen);border-radius:0 0 .35rem .35rem}
.qc4-margin{
  padding:1.8rem 1rem 1.8rem 1.2rem;
  background:linear-gradient(90deg,var(--qc4-oak-pale),#f1e1c6);
  border-right:3px double var(--qc4-oak);
}
.qc4-seats{list-style:none;margin:0;padding:0;counter-reset:none}
.qc4-seats li{margin:0 0 .7rem;padding:.45rem .6rem;border-left:4px solid transparent;background:rgba(255,255,255,.45);border-radius:0 .3rem .3rem 0}
.qc4-seats li a{color:var(--qc4-walnut);text-decoration:none;font-weight:600;font-size:.93rem}
.qc4-seats li a:hover{color:var(--qc4-rust)}
.qc4-seats li.qc4-taken{border-left-color:var(--qc4-rust);background:#fffaf1}
.qc4-place{padding:2.2rem 2.6rem 2.6rem;max-width:44rem}
.qc4-kicker{margin:0 0 .5rem;font-size:.84rem;letter-spacing:.09em;text-transform:uppercase;color:var(--qc4-sage);font-weight:600}
.qc4-place h1,.qc4-tabletop h1{font-family:Aleo,Georgia,serif;font-weight:700;font-size:2.15rem;line-height:1.18;margin:0 0 1rem;color:var(--qc4-walnut)}
.qc4-place h2,.qc4-tabletop h2{font-family:Aleo,Georgia,serif;font-weight:500;font-size:1.36rem;margin:2.1rem 0 .55rem;color:var(--qc4-slate)}
.qc4-lede{font-size:1.14rem;font-style:normal;color:#4a3a2e;border-bottom:1px solid var(--qc4-oak);padding-bottom:1.1rem;margin-bottom:1.6rem}
.qc4-place p{margin:0 0 1.05rem}
.qc4-place a,.qc4-tabletop a{color:var(--qc4-rust)}
.qc4-photo{margin:0 0 1.8rem}
.qc4-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--qc4-oak-pale);border:6px solid #fff;box-shadow:0 10px 24px rgba(39,28,21,.28)}
.qc4-photo figcaption{font-size:.9rem;color:#6b5a4b;margin-top:.55rem;font-style:italic}
.qc4-folded{
  position:relative;margin:2.4rem 0 1.6rem;padding:1.3rem 1.5rem 1.1rem;
  background:#fffdf7;border:1px solid #dcc8a5;
  transform:rotate(-.8deg);
  box-shadow:4px 6px 0 rgba(75,49,33,.18);
  background-image:linear-gradient(180deg,transparent 49.4%,rgba(165,81,47,.18) 49.5%,rgba(165,81,47,.18) 50.5%,transparent 50.6%);
}
.qc4-folded h2{margin-top:0;font-size:1.12rem;color:var(--qc4-rust)}
.qc4-folded p{margin:0}
.qc4-onward{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;margin-top:2rem;padding-top:1.2rem;border-top:3px double var(--qc4-oak)}
.qc4-onward a{display:inline-block;padding:.5rem .95rem;border-radius:2rem;background:var(--qc4-slate);color:var(--qc4-linen);text-decoration:none;font-weight:600;font-size:.94rem}
.qc4-onward a:hover{background:var(--qc4-rust)}
.qc4-cover .qc4-tabletop{
  padding:2.6rem 2.4rem 2.8rem;border-radius:0 0 .35rem .35rem;
  background-color:var(--qc4-oak);
  background-image:
    repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 3px,transparent 3px 17px),
    repeating-linear-gradient(90deg,rgba(75,49,33,.12) 0 1px,transparent 1px 53px),
    linear-gradient(180deg,#d1a56d,#b98953);
  box-shadow:inset 0 0 0 10px rgba(75,49,33,.35);
}
.qc4-cover .qc4-kicker{color:var(--qc4-walnut)}
.qc4-cover .qc4-lede{max-width:46rem;color:var(--qc4-ink);border-bottom-color:var(--qc4-walnut)}
.qc4-cards{list-style:none;margin:2rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:1.3rem}
.qc4-card a{
  display:block;height:100%;padding:1.1rem 1rem 1.2rem;text-decoration:none;color:var(--qc4-ink);
  background:var(--qc4-linen);border-radius:.25rem;
  box-shadow:0 3px 0 #9c7448,0 9px 18px rgba(39,28,21,.25);
  border-top:9px solid #fff;
}
.qc4-card a:hover{transform:translateY(-2px)}
.qc4-cardseat{display:block;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--qc4-sage);font-weight:600}
.qc4-cardname{display:block;font-family:Aleo,Georgia,serif;font-size:1.22rem;font-weight:700;margin:.2rem 0 .45rem;color:var(--qc4-walnut)}
.qc4-cardline{display:block;font-size:.95rem;line-height:1.5}
.qc4-host a{background:var(--qc4-slate);color:var(--qc4-linen)}
.qc4-host .qc4-cardname{color:var(--qc4-oak-pale)}
.qc4-host .qc4-cardseat{color:var(--qc4-oak)}
.qc4-grain{max-width:46rem;padding:1.3rem 1.5rem;background:rgba(247,241,230,.88);border-radius:.25rem}
.qc4-grain p{margin:0 0 .9rem}
.qc4-edge{padding:1.6rem 1.2rem 2.2rem;color:var(--qc4-oak-pale);font-size:.9rem}
.qc4-edge p{margin:0 0 .4rem;max-width:52rem}
.qc4-edge a{color:var(--qc4-linen)}
@media (max-width:1270px){.qc4-board{max-width:64rem}.qc4-place{padding:2rem 2rem 2.4rem}}
@media (max-width:880px){
  .qc4-split{grid-template-columns:1fr}
  .qc4-margin{border-right:0;border-bottom:3px double var(--qc4-oak);padding:1rem}
  .qc4-seats{display:flex;flex-wrap:wrap;gap:.4rem}
  .qc4-seats li{margin:0}
  .qc4-place h1,.qc4-tabletop h1{font-size:1.8rem}
}
@media (max-width:450px){
  html{font-size:100%}
  .qc4-board{padding:.8rem .7rem 0}
  .qc4-place,.qc4-cover .qc4-tabletop{padding:1.4rem 1.1rem 1.8rem}
  .qc4-folded{transform:none}
}