.agent-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:start}.agent-card{min-width:0;padding:1.5rem;border:1px solid #b1c3b6;border-radius:14px;background:#fffdf7;display:flex;flex-direction:column}.agent-card header{display:flex;gap:1rem;align-items:center}.agent-card header img{object-fit:contain;flex:0 0 56px}.agent-card header h3,.agent-card header p{margin:0}.agent-scene{margin:1rem 0;background:#f2f0e4;border-radius:10px;padding:.8rem;text-align:center}.agent-scene svg{display:block;width:100%;height:140px}.agent-scene figcaption{font-size:.95rem}.agent-card dl{margin:.4rem 0}.agent-card dt{font-weight:700;margin-top:.8rem}.agent-card dd{margin:.25rem 0 0}.agent-watch{padding:16px;background:#f4efe4;border-radius:8px}.agent-product{margin:1rem 0}.agent-product img{display:block;width:100%;max-height:230px;object-fit:contain;background:#f2f0e4;border-radius:8px}.agent-product figcaption,.agent-credit{font-size:.82rem}.agent-read{margin-top:auto;padding-top:1rem;font-weight:700}.beginner-intro{padding:1.2rem;border:1px solid #bdc1b1;border-radius:8px;background:#f2f0e4;margin:1.5rem 0}.beginner-intro h2{margin-top:0}.beginner-intro details{margin-top:1rem}.beginner-intro dt{font-weight:700;margin-top:.7rem}.beginner-intro dd{margin:.2rem 0 .7rem}.question-index{columns:2;column-gap:2rem}.question-index li{break-inside:avoid;margin-bottom:.5rem}.report-sources{font-size:.9rem}@media(max-width:700px){.agent-cards{grid-template-columns:1fr}.agent-card{padding:1.1rem}.question-index{columns:1}}

.pilot-scene{padding:0;overflow:hidden}.pilot-scene img{display:block;width:100%;height:auto}.pilot-scene figcaption{padding:.8rem}.pilot-scene figcaption p{margin:.5rem 0 0}
.agent-scene img{display:block;width:100%;height:auto}.agent-scene:has(img){padding:0;overflow:hidden}.agent-scene:has(img) figcaption{padding:.8rem}

/* Keep Grok's long-form guide readable through the preview's external-only style policy. */
.grok-guide p{margin-block:0 1rem}
.grok-guide>section{margin-block:2rem}
.grok-guide p.report-sources{margin-top:-.5rem}

/* External rules are compatible with the review Worker content-security policy. */
.agent-guide p{margin-block:0 1rem}.agent-guide>section{margin-block:2rem}.agent-guide p.report-sources{margin-top:-.5rem}.report-sources{font-size:.9rem}.question-index{columns:2;column-gap:2rem}.question-index li{break-inside:avoid;margin-bottom:.45rem}.agent-guide h3[id]{scroll-margin-top:6rem}@media(max-width:600px){.question-index{columns:1}}

/* One consistent profile card: scene, practical facts, then the reading link. */
.agent-cards{align-items:stretch;gap:28px}.agent-card{padding:26px;border-color:#bdc1b1;border-radius:10px;background:#fbf8ef}.agent-card header{min-height:64px}.agent-card header h3{font-size:2rem;line-height:1.12}.agent-card header h3 a{color:#18382d;text-decoration:none}.agent-card header h3 a:hover{text-decoration:underline}.agent-card>p{margin:18px 0}.agent-scene{background:#eee6d5;border-radius:8px;margin:4px 0 20px}.agent-scene img{aspect-ratio:1.5;object-fit:contain}.agent-scene figcaption{padding:16px!important;text-align:left;line-height:1.6}.agent-scene figcaption p{margin:8px 0 0}.agent-card dl{margin:0;display:grid;gap:14px}.agent-card dt{margin:0;font-size:.8rem;color:#46584f}.agent-card dd{margin:-10px 0 0;line-height:1.65}.agent-read{font-size:.95rem;border-top:1px solid #d2d0c0;min-height:48px;padding-top:18px;line-height:1.6}.agent-watch{font-size:.92rem;line-height:1.65}@media(max-width:700px){.agent-card{padding:20px}.agent-cards{gap:24px}.agent-card header h3{font-size:1.85rem}}

.directory-agent-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.directory-agent-list li{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid #c5c9bc}.directory-agent-list h3{margin:0 0 8px;font-size:1.4rem}.directory-agent-list p{margin:0;max-width:65ch}.directory-agent-list span{font-size:.85rem;white-space:nowrap;color:#526355}.directory-tool-explainer{margin:0 0 32px;max-width:78ch}.directory-tool-explainer h3{margin-bottom:12px}@media(max-width:600px){.directory-agent-list li{align-items:flex-start;flex-direction:column;gap:10px;padding:20px 0}.directory-agent-list span{font-size:.8rem}}