/* M7: Numbered Collector Editions — bands, specimen plate/certificate, series
   option and release rules. Shared by stories.html, circles.html, book-one.html. */
.dg-numbered { padding: clamp(64px, 9vw, 120px) 0; background: radial-gradient(circle at 85% 10%, rgba(216,189,120,.12), transparent 40%), #0b1017; border-block: 1px solid rgba(216,189,120,.22); }
.dg-numbered__head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.dg-numbered__head h2 { margin: 12px 0 18px; font-family: Georgia, "Times New Roman", serif; font-weight: 500; font-size: clamp(2.3rem, 4.6vw, 3.9rem); line-height: 1.02; letter-spacing: -.03em; }
.dg-numbered__head p { color: #c9cfda; }
.dg-numbered__cap { display: inline-flex; gap: 10px; align-items: baseline; margin-top: 8px; color: var(--gold-soft, #d8bd78); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; }
.dg-bands { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 44px 0 0; padding: 0; list-style: none; }
.dg-band { display: flex; flex-direction: column; gap: 10px; padding: 24px; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: rgba(255,255,255,.03); }
.dg-band--founder { border-color: rgba(216,189,120,.55); background: linear-gradient(160deg, rgba(216,189,120,.14), rgba(255,255,255,.02)); }
.dg-band__range { font-family: Georgia, "Times New Roman", serif; font-size: 1.9rem; color: #fff; }
.dg-band__name { color: var(--gold-soft, #d8bd78); font-size: .74rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.dg-band p { margin: 0; color: #c9cfda; font-size: .95rem; }
.dg-numbered-specimen { margin: 0; display: grid; gap: 14px; }
.dg-plate { position: relative; display: grid; justify-items: center; gap: 6px; padding: 30px 24px; border-radius: 6px; color: #2a1d0b; text-align: center;
  background: linear-gradient(145deg, #f3e6c4 0%, #e3cf9c 45%, #f6ecd0 100%); box-shadow: inset 0 0 0 2px #b8954c, inset 0 0 0 7px #f3e6c4, inset 0 0 0 8px #b8954c, 0 24px 60px rgba(0,0,0,.45); font-family: Georgia, "Times New Roman", serif; }
.dg-plate__house { font-size: .72rem; letter-spacing: .32em; text-transform: uppercase; }
.dg-plate__edition { font-size: .8rem; font-style: italic; }
.dg-plate__number { font-size: clamp(2.6rem, 6vw, 3.6rem); line-height: 1; letter-spacing: .02em; }
.dg-plate__of { font-size: .9rem; letter-spacing: .18em; text-transform: uppercase; }
.dg-plate__title { margin-top: 6px; font-size: 1.05rem; }
.dg-plate__band { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.dg-certificate { padding: 18px 20px; border: 1px solid rgba(216,189,120,.4); border-radius: 12px; background: rgba(8,12,18,.7); font-size: .85rem; color: #c9cfda; }
.dg-certificate__label { color: var(--gold-soft, #d8bd78); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; font-size: .7rem; }
.dg-certificate dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 14px; margin: 10px 0; }
.dg-certificate dt { color: #8f98a6; }
.dg-certificate dd { margin: 0; color: #fff; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .8rem; }
.dg-certificate p { margin: 0; }
.dg-numbered-specimen figcaption { color: #8f98a6; font-size: .78rem; }
.dg-numbered__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 30px; }
.dg-numbered__panel { padding: 28px; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: rgba(255,255,255,.03); }
.dg-numbered__panel h3 { margin: 0 0 12px; font-family: Georgia, "Times New Roman", serif; font-weight: 500; font-size: 1.6rem; }
.dg-numbered__panel p, .dg-numbered__panel li { color: #c9cfda; }
.dg-numbered__panel ol { margin: 0; padding-left: 22px; display: grid; gap: 10px; }
.dg-numbered__terms { max-width: 920px; margin: 26px 0 0; color: #c9cfda; font-size: .9rem; }
.dg-numbered__terms strong { color: #fff; }
.dg-numbered__teaser { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 320px); gap: 32px; align-items: center; }
.collector-option.numbered .dg-numbered__reconcile { display: block; margin-top: 8px; color: inherit; font-size: .82rem; line-height: 1.45; }
@media (max-width: 1000px) {
  .dg-numbered__head, .dg-numbered__grid, .dg-numbered__teaser { grid-template-columns: 1fr; }
  .dg-bands { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .dg-bands { grid-template-columns: 1fr; }
  .dg-numbered__panel, .dg-band { padding: 22px; }
}