/* "More Quietworks tools" strip. Self-contained (own colors, works on light and dark pages).
   Identical copy in every Quietworks site: bingo-cards/public, word-search/public,
   homeschool-transcript/public, maker-cost-calculator/public, planting-calendar/public,
   quietworks-site. Markup: scripts/cross-strip.js in bingo-cards (same file in word-search and
   homeschool-transcript). Tests check the copies match. */
.qw-strip {
  --qw-ink: #16121f;
  --qw-cream: #fff4de;
  background: var(--qw-ink);
  color: var(--qw-cream);
  border-top: 3px solid var(--qw-ink);
  font-family: var(--display, var(--font, ui-rounded, system-ui, sans-serif));
}
.qw-strip-in {
  max-width: var(--wrap, 1240px);
  margin: 0 auto;
  padding: 18px var(--gutter, 24px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 22px;
}
.qw-strip-title {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.qw-dot { width: 10px; height: 10px; border-radius: 50%; background: #ffd23f; box-shadow: 0 0 0 3px rgba(255, 210, 63, 0.25); }
.qw-strip-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 12px; }
.qw-strip-list li { margin: 0; padding: 0; }
.qw-chip {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 6px 14px 6px 8px;
  border: 2px solid var(--qw-cream);
  border-radius: 14px;
  color: var(--qw-ink);
  text-decoration: none;
  line-height: 1.1;
  box-shadow: 3px 3px 0 var(--qw-cream);
  transition: transform 0.15s cubic-bezier(.34, 1.56, .64, 1), box-shadow 0.15s ease;
}
.qw-chip:hover { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--qw-cream); text-decoration: none; }
.qw-chip:active { transform: translate(1px, 1px); box-shadow: 1px 1px 0 var(--qw-cream); }
.qw-chip:focus-visible { outline: 3px solid #ffd23f; outline-offset: 3px; }
.qw-ico { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--qw-ink); }
.qw-ico svg { width: 18px; height: 18px; fill: var(--qw-cream); stroke: var(--qw-cream); stroke-width: 0; }
.qw-ico svg path[fill='none'] { fill: none; stroke-width: 2.4; }
.qw-ico .qw-hole { fill: var(--qw-ink); }
.qw-txt { display: flex; flex-direction: column; gap: 1px; }
.qw-txt b { font-size: 0.98rem; font-weight: 800; letter-spacing: -0.01em; }
.qw-txt small { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-size: 0.74rem; font-weight: 600; }
.qw-arrow { font-weight: 800; font-size: 1.1rem; padding-left: 2px; transition: transform 0.15s ease; }
.qw-chip:hover .qw-arrow { transform: translateX(3px); }
/* Bright fills with dark ink: every pair is at least 5:1. */
.qw-c-bingosheet { background: #ff3d7f; }
.qw-c-costperbatch { background: #ff8a3d; }
.qw-c-frostline { background: #35d07f; }
.qw-c-puzzlesheet { background: #4cc9f0; }
.qw-c-transcriptkit { background: #b79cff; }
.qw-c-hq { background: #ffd23f; padding-left: 14px; }
@media (max-width: 640px) {
  .qw-strip-list { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .qw-strip-list li:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .qw-chip { height: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .qw-chip, .qw-arrow { transition: none; }
  .qw-chip:hover, .qw-chip:hover .qw-arrow { transform: none; }
}
@media print { .qw-strip { display: none !important; } }