/* 「先問問我們」小視窗（只在電腦出現，src/ask.mjs）：QR code 掃了打開 LINE 對話 */
.ask { width: min(400px, calc(100vw - 32px)); padding: 22px 34px 34px; border: 0; border-radius: 2px; background: var(--paper); color: var(--ink); text-align: center; box-shadow: 0 24px 80px rgba(0, 0, 0, .35); }
.ask::backdrop { background: rgba(20, 22, 19, .55); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.ask[open] { animation: ask-in .35s var(--ease, ease) both; }
@keyframes ask-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.ask-close-row { display: flex; justify-content: flex-end; margin: 0 -22px 0 0; }
.ask-close { width: 40px; height: 40px; border: 0; background: none; font-size: 24px; line-height: 1; color: var(--muted, #6D6E66); cursor: pointer; }
.ask-close:focus { outline: none; } .ask-close:focus-visible { outline: 1px solid var(--ink); }
.ask-title { font-size: clamp(22px, 2vw, 26px); font-weight: 400; letter-spacing: .36em; padding-left: .36em; margin: 0 0 14px; }
.ask-lead { font-size: 13px; line-height: 2; letter-spacing: .06em; color: var(--text, #4a4b45); margin: 0 0 26px; }
.ask-qr { width: 184px; height: 184px; margin: 0 auto; padding: 10px; background: #fff; border: 1px solid var(--line, #D7D1C5); }
.ask-qr svg { display: block; width: 100%; height: 100%; }
.ask-id { margin: 18px 0 0; font-size: 12px; letter-spacing: .12em; color: var(--muted, #6D6E66); }
.ask-id span { color: var(--ink); letter-spacing: .06em; }
@media (prefers-reduced-motion: reduce) { .ask[open] { animation: none; } }