/* 오르세 리디자인 3종(orsay-hub · orsay-must-see · orsay-visit)에만 있는 것.
   나머지 모양은 루브르 리디자인 CSS(louvre-hub · louvre-must-see · louvre-article)를
   같이 읽어 그대로 쓴다. 클래스는 oms-(must-see) · ov-(how-to-visit) 접두어. */

/* Must-see: level dots (Level 5 gold, Level 2 forest, ground floor ink) */
.lms-dot--level-5 { background: var(--gold); }
.lms-dot--level-2 { background: var(--forest); }

/* Must-see: the covered painting (no photo on purpose) */
.oms .oms-veil { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 24px; box-sizing: border-box; text-align: center; }
.oms-veil-frame { position: absolute; inset: 14px; border: 1px solid var(--lms-chip-line); border-radius: 4px; }
.oms-veil-bar { display: block; width: 72%; height: 18px; background: var(--ink); border-radius: 2px; }
.oms-veil-text { position: relative; font-family: var(--font-display); font-style: italic; font-size: 15px; line-height: 21px; color: var(--stone); max-width: 200px; }

/* Must-see: not on view */
.oms-nov-h2 { margin: 4px 0 8px; }
.oms .oms-nov-intro { margin-bottom: 20px; }
.oms-nov { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 1px; background: var(--lms-chip-line); border: 1px solid var(--lms-chip-line); border-radius: 8px; overflow: hidden; }
.oms-nov li { background: var(--paper); padding: 18px 22px; display: flex; flex-direction: column; gap: 2px; }
.oms-nov strong { font-family: var(--font-display); font-size: 18px; font-weight: 600; }
.oms-nov-meta { font-size: 13px; color: var(--lms-muted); }
.oms-nov-status { font-size: 14px; color: var(--lms-text-2); }

/* How to visit: a price given in words (e.g. "Reduced rate") */
.ov .ov-rate { color: var(--ink); }