/* PDA Compass — My toolkit (A02). Page layout + a clean print layout. Components come from css/site.css. */
.tk { display: grid; gap: var(--space-5, 24px); padding-block: var(--space-5, 24px) var(--space-7, 48px); min-width: 0; }

.tk-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.tk-count { margin: 0; font-weight: 600; }
.tk-actions { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tk-actions .btn { min-height: 44px; }

.tk-share-out { margin: 0; font-size: 0.9375rem; }
.tk-share-out[hidden] { display: none; }
.tk-share-out a { overflow-wrap: anywhere; }
.tk-share-input { width: 100%; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line, #cfd4dc); border-radius: var(--radius-s, 8px); background: var(--surface, #fff); color: var(--ink, #1d2430); font: inherit; }

.tk-shared { display: grid; gap: 8px; }
.tk-shared[hidden] { display: none; }
.tk-shared__title { margin: 0; font-size: 1.25rem; }

.tk-groups { display: grid; gap: var(--space-6, 32px); }
.tk-group { display: grid; gap: var(--space-3, 12px); }
.tk-group__title { margin: 0; font-size: 1.375rem; }
.tk-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: var(--space-4, 16px); }
.tk-list > * { min-width: 0; }
.tk-phrase-options { margin: 0; padding-left: 0; list-style: none; display: grid; gap: 6px; }
.tk-remove { min-height: 44px; }

.tk-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tk-foot[hidden] { display: none; }
.tk-confirm { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tk-confirm[hidden] { display: none; }

.tk, .tk * { overflow-wrap: anywhere; }

.print-only { display: none; }

@media print {
  #site-header, #site-footer, .skip-link, .no-print, .tk-shared, .tk-remove, .save, .it-btn, .card__media, .tk-share-out { display: none !important; }
  .print-only { display: block; }
  .tk { display: block; padding: 0; }
  .tk-group { break-inside: avoid; margin-bottom: 18pt; }
  .tk-list { display: block; }
  .tk-list > * { break-inside: avoid; margin: 0 0 10pt; padding: 8pt 0; border: 0; border-bottom: 1px solid #999; box-shadow: none; }
  .card__title a { color: #000; text-decoration: none; }
  .tk-print-url { font-size: 9pt; color: #333; }
  .tk-print-note { margin-top: 18pt; font-size: 9pt; color: #333; }
  body { background: #fff; color: #000; }
}