select#hh-select {
    padding: 5px;
}
	 
label[for="hh-select"] {
    margin-right: 10px;
    font-size: 18px;
    font-weight: 700;
}

  .hh-body {
    background-color: white;
    padding: 8px;

    border-radius: 8px;
}
		 
 .hh-wrap {  }
		 
		 
.hh-details {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    margin-top: 1rem;
    background-color: rgb(202 228 249);
    margin-top: 25px;
}
.hh-head {
    border-bottom: 1px solid rgb(202 228 249);
    padding-left: 10px;
}
	 .hh-hall-name {
    font-weight: bold;
}
	 .hh-toggle { display: inline-block; margin-top: .25rem; padding: .45rem .7rem; border: 1px solid #c9c9c9; background: #fff; border-radius: 6px; cursor: pointer;font-size: 13px; }
	 .hh-grid { margin-top: .75rem; display: block; }
	 .hh-col-title { font-weight: 600; margin-bottom: .25rem; }
	 @media (min-width: 720px) { .hh-grid { display: grid; grid-template-columns: 10rem 1fr; grid-column-gap: 1rem; } }
	 .hh-error { background: #fff3f3; border: 1px solid #ffd6d6; padding: .75rem; border-radius: 6px; }
	 
.hh-body p, .hh-body span {
    font-size: 18px;
    font-weight: bold;
}


/* visual cue on hall change, with reduced‑motion respect */
.hh-body.hh-fade-in { animation: hhFade .25s ease-in-out; }
@keyframes hhFade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .hh-body.hh-fade-in { animation: none; }
}