/* Zweedse puzzel: the shared crossword board with clue cells and arrows. */
@import url('crossword-board.css');
.cw--zweeds .cw-gridbox { --cw-max: 76px; }
.cw--zweeds .cw-cell--clue { background: #dfeae3; color: #1f2937; cursor: pointer; font: 500 max(8px, calc(100cqw / var(--cols) * .17))/1.08 Inter, system-ui, sans-serif; }
.zp-clues { position: absolute; inset: 0; display: flex; flex-direction: column; }
.zp-clue { position: relative; flex: 1 1 0; min-height: 0; display: grid; place-items: center; padding: 1px 3px; overflow: hidden; text-align: center; }
/* Whole words only: no hyphenation, no breaking inside a word. */
.zp-clue__text { display: block; max-width: 100%; line-height: 1.08; overflow-wrap: normal; word-break: keep-all; hyphens: manual; }
.zp-clue__number { display: none; font-weight: 700; color: #2f5d45; }
/* A clue that does not fit, and every clue on a narrow grid: its number, the clue is above the grid and in the list. */
.zp-clue.is-number .zp-clue__text, .zp--compact .zp-clue__text { display: none; }
.zp-clue.is-number .zp-clue__number, .zp--compact .zp-clue__number { display: block; font-size: clamp(10px, calc(100cqw / var(--cols) * .26), 15px); }
.zp-clues--2 .zp-clue + .zp-clue { border-top: 1px solid #9fb8a8; }
.zp-arrow { position: absolute; width: 30%; height: 30%; fill: #2f5d45; stroke: #2f5d45; pointer-events: none; }
.zp-arrow--side { left: 0; }
.zp-arrow--side.zp-arrow--mid { top: 35%; }
.zp-arrow--side.zp-arrow--top { top: 8%; }
.zp-arrow--side.zp-arrow--bottom { top: 62%; }
.zp-arrow--top { top: 0; }
.zp-arrow--top.zp-arrow--mid { left: 35%; }
.zp-arrow--top.zp-arrow--left { left: 8%; }
.zp-arrow--top.zp-arrow--right { left: 62%; }
.cw--zweeds .cw-cell--clue.is-source { background: #fde68a; }
.sp--contrast .cw--zweeds .cw-cell--clue { background: #cfdcd3; color: #000; }
.sp--contrast .zp-arrow { fill: #000; stroke: #000; }
.sp--contrast .zp-clues--2 .zp-clue + .zp-clue { border-top-color: #000; }
/* One long list of clues: in two columns under the grid where there is room, without its own scroll bar. */
@media (min-width: 600px) {
  .cw--zweeds .cw-list__items { max-height: none; overflow: visible; columns: 2; column-gap: 24px; }
  .cw--zweeds .cw-list__items li { break-inside: avoid; }
}