/* Shared guide and policy accordions. Scoped to the guide content. */
.ck-guide.ck-guide .ck-guide__hero { display: block; padding-bottom: 12px; border: 0; text-align: center; }
.ck-guide.ck-guide .ck-guide__hero h1 { max-width: none; color: #000; }
.ck-guide.ck-guide .ck-guide__hero-description { max-width: 760px; margin: 12px auto 0; color: var(--muted, #625c55); font: 400 15px/1.55 var(--body, sans-serif); }
.ck-guide.ck-guide .ck-guide__layout { padding-top: 24px; }
.ck-guide.ck-guide .ck-guide__index nav { border: 0; }
.ck-guide.ck-guide .ck-guide__index a,
.ck-guide.ck-guide .ck-guide__index a:hover,
.ck-guide.ck-guide .ck-guide__index a[aria-current="page"] { display: flex; justify-content: flex-start; min-height: 44px; padding: 10px 0; border: 0; color: #000; font-size: 14px; font-weight: 400; text-decoration: none; }
.ck-guide.ck-guide .ck-guide__index a span { display: inline-block; padding-bottom: 3px; border-bottom: 1px solid transparent; }
.ck-guide.ck-guide .ck-guide__index a:hover span,
.ck-guide.ck-guide .ck-guide__index a:focus-visible span,
.ck-guide.ck-guide .ck-guide__index a[aria-current="page"] span { border-bottom-color: #000; }
@media (min-width: 901px) { .ck-guide.ck-guide .ck-guide__index nav { padding-top: 10px; } }
.ck-guide.ck-guide .ck-guide__question { border-bottom: 1px solid rgba(70,57,45,.09); }
.ck-guide.ck-guide .ck-guide__question summary { display: flex; min-height: 64px; padding: 18px 7px 18px 0; align-items: center; justify-content: space-between; gap: 24px; color: #000; font: 500 15px/1.5 var(--body, sans-serif); list-style: none; cursor: pointer; transition: color .15s ease, background-color .15s ease; }
.ck-guide.ck-guide .ck-guide__question summary::-webkit-details-marker { display: none; }
.ck-guide.ck-guide .ck-guide__question summary:hover { color: #000; }
.ck-guide.ck-guide .ck-guide__question summary:active { background: rgba(70,57,45,.04); }
.ck-guide.ck-guide .ck-guide__question summary:focus-visible { outline: 2px solid var(--walnut, #795c49); outline-offset: -2px; }
.ck-guide.ck-guide .ck-guide__chevron { flex: 0 0 8px; width: 8px; height: 8px; margin: -4px 2px 0 0; border-right: 1px solid rgba(70,57,45,.45); border-bottom: 1px solid rgba(70,57,45,.45); transform: rotate(45deg); transition: transform .2s ease; }
.ck-guide.ck-guide .ck-guide__question[open] .ck-guide__chevron { margin-top: 4px; transform: rotate(225deg); }
.ck-guide.ck-guide .ck-guide__answer { padding: 0 32px 22px 0; }
.ck-guide.ck-guide .ck-guide__answer p { max-width: 760px; margin: 0; color: var(--muted, #625c55); font: 400 14px/1.75 var(--body, sans-serif); }
.ck-guide.ck-guide .ck-guide__contact a { display: inline-flex; min-height: 44px; padding: 10px 22px; align-items: center; justify-content: center; border: 1px solid #292723; border-radius: 3px; background: #292723; color: #fff; font: 500 14px/1.3 var(--body, sans-serif); text-decoration: none; text-transform: none; letter-spacing: normal; transition: background-color .15s ease, transform .15s ease; }
.ck-guide.ck-guide .ck-guide__contact a:hover { background: #49433d; color: #fff; }
.ck-guide.ck-guide .ck-guide__contact a:active { transform: scale(.98); }
.ck-guide.ck-guide .ck-guide__contact a:focus-visible { outline: 2px solid var(--walnut, #795c49); outline-offset: 3px; }
@media (max-width: 900px) {
  .ck-guide.ck-guide .ck-guide__index a,
  .ck-guide.ck-guide .ck-guide__index a:hover,
  .ck-guide.ck-guide .ck-guide__index a[aria-current="page"] { min-width: max-content; padding: 10px 18px 10px 0; border: 0; }
}
@media (max-width: 600px) {
  .ck-guide.ck-guide .ck-guide__question summary { min-height: 60px; font-size: 14px; }
  .ck-guide.ck-guide .ck-guide__answer { padding-right: 20px; }
  .ck-guide.ck-guide .ck-guide__answer p { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .ck-guide.ck-guide .ck-guide__question summary,
  .ck-guide.ck-guide .ck-guide__chevron { transition: none; }
}

/* Mobile help topics match the catalog collection selector. */
.ck-guide__mobile-navigation { display: none; }
@media (max-width: 900px) {
  .ck-guide.ck-guide .ck-guide__index nav { display: none; }
  .ck-guide__mobile-navigation { display: block; width: calc(100vw - 16px); margin-inline: calc((100% - 100vw) / 2 + 8px); }
  .ck-guide__mobile-navigation select {
    display: block; box-sizing: border-box; width: 100%; min-height: 48px;
    padding: 10px 42px 10px 14px; border: 1px solid #cfc9bf; border-radius: 2px;
    background-color: #fff; color: #000; font: inherit; font-size: 14px;
    appearance: none; -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 14px center; background-size: 16px 16px;
  }
  .ck-guide__mobile-navigation select:focus,
  .ck-guide__mobile-navigation select:focus-visible { outline: 2px solid #98732e; outline-offset: 2px; box-shadow: 0 0 0 2px #fff; }
}

/* Allow the full mobile select border and focus ring to remain visible. */
@media (max-width: 900px) {
  .ck-guide.ck-guide .ck-guide__index { overflow: visible; }
  .ck-guide__mobile-navigation { margin-block: 4px; padding-block: 4px; }
  .ck-guide__mobile-navigation select { line-height: 1.62; }
}
