/* Use-case landing pages (e.g. /whatsapp-bot-for-restaurants). Loads after styles.css and websites.css; uses their tokens. */
.uc-answer{margin-top:26px;max-width:720px;background:var(--card);border:1px solid var(--mint-line);border-inline-start:4px solid var(--mint);border-radius:16px;padding:18px 20px;color:var(--soft);font-size:16.5px}
.uc-answer b{color:var(--text)}
.uc-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:8px}
.uc-two h2{margin-bottom:18px}
.uc-two>div>p:not(.eyebrow):not(.uc-cap){color:var(--dim)}
.uc-two>div>p:not(.eyebrow)+p{margin-top:14px}
.uc-chat{background:#E9E4DA;border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow);color:#0E1426}
.uc-chat p{max-width:86%;margin:0;padding:9px 13px;border-radius:14px;font-size:15.5px;line-height:1.45;background:#fff}
.uc-chat .me{align-self:flex-end;background:#D9FDD3}
.uc-chat .sys{align-self:center;max-width:100%;background:#FFF4DC;font-size:14px;text-align:center}
.uc-chat .who{display:block;font-size:12.5px;font-weight:700;color:#4A5568}
.uc-chat .btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.uc-chat .btns span{border:1px solid #C5D1FF;background:#E8EDFF;color:#1E44E0;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}
.uc-cap{margin-top:12px;color:var(--faint);font-size:14px}
.uc-table{overflow-x:auto;margin-top:32px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.uc-table table{border-collapse:collapse;width:100%;font-size:16px}
.uc-table th,.uc-table td{text-align:start;vertical-align:top;padding:14px 18px;border-bottom:1px solid var(--line)}
.uc-table thead th{background:var(--card-2);font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}
.uc-table tbody tr:last-child td{border-bottom:0}
.uc-table td:first-child{font-weight:600;color:var(--text);width:34%}
.uc-table td{color:var(--dim)}
.uc-langs{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.uc-langs li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.uc-langs bdi{font-weight:600;color:var(--text)}
.uc-langs span{color:var(--faint);font-size:14px}
.uc-note{margin-top:22px;background:var(--gold-bg);border:1px solid #F1D9A6;border-radius:14px;padding:14px 16px;color:#5C3D0B;font-size:15.5px}
.uc-cmds{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.uc-cmds code{font:600 14px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--card);border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;color:var(--text)}
.uc-fit h3{font-size:19px;margin:0 0 6px}
.uc-plain{margin-top:14px;display:grid;gap:10px;padding-inline-start:20px;color:var(--dim)}
.uc-plain li{list-style:disc}
.uc-links{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 22px}
.uc-links a{color:var(--mint);font-weight:600}
@media (max-width:900px){.uc-two{grid-template-columns:1fr;gap:28px}}
@media (max-width:560px){.uc-table td:first-child{width:auto}.uc-table th,.uc-table td{padding:12px 14px}.uc-table table{font-size:15px}}