.ask28-root{max-width:1400px;margin:0 auto;min-width:0;color:var(--text,#e8edf5);padding:clamp(8px,2.3vw,32px) 0 48px}
.ask28-hero{position:relative;overflow:hidden;padding:clamp(24px,3vw,45px);border:1px solid #364253;border-radius:24px;background:radial-gradient(circle at 90% 4%,rgba(235,160,87,.12),transparent 42%),linear-gradient(125deg,#172430,#0e1724);margin-bottom:20px}
.ask28-hero .eyebrow,.ask28-answer .eyebrow{color:#c6a889;font-size:.71rem;letter-spacing:.18em;text-transform:uppercase}
.ask28-hero h1{font-size:clamp(1.8rem,3.3vw,3rem);font-weight:750;letter-spacing:-.03em;line-height:1.2;margin:12px 0 15px}
.ask28-hero p{color:#b8c5d3;line-height:1.8;max-width:730px;margin:0}
.ask28-panel,.ask28-answer{border:1px solid #324054;background:#111d2c;border-radius:22px;padding:clamp(18px,2.6vw,32px);min-width:0}
.ask28-panel h2{font-size:1.35rem;margin:0 0 6px}.ask28-label{display:block;color:#a6b8c9;font-size:.85rem;margin:12px 0 8px}
.ask28-field{display:flex;align-items:stretch;gap:12px;min-width:0}.ask28-field textarea{font:inherit;color:#f1f5fa;line-height:1.65;flex:1;resize:vertical;min-width:0;min-height:100px;max-height:220px;border:1px solid #46576c;background:#0b1521;border-radius:14px;padding:15px 18px}
.ask28-field textarea:focus-visible,.ask28-example:focus-visible,.ask28-submit:focus-visible{outline:3px solid #efae70;outline-offset:3px}
.ask28-submit{background:#e8a76a;border:1px solid #e8a76a;min-width:160px;padding:14px 18px;border-radius:14px;font:inherit;font-weight:700;color:#151719;cursor:pointer;align-self:stretch;display:flex;justify-content:center;align-items:center;gap:9px}
.ask28-submit:disabled{opacity:.65;cursor:wait}.ask28-submit:hover:not(:disabled){background:#f4bb84}.ask28-error{color:#ffc6b9}
.ask28-suggestions{margin-top:25px}.ask28-suggestions h3{font-size:.88rem;color:#b3c0cf;margin:0 0 14px}.ask28-examples{display:flex;gap:9px;flex-wrap:wrap}.ask28-example{display:flex;align-items:center;gap:10px;border:1px solid #3c4d60;background:#1b2a39;color:#dce6ef;border-radius:13px;font:inherit;font-size:.88rem;padding:10px 13px;cursor:pointer;max-width:100%;min-height:44px;text-align:start}.ask28-example:hover{border-color:#d8a06f}.ask28-example span{color:#e8ac79}
.ask28-response:empty{display:none}.ask28-response{margin-top:20px}.ask28-answer>header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.ask28-answer h2{margin:8px 0 2px;font-size:1.35rem}.ask28-answer h3{font-size:.97rem;margin:25px 0 13px}.ask28-asof{color:#98aabd;font-size:.75rem}.ask28-direct{font-size:1.04rem;line-height:1.9;max-width:960px}.ask28-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ask28-fact{min-width:0;border:1px solid #36465a;background:#0c1826;border-radius:14px;padding:18px}.ask28-fact-title{font-size:.82rem;color:#b5c3d2;overflow-wrap:anywhere}.ask28-fact strong{display:block;font-size:clamp(1rem,1.7vw,1.3rem);margin:7px 0 4px;overflow-wrap:anywhere}.ask28-fact p{color:#93a7bd;font-size:.79rem;line-height:1.6;margin:0;overflow-wrap:anywhere}
.ask28-ai{background:#1c2e41;border-left:3px solid #dfac7a;padding:14px 18px;border-radius:10px}.ask28-ai h3{margin:0 0 8px}.ask28-ai p{line-height:1.75;margin:0}.ask28-caveats{color:#b1bcc8;font-size:.9rem;margin-top:20px}.ask28-caveats p{margin:7px 0;line-height:1.7}.ask28-links{display:flex;flex-wrap:wrap;gap:10px}.ask28-links a{border:1px solid #496078;border-radius:10px;background:#172b3d;padding:10px 15px;text-decoration:none;color:#f5d0ab;overflow-wrap:anywhere}.ask28-links a:hover{background:#23384e}.ask28-disclaimer{border-top:1px solid #334052;padding-top:20px;margin-top:25px;color:#9aabc0;font-size:.85rem;line-height:1.65}
.ask28-note{display:flex;align-items:flex-start;gap:12px;border:1px solid #344357;border-radius:13px;background:#101925;padding:13px 17px;margin-top:20px;color:#9faec0;font-size:.82rem;line-height:1.6}.ask28-note span{color:#ecc093}.ask28-note p{margin:0 0 5px}
@media(max-width:800px){.ask28-field{flex-direction:column}.ask28-submit{width:100%;min-height:48px}.ask28-facts{grid-template-columns:1fr}}
@media(max-width:480px){.ask28-root{padding:8px 0 24px}.ask28-hero,.ask28-panel,.ask28-answer{border-radius:17px;padding:17px}.ask28-field textarea{width:100%;min-height:95px}.ask28-example{width:100%;justify-content:space-between}.ask28-answer>header{display:block}}
