/* Ajent guide uses the existing brand tokens and native form controls. */
.ask-main{max-width:50rem;margin:auto;padding:2rem 1.5rem 4rem}
.ask-header{gap:1rem;flex-wrap:wrap}
.ask-intro{text-align:center;margin:2rem 0}
.ask-intro h1{font-size:clamp(2.5rem,7vw,4.5rem);line-height:1.1;letter-spacing:-.04em;margin:1rem 0}
.ask-intro h1 span{color:var(--orange)}
.ask-intro>p:last-child{color:var(--muted);line-height:1.7}
.ask-card,.ask-answer{background:var(--paper);border:1px solid var(--line);border-radius:1rem;padding:1.5rem}
.ask-card{border-bottom:.25rem solid var(--orange)}
.ask-form label{font-weight:800}
.ask-form textarea{width:100%;resize:vertical;min-height:6rem;font:inherit;line-height:1.6}
.ask-submit{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ask-suggestions{text-align:center;margin:1.5rem 0}
.ask-suggestions form{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem}
.ask-results{margin-top:2.5rem}
.ask-results h2,.ask-next h2{font-size:1.6rem;line-height:1.3}
.ask-answer{margin:1rem 0;scroll-margin-top:2rem;overflow-wrap:anywhere}
.ask-answer h3,.ask-answer h2{margin-top:0;font-size:1.3rem}
.ask-answer p{line-height:1.8}
.ask-source,.guide-topics a{font-weight:700;text-decoration:underline;text-underline-offset:.2em}
.ask-next{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:2.5rem;padding-top:2rem}
.ask-next>div{flex:1;min-width:12rem}
.guide-topics{display:grid;gap:.75rem}
.ask-main a:focus-visible,.ask-header a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:700px){.ask-header nav a:nth-child(3){display:inline}.ask-header nav{flex-wrap:wrap;gap:1rem}.ask-main{padding-top:.5rem}.ask-submit .button{width:100%}.ask-next .button{width:100%}}