.article-ai{max-width:680px;margin:36px 0;padding:24px;border:1px solid var(--rule,#d5d3cb);border-top:3px solid var(--ink,#20221e);background:var(--paper,#faf8f3)}
.article-ai h2{margin:0 0 8px;font-family:var(--serif,Georgia,serif);font-size:25px;line-height:1.2;letter-spacing:-.4px}
.article-ai p{margin:0;font-size:14px;line-height:1.55}
.article-ai-buttons{display:flex;gap:12px;margin:18px 0 14px}
.article-ai-button{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1;min-height:48px;padding:12px 16px;border:1px solid var(--ink,#20221e);color:var(--ink,#20221e);background:#fff;font-size:15px;font-weight:600;text-decoration:none}
.article-ai-button:hover{background:var(--brand,#c9eea7);color:var(--ink,#20221e)}
.article-ai-button:focus-visible,.article-ai summary:focus-visible,.article-ai textarea:focus-visible{outline:3px solid var(--ink,#20221e);outline-offset:4px}
.article-ai .article-ai-note{font-size:12px;color:var(--muted,#62645c)}
.article-ai-prompt{margin-top:12px;font-size:12px;line-height:1.5}
.article-ai-prompt summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.article-ai-prompt label{display:block;margin:12px 0 6px}
.article-ai-prompt textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;padding:12px;border:1px solid var(--rule,#d5d3cb);border-radius:0;background:#fff;color:var(--ink,#20221e);font:14px/1.5 sans-serif}
@media(max-width:420px){.article-ai{padding:18px}.article-ai h2{font-size:23px}.article-ai-buttons{gap:8px}.article-ai-button{padding:10px 12px;gap:10px}}