@import url("/_astro/hub.path18.css");

/* Inner pages: fill the wrap, not a skinny leftover column */
.page-hero{padding:2rem 0 1.2rem}
.page-hero h1{font-size:clamp(2rem,4.6vw,3.15rem);max-width:22ch}
.page-hero .lede{max-width:36rem}

.page-split{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  gap:1.6rem 2rem;
  align-items:start;
  padding-bottom:1.2rem;
}
.page-split .prose{max-width:none;padding-bottom:0}

.day-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);
  gap:1.8rem 2.2rem;
  align-items:start;
  padding-bottom:1rem;
}
.day-layout .prose{max-width:none;padding-bottom:0}
.day-side{display:flex;flex-direction:column;gap:1rem;position:sticky;top:5.5rem}
.day-side .ignore,.day-side .got-this{margin:0}

.day-hero{padding:2rem 0 1.1rem}
.day-hero h1{font-size:clamp(1.85rem,4.2vw,2.85rem);max-width:20ch}
.day-hero .day-nav{margin-top:1.1rem}

.show{list-style:none;margin:0 0 1.6rem;padding:0}
.show li{
  display:grid;
  grid-template-columns:4.4rem 1fr;
  gap:.7rem 1rem;
  padding:.85rem 0;
  border-bottom:2px dashed rgba(36,22,15,.14);
}
.show .t{font-family:var(--serif);font-size:1.15rem;font-weight:620;color:var(--leaf)}
.show p{margin:0}

.slip-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.15rem;
  margin:0 0 1.6rem;
}
.slip{
  background:var(--cream);
  border:2px solid rgba(36,22,15,.1);
  border-radius:22px;
  box-shadow:5px 6px 0 rgba(36,22,15,.08);
  padding:1.15rem 1.2rem 1.25rem;
}
.slip:nth-child(even){background:#f6d7b8;transform:rotate(.5deg)}
.slip:nth-child(odd){transform:rotate(-.4deg)}
.slip h2{margin:.15rem 0 .45rem;font-size:clamp(1.2rem,2vw,1.5rem)}
.slip .num{margin-bottom:.5rem}
.slip p:last-child{margin-bottom:0}

.form-ticket{
  margin:0;
  padding:1.2rem 1.25rem 1.3rem;
  background:var(--ink-ticket);
  color:#f8efe4;
  border-radius:22px;
  box-shadow:8px 10px 0 var(--leaf);
  transform:rotate(1.2deg);
}
.form-ticket h2{color:#ffe7b0;font-size:1.35rem;margin:0 0 .55rem}
.form-ticket .when{margin:0 0 .4rem;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.form-ticket .form-template{
  background:#3a2418;
  color:#f8efe4;
  border-color:var(--gold);
  margin:0;
}

.pair{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:1.4rem 1.8rem;
  align-items:start;
  margin:0 0 2rem;
}
.pair h2{margin-top:0}
.pair .form-template{margin:0}

@media(max-width:860px){
  .page-split,.day-layout,.slip-grid,.pair{grid-template-columns:1fr}
  .day-side{position:static}
  .form-ticket{transform:rotate(.4deg)}
  .slip{transform:none}
}