/* =========================================================================
   FREE SAILING — Q&A, attached to one object (assets/js/fs-qa.js).

   LOCKED: "Q&A attached to OBJECTS, not a room." One list, one ask box, and
   one answer box per question — no thread view, no forum chrome. No token
   is declared here; every colour, radius and shadow is one already in
   site.css, same discipline as demand.css.
   ========================================================================= */
/* Deliberately NOT .cl-note — that class lives in classes.css, which
   org.html and design.html do not load, and this file has to stand on its
   own (site.css tokens only) so the SAME component looks right on all
   three kinds without a second stylesheet dependency. Same rule, own name. */
.qa-lede{ margin-top:10px; font-size:13.5px; color:var(--ink-40); max-width:70ch; }

.qa-items{ display:flex; flex-direction:column; margin-top:14px; }
.qa-q{ padding:16px 0; border-top:1px solid var(--line-2); }
.qa-items .qa-q:first-child{ border-top:0; padding-top:0; }
.qa-qb{ font-size:15px; color:var(--navy); line-height:1.42; overflow-wrap:anywhere; }
.qa-meta{ margin-top:5px; font-size:12px; color:var(--ink-25); }
.qa-none{ margin-top:14px; font-size:13.5px; color:var(--ink-40); }

.qa-a{ margin-top:12px; padding:12px 14px; background:var(--pale); border-radius:var(--r-s); }
.qa-a .qa-meta{ margin-top:6px; }
.qa-ab{ font-size:14px; color:var(--ink-60); line-height:1.5; overflow-wrap:anywhere; }
.qa-a.qa-fromorg{ background:#E9F7FB; border-left:3px solid var(--cyan); padding-left:11px; }

.qa-unanswered{ margin-top:10px; font-size:13.5px; color:var(--ink-40); }
.qa-unanswered b{ color:var(--orange-text); font-weight:700; }

.qa-answer-form{ margin-top:12px; max-width:56ch; }
.qa-answer-form textarea{ min-height:64px; }
.qa-toggle{ display:flex; align-items:flex-start; gap:8px; margin-top:10px; font-size:13px; color:var(--ink-60); line-height:1.4; cursor:pointer; }
.qa-toggle input{ width:16px; height:16px; margin-top:2px; flex:0 0 auto; }

.qa-ask{ margin-top:22px; padding-top:20px; border-top:1px solid var(--line-2); max-width:56ch; }

.qa-signin{ margin-top:8px; display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.qa-signin[hidden]{ display:none; }   /* an author display:flex above beats the UA [hidden] rule without this */
.qa-signin input{ max-width:240px; }
.qa-signin .dm-note{ flex-basis:100%; }

@media (max-width:640px){
  .qa-signin{ flex-direction:column; align-items:stretch; }
  .qa-signin input{ max-width:100%; }
}

/* ------------------------------------------------------- author controls
   "Your browser keeps a private token so you can edit or delete what you
   post" (the ask form's own words, below) is now true — 026_qa_
   authorship.sql. Same quiet, low-emphasis treatment as forum.js's own
   .fo-report: never competing with Ask/Answer for attention, and this file
   defines its own copy rather than depending on forum.css, which org.html
   and design.html do not load (see the file header). */
.qa-ownbtns{ margin-left:8px; }
.qa-ownbtn{
  font-size:11.5px; color:var(--ink-25); background:none; border:0; cursor:pointer;
  text-decoration:underline; text-underline-offset:2px; padding:0; margin-left:8px;
}
.qa-ownbtns .qa-ownbtn:first-child{ margin-left:0; }
.qa-ownbtn:hover{ color:var(--orange-text); }
.qa-ownbtn[disabled]{ text-decoration:none; cursor:default; color:var(--ink-25); }