/* pricelist 겉모습 그대로(어두운 바탕 · Pretendard · 보라 강조) · 본문은 900px 안 · 글자 16px 이상 */
*{box-sizing:border-box}
body{margin:0;background:#0b0b0d;color:#ededf2;font:16px/1.75 "Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}
main{padding:24px;max-width:900px;margin:auto}
header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
header .me{margin-left:auto}
a{color:#b1b5ff;text-decoration:none}
h1{font-size:26px;margin:28px 0 8px}
h2{font-size:20px;margin:36px 0 12px;border-bottom:1px solid #34343d;padding-bottom:8px}
h3{font-size:18px;margin:28px 0 10px}
p,li{overflow-wrap:break-word}
.muted,.edition{color:#b4b4c1}
.edition{font-size:16px}
img{max-width:100%;height:auto;border:1px solid #34343d;border-radius:8px;display:block;margin:14px 0}
table{border-collapse:separate;border-spacing:0;width:100%;background:#161619;border:1px solid #34343d;border-radius:8px}
th,td{border-right:1px solid #42424c;border-bottom:1px solid #42424c;padding:10px;text-align:left;vertical-align:top}
th{background:#26262e;font-weight:600}
tr:last-child td{border-bottom:0}
th:last-child,td:last-child{border-right:0}
ol li,ul li{margin:6px 0}
strong{color:#fff}
/* AI에게 물어보기 — 하단 우측 고정 단추 + 작은 대화 상자 */
#askBtn{position:fixed;right:20px;bottom:20px;z-index:20;font:inherit;background:#6050c8;color:#fff;border:1px solid #a398ff;border-radius:999px;padding:12px 20px;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.5)}
#askBtn:hover{border-color:#d6caff}
#askDlg{position:fixed;right:20px;bottom:76px;z-index:21;width:min(360px,calc(100vw - 40px));background:#161619;border:1px solid #454550;border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.6)}
#askDlg h2{font-size:17px;margin:0 0 10px;border:0;padding:0}
#askQ{width:100%;font:inherit;color:#17171b;background:#fff;border:1px solid #666;border-radius:6px;padding:10px;resize:vertical;min-height:64px}
#askRow{display:flex;gap:8px;margin-top:10px;align-items:center}
#askRow button{font:inherit;background:#222229;color:#eee;border:1px solid #454550;border-radius:7px;padding:8px 14px;cursor:pointer}
#askRow button:hover{border-color:#9b96ff}
#askRow button:disabled{opacity:.45;cursor:not-allowed}
#askRow #askClose{margin-left:auto}
#askAns{margin:12px 0 0;white-space:pre-line;min-height:24px}
#askNote{margin:10px 0 0;color:#b4b4c1;font-size:13px}
/* A-1109-38: 질문(Q)은 진한 파랑 글자+연한 파랑 바탕, 답(A)은 검정 글자+연한 회색 바탕. 앞에 Q·A 글자 표시 */
h2.q{color:#0b2a80;background:#dbe7ff;border:0;border-radius:8px 8px 0 0;padding:10px 14px;margin-bottom:0}
h2.q .qm{display:inline-block;min-width:1.4em;margin-right:6px;color:#fff;background:#0b2a80;border-radius:4px;text-align:center;font-weight:700}
div.a{color:#111;background:#f2f2f4;border-radius:0 0 8px 8px;padding:12px 14px 12px 46px;position:relative;margin-bottom:8px}
div.a::before{content:"A";position:absolute;left:14px;top:12px;width:24px;height:24px;line-height:24px;text-align:center;border-radius:4px;background:#111;color:#fff;font-weight:700}
div.a strong{color:#000}div.a a{color:#0b3fb8}div.a img{border-color:#c8c8d0}
.bubble{margin:12px 0 0;padding:9px 12px;border-radius:12px;white-space:pre-line}
.bubble.me{background:#dbe7ff;color:#0b2a80;margin-left:24px}.bubble.ai{background:#f2f2f4;color:#111;margin-right:24px;min-height:24px}
#newQList li{margin:8px 0}
[hidden]{display:none!important}
@media(max-width:600px){main{padding:16px}h1{font-size:23px}#askBtn{right:14px;bottom:14px;padding:11px 16px}}

/* A-1110-07: 화면 색 카드 · Q 앞 색 딱지 · 잘라 낸 그림(눌러야 할 칸만, 글자 18px 이상) */
h2.plain{font-size:20px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 28px}
.card{display:block;padding:16px 14px;border-radius:12px;color:#fff;border:2px solid transparent;line-height:1.4}
.card b{display:block;font-size:20px}.card span{display:block;font-size:16px;margin-top:4px}
.t-sales{background:#1f4fd8;color:#fff}.t-sample{background:#f08a00;color:#fff}.t-sched{background:#1f8a3b;color:#fff}.t-hist{background:#6b6b75;color:#fff}.t-any{background:#2a2a33;color:#fff}
.card.t-sample{color:#1a1000}.card.t-sample b,.card.t-sample span{color:#1a1000}
.tag{display:inline-block;font-size:15px;font-weight:700;padding:1px 10px;border-radius:999px;margin:0 8px;vertical-align:1px}
.tag.t-sample{color:#1a1000}
h2.q .qn{margin-right:2px}
h2.q .tag{color:#fff}h2.q .tag.t-sample{color:#1a1000}
figure.shot{margin:12px 0;overflow-x:auto;max-width:100%}
figure.shot img{max-width:none;height:auto;margin:2px;border:0;outline:2px solid #c8c8d0}
div.a p{margin:4px 0}
.askMore{font:inherit;font-size:18px;background:#6050c8;color:#fff;border:1px solid #a398ff;border-radius:999px;padding:12px 24px;cursor:pointer}
@media(max-width:600px){.cards{grid-template-columns:repeat(2,1fr)}}