/* ======================================================================
   SELLER'S GUIDE - the PDF callout, now that the PDF exists.
   20 August 2026.

   The band held a disabled "PDF edition coming soon" button. The guide is
   built, so the control becomes a real link and picks up the site's PDF
   callout pattern (DUKES_DESIGN_AUTHORITY 4.6): heading, meta line
   "9 pages / PDF / 589 KB", the action, and the opens-in-a-new-tab note.

   Its own file so the 134KB sellers-guide-2026.css, which is the design
   authority for the whole site, is not touched.
   ==================================================================== */

.page--sellers-guide .sg-routes__pdf-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
  margin: 0.85rem 0 0;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #6b4a3f;
}

.page--sellers-guide .sg-routes__pdf-meta span + span::before {
  content: "\00b7";
  margin-right: 0.55rem;
  color: rgb(57 76 82 / 55%);
}

.page--sellers-guide .sg-routes__pdf-act {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 0.5rem;
}

.page--sellers-guide .sg-routes__pdf-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  min-height: 52px;
  padding: 0.9rem 1.5rem;
  border-radius: 8px;
  background: #7b2430;
  color: #fbf8f2;
  font-size: 0.88rem;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background 200ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* A drawn mark, not a text character: Georgia has no arrow glyphs and the
   character version rendered as a broken substitute on /client-protection/. */
.page--sellers-guide .sg-routes__pdf-arrow {
  width: 15px;
  height: 15px;
  background: currentColor;
  -webkit-mask: var(--sgpdf-arrow) center / contain no-repeat;
  mask: var(--sgpdf-arrow) center / contain no-repeat;
  --sgpdf-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v13'/%3E%3Cpath d='m6.5 11 5.5 5.5 5.5-5.5'/%3E%3Cpath d='M4.5 20.5h15'/%3E%3C/svg%3E");
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.page--sellers-guide .sg-routes__pdf-note {
  margin: 0;
  font-size: 0.76rem;
  color: #55646a;
}

@media (hover: hover) and (pointer: fine) {
  .page--sellers-guide .sg-routes__pdf-link:hover {
    background: #5e1924;
    transform: translateY(-2px);
  }
  .page--sellers-guide .sg-routes__pdf-link:hover .sg-routes__pdf-arrow {
    transform: translateY(2px);
  }
}

.page--sellers-guide .sg-routes__pdf-link:active { transform: translateY(1px); }

.page--sellers-guide .sg-routes__pdf-link:focus-visible {
  outline: 3px solid #f0bd77;
  outline-offset: 4px;
}

@media (max-width: 860px) {
  .page--sellers-guide .sg-routes__pdf-act { justify-items: start; }
}

@media (prefers-reduced-motion: reduce) {
  .page--sellers-guide .sg-routes__pdf-link,
  .page--sellers-guide .sg-routes__pdf-arrow { transition: none; }
}