/* Section "Ask your Mac": hỏi AI (MCP) về máy */
.am-pill{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.3rem .85rem .3rem .35rem;border-radius:999px;font-size:.875rem;color:var(--color-blue-200,#c7d2fe);background:rgba(59,130,246,.08);border:1px solid rgba(99,102,241,.35);text-decoration:none;transition:background .2s,border-color .2s}
.am-pill:hover{background:rgba(59,130,246,.16);border-color:rgba(129,140,248,.6)}
.am-pill b{font-weight:600;font-size:.75rem;color:#fff;padding:.1rem .5rem;border-radius:999px;background:linear-gradient(to top,#2563eb,#3b82f6)}
.am-pill i{font-style:normal;opacity:.6;transition:transform .2s}
.am-pill:hover i{transform:translateX(2px)}

.am-section{position:relative;padding-bottom:5rem}
.am-badge{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:#93c5fd}
.am-badge span{width:.45rem;height:.45rem;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 0 rgba(96,165,250,.6);animation:am-pulse 2s infinite}
@keyframes am-pulse{70%{box-shadow:0 0 0 .5rem rgba(96,165,250,0)}100%{box-shadow:0 0 0 0 rgba(96,165,250,0)}}

.am-grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.am-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3.5rem}}

.am-questions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.am-q{cursor:pointer;font:inherit;font-size:.875rem;color:#cbd5e1;padding:.45rem .85rem;border-radius:999px;background:rgba(31,41,55,.6);border:1px solid rgba(75,85,99,.6);transition:all .2s}
.am-q:hover{color:#fff;border-color:rgba(129,140,248,.7)}
.am-q[aria-pressed="true"]{color:#fff;background:rgba(37,99,235,.25);border-color:#3b82f6}

.am-points{display:grid;gap:1rem;margin-top:2rem;list-style:none;padding:0}
.am-points li{display:flex;gap:.75rem;font-size:.95rem;color:rgba(199,210,254,.65)}
.am-points svg{flex:none;margin-top:.15rem;color:#60a5fa}
.am-points strong{color:#e5e7eb;font-weight:600}

/* Chat window */
.am-window{position:relative;border-radius:1rem;overflow:hidden;background:linear-gradient(to bottom,rgba(17,24,39,.92),rgba(3,7,18,.92));border:1px solid rgba(75,85,99,.5);box-shadow:0 30px 80px -20px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.06)}
.am-bar{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;border-bottom:1px solid rgba(55,65,81,.6);background:rgba(17,24,39,.8)}
.am-bar i{width:.7rem;height:.7rem;border-radius:50%;background:#4b5563}
.am-bar i:nth-child(1){background:#ff5f57}.am-bar i:nth-child(2){background:#febc2e}.am-bar i:nth-child(3){background:#28c840}
.am-bar span{flex:1;text-align:center;font-size:.8rem;color:#9ca3af;margin-right:2.5rem}
.am-bar em{font-style:normal;color:#4ade80}
.am-title{text-wrap:balance}
.am-body{height:340px;padding:1.25rem;display:flex;flex-direction:column;gap:.9rem;overflow:hidden;font-size:.925rem;line-height:1.55}
@media (max-width:640px){.am-body{height:470px;padding:1rem;font-size:.875rem}}

.am-msg{max-width:88%;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.am-msg.am-in{opacity:1;transform:none}
.am-user{align-self:flex-end;padding:.6rem .95rem;border-radius:1rem 1rem .3rem 1rem;color:#fff;background:linear-gradient(to top,#2563eb,#3b82f6)}
.am-user.am-typing::after,.am-text.am-typing::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.15em;background:currentColor;animation:am-blink 1s steps(1) infinite}
@keyframes am-blink{50%{opacity:0}}
.am-bot{align-self:flex-start;display:flex;flex-direction:column;gap:.55rem;color:#e5e7eb}
.am-tools{display:flex;flex-wrap:wrap;gap:.4rem}
.am-tool{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .6rem;border-radius:.5rem;font:500 .78rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a5b4fc;background:rgba(49,46,129,.35);border:1px solid rgba(99,102,241,.35);opacity:0;transition:opacity .25s}
.am-tool.am-in{opacity:1}
.am-tool s{width:.7rem;height:.7rem;border-radius:50%;border:2px solid rgba(165,180,252,.35);border-top-color:#a5b4fc;animation:am-spin .7s linear infinite}
.am-tool.am-done s{animation:none;border:0;width:auto;height:auto;text-decoration:none}
.am-tool.am-done s::before{content:"✓";color:#4ade80;font-size:.8rem}
@keyframes am-spin{to{transform:rotate(360deg)}}
.am-text b{color:#fff;font-weight:600}
.am-text p{margin:0}
.am-text p+p,.am-text ul+p{margin-top:.35rem}
.am-text ul{margin:.35rem 0 0;padding-left:1.1rem;list-style:disc}
.am-text li{margin:.15rem 0}
.am-text li::marker{color:#60a5fa}

@media (prefers-reduced-motion:reduce){.am-badge span,.am-tool s{animation:none}.am-msg,.am-tool{transition:none}}