.cb-hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 3rem;
  padding: .7rem 1rem;
  border: 1px solid transparent;
  color: #fff;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .09em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.cb-hero-button:hover,
.cb-hero-button:focus-visible {
  color: #fff;
  transform: translateY(-2px);
}

.cb-hero-button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.cb-hero-button--primary {
  border-color: #d7bd76;
  background: #d7bd76;
  color: #24241f;
}

.cb-hero-button--primary:hover,
.cb-hero-button--primary:focus-visible {
  border-color: #ead69c;
  background: #ead69c;
  color: #24241f;
}

.cb-hero-button--secondary {
  border-color: rgba(255, 255, 255, .65);
  background: rgba(16, 17, 13, .08);
}

.cb-hero-button--secondary:hover,
.cb-hero-button--secondary:focus-visible {
  border-color: #fff;
  background: rgba(255, 255, 255, .12);
}



.cb-glossary-page main{overflow-x:clip}
.cb-glossary-intro{margin-bottom:1.75rem}.cb-glossary-intro h2,.cb-glossary-page .cb-glossary-content h2,.cb-glossary-close h2{font-size:clamp(1.5rem,2.7vw,2.3rem);font-weight:400!important;line-height:1.3}
.cb-glossary-intro>p:last-child{max-width:48rem;line-height:1.8;color:#555}
.cb-glossary-kicker{color:#796738;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.7rem}
.cb-glossary-page .cb-sectionbar{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 0 1.4rem;margin-bottom:2rem}
.cb-glossary-page .cb-sectionbar-inner{padding:.5rem 0 .65rem;justify-content:flex-start;gap:1.5rem}
.cb-glossary-page .cb-sectionbar a{font-size:.85rem;color:#555;min-height:2rem;display:flex;align-items:center}
.cb-glossary-page .cb-sectionbar a:focus-visible{outline:2px solid var(--cb-accent);outline-offset:3px}
.cb-glossary-page .cb-ornament-section{margin-bottom:3.5rem!important;scroll-margin-top:1.5rem}
.cb-glossary-content p:not(.cb-glossary-kicker),.cb-glossary-content li{line-height:1.8;color:#555!important;font-size:1rem}
.cb-glossary-content h3{font-size:1.25rem;font-weight:400!important;line-height:1.4}
.cb-glossary-content>ul{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 2.5rem;padding-left:1.25rem;margin-top:1.25rem}
.cb-glossary-content .row{--bs-gutter-x:2rem;--bs-gutter-y:1.5rem}
.cb-glossary-content img.rounded-4,.cb-glossary-content .cb-overlap-item{border-radius:4px!important}
.cb-glossary-content .cb-overlap-item{box-shadow:0 8px 22px rgba(0,0,0,.08)}
.cb-glossary-close{text-align:center;color:#fff;background-color:#261c18;background-image:linear-gradient(90deg,rgba(18,14,12,.57),rgba(18,14,12,.73)),url('../gallery/home/instagram/18104776348968882-18112268948328629.jpg');background-size:cover;background-position:center 48%;min-height:24rem;padding:clamp(2rem,5vw,4rem) 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(156,135,82,.5)}
.cb-glossary-close .cb-glossary-kicker{color:#ead69c}.cb-glossary-close h2,.cb-glossary-close p{text-shadow:0 2px 12px rgba(0,0,0,.55)}.cb-glossary-close>p:not(.cb-glossary-kicker){max-width:42rem;line-height:1.7}.cb-glossary-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem}
@media(max-width:767.98px){.cb-glossary-content>ul{grid-template-columns:1fr;gap:.4rem}.cb-glossary-close{min-height:25rem;background-position:43% center;padding:2.5rem 1.25rem}.cb-glossary-actions{flex-direction:column;width:100%;max-width:20rem}.cb-glossary-intro{margin-bottom:1rem}}

/* Light panels group each definition without the heavier original cards. */
.cb-glossary-content{
  background:var(--cb-surface);
  border:1px solid var(--cb-border);
  border-radius:6px;
  padding:clamp(1.25rem,2.5vw,2.25rem);
}

/* Paired examples share heading, description, and photo rows. */
@media(min-width:992px){
  .cb-glossary-page #cover-liner .row,
  .cb-glossary-page #hubs .row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto auto auto;
    gap:0 2rem;
    margin:0;
  }
  .cb-glossary-page #cover-liner .row > .col-lg-6,
  .cb-glossary-page #hubs .row > .col-lg-6{
    display:grid;
    grid-template-rows:subgrid;
    grid-row:span 3;
    width:auto;
    padding:0;
    margin:0;
  }
  .cb-glossary-page #hubs .cb-hubs-stamping-figure{margin-top:0}
  .cb-glossary-page #cover-liner .row img{width:100%;aspect-ratio:1 / 1;object-fit:contain}
  .cb-glossary-page #perimeter-stitching .row img{width:100%;aspect-ratio:4 / 5;object-fit:cover}
  .cb-glossary-page #art-gilt .row img{width:100%;aspect-ratio:1536 / 1548;object-fit:cover}
}

/* Keep the introduction and shortcuts together in the same restrained panel. */
.cb-glossary-intro-wrap{margin-bottom:3.5rem}
.cb-glossary-intro-panel{background:var(--cb-surface);border:1px solid var(--cb-border);border-radius:6px;padding:clamp(1.25rem,2.5vw,2.25rem)}
.cb-glossary-intro-panel h2{font-size:clamp(1.5rem,2.7vw,2.3rem);font-weight:400;line-height:1.3;margin-bottom:1.2rem}
.cb-glossary-intro-panel>p:not(.cb-glossary-kicker){max-width:48rem;color:#555;line-height:1.8;margin-bottom:1.5rem}
.cb-glossary-page .cb-glossary-intro-panel .cb-sectionbar{padding:0;margin:0}
.cb-glossary-page .cb-glossary-intro-panel .cb-sectionbar-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow:visible;scrollbar-gutter:auto;gap:.75rem;padding:.25rem}
.cb-glossary-page .cb-glossary-intro-panel .cb-sectionbar a{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.7rem 1rem;border:1px solid var(--cb-accent);border-radius:0;background:transparent;color:var(--cb-text);font-size:.78rem;font-weight:600;letter-spacing:.09em;line-height:1.2;text-transform:uppercase;text-align:center;white-space:normal;transition:background-color .18s,border-color .18s,transform .18s}
.cb-glossary-page .cb-glossary-intro-panel .cb-sectionbar a:hover,.cb-glossary-page .cb-glossary-intro-panel .cb-sectionbar a:focus-visible{background:#e8dfc8;border-color:var(--cb-accent);transform:translateY(-2px)}

.cb-glossary-page .cb-glossary-intro-panel .cb-sectionbar{overflow:visible}
.cb-glossary-page .cb-glossary-intro-panel .cb-sectionbar a::after{content:none}
.cb-glossary-page .cb-glossary-intro-panel .cb-sectionbar a:focus-visible{outline:2px solid var(--cb-accent);outline-offset:3px}
