/* Takeoff questions and corrections in the project review (measured-questions.js). Same tokens as the
   project conversation (takeoff-conversation.css): one card per question, the most important first. */
.tw-mq,.tw-corrections{--mq-ink:#17304d;--mq-line:#ddd9cf;--mq-muted:#5d6570;color:var(--mq-ink);max-width:960px}
.tw-mq h3{font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.2;margin:0 0 .6rem}
.tw-mq-intro{font-size:.95rem;line-height:1.6;color:var(--mq-muted);margin:0 0 1rem;max-width:66ch}
.tw-mq-card{border:1px solid var(--mq-line);border-radius:12px;margin:.6rem 0;background:#fff}
.tw-mq-card[open]{border-color:#b3a27e;background:#fffefb;box-shadow:0 4px 18px #172d470a}
.tw-mq-card summary{display:grid;grid-template-columns:1.8rem minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:1rem 1.05rem;min-height:60px;list-style:none;cursor:pointer}
.tw-mq-card summary::-webkit-details-marker{display:none}
.tw-mq-card summary:focus-visible,.tw-corrections summary:focus-visible,.tw-mq-answered summary:focus-visible{outline:3px solid #af883e;outline-offset:2px;border-radius:10px}
.tw-mq-card[open] summary{border-bottom:1px solid #eae3d5}
.tw-mq-number{display:grid;place-items:center;width:1.8rem;height:1.8rem;font-size:.74rem;border:1px solid #d8c9ab;border-radius:50%;color:#766345}
.tw-mq-card summary strong{font-weight:600;font-size:.95rem;line-height:1.5}
.tw-mq-badge{font-size:.68rem;line-height:1.3;background:#f2f1eb;padding:.34rem .55rem;border-radius:5px;color:#675c44;white-space:nowrap}
.tw-mq-badge.is-major{background:#f6e6c8;color:#6b4a12}
.tw-mq-card>p{margin:.75rem 1.05rem 0;font-size:.9rem;line-height:1.55;color:var(--mq-muted)}
.tw-mq-card>p.tw-mq-assumed{color:var(--mq-ink)}
.tw-mq-form{margin:1rem 1.05rem 1.1rem;padding-top:.9rem;border-top:1px solid #eee7da;display:grid;gap:.8rem}
.tw-mq-options{border:0;margin:0;padding:0;display:grid;gap:.45rem}
.tw-mq-legend{font-size:.85rem;font-weight:600;margin-bottom:.4rem;padding:0}
.tw-mq-option{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.4rem .7rem;border:1px solid var(--mq-line);border-radius:9px;font-size:.92rem;cursor:pointer}
.tw-mq-option:has(input:checked){border-color:#af883e;background:#fbf6ea}
.tw-mq-option input{width:1.1rem;height:1.1rem;accent-color:#17304d;flex-shrink:0}
.tw-mq-field{display:grid;gap:.35rem;font-size:.85rem;font-weight:600}
.tw-mq-field input,.tw-mq-field textarea{font:inherit;font-weight:400;font-size:.95rem;min-height:44px;padding:.55rem .7rem;border:1px solid #cfc9bc;border-radius:8px;background:#fff;width:100%;box-sizing:border-box}
.tw-mq-field input:focus-visible,.tw-mq-field textarea:focus-visible,.tw-mq-option:has(input:focus-visible){outline:3px solid #af883e;outline-offset:1px}
.tw-mq-scope{font-size:.82rem;color:var(--mq-muted);margin:0}
.tw-mq-form .btn{justify-self:start;min-height:44px}
.tw-mq-form .btn[disabled]{opacity:.65;cursor:progress}
.tw-mq-status{font-size:.88rem;margin:0;min-height:1.2em}
.tw-mq-answered{margin-top:1rem;border-top:1px solid var(--mq-line);padding-top:.8rem}
.tw-mq-answered summary{cursor:pointer;font-weight:600;font-size:.95rem;min-height:44px;display:flex;align-items:center}
.tw-mq-answered ul{list-style:none;padding:0;margin:.4rem 0 0;display:grid;gap:.6rem}
.tw-mq-answered li{font-size:.9rem;line-height:1.5}
.tw-mq-who{color:var(--mq-muted);font-size:.82rem}
.tw-mq-evidence{margin:.25rem 0 0;font-size:.85rem;color:var(--mq-muted)}
.tw-corrections summary{cursor:pointer;font-weight:600;font-size:1rem;min-height:44px;display:flex;align-items:center}
.tw-correction{border-top:1px solid var(--mq-line);padding:.8rem 0}
.tw-correction>p{margin:0;font-size:.93rem;line-height:1.55}
.tw-correction-talk summary{font-size:.85rem;font-weight:500;min-height:36px}
.tw-correction-talk p{font-size:.85rem;line-height:1.5;color:var(--mq-muted);margin:.35rem 0}
.tw-flash{background:#e8f3e9;color:#1f4a2f;border-radius:10px;padding:.8rem 1rem;font-size:.95rem;margin:0 0 1rem}
@media (max-width:600px){
  .tw-mq-card summary{grid-template-columns:1.5rem minmax(0,1fr);padding:.9rem}
  .tw-mq-card summary .tw-mq-badge{grid-column:2;justify-self:start}
  .tw-mq-card>p{margin-inline:.9rem}
  .tw-mq-form{margin-inline:.9rem}
  .tw-mq-form .btn{justify-self:stretch}
}
/* The site styles every input as a wide field: radios here keep their native size and sit left of their label. */
.tw-mq .tw-mq-option{justify-content:flex-start;text-align:left}
.tw-mq .tw-mq-option input[type=radio]{appearance:auto;-webkit-appearance:radio;width:18px!important;height:18px!important;min-width:18px;min-height:0!important;max-width:18px;margin:0!important;padding:0!important;border:0;border-radius:50%;box-shadow:none;background:none;flex:0 0 18px}
.tw-mq .tw-mq-option span{flex:1 1 auto}
.tw-mq-minor{margin-top:.8rem}
.tw-mq-minor>summary{cursor:pointer;font-weight:600;font-size:.95rem;min-height:44px;display:flex;align-items:center}
/* Notes (final version 08/10/2026): a text area that keeps line breaks, a live count in the units the server counts, an
   explicit "Remove note", and notes shown with their line breaks. */
.tw-mq-note textarea{min-height:64px;resize:vertical}
.tw-mq-note-meta{display:flex;flex-wrap:wrap;gap:.2rem .8rem;font-weight:400;font-size:.8rem;color:var(--mq-muted)}
.tw-mq-count{font-variant-numeric:tabular-nums}
.tw-mq-count.is-over{color:#9a2a1c;font-weight:600}
.tw-mq-note textarea[aria-invalid=true]{border-color:#9a2a1c}
.tw-mq-note-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem}
.tw-mq-note-tools .btn{min-height:40px}
.tw-mq-removed:empty{display:none}
.tw-mq-keep-lines{white-space:pre-line}
.tw-mq-link{font-style:normal}
.tw-mq-saved{margin-top:.6rem;color:#1f4a2f}
/* A drawing request's facts (priority and why, sources, impact, premise, what to send, what happens next): the same
   compact two-column list as a takeoff question's; one column on a phone. */
.tw-question-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:5px 14px;margin:.4rem 0 .8rem;font-size:13.5px;line-height:1.45}
.tw-question-facts dt{color:#5d6570;font-weight:600}
.tw-question-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
.tw-question-full{font-size:.92rem;line-height:1.5;margin:.2rem 0 .4rem}
@media (max-width:600px){.tw-question-facts{grid-template-columns:minmax(0,1fr);gap:1px}.tw-question-facts dd{margin-bottom:6px}}
