@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500&family=Cormorant+Garamond:wght@400&family=Jost:wght@300;400&family=Libre+Baskerville:wght@400&display=swap');

/* Keep scrolling functional without bright tracks dividing the editorial layout. */
* {
  scrollbar-width: thin;
  scrollbar-color: #53636b transparent;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: #53636b;
  border: 0;
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
  background: #6a7a82;
}

/* All eleven topic links fit across the bar, so it does not need to scroll. */
.fashion-nav {
  overflow: hidden;
  scrollbar-width: none;
}

.fashion-nav::-webkit-scrollbar {
  display: none;
}

.fashion-nav a {
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 10px;
  padding-right: 10px;
}

/* Fashion-board-matched editorial typography for the interaction cards. */
.prompt-section > header h1 {
  font-family: "Bodoni Moda", Didot, "Bodoni 72", "Times New Roman", serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: .01em;
}

.prompt-section > header p {
  font-family: "Bodoni Moda", Didot, "Bodoni 72", "Times New Roman", serif;
  font-weight: 500;
}

.prompt-card h2 {
  font-family: "Bodoni Moda", Didot, "Bodoni 72", "Times New Roman", serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: .005em;
}

.prompt-card p {
  font-family: "Bodoni Moda", Didot, "Bodoni 72", "Times New Roman", serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
}

.prompt-card button {
  font-weight: 600;
  letter-spacing: .025em;
}

/* Let the interaction panels continue the board instead of introducing a separate add section. */
.prompt-section {
  padding: 0;
  border-top: 1px solid #786f60;
  background: #0a1116;
}

.prompt-section > header {
  display: none;
}

.prompt-grid {
  border-left: 0;
}

.prompt-card {
  min-height: 158px;
  padding: 18px 19px 15px;
  border-color: #7f817d;
}

.prompt-card .number,
.prompt-card h2 {
  display: none;
}

.prompt-card p {
  margin: 0;
  max-width: 31ch;
  font-family: "Bodoni Moda", Didot, "Bodoni 72", "Times New Roman", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.34;
  letter-spacing: 0;
}

.prompt-card button {
  margin-top: auto;
  padding-top: 9px;
  color: #72552d;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.prompt-card.dark button {
  color: #69d8d4;
}

/* Fashion boards use monochrome ivory lines, not gold accents. */
.prompt-section {
  border-top-color: #f2eee5;
}

.prompt-grid {
  border-top: 1px solid #f2eee5;
}

.prompt-card,
.prompt-card.dark {
  border-right-color: #f2eee5;
  border-bottom-color: #f2eee5;
}

.prompt-card button {
  color: #12181b;
  border-top-color: #676b6c;
}

.prompt-card.dark button {
  color: #f2eee5;
  border-top-color: #d8d7d1;
}

/* Match the board's quieter editorial copy face. */
.prompt-card p {
  font-family: "Libre Baskerville", Baskerville, "Baskerville Old Face", Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.48;
  letter-spacing: -.01em;
}

/* Edge-to-edge continuation of the image board, without a framed card grid. */
.prompt-section,
.prompt-grid {
  width: 100%;
  margin: 0;
  border: 0;
}

.prompt-card,
.prompt-card.dark {
  border: 0;
  border-radius: 0;
}

.prompt-card button,
.prompt-card.dark button {
  border-top: 0;
  padding-top: 10px;
}

/* Restore the successful display headings and use finer board-like supporting copy. */
.prompt-card {
  min-height: 205px;
  padding: 20px 20px 17px;
}

.prompt-card h2 {
  display: block;
  margin: 0 0 12px;
  font-family: "Bodoni Moda", Didot, "Bodoni 72", "Times New Roman", serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: .005em;
}

.prompt-card p {
  max-width: 34ch;
  font-family: "Cormorant Garamond", Garamond, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .005em;
}

/* The generated boards pair fashion-serif headings with neutral modern sans copy. */
.prompt-card p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.48;
  letter-spacing: 0;
}

/* Closest reproducible match to the board's Avenir/Futura-like editorial copy. */
.prompt-card p {
  font-family: Jost, "Avenir Next", Avenir, Futura, "Century Gothic", sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: .005em;
}