/* Collectible artwork: restore the approved sample's open centre and fine type.
   This local exception must not resize the surrounding reading or form text. */
.quiz-result-card.quiz-result-detailed { grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr); gap: 44px; }
.quiz-result-card.quiz-result-detailed > div { min-width: 0; }
.scent-result-visual[style] { background-position: center; aspect-ratio: 2 / 3; min-height: 0; width: 100%; max-width: 400px; padding: 0; display: block; justify-self: center; }
.scent-result-visual[style] .scent-card-copy { position: absolute; inset: 28% 12% 22%; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; text-align: center; background: transparent; border: 0; box-shadow: none; backdrop-filter: none; }
.scent-result-visual[style] .scent-card-copy > p { margin: 0 0 14px; font: 12px/1.6 Georgia, serif; letter-spacing: .12em; }
.scent-result-visual[style] .scent-card-copy > strong { font-size: 28px; line-height: 1.4; letter-spacing: .04em; white-space: nowrap; }
.scent-result-visual[style] .scent-card-copy > span { margin-top: 18px; font-size: 14px; line-height: 1.8; }
.scent-result-visual[style] .scent-card-brand { position: absolute; inset: auto 10% 6%; padding: 0; display: grid; justify-content: center; gap: 7px; text-align: center; background: transparent; border: 0; backdrop-filter: none; }
.scent-result-visual[style] .scent-card-brand small { display: flex; justify-content: center; gap: 6px; font-size: 14px; letter-spacing: .06em; white-space: nowrap; }
.scent-result-visual[style] .scent-card-brand small span,
.scent-result-visual[style] .scent-card-brand small b { font-size: 14px; letter-spacing: .06em; }
.scent-result-visual[style] .scent-card-brand em { font-size: 12px; letter-spacing: .16em; }
@media(max-width:980px) { .quiz-result-card.quiz-result-detailed { grid-template-columns: minmax(0, 1fr); gap: 38px; } }
.scent-composition { margin: 24px 0; padding: 23px; border: 1px solid #d5dbcf; background: #f7f6ef; border-radius: 8px; }
.scent-composition h4 { margin: 0 0 17px; color: #294135; font-size: 23px; font-weight: 400; }
.scent-composition dl { display: grid; gap: 11px; margin: 0 0 18px; }
.scent-composition dl > div { display: grid; grid-template-columns: 76px 1fr; gap: 12px; }
.scent-composition dt { color: #8b6c35; font-size: 14px; }
.scent-composition dd { margin: 0; color: #294135; line-height: 1.65; font-size: 16px; }
.scent-composition small { display: block; color: #657064; font-size: 14px; line-height: 1.8; }
@media(max-width:600px) { .scent-result-visual[style] { min-height: 0; } .scent-composition { padding: 18px; } }
.scent-gallery { max-width: 1100px; margin: 0 auto 50px; padding: 0 24px; }
.scent-gallery summary { cursor: pointer; padding: 20px; border: 1px solid #d5dbcf; background: #f7f6ef; color: #294135; font-size: 20px; }
.scent-gallery details > p { line-height: 1.85; color: #657064; }
.scent-gallery h3 { margin: 32px 0 18px; color: #294135; font-size: 25px; }
.scent-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.scent-gallery-grid figure { margin: 0; position: relative; }
.scent-gallery-grid img { width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; }
.scent-gallery-grid figcaption { position: absolute; top: 45%; left: 10%; width: 80%; padding: 16px 5px; background: rgba(250,247,237,.88); color: #294135; text-align: center; font-size: 24px; }
@media(max-width:600px) { .scent-gallery-grid { grid-template-columns: 1fr; } }