.ask-card{display:block;margin:0;padding:var(--s6);background:var(--ground-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);
  color:var(--ink);font:400 var(--fs-body)/var(--lh-body) var(--sans);text-align:start;white-space:normal}
.ask-card+.ask{margin-block-start:var(--s4)}
form.ask-on>.chips{display:none}
.ask-card :where(p,ol,ul){margin:0}
.ask-card .i{inline-size:18px;block-size:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ac-q{color:var(--ink-2);text-wrap:pretty}
.ac-a,.ac-m{margin-block-start:var(--s4);max-inline-size:56ch;color:var(--ink);text-wrap:pretty}
.ac-w{display:flex;align-items:center;gap:var(--s3);margin-block-start:var(--s4);font:400 var(--fs-small)/var(--lh-small) var(--sans);color:var(--ink-3)}
.ac-a+.ac-w{margin-block-start:var(--s3)}
.ac-dots{display:inline-flex;align-items:center;gap:var(--s1)}
.ac-dots i{display:block;inline-size:4px;block-size:4px;border-radius:50%;background:var(--gold);animation:ac-pulse calc(3 * var(--t-slow)) var(--ease) infinite}
.ac-dots i:nth-child(2){animation-delay:var(--t)}
.ac-dots i:nth-child(3){animation-delay:calc(2 * var(--t))}
@keyframes ac-pulse{0%,100%{opacity:.3}50%{opacity:1}}
.ac-src{margin-block-start:var(--s5)}
.ac-l{display:block;font:var(--w-label) var(--fs-label)/var(--lh-label) var(--sans);color:var(--gold-deep)}
.ac-src ol{position:relative;list-style:none;margin-block-start:var(--s3);padding:0;padding-inline-start:var(--s5)}
.ac-src ol::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:1px;background:var(--gold)}
.ac-src li+li{border-block-start:1px solid var(--line)}
.ask-card .row{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;column-gap:var(--s4);align-items:start;min-block-size:56px;padding-block:var(--s4);text-decoration:none;color:var(--ink);border-radius:var(--r)}
.ask-card .row .t{font:600 var(--fs-body)/var(--lh-body) var(--sans);color:var(--ink);text-wrap:pretty;transition:color var(--t) var(--ease)}
.ask-card .row .g{margin-block-start:calc((var(--fs-body) * var(--lh-body) - var(--fs-small) * var(--lh-small)) / 2);font:400 var(--fs-small)/var(--lh-small) var(--sans);color:var(--ink-3);white-space:nowrap}
.ask-card .mark{display:block;flex:none;inline-size:20px;block-size:20px;fill:none;stroke:var(--ink-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--t) var(--ease),stroke var(--t) var(--ease)}
.ask-card .row .mark{margin-block-start:calc((var(--fs-body) * var(--lh-body) - 20px) / 2)}
.ask-card .row:hover .t,.ask-card .row:focus-visible .t{color:var(--navy)}
.ask-card .row:hover .mark,.ask-card .row:focus-visible .mark{transform:translateX(-4px);stroke:var(--navy)}
.ac-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s4);margin-block-start:var(--s5);padding-block-start:var(--s5);border-block-start:1px solid var(--line)}
.ac-hl{font:400 var(--fs-small)/var(--lh-small) var(--sans);color:var(--ink-2)}
.ac-pair{display:flex;flex-wrap:wrap;gap:var(--s3)}
.ask-card .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);block-size:44px;min-block-size:44px;padding-inline:var(--s5);border:1px solid var(--line-2);border-radius:var(--r);background:transparent;color:var(--ink);
  font:700 var(--fs-small)/1 var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease)}
.ask-card .btn .i{color:var(--gold-deep)}
.ask-card .btn:hover{border-color:var(--navy);background:var(--ground)}
.ask-card .btn:active{background:var(--tint)}
.ac-fb{display:flex;align-items:center;gap:var(--s4);margin-inline-start:auto}
.ac-fb button{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;min-inline-size:44px;padding:0 var(--s1);border:0;border-radius:var(--r-sm);background:none;
  font:var(--w-label) var(--fs-label)/var(--lh-label) var(--sans);color:var(--ink);cursor:pointer;text-decoration-line:underline;text-decoration-color:transparent;text-underline-offset:.3em;
  transition:color var(--t) var(--ease),text-decoration-color var(--t) var(--ease)}
