/* Premium guide finder only. No catalog, search, progress or access changes. */
.app-shell .learning-center .learning-search-panel {
  padding: 28px;
  border: 1px solid #dce2e7;
  border-radius: 22px;
  background: linear-gradient(145deg, #fff 55%, #faf7f0);
  box-shadow: 0 12px 32px #102a430a, 0 2px 5px #102a4305;
}
.app-shell .learning-center .learning-search-panel .learning-section-heading {
  align-items: center;
  gap: 18px;
  margin-bottom: 22px;
}
.app-shell .learning-center .learning-search-panel .learning-section-heading > div { min-width: 0; }
.app-shell .learning-center .learning-search-panel h2 {
  margin: 0 0 7px;
  color: #102a43;
  font-family: var(--font-cormorant), Georgia, serif;
  font-size: clamp(1.65rem, 2.5vw, 2rem);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.15;
}
.app-shell .learning-center .learning-search-panel .learning-section-heading p { color: #647487; line-height: 1.5; }
.app-shell .learning-center .learning-search-panel .learning-section-heading > svg {
  box-sizing: content-box;
  flex-shrink: 0;
  color: #a77e30;
  padding: 13px;
  border: 1px solid #e8d9b8;
  border-radius: 15px;
  background: #fbf5e8;
}
.app-shell .learning-center .learning-search-panel > form {
  display: flex;
  align-items: stretch;
  gap: 12px;
  padding: 7px;
  border: 1px solid #dce3e9;
  border-radius: 16px;
  background: #f6f8fa;
  box-shadow: inset 0 1px 3px #102a4304;
}
.app-shell .learning-center .learning-search-panel > form:focus-within { border-color: #b59758; }
.app-shell .learning-center .learning-search-panel > form input {
  flex: 1 1 180px;
  width: 100%;
  min-width: 0;
  min-height: 50px;
  padding: 12px 16px;
  color: #102a43;
  border: 0;
  border-radius: 10px;
  background: transparent;
  font-size: 16px;
  line-height: 1.4;
}
.app-shell .learning-center .learning-search-panel > form input::placeholder { color: #768496; opacity: 1; }
.app-shell .learning-center .learning-search-panel > form .primary-button {
  flex: 0 0 auto;
  min-width: 130px;
  min-height: 50px;
  padding: 12px 20px;
  border-radius: 11px;
  text-transform: none;
  font-size: .9rem;
  letter-spacing: .015em;
  box-shadow: 0 4px 10px #a77e3020;
}
.app-shell .learning-center .learning-categories {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0 0;
  padding-top: 22px;
  border-top: 1px solid #e7ebee;
}
.app-shell .learning-center .learning-categories button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  justify-content: stretch;
  gap: 10px;
  min-width: 0;
  width: 100%;
  min-height: 76px;
  padding: 13px;
  border: 1px solid #dfe5e9;
  border-radius: 13px;
  color: #30475e;
  background: #fff;
  box-shadow: 0 2px 4px #102a4303;
  font-size: .83rem;
  font-weight: 650;
  line-height: 1.4;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  transition: background-color .15s, border-color .15s, box-shadow .15s;
}
/* Matching code-native book mark; decorative, topic text remains the accessible label. */
.app-shell .learning-center .learning-categories button::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-color: #a4823f;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M3 5h6a3 3 0 0 1 3 3v13a3 3 0 0 0-3-3H3zm18 0h-6a3 3 0 0 0-3 3v13a3 3 0 0 1 3-3h6z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M3 5h6a3 3 0 0 1 3 3v13a3 3 0 0 0-3-3H3zm18 0h-6a3 3 0 0 0-3 3v13a3 3 0 0 1 3-3h6z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.app-shell .learning-center .learning-categories button > span {
  display: grid;
  place-items: center;
  min-width: 27px;
  height: 27px;
  margin: 0;
  padding: 3px 6px;
  border-radius: 8px;
  color: #647487;
  background: #edf1f4;
  font-size: .72rem;
  font-weight: 750;
}
.app-shell .learning-center .learning-categories button:hover { border-color: #c4ab79; background: #fffcf6; }
.app-shell .learning-center .learning-categories button[aria-pressed="true"] {
  color: #fff;
  border-color: #102a43;
  background: linear-gradient(135deg, #153650, #0b233b);
  box-shadow: 0 4px 12px #102a431c;
}
.app-shell .learning-center .learning-categories button[aria-pressed="true"]::before { background-color: #e7c777; }
.app-shell .learning-center .learning-categories button[aria-pressed="true"] > span { color: #f4dc9e; background: #ffffff18; }
.app-shell .learning-center .learning-search-panel :is(input, button):focus-visible { outline: 3px solid #b28b42; outline-offset: 3px; }
@media (max-width: 1100px) {
  .app-shell .learning-center .learning-categories { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .app-shell .learning-center .learning-search-panel { padding: 20px; border-radius: 18px; }
  .app-shell .learning-center .learning-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .app-shell .learning-center .learning-categories button { grid-template-columns: minmax(0, 1fr) auto; min-height: 70px; }
  .app-shell .learning-center .learning-categories button::before { display: none; }
}
@media (max-width: 480px) {
  .app-shell .learning-center .learning-search-panel { padding: 16px; }
  .app-shell .learning-center .learning-search-panel > form { flex-direction: column; }
  .app-shell .learning-center .learning-search-panel > form input { flex: 0 0 auto; }
  .app-shell .learning-center .learning-search-panel > form .primary-button { width: 100%; }
  .app-shell .learning-center .learning-categories { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 18px; padding-top: 18px; }
  .app-shell .learning-center .learning-categories button { grid-template-columns: 30px minmax(0, 1fr) auto; min-height: 58px; }
  .app-shell .learning-center .learning-categories button::before { display: block; }
}
@media (prefers-reduced-motion: reduce) { .app-shell .learning-center .learning-categories button { transition: none; } }