/* Teller specialties ("○○ 전문") and the wide 신년운세 topic button. */

/* Gallery card and main-page strip: the specialty as a wine pill with a gold border and bright bold text. */
.teller-card .teller-tag,.landing-teller-tag{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:5px 14px;border:2px solid #e2bd72;border-radius:999px;background:linear-gradient(135deg,#6b2438,#4a1424);color:#fff5dd;font:800 18px/1.4 var(--sans);box-shadow:0 3px 10px #0006}
.teller-card .teller-tag::before,.landing-teller-tag::before{content:"★";color:#f0cf86;font-size:16px}
.teller-card .teller-tag{align-self:center;white-space:nowrap}
/* Main-page strip: the specialty rides on the card's top border, so narrow columns never split it. */
.landing-teller-strip{row-gap:34px;padding-top:14px}
.landing-teller{position:relative;padding-top:28px}
.landing-teller-tag{position:absolute;top:-16px;left:18px;margin:0;white-space:nowrap}
.landing-teller-desc{font:500 18px/1.6 var(--sans);color:#ecd9bb;word-break:keep-all}
@media(max-width:720px){.teller-card .teller-tag{align-self:start}}

/* Room: 신년운세 spans the whole first row; the teller's own topics carry a "전문" mark. */
.topics .topic-new-year{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 14px;border-color:#f0cf86;background:linear-gradient(120deg,#7a3a1c,#4a1424 58%,#3a111b)}
.topic-new-year .topic-name{font-weight:800;color:#fff5dd}
.topic-new-year .topic-sub{font:600 18px/1.4 var(--sans);letter-spacing:0;color:#f0cf86}
.topic.is-specialty{border-color:#f0cf86;box-shadow:inset 0 0 0 3px #efc48633,0 0 22px #e9b55d55}
/* The 1:1 conversation with the teller: the last row, in a night-blue tone so it reads as a different kind of visit. */
.topics .topic-chat{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 14px;border-color:#b9a4e8;background:linear-gradient(120deg,#3b2c63,#241733 60%,#1a1226)}
.topic-chat .topic-name{font-weight:800;color:#fff5dd}
.topic-chat .topic-sub{font:600 18px/1.4 var(--sans);letter-spacing:0;color:#e6d8ff}
.topic-badge{position:absolute;top:-13px;right:10px;z-index:1;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#f8e2a8,#c99a4d);color:#2a120c;font:800 18px/1.5 var(--sans);font-style:normal;letter-spacing:0;box-shadow:0 2px 8px #0008;pointer-events:none}
.topics{row-gap:16px}
/* One more row of topics on phones: lift the greeting so it stays clear of the buttons. */
@media(max-width:720px){.room:not(.book-open) .greeting{bottom:540px}.topics{row-gap:14px}}