/* === ts-editor ===
   The post box's simple editor (js/rte.js): the composer's and a card's
   inline Edit. The box grows with its text from about three lines to half
   the screen, then scrolls inside. */
.tq-rte{display:grid;gap:6px;min-width:0}
.tq-rte-bar{display:flex;flex-wrap:wrap;gap:4px}
.tq-rte-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1.5px solid transparent;border-radius:10px;background:transparent;color:var(--tq-navy);font:700 16px/1 var(--tq-body);cursor:pointer}
.tq-rte-btn i{font-family:Georgia,"Times New Roman",serif;font-size:17px}
.tq-rte-btn svg{width:18px;height:18px}
.tq-rte-btn:hover{background:color-mix(in srgb,var(--tq-blue) 8%,transparent)}
.tq-rte-btn[aria-pressed="true"]{background:color-mix(in srgb,var(--tq-blue) 14%,transparent);color:var(--tq-blue);border-color:color-mix(in srgb,var(--tq-blue) 30%,transparent)}
.tq-rte-btn:focus-visible{outline:2px solid var(--tq-blue);outline-offset:1px}
.tq-rte-link{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tq-rte-link[hidden],.tq-rte-err[hidden]{display:none}
.tq-rte-link input{flex:1 1 220px;min-width:0;height:40px;padding:0 12px;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--tq-blue) 35%,transparent);background:var(--tq-white);color:var(--tq-navy);font:15px var(--tq-body)}
.tq-rte-link input:focus{outline:none;border-color:var(--tq-blue)}
.tq-rte-err{flex-basis:100%}
.tq-rte-area{position:relative;box-sizing:border-box;width:100%;min-height:calc(4.5em + 27px);max-height:50vh;overflow-y:auto;overflow-wrap:anywhere;padding:12px 14px;border:1.5px solid transparent;border-radius:14px;background:color-mix(in srgb,var(--tq-blue) 4%,var(--tq-white));color:var(--tq-navy);font:15px/1.5 var(--tq-body);text-align:left;cursor:text}
.tq-rte-area:focus{outline:none;border-color:var(--tq-blue);background:var(--tq-white)}
.tq-rte-area.tq-rte-empty::before{content:attr(data-placeholder);position:absolute;left:15px;right:15px;top:13px;color:color-mix(in srgb,var(--tq-navy) 50%,transparent);pointer-events:none}
.tq-rte-area p{margin:0 0 .6em}
.tq-rte-area > :last-child{margin-bottom:0}
.tq-rte-area ul,.tq-rte-area ol{margin:0 0 .6em;padding-left:1.5em}
.tq-rte-area ul{list-style:disc}
.tq-rte-area ol{list-style:decimal}
.tq-rte-area a{color:var(--tq-blue);text-decoration:underline}
.tq-edit .tq-rte-area{min-height:130px}
@media (max-width:640px){
  .tq-rte-area{font-size:16px}
}