.ac-fb button:hover{color:var(--navy);text-decoration-color:var(--navy)}
.ac-fb .ac-thx{display:inline-flex;align-items:center;min-block-size:44px;font:var(--w-label) var(--fs-label)/var(--lh-label) var(--sans);color:var(--ink-2);outline:none}
.ask-card :is(a,button):focus-visible{outline:none;box-shadow:var(--focus)}
.ac-gates{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s3)}
.ask-card .gate{display:grid;grid-template-columns:minmax(0,1fr) 20px;grid-template-rows:auto 1fr;row-gap:var(--s4);block-size:100%;padding:var(--s5);text-decoration:none;color:inherit;background:var(--ground-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);
  transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}
.ask-card .ico{display:block;grid-column:1;grid-row:1;inline-size:48px;block-size:48px;fill:none;stroke:var(--gold);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.ask-card .ico path{stroke-dasharray:1;stroke-dashoffset:0}
.ask-card .ico .acc{fill:var(--gold);stroke:none;transition:fill var(--t) var(--ease)}
.ask-card .gate .mark{grid-column:2;grid-row:1;align-self:start}
.ask-card .gate h3{grid-column:1/-1;grid-row:2;align-self:end;margin:0;font:var(--w-title) var(--fs-title)/var(--lh-title) var(--display);text-wrap:balance;transition:color var(--t) var(--ease)}
.ask-card .gate:hover,.ask-card .gate:focus-visible{border-color:var(--line-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.ask-card .gate:focus-visible{box-shadow:var(--focus),var(--shadow-md)}
.ask-card .gate:hover h3,.ask-card .gate:focus-visible h3{color:var(--navy)}
.ask-card .gate:hover .ico path:not(.acc),.ask-card .gate:focus-visible .ico path:not(.acc){animation:ac-draw var(--t-slow) var(--ease) 1}
.ask-card .gate:hover .ico .acc{fill:var(--gold-2)}
.ask-card .gate:hover .mark,.ask-card .gate:focus-visible .mark{transform:translateX(-4px);stroke:var(--navy)}
.ask-card .gate:active{transform:translateY(0);box-shadow:var(--shadow-sm)}
@keyframes ac-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){
  .ac-dots i{animation:none;opacity:1}
  .ask-card .row .t,.ask-card .mark,.ask-card .btn,.ac-fb button,.ask-card .gate,.ask-card .ico .acc,.ask-card .gate h3{transition:none}
  .ask-card .gate:hover .ico path:not(.acc),.ask-card .gate:focus-visible .ico path:not(.acc){animation:none}
  .ask-card .row:hover .mark,.ask-card .row:focus-visible .mark,.ask-card .gate:hover,.ask-card .gate:focus-visible,.ask-card .gate:hover .mark,.ask-card .gate:focus-visible .mark{transform:none}
}
@media (max-width:429px){
  .ac-hl{flex-basis:100%}
  .ac-pair{display:grid;grid-template-columns:1fr 1fr;flex:1 1 100%}
  .ask-card .row{grid-template-columns:minmax(0,1fr) 20px}
  .ask-card .row .g{grid-column:1;grid-row:2;margin:0}
  .ask-card .row .mark{grid-column:2;grid-row:1}
  .ac-gates{grid-template-columns:minmax(0,1fr)}
  .ask-card .gate{grid-template-columns:48px minmax(0,1fr) 20px;grid-template-rows:auto;column-gap:var(--s4);align-items:center}
  .ask-card .ico{grid-column:1;grid-row:1}
  .ask-card .gate h3{grid-column:2;grid-row:1;align-self:center}
  .ask-card .gate .mark{grid-column:3;grid-row:1;align-self:center}
}
