/* ask.css — the page sheet of /ask, "Ask the Lantern". Every rule sits under
   ask-; the conversation itself is styled by lantern-guide.css, which the
   panel on other pages shares. */

.ask-head{padding-bottom:40px;}
.ask-head .ask-emblem{height:78px;}
@media (prefers-reduced-motion:no-preference){
  .ask-head .ask-emblem{animation:glow 5.5s ease-in-out infinite;}
}
.ask-head .sub{max-width:34em;margin:0 auto;}

.ask-room{padding:40px 0 56px;border-bottom:1px solid var(--rule);}
.ask-desk{max-width:820px;margin:0 auto;padding:0 32px;}
.ask-host{min-height:320px;}
/* The question box stays in reach while a long conversation scrolls. */
.ask-host .lg-form{position:sticky;bottom:0;z-index:5;padding:12px 0 14px;padding-bottom:max(14px,env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(246,241,230,0),var(--paper) 18px);}
.ask-noscript{background:var(--paper-card);border:1px solid var(--rule);border-top:2px solid var(--champagne);padding:20px 22px;font-size:18px;line-height:1.6;}
.ask-noscript p{margin:0 0 .6em;}
.ask-noscript p:last-child{margin:0;}

.ask-about{padding:48px 0 64px;background:var(--paper-card);}
.ask-about .orn{margin:0 0 16px;}
.ask-about h2{font-family:var(--display);font-size:clamp(21px,3.2vw,28px);text-align:center;letter-spacing:.05em;margin:0 0 24px;}
.ask-points{display:grid;gap:22px;margin:0;}
.ask-point dt{font-family:var(--head);font-size:21px;font-weight:600;margin:0 0 4px;}
.ask-point dd{margin:0;font-size:18px;line-height:1.65;}
.ask-more{margin:30px 0 0;text-align:center;font-family:var(--head);font-style:italic;font-size:19px;color:#5f5442;}
.ask-more a,.ask-noscript a{text-decoration:underline;text-underline-offset:3px;}

@media (max-width:640px){
  .ask-room{padding:26px 0 40px;}
  .ask-desk{padding:0 16px;}
}