.agent-entry{padding:64px 0 76px;scroll-margin-top:30px}
.agent-entry-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:54px;align-items:start}
.agent-entry .section-heading{font-size:36px;max-width:510px;margin:0 0 20px}
.agent-entry p,.agent-guide p,.agent-guide li{line-height:1.8}
.agent-entry-intro{font-size:17px;max-width:490px;margin:0 0 22px;color:var(--muted)}
.agent-entry-flow{padding-left:22px;margin:0 0 23px;line-height:1.8}
.agent-entry-flow li{padding-left:4px;margin:9px 0}
.agent-entry-links{display:flex;flex-wrap:wrap;gap:14px 24px}
.agent-entry-links a,.agent-guide a:not(.wordmark):not(.button){text-decoration:underline;text-underline-offset:4px;color:var(--teal)}
.agent-prompt-sheet{min-width:0;padding:26px;background:#eff8fb;border:1px solid #badce7;border-radius:20px;box-shadow:5px 5px 0 #dff3fb}
.agent-prompt-sheet h3{margin:0 0 14px;font-size:18px}
.agent-prompt{font-family:inherit;font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;user-select:text;max-height:300px;overflow:auto;padding:2px 10px 4px 2px;scrollbar-gutter:stable}
.agent-prompt:focus-visible,.agent-entry button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.agent-copy-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}
.agent-copy-row button{cursor:pointer;min-height:46px;padding:10px 20px}
.agent-copy-row button[hidden]{display:none}
.agent-copy-status{font-size:13px;line-height:1.6;flex:1;min-width:160px;min-height:1.6em;color:var(--muted)}
.agent-entry .agent-compatibility{font-size:13px;color:var(--muted);margin-top:20px;max-width:530px}
.agent-hero-link{display:inline-block;font-size:14px;margin-top:18px;color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.agent-guide{max-width:900px;margin:35px auto 80px}
.agent-guide h1{font-size:46px;line-height:1.16;letter-spacing:-1.2px;margin:18px 0 25px}
.agent-guide>section{margin-top:52px}
.agent-guide h2{font-size:28px;line-height:1.35;margin:0 0 18px}
.agent-guide h3{font-size:19px;line-height:1.5}
.agent-guide ul,.agent-guide ol{padding-left:24px}
.agent-guide li{margin:12px 0}
.agent-guide .agent-entry{padding:0}
.agent-guide .agent-prompt{max-height:none}
.agent-guide .agent-prompt-sheet{max-width:780px}
.agent-guide .agent-example{border-left:4px solid var(--lemon);padding:8px 0 8px 22px}
.agent-guide .agent-faq details{border-top:1px solid var(--line);padding:20px 0}
.agent-guide .agent-faq summary{cursor:pointer;font-weight:650;line-height:1.6}
.agent-guide .agent-faq p{margin-bottom:0}
@media(max-width:740px){.agent-entry{padding:42px 0 52px}.agent-entry-grid{grid-template-columns:1fr;gap:26px}.agent-entry .section-heading{font-size:29px}.agent-entry-intro{font-size:16px}.agent-prompt-sheet{padding:20px}.agent-prompt{max-height:270px;font-size:14px}.agent-guide{margin-top:24px}.agent-guide h1{font-size:34px}.agent-guide h2{font-size:25px}.agent-guide>section{margin-top:36px}.agent-guide .agent-prompt{max-height:none}.agent-copy-row{align-items:flex-start;flex-direction:column}}
/* A small, visual invitation on the homepage; the full instructions live in the guide. */
.agent-entry-compact{padding:26px 0 36px}
.agent-compact-card{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:28px;padding:18px 26px 18px 18px;background:#f0f7fb;border:1px solid #d5e6ec;border-radius:24px}
.agent-design-image{width:190px;height:144px;object-fit:cover;border-radius:15px;display:block}
.agent-compact-copy{min-width:0}.agent-compact-copy h2{font-size:27px;line-height:1.3;letter-spacing:-.7px;margin:0 0 7px}.agent-compact-copy p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 17px}
.agent-apps{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.agent-app{display:inline-flex;align-items:center;gap:6px;min-height:38px;font-size:12px;color:var(--ink);text-decoration:none!important;border-radius:8px}.agent-app img{display:block;width:27px;height:27px;object-fit:contain}.agent-app:hover{opacity:.72}.agent-app:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.agent-compact-actions{width:156px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px}.agent-compact-actions .button{width:100%;font-size:14px;padding:11px 14px;min-height:44px;cursor:pointer}.agent-compact-actions [hidden]{display:none}.agent-compact-actions>a{font-size:12px;color:var(--teal);text-underline-offset:4px}.agent-compact-actions .agent-copy-status{font-size:11px;min-width:0;flex-basis:100%;text-align:center;min-height:0;line-height:1.4}.agent-copy-status:empty{display:none}.agent-copy-status a{color:var(--teal)}
.agent-guide .agent-apps{margin-bottom:24px}
@media(max-width:960px){.agent-compact-card{grid-template-columns:146px minmax(0,1fr);gap:17px 22px;padding:18px}.agent-design-image{width:146px;height:138px;grid-row:1/3}.agent-compact-copy h2{font-size:24px}.agent-compact-copy p{margin-bottom:10px}.agent-compact-actions{grid-column:2;width:auto;justify-content:flex-start;gap:10px 18px}.agent-compact-actions .button{width:auto}.agent-compact-actions .agent-copy-status{text-align:left}.agent-apps{gap:16px}}
@media(max-width:560px){.agent-entry-compact{padding:16px 0 24px}.agent-compact-card{grid-template-columns:80px minmax(0,1fr);gap:15px 12px;padding:17px;border-radius:20px}.agent-design-image{width:80px;height:100px;grid-row:1;object-position:53% center}.agent-compact-copy h2{font-size:21px;letter-spacing:-.5px}.agent-compact-copy p{font-size:12px;line-height:1.6;margin-bottom:9px}.agent-apps{gap:10px}.agent-app{gap:0;min-height:29px}.agent-compact-copy .agent-app span{display:none}.agent-app img{width:25px;height:25px}.agent-compact-actions{grid-column:1/-1;gap:12px 20px}.agent-compact-actions .button{font-size:13px;min-height:42px;padding:10px 18px}.agent-compact-actions .agent-copy-status{margin-top:0}}