/* 설명 버튼을 이름 옆에 붙이고 가격 영역을 확보해 작은 화면에서도 겹치지 않게 합니다. */
.lineup-hint-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.lineup-hint-row>.lineup-hint-name{min-width:0;width:auto;text-align:left;overflow-wrap:anywhere}.lineup-hint-row>span:last-child:not(.lineup-hint-name){width:auto;white-space:nowrap}.lineup-hint-row .item_Price{float:none;white-space:nowrap}
.lineup-hint-button{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;min-width:18px;min-height:18px;margin:0 0 0 6px;padding:0;border:1px solid #b7bcc5;border-radius:50%;background:transparent;color:#737983;font:700 12px/16px Arial,sans-serif;vertical-align:1px;cursor:help}.lineup-hint-button:focus-visible{outline:2px solid #7962ca;outline-offset:2px}
/* 설명은 화면 안에 배치하며 길어지면 설명 안에서만 스크롤됩니다. */
.lineup-hint{position:fixed;top:0;left:0;z-index:10010;box-sizing:border-box;width:380px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;padding:20px;background:#fff;border:1px solid #cec4eb;border-radius:12px;box-shadow:0 10px 35px #24164130;color:#302d3d;font:14px/1.5 Arial,'Malgun Gothic',sans-serif;text-align:left}.lineup-hint[hidden]{display:none}.lineup-hint *{box-sizing:border-box}.lineup-hint-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #dedee8;border-radius:8px;background:#f5f4f9;color:#343047;font:400 28px/1 Arial,sans-serif;cursor:pointer}.lineup-hint-kicker{margin:0 50px 4px 0;color:#7962ca;font-size:12px;font-weight:700}.lineup-hint h3{margin:0 44px 8px 0;font-size:19px;line-height:1.4;overflow-wrap:anywhere}.lineup-hint-note{margin:0 0 12px;color:#746d83;font-size:12px}.lineup-hint-basis{margin:0 0 10px;padding:8px;background:#f5f1ff;border-radius:6px;color:#60469b;font-size:12px}.lineup-hint dl{margin:0}.lineup-hint dl>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid #eeebf4}.lineup-hint dt{color:#797282;font-size:12px}.lineup-hint dd{margin:0;font-size:13px;overflow-wrap:anywhere}.lineup-hint-diff dd{color:#6546a5;font-weight:700}.lineup-hint-foot{margin:12px 0 0;color:#797282;font-size:11px}.lineup-hint-close:focus-visible{outline:2px solid #7962ca;outline-offset:2px}
@media(max-width:600px){.lineup-hint{padding:16px}.lineup-hint dl>div{grid-template-columns:90px minmax(0,1fr)}}

/* 옵션의 물음표와 같은 작은 회색 테두리를 사용하며, 요청하신 대로 배경색은 넣지 않습니다. 공통 위치 이동 효과를 막고 옵션 설명과 같은 짧은 등장 효과만 적용합니다. */
.lineup-hint-row .lineup-hint-button{border-style:solid!important}
.lineup-hint-button:hover{border-color:#9299a4;background:transparent;color:#545b66}
.lineup-hint,.lineup-hint *{transition:none}
@media(hover:hover) and (pointer:fine){.lineup-hint{animation:lineup-hint-rise .16s ease-out both}}
@keyframes lineup-hint-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.lineup-hint{animation:none}}

/* 별도 확인이 필요한 기본 구성이나 가격 차이는 사양 위에서 먼저 안내합니다. */
.lineup-hint-review{margin:0 0 10px;padding:10px;border:1px solid #e5d9b7;border-radius:6px;background:#fffaf0;color:#705a2e;font-size:12px;line-height:1.6}