/* The Briar Lanes (M13, track X). */

/* Mother Sloe's lessons, the tinker's wares */
.wl-lessons, .wl-shop { margin-top: 10px; padding: 8px 10px; border-radius: 10px; background: rgba(90, 122, 74, .12); }
.wl-lessons h4, .wl-shop h4 { margin: 0 0 6px; }
.wl-lessons .row.dim { opacity: .55; }
.wl-lessons .row .sub, .wl-shop .row .sub { font-size: 11px; line-height: 1.25; }
.wl-lessons > div > .btn { margin-top: 6px; }

/* the hedge being laid: its six stems, low end on the right (east) */
.wl-stems { display: flex; flex-direction: row-reverse; justify-content: center; gap: 6px; margin: 8px 0; font: 700 18px monospace; }
.wl-stem { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 34px; border-radius: 6px; background: #3a4a2a; color: #a8c878; border: 2px solid #5a7a3a; }
.wl-stem.laid { background: #4a5a2a; color: #e8f0a0; }
.wl-stem.staked { border-color: #c8a060; }
.wl-stem.me { outline: 2px dashed #fff2c0; outline-offset: 2px; }

/* the wassail */
.wl-wassail { margin-top: 10px; }
.wl-wassail h4 { margin: 0 0 4px; }
.wl-wassail .btns { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.wl-wassail .letter p { font-style: italic; margin: 2px 0; }

.wl-mapcard p { margin: 4px 0; }

@media (max-width: 480px) {
  .wl-stem { width: 24px; height: 30px; font-size: 15px; }
  .wl-shop .row .grow .sub { display: none; }
}