/* Talk to us (B5, DIRECTION_2): the glass form carries the lede's three asks as its prompts. Tokens and the six type roles only. */
.ct-asks{border:0;margin:0;padding:0;min-width:0}
.ct-leg{float:left;width:100%;padding:0;margin-bottom:8px;font:500 var(--s-small)/1.3 var(--f);color:rgba(255,255,255,.72)}
.ct-asks{display:block}
.ct-panel{clear:both;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);overflow:hidden}
.ct-ask{position:relative;display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);align-items:start;column-gap:16px;padding:14px 16px 12px 22px;transition:background-color .25s}
.ct-ask+.ct-ask{box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.ct-ask::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--verm);transform:scaleY(0);transition:transform .35s var(--ease)}
.ct-ask:focus-within{background:rgba(255,255,255,.05)}
.ct-ask:focus-within::before{transform:none}
.ct-ask label{font:540 var(--s-body)/1.4 var(--f);color:rgba(255,255,255,.88);padding-top:2px}
.ct-ask textarea{width:100%;min-height:44px;border:0;outline:none;resize:none;background:none;box-shadow:none;padding:2px 0;font:450 var(--s-body)/1.45 var(--f);color:#fff;overflow:hidden}
.ct-ask textarea:focus{box-shadow:none;background:none}
.ct-form .fgrid{row-gap:20px}
@media (prefers-reduced-motion:reduce){ .ct-ask::before,.ct-ask{transition:none} }
@media (max-width:760px){
  .ct-ask{grid-template-columns:1fr;row-gap:4px;padding:12px 14px 10px 18px}
  .ct-ask textarea{min-height:44px}
}