body{font:16px/1.6 Georgia,times new roman,serif}header{padding:40px 16px 24px}h1{font-size:2.4rem;letter-spacing:.01em}main{max-width:1100px;padding-top:20px}.bar-in{max-width:1100px}.grid{columns:300px;column-gap:16px}.card{break-inside:avoid;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 20px 16px;margin:0 0 16px;position:relative;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,8%)}.card::before{content:"\201C";position:absolute;top:2px;left:12px;font-size:3.2rem;line-height:1;color:var(--accent);opacity:.35}.q{margin:14px 0 12px;font-size:1.05rem;white-space:pre-line}.a{font:600 .85rem system-ui,sans-serif;color:var(--accent);cursor:pointer;border:0;background:0 0;padding:0;text-align:left}.a:hover{text-decoration:underline}.copy{position:absolute;top:10px;right:10px;font:.75rem system-ui,sans-serif;padding:3px 8px;opacity:0}.card:hover .copy,.copy:focus{opacity:1}@media(hover:none){.copy{opacity:1}}.empty{padding:40px}