.advice-reactions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.advice-reaction{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:6px 10px;border:1px solid #dfe3e8;border-radius:var(--radius-small);background:#fff;color:#333;font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}.advice-reaction.is-selected{border-color:var(--color-link);background:#f2f6ff;color:var(--color-link)}.advice-reaction:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.advice-reaction:disabled{opacity:.55;cursor:wait}.advice-reactions__message{flex-basis:100%;margin:0;color:var(--color-danger);font-size:.78rem}.advice-reactions__message:empty{display:none}
.advice-form{position:relative;margin-top:14px;padding:12px 14px 14px;border-top:1px solid var(--color-divider);background:#fff}.advice-form__label{display:block;margin-bottom:7px;font-size:.9rem;font-weight:850}.advice-form textarea{display:block;width:100%;min-height:88px;max-height:240px;resize:vertical;padding:10px 11px;border:1px solid #cfd4dc;border-radius:var(--radius-small);background:#fff;color:#111;font:inherit;line-height:1.45}.advice-form textarea:focus{border-color:var(--color-link);outline:2px solid rgba(51,102,204,.16);outline-offset:0}.advice-form__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.advice-form__counter{color:var(--color-muted);font-size:.78rem}.advice-form__footer button{min-width:96px;min-height:38px;padding:7px 14px;border:0;border-radius:var(--radius-small);background:#111;color:#fff;font:inherit;font-weight:800;cursor:pointer}.question-post--com .advice-form__footer button{background:var(--color-com)}.question-post--pho .advice-form__footer button{background:var(--color-pho)}.advice-form__footer button:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.advice-form__footer button:disabled{opacity:.55;cursor:wait}.advice-form__message{margin:7px 0 0;font-size:.8rem;color:var(--color-muted)}.advice-form__message:empty{display:none}.advice-form-locked{margin-top:14px;padding:12px 14px;border-top:1px solid var(--color-divider);background:#f7f8fa;color:var(--color-muted);font-size:.86rem}.advice-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
@media (max-width:720px){.advice-form{padding-left:12px;padding-right:12px}.advice-reaction{min-height:35px}}
@media (max-width:430px){.advice-form{margin-top:12px;padding:11px}.advice-form textarea{min-height:82px}.advice-form__footer{gap:8px}.advice-reaction{font-size:.76rem;padding:6px 8px}}
@media (max-width:390px){.advice-form{padding:10px}.advice-form__footer button{min-width:88px}.advice-reactions{gap:6px}.advice-reaction{flex:1 1 calc(50% - 3px);padding-inline:5px}}


/* Compact advice composer: counter + submit live inside textarea frame */
.advice-form__composer{
  position:relative;
}

.advice-form__composer textarea{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding-bottom:48px !important;
}

.advice-form__composer .advice-form__footer{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none;
}

.advice-form__composer .advice-form__counter{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.2 !important;
  color:#6b7280 !important;
  pointer-events:auto;
}

.advice-form__composer .advice-form__submit{
  appearance:none !important;
  -webkit-appearance:none !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:6px 12px !important;
  border:1px solid #000 !important;
  border-radius:7px !important;
  background:#000 !important;
  background-color:#000 !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  pointer-events:auto;
}

.advice-form__composer .advice-form__submit:disabled{
  opacity:.55;
}

@media(max-width:390px){
  .advice-form__composer textarea{
    padding-bottom:46px !important;
  }
  .advice-form__composer .advice-form__footer{
    left:10px !important;
    right:10px !important;
    bottom:9px !important;
  }
  .advice-form__composer .advice-form__submit{
    padding-top:6px !important;
    padding-bottom:6px !important;
    font-size:13px !important;
  }
}

/* Exact submit selector for current advice-form markup */
.advice-form__composer > .advice-form__footer > button[type="submit"]{
  appearance:none !important;
  -webkit-appearance:none !important;
  min-height:0 !important;
  height:auto !important;
  padding:6px 12px !important;
  border:1px solid #000 !important;
  border-radius:7px !important;
  background:#000 !important;
  background-color:#000 !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  pointer-events:auto !important;
}


/* Collapsed advice composer */
.advice-compose{
  margin-top:14px;
}

.advice-compose__toggle{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:0;
  height:auto;
  margin:0;
  padding:7px 11px;
  border:1px solid #d8e0ec;
  border-radius:7px;
  background:#ffffff;
  color:#356da8;
  font:inherit;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  cursor:pointer;
}

.advice-compose__toggle-icon{
  font-size:16px;
  line-height:1;
}

.advice-compose__toggle--com{
  color:#a7224b;
  border-color:#e6c5d1;
}

.advice-compose__toggle--pho{
  color:#356da8;
  border-color:#cfdced;
}

.advice-compose__toggle[aria-expanded="true"]{
  background:#f8fafc;
}

.advice-compose__panel{
  margin-top:10px;
}

.advice-compose__panel[hidden]{
  display:none !important;
}

@media(max-width:390px){
  .advice-compose__toggle{
    font-size:13px;
    padding:6px 10px;
  }
}