/* Ask Ruckus D: scoped additions to the established site design. */
.ask-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); border-bottom:4px solid var(--teal); }
.ask-hero-copy { padding:clamp(3rem,6vw,6rem) clamp(1.25rem,6vw,6rem); }
.ask-hero h1 { font-size:clamp(3.6rem,6vw,6.8rem); }
.ask-tagline { font-size:clamp(1.25rem,2vw,1.7rem); font-weight:800; line-height:1.45; margin:1.8rem 0; max-width:44rem; }
.ask-intro { color:#c9cfd1; max-width:42rem; }
.ask-portrait { margin:0; position:relative; min-height:500px; background:var(--panel); }
.ask-portrait img { width:100%; height:100%; object-fit:cover; object-position:center; }
.ask-portrait::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--ink),transparent 28%),linear-gradient(0deg,var(--ink),transparent 30%); }
.ask-submit { background:var(--panel); }
.ask-form-heading, #ask-form { max-width:880px; margin-inline:auto; }
.ask-form-heading h2 { font-size:clamp(2.5rem,5vw,4.6rem); line-height:1.05; }
.ask-form-heading>p:last-child { color:#c9cfd1; margin:1.5rem 0 2rem; }
.ask-field-pair { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.ask-field { display:flex; flex-direction:column; gap:.5rem; margin-bottom:1.5rem; min-width:0; }
.ask-field label { font-weight:800; }
.ask-field small { color:#b9c1c4; font-size:.85rem; font-weight:400; }
.ask-field input,.ask-field textarea { background:var(--ink); color:var(--paper); border:1px solid #687579; border-radius:4px; padding:.85rem; font:inherit; width:100%; min-height:48px; }
.ask-field textarea { resize:vertical; }
.ask-field textarea::placeholder { color:#a8b0b3; opacity:1; }
.ask-consent { display:flex; gap:.85rem; align-items:flex-start; margin:0 0 1.5rem; cursor:pointer; color:#d4d9db; }
.ask-consent input { width:22px; height:22px; flex:none; margin-top:.2rem; accent-color:var(--teal); }
#ask-form button { font:inherit; font-weight:900; min-height:48px; cursor:pointer; }
#ask-form button:disabled { opacity:.55; cursor:not-allowed; }
.ask-availability { border-left:4px solid var(--teal); padding:1rem 1.25rem; background:rgba(20,184,178,.07); margin-bottom:2rem; }
.ask-availability p { margin:.4rem 0 0; color:#c9cfd1; }
.ask-fine-print { color:#a8b0b3; font-size:.85rem; max-width:680px; }
.ask-honey { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.ask-status:not([hidden]) { padding:1rem; border:1px solid var(--teal); margin-top:1.25rem; }
.ask-status[data-state="error"] { border-color:var(--orange); }
.ask-answers { max-width:1300px; margin:auto; }
.ask-answers h2 { font-size:clamp(2.8rem,6vw,5.5rem); }
.ask-empty { padding:2rem 0; color:#c9cfd1; font-size:1.2rem; }
.ask-entry { border-top:1px solid var(--line); padding:2rem 0; overflow-wrap:anywhere; }
.ask-entry h3 { font:900 .9rem/1.5 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:.1em; color:var(--teal); }
.ask-entry h3:nth-of-type(2) { color:var(--orange); margin-top:1.5rem; }
.ask-entry p { max-width:800px; white-space:pre-line; }
@media(max-width:760px) { .ask-hero { grid-template-columns:1fr; } .ask-portrait { min-height:0; height:420px; } .ask-portrait img { object-position:center 35%; } .ask-field-pair { grid-template-columns:1fr; gap:0; } }
@media(max-width:420px) { .ask-portrait { height:340px; } #ask-form button { width:100%; justify-content:center; font-size:.9rem; } }
#ask-form { scroll-margin-top:100px; }

.ask-facebook-note { border-left:4px solid var(--teal); background:rgba(20,184,178,.07); padding:1rem 1.25rem; margin:1.5rem 0; }
.ask-facebook-note p:first-child { margin-top:0; color:var(--paper); }
.ask-facebook-note p { color:#c9cfd1; }
.ask-facebook-note .button,.ask-facebook-followup .button,#approved-answers .button { font-size:.88rem; max-width:100%; white-space:normal; }
.ask-facebook-followup { margin-top:1.25rem; }
#approved-answers { margin-bottom:2rem; }