/* ============================================================================
   townsquare - the Townsquare page's own rules (/townsquare, the "QmeLocal
   Digital Townsquare" design). Loaded after base.css on that page only.

   The design's bright variant of the base (white header, light footer and
   Copilot), the search banner, the live strip, the category banner and tabs,
   the feed with its sidebar, the join and promo cards, the Build Your
   Community form, and the modals. Ported from the design with the tq- prefix
   and the 14px floor; body.tq-ts scopes the page-wide rules.
   ============================================================================ */
/* ================= TOWNSQUARE ================= */

@media (max-width:760px){.tq-loc-chip small,.tq-acts .tq-login{display:none}
}/* category rail */

/* feed layout */
.tq-feed-lay{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start;margin-top:26px}
.tq-side{position:sticky;top:176px;display:grid;gap:18px}
@media (max-width:1080px){.tq-feed-lay{grid-template-columns:minmax(0,1fr)}
.tq-side{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
}
.tq-fmeta{font-size:14px;color:var(--tq-muted)}
.tq-fmeta b{color:var(--tq-navy)}
.tq-city-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#FFFBE0;border:1px solid rgba(214,180,0,.4);color:#4A4300;font-size:14.5px;margin-bottom:16px}
.tq-city-note svg{flex:0 0 auto;color:#B89600;margin-top:2px}
.tq-posts{display:grid;gap:18px}
.tq-post{border-radius:24px;border:1.5px solid rgba(8,15,84,.08);background:linear-gradient(170deg,#fff,#F6F7FF) padding-box,linear-gradient(135deg,rgba(8,15,84,.08),rgba(8,15,84,.08)) border-box;box-shadow:var(--tq-rest);padding:18px 20px 6px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .3s}
.tq-post:hover{border-color:transparent;background:linear-gradient(170deg,#fff,#F6F7FF) padding-box,var(--tq-grad-edge) border-box;box-shadow:0 36px 64px -26px rgba(19,38,243,.45),0 12px 26px -16px rgba(8,15,84,.22);transform:translateY(-4px)}
.tq-phead{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.tq-av{flex:0 0 42px;height:42px;border-radius:13px;display:grid;place-items:center;font:800 15px var(--tq-display);color:#fff;background:var(--c,#1326F3)}
.tq-who2{min-width:0;line-height:1.3}
.tq-who2 b{display:block;color:var(--tq-navy);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tq-who2 small{color:var(--tq-muted);font-size:14px}
.tq-follow{margin-left:auto;padding:8px 14px!important;font-size:14px!important;border-radius:10px!important}
.tq-follow[aria-pressed="true"]{background:#EEF0FF;color:var(--tq-blue);box-shadow:none}
.tq-pbody{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}
.tq-post h3{font:700 clamp(20px,2vw,24px)/1.2 var(--tq-display);letter-spacing:-.01em;color:var(--tq-navy);margin:0 0 8px}
.tq-post h3 button{all:unset;cursor:pointer}
.tq-post h3 button:hover{color:var(--tq-blue)}
.tq-post h3 button:focus-visible{outline:2px solid var(--tq-blue);outline-offset:3px;border-radius:6px}
.tq-ex{margin:0;color:var(--tq-soft);font-size:15px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tq-post.tq-open .tq-ex{display:block}
.tq-more-txt{display:none;color:var(--tq-soft);font-size:15px;line-height:1.65}
.tq-post.tq-open .tq-more-txt{display:block}
.tq-more-txt p{margin:10px 0 0}
.tq-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tq-facts span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--tq-navy);background:#F1F3FF;padding:6px 10px;border-radius:9px}
.tq-facts svg{color:var(--tq-blue)}
.tq-prow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.tq-prow .tq-btn{padding:10px 16px;font-size:14px;border-radius:11px}
.tq-pacts{display:flex;flex-wrap:wrap;gap:2px;margin-top:14px;padding-top:6px;border-top:1px solid var(--tq-line)}
.tq-act{display:inline-flex;align-items:center;gap:7px;background:none;border:0;border-radius:10px;padding:9px 11px;color:var(--tq-soft);font:600 14px var(--tq-body);cursor:pointer;transition:background .2s,color .2s}
.tq-act:hover{background:#EEF0FF;color:var(--tq-blue)}
.tq-act.tq-views{cursor:default}
.tq-act.tq-views:hover{background:none;color:var(--tq-soft)}
.tq-act.tq-views svg{color:var(--tq-blue)}
.tq-cmts{display:none;padding:6px 0 14px}
.tq-cmts ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.tq-cmts li{background:#F1F3FF;border-radius:12px;padding:8px 12px;font-size:14px;color:var(--tq-navy)}
.tq-cmts li b{display:block;font-size:14px;color:var(--tq-blue)}
.tq-cmts form{display:flex;gap:8px}
.tq-cmts input{flex:1;min-width:0;padding:11px 14px;border-radius:11px;border:1px solid var(--tq-line);background:#fff;color:var(--tq-navy);font:14px var(--tq-body)}
.tq-cmts input:focus{outline:none;border-color:var(--tq-blue)}
.tq-cmts .tq-btn{padding:0 16px;font-size:14px}
.tq-none{padding:40px;border-radius:24px;border:1.5px dashed rgba(8,15,84,.18);text-align:center;color:var(--tq-soft);background:rgba(255,255,255,.6)}
.tq-feed-more{display:flex;justify-content:center;margin-top:24px}
@media (max-width:720px){.tq-pbody{grid-template-columns:1fr}
.tq-act .tq-l{display:none}
}
/* sidebar cards */
.tq-scard{border-radius:22px;border:1.5px solid rgba(8,15,84,.08);background:#fff;box-shadow:var(--tq-rest);padding:20px;transition:box-shadow .3s,transform .3s}
.tq-scard:hover{box-shadow:var(--tq-lift);transform:translateY(-3px)}
.tq-scard h4{font:700 18px/1.25 var(--tq-display);color:var(--tq-navy);margin:0 0 6px}
.tq-scard p{margin:0 0 14px;color:var(--tq-soft);font-size:14.5px}
.tq-scard .tq-eyebrow{margin-bottom:10px}
.tq-home-card{background:linear-gradient(150deg,#080F54,#1326F3);color:#fff;border:0;position:relative;overflow:hidden;isolation:isolate}
.tq-home-card::after{content:"";position:absolute;right:-40px;bottom:-40px;width:180px;height:180px;background:url("../media/qmelocal-mark.png") center/contain no-repeat;opacity:.18;transform:rotate(-12deg);z-index:-1}
.tq-home-card h4{color:#fff;font-size:24px}
.tq-home-card p{color:#DDE1FF}
.tq-home-card .tq-eyebrow{color:var(--tq-yellow)}
.tq-home-card .tq-row2{display:flex;flex-wrap:wrap;gap:8px}
.tq-home-card .tq-btn{padding:10px 14px;font-size:14px;border-radius:11px}
.tq-home-card .tq-btn-g{background:rgba(254,254,254,.1);color:#fff;border-color:rgba(254,254,254,.3);box-shadow:none}
.tq-mini{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.tq-mini a{box-sizing:border-box;color:inherit;width:100%;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:8px;border-radius:12px;cursor:pointer;transition:background .2s}
.tq-mini a:hover{background:#F1F3FF}
.tq-mini a:focus-visible{outline:2px solid var(--tq-blue)}
.tq-mini .tq-d{width:44px;text-align:center;padding:5px 0;border-radius:10px;background:#EEF0FF;font:800 17px/1 var(--tq-display);color:var(--tq-navy)}
.tq-mini .tq-d small{display:block;font:600 14px var(--tq-mono);letter-spacing:.1em;color:var(--tq-blue);margin-bottom:2px}
.tq-mini .tq-n{font:800 15px var(--tq-mono);color:var(--tq-blue);width:26px;text-align:center}
.tq-mini b{display:block;font-size:14px;line-height:1.3;color:var(--tq-navy)}
.tq-mini small{font-size:14px;color:var(--tq-muted)}
/* join + promo */
.tq-join2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tq-jcard{position:relative;overflow:hidden;border-radius:30px;padding:clamp(26px,4vw,44px);isolation:isolate;display:flex;flex-direction:column;gap:14px;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.tq-jcard:hover{transform:translateY(-8px)}
.tq-jcard.tq-org{background:linear-gradient(135deg,#1326F3,#2C3BFF 50%,#080F54);color:#fff;box-shadow:0 40px 90px -36px rgba(19,38,243,.8)}
.tq-jcard.tq-org:hover{box-shadow:0 56px 110px -36px rgba(19,38,243,.95)}
.tq-jcard.tq-res{background:linear-gradient(135deg,#FAE621,#FFD43B);color:var(--tq-navy);box-shadow:0 40px 90px -36px rgba(214,180,0,.8)}
.tq-jcard.tq-res:hover{box-shadow:0 56px 110px -36px rgba(214,180,0,.95)}
.tq-jcard::after{content:"";position:absolute;right:-8%;bottom:-20%;width:55%;aspect-ratio:1;background:url("../media/watermark.webp") center/contain no-repeat;opacity:.35;z-index:-1;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.tq-jcard.tq-org::after{filter:brightness(4) saturate(0)}
.tq-jcard.tq-res::after{opacity:.25}
.tq-jcard:hover::after{transform:rotate(-8deg) scale(1.08)}
.tq-jcard .tq-eyebrow{color:inherit;opacity:.85}
.tq-jcard h3{font:800 clamp(26px,2.8vw,38px)/1.08 var(--tq-display);letter-spacing:-.02em;max-width:22ch}
.tq-jcard p{margin:0;font-size:16px;max-width:56ch;opacity:.92}
.tq-jcard .tq-btn{align-self:flex-start;margin-top:8px}
.tq-jcard.tq-res .tq-btn{background:var(--tq-navy);color:#fff;box-shadow:0 16px 30px -12px rgba(8,15,84,.6)}
.tq-promo3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.tq-pcard{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:24px;border:1.5px solid rgba(8,15,84,.08);background:linear-gradient(170deg,#fff,#F3F5FF) padding-box,linear-gradient(135deg,rgba(8,15,84,.08),rgba(8,15,84,.08)) border-box;box-shadow:var(--tq-rest);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.tq-pcard:hover{transform:translateY(-10px);border-color:transparent;background:linear-gradient(170deg,#fff,#F3F5FF) padding-box,var(--tq-grad-edge) border-box;box-shadow:0 40px 70px -24px rgba(19,38,243,.5)}
.tq-pcard .tq-ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#1326F3,#4A56FF);color:var(--tq-yellow);box-shadow:0 12px 24px -8px rgba(19,38,243,.6);transition:transform .4s,background .3s,color .3s}
.tq-pcard:hover .tq-ic{transform:rotate(-8deg) scale(1.08);background:var(--tq-yellow);color:var(--tq-navy)}
.tq-pcard h3{font:700 22px/1.2 var(--tq-display);color:var(--tq-navy)}
.tq-pcard p{margin:0;color:var(--tq-soft);font-size:15px;flex:1}
.tq-pcard .tq-btn{align-self:flex-start}
@media (max-width:900px){.tq-join2,.tq-promo3{grid-template-columns:1fr}
}
/* ecosystem form */
.tq-eco{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:start}
.tq-eco h2{font:800 clamp(32px,4vw,54px)/1.04 var(--tq-display);letter-spacing:-.025em;color:var(--tq-navy);margin:16px 0 18px}
.tq-eco h2 em{font-style:normal;background:linear-gradient(transparent 62%,rgba(250,230,33,.9) 62%)}
.tq-eco .tq-lead{color:var(--tq-soft);font-size:17px;margin:0 0 22px}
.tq-types{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tq-types li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--tq-line);box-shadow:var(--tq-rest);font-weight:700;color:var(--tq-navy);font-size:15px}
.tq-types li i{flex:0 0 36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#EEF0FF;color:var(--tq-blue);font-style:normal}
.tq-form-card{border-radius:28px;padding:clamp(22px,3vw,36px);border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(19,38,243,.35),rgba(8,15,84,.06) 40%,rgba(250,230,33,.6)) border-box;box-shadow:0 50px 100px -40px rgba(19,38,243,.45),0 16px 40px -20px rgba(8,15,84,.2)}
.tq-lab{display:block;font-size:14px;font-weight:700;color:var(--tq-navy);min-width:0}
.tq-lab input,.tq-lab select,.tq-lab textarea{display:block;margin-top:6px}
.tq-lab em{font-style:normal;color:#D0342C}
.tq-lab input,.tq-lab select,.tq-lab textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(8,15,84,.14);background:#F8F9FF;color:var(--tq-navy);font:15px var(--tq-body);transition:border-color .2s,box-shadow .2s}
.tq-lab textarea{min-height:110px;resize:vertical}
.tq-lab input:focus,.tq-lab select:focus,.tq-lab textarea:focus{outline:none;border-color:var(--tq-blue);box-shadow:0 0 0 4px rgba(19,38,243,.12);background:#fff}
@media (max-width:900px){.tq-eco{grid-template-columns:1fr}
}
/* modals */
.tq-scrim{position:fixed;inset:0;z-index:90;background:rgba(2,4,31,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto}
.tq-modal{width:min(560px,100%);border-radius:26px;background:#fff;color:var(--tq-navy);box-shadow:0 50px 120px rgba(0,0,0,.5);overflow:hidden;animation:tqPaneIn .3s ease;--tq-text:#080F54;--tq-soft:#3A4178;--tq-muted:#6D74A6;--tq-line:rgba(8,15,84,.1)}
.tq-mtop{position:relative;padding:26px 26px 20px;background:linear-gradient(135deg,#080F54,#1326F3);color:#fff;overflow:hidden;isolation:isolate}
.tq-mtop::after{content:"";position:absolute;right:-30px;top:-30px;width:170px;height:170px;background:url("../media/qmelocal-mark.png") center/contain no-repeat;opacity:.2;transform:rotate(-12deg);z-index:-1}
.tq-mtop h3{font:800 24px/1.15 var(--tq-display);margin:8px 0 6px;max-width:22ch}
.tq-mtop p{margin:0;color:#DDE1FF;font-size:14.5px;max-width:44ch}
.tq-mtop .tq-eyebrow{color:var(--tq-yellow)}
.tq-mx{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(254,254,254,.3);background:rgba(254,254,254,.1);color:#fff;display:grid;place-items:center;cursor:pointer}
.tq-mbody2{padding:22px 26px 26px;display:grid;gap:12px}
.tq-mbody2 .tq-g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.tq-mbody2 .tq-g2,.tq-mbody2 .tq-g3{grid-template-columns:1fr}
}
/* footer contact */
.tq-fcontact{display:grid;gap:10px}
.tq-fcontact span{display:flex;gap:10px;align-items:flex-start}
.tq-fcontact svg{flex:0 0 auto;color:var(--tq-yellow);margin-top:3px}
.tq-copy-btn{background:none;border:1px solid var(--tq-line);color:var(--tq-soft);font:600 14px var(--tq-mono);padding:2px 8px;border-radius:6px;cursor:pointer;margin-left:6px}
.tq-copy-btn:hover{color:var(--tq-yellow);border-color:var(--tq-line-hi)}
.tq-soc{display:flex;gap:8px;margin-top:16px}
.tq-soc a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--tq-line);color:var(--tq-soft);transition:.2s}
.tq-soc a:hover{color:var(--tq-navy);background:var(--tq-yellow);border-color:var(--tq-yellow)}
/* ================= BRIGHT THEME (Townsquare) ================= */
html:has(body.tq-ts),body.tq-ts{background:#F7F8FF}
.tq-light{overflow-x:clip}
html:has(body.tq-ts){overflow-x:clip}
body.tq-ts{color:#080F54}
.tq-header{background:rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid rgba(8,15,84,.06)}
.tq-header.tq-scrolled{background:rgba(255,255,255,.92);border-bottom-color:rgba(8,15,84,.1);box-shadow:0 10px 30px -18px rgba(19,38,243,.35)}
.tq-header .tq-btn-g{background:#fff;color:#080F54;border:1px solid rgba(8,15,84,.12);backdrop-filter:none}
.tq-header .tq-btn-g:hover{box-shadow:0 12px 24px -12px rgba(19,38,243,.45);border-color:transparent}
.tq-light{margin-top:0;border-radius:0;box-shadow:none;background:
  radial-gradient(60% 45% at 92% 6%,rgba(250,230,33,.35),transparent 60%),
  radial-gradient(55% 45% at 0% 18%,rgba(19,38,243,.14),transparent 60%),
  radial-gradient(60% 40% at 100% 70%,#E6EAFF,transparent 60%),
  linear-gradient(180deg,#FFFFFF,#F4F6FF 40%,#F7F8FF)}
@keyframes tqBob{50%{transform:translateY(-8px)}}
.tq-rss{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,138,61,.35);background:#FFF3EA;color:#C2530F;font:700 14px var(--tq-body);cursor:pointer;transition:box-shadow .2s,transform .2s}
.tq-rss:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(255,138,61,.7)}
.tq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tq-composer{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:22px;background:#fff;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(19,38,243,.35),rgba(250,230,33,.7)) border-box;box-shadow:0 20px 40px -24px rgba(19,38,243,.5);margin-bottom:18px}
.tq-av.tq-me{background:linear-gradient(135deg,#FAE621,#FFC400);color:#080F54;font-size:14px}
.tq-crow{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}
.tq-crow select{padding:10px 12px;border-radius:11px;border:1px solid rgba(8,15,84,.12);background:#fff;color:#080F54;font:600 14px var(--tq-body)}
.tq-crow .tq-btn{padding:10px 20px;font-size:14px;border-radius:11px}
.tq-post.tq-mine{background:linear-gradient(170deg,#FFFDF0,#fff) padding-box,linear-gradient(135deg,rgba(250,230,33,.8),rgba(19,38,243,.35)) border-box}
.tq-sponsor{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:24px 26px;border-radius:24px;background:linear-gradient(120deg,#1326F3,#4A56FF 55%,#6A5CFF);color:#fff;box-shadow:0 36px 70px -30px rgba(19,38,243,.8);transition:transform .35s,box-shadow .35s}
.tq-sponsor:hover{transform:translateY(-4px);box-shadow:0 46px 80px -30px rgba(19,38,243,.95)}
.tq-sponsor::after{content:"";position:absolute;right:-30px;bottom:-50px;width:220px;height:220px;background:url("../media/qmelocal-mark.png") center/contain no-repeat;opacity:.18;transform:rotate(-12deg);z-index:-1}
.tq-sponsor small{font:500 14px var(--tq-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tq-yellow)}
.tq-sponsor h4{font:800 22px/1.2 var(--tq-display);margin:6px 0 4px}
.tq-sponsor p{margin:0;color:#E4E7FF;font-size:14.5px}
@media (max-width:600px){.tq-sponsor{grid-template-columns:1fr}
}
.tq-share-pop{position:absolute;z-index:85;min-width:190px;padding:8px;border-radius:16px;background:#fff;border:1px solid rgba(8,15,84,.1);box-shadow:0 30px 60px -20px rgba(8,15,84,.45)}
.tq-share-pop p{margin:4px 10px 6px;font-size:14px;color:#6D74A6}
.tq-share-pop a,.tq-share-pop button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:10px;font:600 14px var(--tq-body);color:#080F54;background:none;border:0;cursor:pointer}
.tq-share-pop a:hover,.tq-share-pop button:hover{background:#EEF0FF;color:#1326F3}
/* bright modal tops, sidebar card, footer, copilot */
.tq-mtop,.tq-home-card{background:linear-gradient(135deg,#1326F3,#4A56FF 60%,#6A5CFF)}
.tq-footer{background:linear-gradient(180deg,#EEF1FF,#FFFFFF);border-top:1px solid rgba(8,15,84,.08);--tq-text:#080F54;--tq-soft:#3A4178;--tq-muted:#6D74A6;--tq-line:rgba(8,15,84,.1);--tq-line-hi:rgba(19,38,243,.45);color:#080F54}
.tq-foot{color:#3A4178}
.tq-foot h5{color:#6D74A6}
.tq-foot ul a:hover{color:#1326F3}
.tq-fcontact svg{color:#1326F3}
.tq-copy-btn{color:#3A4178}
.tq-copy-btn:hover{color:#1326F3;border-color:#1326F3}
.tq-soc a{color:#3A4178;background:#fff}
.tq-legal{color:#6D74A6}
.tq-legal a:hover{color:#1326F3}
.tq-cp-launch{background:linear-gradient(135deg,#1326F3,#4A56FF);border-color:rgba(255,255,255,.4);box-shadow:0 20px 44px -12px rgba(19,38,243,.7)}
.tq-cp-launch small{color:#E4E7FF}
.tq-cp-panel{background:#fff;border:1px solid rgba(8,15,84,.1);box-shadow:0 40px 90px -20px rgba(8,15,84,.5);--tq-text:#080F54;--tq-soft:#3A4178;--tq-muted:#6D74A6;--tq-line:rgba(8,15,84,.1);color:#080F54}
.tq-cp-head{background:linear-gradient(135deg,#1326F3,#4A56FF);color:#fff}
.tq-cp-head small{color:#E4E7FF}
.tq-cp-x{color:#fff;border-color:rgba(255,255,255,.4)}
.tq-cp-msg.tq-bot{background:#F1F3FF;border-color:transparent;color:#080F54}
.tq-cp-msg.tq-me{color:#fff}
.tq-cp-sugg button{background:#fff;color:#1326F3;border-color:rgba(19,38,243,.25)}
.tq-cp-sugg button:hover{background:#EEF0FF;color:#1326F3;border-color:#1326F3}
.tq-cp-form input{background:#F4F6FF;color:#080F54;border-color:transparent}
.tq-cp-form input:focus{border-color:#1326F3}
.tq-cp-note{color:#6D74A6}
.tq-toast{background:#080F54;color:#fff}
/* ================= V2: existing-flow layout, clean gradient ================= */
.tq-light.tq-page{background:linear-gradient(180deg,#FFFFFF 0%,#F5F7FF 30%,#EEF1FF 70%,#F7F8FF 100%)}
.tq-btn-blue,.tq-btn-line,.tq-btn-yel,.tq-btn-grad,.tq-btn-ghost,.tq-pill-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15px var(--tq-body);border-radius:12px;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .25s,background .2s,color .2s}
.tq-btn-blue{background:#1326F3;color:#fff;border:0;padding:13px 22px;box-shadow:0 12px 26px -12px rgba(19,38,243,.8)}
.tq-btn-blue:hover{background:#2638FF;transform:translateY(-2px);box-shadow:0 18px 32px -12px rgba(19,38,243,.9)}
.tq-btn-line{background:#fff;color:#1326F3;border:1.5px solid #1326F3;padding:12px 20px}
.tq-btn-line:hover{background:#1326F3;color:#fff;transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(19,38,243,.7)}
.tq-btn-yel{background:#FAE621;color:#080F54;border:0;padding:13px 22px;box-shadow:0 12px 26px -12px rgba(214,180,0,.8)}
.tq-btn-yel:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px rgba(214,180,0,.95)}
.tq-btn-ghost{color:#fff;border:1.5px solid rgba(255,255,255,.9);padding:11px 22px;border-radius:999px;background:rgba(255,255,255,.08)}
.tq-btn-ghost:hover{background:#fff;color:#1326F3}
.tq-sm{padding:9px 16px!important;font-size:14px!important;border-radius:10px!important}
/* header — follows the live site's flow */
.tq-thead{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:#fff;border-bottom:1px solid rgba(8,15,84,.08);transition:box-shadow .3s}
.tq-thead.tq-scrolled{box-shadow:0 10px 30px -18px rgba(19,38,243,.45)}
.tq-tbar{display:flex;align-items:center;gap:20px;height:78px}
.tq-tbar .tq-logo img{height:46px;width:auto}
.tq-setloc{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:8px 10px;border-radius:10px;color:#080F54;font:600 15.5px var(--tq-body);cursor:pointer;white-space:nowrap}
.tq-setloc svg{color:#1326F3}
.tq-setloc:hover{background:#EEF0FF}
.tq-tnav{margin-left:auto;display:flex;align-items:center;gap:10px}
.tq-pill-b{background:#1326F3;color:#fff;border:0;padding:11px 18px;border-radius:999px;font-size:14.5px;box-shadow:0 10px 22px -12px rgba(19,38,243,.8)}
.tq-pill-b:hover{background:#2638FF}
.tq-car{transition:transform .2s}
.tq-dd{position:relative}
.tq-dd.tq-open .tq-car{transform:rotate(180deg)}
.tq-apps{width:44px;height:44px;border-radius:12px;border:0;background:#E8EBFF;color:#1326F3;display:grid;place-items:center;cursor:pointer;transition:background .2s,box-shadow .2s}
.tq-apps:hover,.tq-dd.tq-open .tq-apps{background:#1326F3;color:#fff;box-shadow:0 10px 22px -10px rgba(19,38,243,.8)}
.tq-menu-pop{position:absolute;right:0;top:calc(100% + 12px);width:360px;padding:8px;border-radius:18px;background:#fff;border:1px solid rgba(8,15,84,.08);box-shadow:0 30px 60px -20px rgba(8,15,84,.4);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;z-index:5}
.tq-menu-pop.tq-narrow{width:220px}
.tq-dd.tq-open .tq-menu-pop{opacity:1;visibility:visible;transform:none}
.tq-menu-pop>a,.tq-menu-pop>button{display:flex;gap:12px;align-items:flex-start;width:100%;padding:10px 12px;border-radius:12px;border:0;background:none;color:#080F54;text-align:left;cursor:pointer;font:inherit}
.tq-menu-pop>a:hover,.tq-menu-pop>button:hover{background:#EEF0FF}
.tq-menu-pop i{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1326F3,#4A56FF);color:#FAE621;font:800 14px var(--tq-mono);font-style:normal;letter-spacing:.06em}
.tq-menu-pop b{display:block;font-size:14.5px}
.tq-menu-pop small{display:block;color:#6D74A6;font-size:14px;line-height:1.35}
@media (max-width:980px){.tq-pill-b{padding:10px 14px;font-size:14px}
.tq-tbar{gap:12px}
}
@media (max-width:820px){.tq-tnav .tq-dd:first-child{display:none}
.tq-setloc span{max-width:130px;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:520px){.tq-tbar .tq-logo img{height:36px}
.tq-setloc{font-size:14px;padding:6px}
.tq-setloc span{max-width:88px}
.tq-tbar{height:68px;gap:6px}
.tq-pill-b{padding:9px 12px}
.tq-menu-pop,.tq-menu-pop.tq-grid{width:min(340px,calc(100vw - 32px))}
}
/* top banner — clean brand gradient */
.tq-topban{position:relative;overflow:hidden;background:linear-gradient(115deg,#1326F3 0%,#3E4BFF 38%,#6A5CFF 68%,#9B6BFF 100%);color:#fff;padding-block:clamp(40px,6vw,76px)}
.tq-topban::before,.tq-topban::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.tq-topban::before{width:520px;height:520px;right:-120px;top:-260px;background:radial-gradient(closest-side,rgba(250,230,33,.35),transparent)}
.tq-topban::after{width:420px;height:420px;left:-140px;bottom:-260px;background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent)}
.tq-topban .tq-tb-h{font:800 clamp(28px,3.4vw,44px)/1.1 var(--tq-display);letter-spacing:-.02em;margin:0 0 10px}
.tq-topban p{margin:0;font-size:clamp(16px,1.4vw,19px);color:#E8EAFF;max-width:62ch}
/* search bar */
.tq-sbar{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr) minmax(0,.9fr) auto auto;gap:8px;align-items:center;margin-top:-30px;padding:10px;border-radius:18px;background:#fff;box-shadow:0 30px 60px -28px rgba(19,38,243,.55),0 8px 20px -12px rgba(8,15,84,.18);border:1px solid rgba(8,15,84,.06)}
.tq-sf{display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:12px;background:#F4F6FF;color:#6D74A6;min-width:0;border:1.5px solid transparent;transition:border-color .2s,background .2s}
.tq-sf:focus-within{border-color:#1326F3;background:#fff}
.tq-sf input,.tq-sf select{flex:1;min-width:0;background:none;border:0;outline:none;color:#080F54;font:15px var(--tq-body);padding:13px 0}
.tq-sbar .tq-btn-blue,.tq-sbar .tq-btn-line{height:48px;padding:0 20px}
@media (max-width:900px){.tq-sbar{grid-template-columns:1fr 1fr}
.tq-sf.tq-kw{grid-column:1/-1}
}
@media (max-width:480px){.tq-sbar{grid-template-columns:1fr}
}
/* tab banner */
.tq-tban{position:relative;margin-top:26px;border-radius:28px;overflow:hidden;min-height:clamp(300px,34vw,440px);display:flex;align-items:flex-end;isolation:isolate;box-shadow:0 50px 90px -40px rgba(19,38,243,.6)}
.tq-tban-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 8s ease}
.tq-tban:hover .tq-tban-art{transform:scale(1.04)}
.tq-tban::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(19,38,243,.92) 0%,rgba(40,52,230,.72) 38%,rgba(106,92,255,.15) 70%,transparent 100%),linear-gradient(0deg,rgba(8,15,84,.35),transparent 50%)}
.tq-tban-in{padding:clamp(24px,4vw,48px);max-width:720px;color:#fff}
.tq-tban h2{font:800 clamp(28px,3.3vw,46px)/1.1 var(--tq-display);letter-spacing:-.02em;margin:14px 0 12px}
.tq-tban p{margin:0 0 22px;font-size:clamp(16px,1.4vw,19px);color:#E8EAFF;max-width:52ch}
.tq-tban-btns{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.tq-tban-link{color:#fff;font-weight:700;font-size:14.5px;opacity:.9;border-bottom:1.5px solid rgba(250,230,33,.8)}
.tq-tban-link:hover{opacity:1;color:#FAE621}
.tq-tban.tq-swap .tq-tban-in{animation:tqPaneIn .5s cubic-bezier(.2,.7,.2,1)}
@keyframes tqBob{50%{transform:translateY(-8px)}}
@media (max-width:640px){
.tq-tban::before{background:linear-gradient(0deg,rgba(19,38,243,.95) 10%,rgba(40,52,230,.65) 60%,rgba(106,92,255,.2))}
}
/* feed section */
.tq-feedsec{padding-block:clamp(40px,5vw,64px) 0}
.tq-ftitle{font:800 clamp(24px,2.6vw,34px)/1.15 var(--tq-display);color:#080F54;letter-spacing:-.015em;margin:0 0 14px}
.tq-tabs-u{display:flex;flex-wrap:wrap;gap:2px 6px;border-bottom:1px solid rgba(8,15,84,.12);padding-bottom:4px;margin-bottom:22px}
.tq-tu{position:relative;background:none;border:0;padding:10px 10px 12px;color:#2A3060;font:600 15.5px var(--tq-body);cursor:pointer;border-radius:10px 10px 0 0;transition:color .2s,background .2s}
.tq-tu::after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:3px;border-radius:3px;background:linear-gradient(90deg,#1326F3,#6A5CFF);transform:scaleX(0);transition:transform .25s}
.tq-tu:hover{color:#1326F3;background:#EEF0FF}
.tq-tu[aria-selected="true"]{color:#1326F3}
.tq-tu[aria-selected="true"]::after{transform:none}
@media (max-width:720px){.tq-tabs-u{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.tq-tabs-u::-webkit-scrollbar{display:none}
.tq-tu{flex:0 0 auto}
}
.tq-shell{border-radius:28px;padding:clamp(18px,3vw,32px);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(19,38,243,.3),rgba(8,15,84,.05) 45%,rgba(250,230,33,.55)) border-box;border:1.5px solid transparent;box-shadow:0 40px 80px -40px rgba(19,38,243,.45);margin-bottom:22px}
.tq-shell-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}
.tq-seg{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:#F1F3FF;overflow-x:auto;max-width:100%;scrollbar-width:none}
.tq-seg button{border:0;background:none;color:#3A4178;font:700 14.5px var(--tq-body);padding:10px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.tq-seg button:hover{color:#1326F3;background:#fff}
.tq-seg [aria-pressed="true"]{background:linear-gradient(135deg,#1326F3,#6A5CFF);color:#fff;box-shadow:0 10px 22px -10px rgba(19,38,243,.8)}
.tq-shell .tq-rss{margin-left:auto}
.tq-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.tq-chip{border:1.5px solid rgba(8,15,84,.12);background:#fff;color:#2A3060;font:600 14px var(--tq-body);padding:9px 16px;border-radius:999px;cursor:pointer;transition:.2s}
.tq-chip small{color:#6D74A6;font-weight:500}
.tq-chip:hover{border-color:#1326F3;color:#1326F3;transform:translateY(-1px);box-shadow:0 10px 20px -12px rgba(19,38,243,.6)}
.tq-chip[aria-pressed="true"]{border-color:#1326F3;color:#1326F3;background:#EEF0FF}
.tq-shell .tq-fmeta{margin:14px 0 0}
/* post cards — Live Feed style, bright */
.tq-posts{display:grid;gap:20px}
.tq-post{padding:22px 24px 8px;border-radius:26px}
.tq-phead{gap:14px;margin-bottom:16px}
.tq-av{flex:0 0 48px;height:48px;border-radius:50%;font-size:16px;background:var(--c,#1326F3);box-shadow:0 0 0 3px #fff,0 0 0 4.5px rgba(19,38,243,.2)}
.tq-av.tq-me{background:linear-gradient(135deg,#FAE621,#FFC400);color:#080F54;font-size:14px}
.tq-who2 b{font-size:16.5px}
.tq-follow{margin-left:6px;padding:7px 16px;border-radius:999px;border:0;background:#1326F3;color:#fff;font:700 14px var(--tq-body);cursor:pointer;transition:.2s}
.tq-follow:hover{background:#2638FF;box-shadow:0 10px 20px -10px rgba(19,38,243,.8)}
.tq-follow[aria-pressed="true"]{background:#EEF0FF;color:#1326F3}
.tq-fbadge{margin-left:auto;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#EEF0FF,#E2E0FF);color:#5A3FF0;border:1px solid rgba(90,63,240,.25)}
.tq-pbody{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:26px}
.tq-media{position:relative;display:block;padding:0;border:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;box-shadow:0 20px 36px -20px rgba(8,15,84,.5);align-self:start;background:#E8EBFF}
.tq-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.tq-post:hover .tq-media img{transform:scale(1.06)}
.tq-playb{position:absolute;left:50%;top:50%;width:64px;height:46px;transform:translate(-50%,-50%);border-radius:14px;background:#E3342F;color:#fff;display:grid;place-items:center;box-shadow:0 12px 24px -8px rgba(0,0,0,.45);transition:transform .25s}
.tq-post:hover .tq-playb{transform:translate(-50%,-50%) scale(1.1)}
.tq-media .tq-when{position:absolute;right:10px;top:10px;padding:6px 9px;border-radius:10px;background:#fff;color:#080F54;text-align:center;font:800 18px/1 var(--tq-display);box-shadow:0 8px 18px rgba(0,0,0,.2)}
.tq-media .tq-when small{display:block;font:600 14px var(--tq-mono);letter-spacing:.1em;color:#1326F3;margin-bottom:2px}
.tq-crumbs{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:15px;margin-bottom:6px;color:#6A5CFF}
.tq-crumbs>*+*::before{content:"›";margin-right:10px;color:#9AA0C8}
.tq-crumbs button{background:none;border:0;padding:0;font:600 15px var(--tq-body);color:#1326F3;cursor:pointer}
.tq-crumbs button:hover{text-decoration:underline}
.tq-crumbs span{font-weight:500}
.tq-region{font-size:14.5px;color:#6D74A6;margin-bottom:10px}
.tq-region b{color:#5A3FF0;font-weight:600}
.tq-post h3{font:800 clamp(21px,2.1vw,27px)/1.18 var(--tq-display);letter-spacing:-.015em;margin:0 0 12px}
.tq-ex{font-size:16px;color:#3A4178}
.tq-readmore{background:none;border:0;padding:0;font:800 16px var(--tq-body);cursor:pointer;background-image:linear-gradient(90deg,#1326F3,#9B6BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.tq-readmore:hover{filter:brightness(1.2)}
.tq-prow{gap:16px;margin-top:16px}
.tq-pacts{margin-top:18px}
@media (max-width:760px){.tq-pbody{grid-template-columns:1fr}
.tq-media{aspect-ratio:16/9}
.tq-fbadge{width:42px;height:42px}
}
.tq-composer .tq-btn-blue{padding:10px 20px}
.tq-sponsor .tq-btn-yel{padding:12px 20px}
.tq-sponsor::after,.tq-jcard::after,.tq-home-card::after{display:none}
.tq-feed-more .tq-btn-line{padding:12px 28px}
.tq-post,.tq-posts,.tq-pmain{min-width:0}
.tq-who2{min-width:0;flex:0 1 auto}
@media (max-width:760px){.tq-pbody{grid-template-columns:minmax(0,1fr)}
.tq-post{padding:18px 16px 6px}
.tq-phead{flex-wrap:wrap}
.tq-fbadge{margin-left:auto}
}
@media (max-width:440px){.tq-setloc span{display:none}
.tq-tnav{gap:6px}
.tq-pill-b{padding:9px 11px;font-size:14px}
.tq-apps{width:40px;height:40px}
}
/* ================= V3: denser, richer, matches live-site banners ================= */
body.tq-ts,body.tq-chrome{--tq-display:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.tq-light.tq-page{background:linear-gradient(180deg,#F3F5FC 0%,#EDF0FA 45%,#E9ECF8 100%);padding-bottom:0}
.tq-thead{box-shadow:0 1px 0 rgba(8,15,84,.06),0 8px 24px -18px rgba(8,15,84,.35)}
.tq-apps{background:#E8EBFF}
.tq-menu-list{width:300px}
.tq-menu-list .tq-app{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;border:0;background:none;color:#080F54;font:600 14.5px var(--tq-body);text-align:left;cursor:pointer}
.tq-menu-list .tq-app:hover{background:#EEF0FF;color:#1326F3}
.tq-menu-list .tq-app i{flex:0 0 36px;height:36px;border-radius:11px;background:#EEF0FF;color:#1326F3}
.tq-menu-list .tq-app:hover i{background:#1326F3;color:#FAE621}
/* skinny banner with search */
.tq-topban{background:#3B3FB8 var(--tq-topban-img,url("../media/topbanner.webp")) center/cover no-repeat;padding-block:clamp(34px,4.5vw,56px) clamp(26px,3vw,36px)}
.tq-topban::before,.tq-topban::after{display:none}
.tq-topban .tq-tb-h{font:800 clamp(26px,2.6vw,36px)/1.15 var(--tq-body);letter-spacing:-.01em;text-shadow:0 2px 14px rgba(8,15,84,.35)}
.tq-topban p{font-size:clamp(15.5px,1.25vw,18px);color:#fff;opacity:.95;text-shadow:0 1px 10px rgba(8,15,84,.35)}
.tq-topban .tq-sbar{margin-top:22px;max-width:1060px;background:rgba(255,255,255,.96);box-shadow:0 24px 50px -22px rgba(8,15,84,.6)}
.tq-sf{background:#F1F3FB}
/* live pulse strip */
.tq-pulse{background:#fff;border-bottom:1px solid rgba(8,15,84,.07)}
.tq-pulse-in{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:10px}
.tq-pulse-in::-webkit-scrollbar{display:none}
.tq-pl{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;font:800 14px var(--tq-mono);letter-spacing:.1em;text-transform:uppercase;color:#080F54;margin-right:6px}
.tq-pl i{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:tqPing2 1.8s infinite}
@keyframes tqPing2{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.tq-pchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid rgba(19,38,243,.16);background:#F3F5FF;color:#1B2A8C;font:700 14px var(--tq-body);cursor:pointer;transition:.2s}
.tq-pchip svg{color:#1326F3}
.tq-pchip:hover{background:#1326F3;color:#fff;border-color:#1326F3;transform:translateY(-1px);box-shadow:0 10px 18px -10px rgba(19,38,243,.8)}
.tq-pchip:hover svg{color:#FAE621}
/* section title + category banner (matches live site) */
.tq-feedsec{padding-top:26px}
.tq-ftitle{font:800 clamp(22px,2.2vw,30px)/1.2 var(--tq-body);color:#0B1A4A;margin:0 0 14px}
.tq-tban{margin-top:0;border-radius:20px;aspect-ratio:1410/510;min-height:260px;box-shadow:0 30px 60px -32px rgba(8,15,84,.55)}
.tq-tban::before{background:linear-gradient(0deg,rgba(8,15,84,.82) 0%,rgba(8,15,84,.45) 38%,rgba(8,15,84,.05) 70%),linear-gradient(90deg,rgba(19,38,243,.35),rgba(155,107,255,.28))}
.tq-tban-in{padding:clamp(20px,2.4vw,34px);max-width:780px}
.tq-tban h3{font:800 clamp(24px,2.5vw,36px)/1.15 var(--tq-body);letter-spacing:-.01em;margin:0 0 10px;color:#fff;text-wrap:balance}
.tq-tban p{font-size:clamp(15.5px,1.3vw,19px);margin:0 0 18px;color:#fff;opacity:.95}
.tq-tban .tq-btn-ghost{padding:9px 24px;border-width:1.5px;font-size:15px;background:transparent}
.tq-tban .tq-btn-ghost:hover{background:#fff;color:#1326F3}
/* sticky tabs */
.tq-tabs-bar{position:sticky;top:calc(env(safe-area-inset-top,0px) + 78px);z-index:30;background:rgba(237,240,250,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:8px 0 18px;padding-top:6px}
.tq-tabs-u{margin:0;gap:0 2px;border-bottom:1px solid rgba(8,15,84,.14)}
.tq-tu{font:600 15px var(--tq-body);padding:10px 9px 12px;color:#1F2A5C}
.tq-tu small{font:700 14px var(--tq-mono);color:#8A90B8;margin-left:4px}
.tq-tu[aria-selected="true"] small{color:#1326F3}
@media (max-width:520px){.tq-tabs-bar{top:calc(env(safe-area-inset-top,0px) + 68px)}
}
/* layout with sidebar */
.tq-feed-lay{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.tq-fmain{min-width:0}
.tq-side{position:sticky;top:150px;display:grid;gap:14px}
@media (max-width:1080px){.tq-feed-lay{grid-template-columns:minmax(0,1fr)}
.tq-side{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
}
.tq-scard{border-radius:18px;padding:16px 16px 14px;background:#fff;border:1px solid rgba(8,15,84,.07);box-shadow:0 14px 30px -22px rgba(8,15,84,.45)}
.tq-scard:hover{box-shadow:0 22px 40px -22px rgba(19,38,243,.55)}
.tq-scard h4{font:800 16px/1.25 var(--tq-body);margin:0}
.tq-sh4{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.tq-slink{background:none;border:0;padding:4px 6px;border-radius:8px;font:700 14px var(--tq-body);color:#1326F3;cursor:pointer}
.tq-slink:hover{background:#EEF0FF}
.tq-home-card{background:linear-gradient(135deg,#1326F3,#4A56FF 55%,#8B6BFF);color:#fff;border:0;box-shadow:0 24px 44px -24px rgba(19,38,243,.9)}
.tq-home-card h4{font-size:22px;margin:4px 0 6px;color:#fff}
.tq-home-card p{font-size:14px;margin:0 0 12px;color:#E8EAFF}
.tq-home-card .tq-eyebrow{color:#FAE621;font-size:14px}
.tq-home-card .tq-btn-ghost.tq-sm{background:rgba(255,255,255,.12)}
.tq-home-card .tq-row2{gap:6px}
.tq-mini{gap:2px}
.tq-mini a{padding:7px 6px}
.tq-mini b{font-size:14px}
.tq-mini .tq-jb{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#E6FBFD;color:#0FA7BA}
.tq-promo-s{background:linear-gradient(135deg,#FFF9D1,#FFFFFF 70%);border-color:rgba(214,180,0,.35)}
.tq-promo-s h4{margin:6px 0}
.tq-promo-s p{font-size:14px;color:#3A4178;margin:0 0 12px}
/* denser filter shell + cards */
.tq-shell{padding:14px 16px;border-radius:18px;margin-bottom:14px;box-shadow:0 18px 40px -30px rgba(19,38,243,.6)}
.tq-shell-top{margin-bottom:12px}
.tq-seg button{padding:8px 15px;font-size:14px}
.tq-chips{margin-bottom:6px;gap:6px}
.tq-chip{padding:6px 12px;font-size:14px}
.tq-shell .tq-fmeta{margin:8px 0 0;font-size:14px}
.tq-composer{padding:12px;border-radius:18px;margin-bottom:14px}
.tq-posts{gap:14px}
.tq-post{padding:16px 18px 4px;border-radius:20px;border:1px solid rgba(8,15,84,.08);background:#fff;box-shadow:0 14px 34px -26px rgba(8,15,84,.5)}
.tq-post:hover{transform:translateY(-3px);border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--tq-grad-edge) border-box;box-shadow:0 30px 56px -28px rgba(19,38,243,.55)}
.tq-phead{margin-bottom:12px}
.tq-av{flex-basis:42px;height:42px;font-size:14px}
.tq-who2 b{font-size:15.5px}
.tq-fbadge{width:40px;height:40px;border-radius:12px}
.tq-pbody{grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:20px}
.tq-media{border-radius:16px}
.tq-crumbs,.tq-crumbs button{font-size:14px}
.tq-region{font-size:14px;margin-bottom:6px}
.tq-post h3{font:800 clamp(19px,1.7vw,22px)/1.25 var(--tq-body);margin-bottom:8px}
.tq-ex{font-size:14.5px}
.tq-facts{margin-top:10px}
.tq-facts span{font-size:14px;padding:5px 9px}
.tq-prow{margin-top:12px}
.tq-readmore{font-size:15px}
.tq-pacts{margin-top:12px}
.tq-act{font-size:14px;padding:8px 10px}
.tq-sponsor{padding:18px 20px;border-radius:20px}
.tq-sponsor h4{font:800 19px/1.25 var(--tq-body)}
/* sections below */
#join{padding-top:clamp(56px,7vw,88px)}
#build{padding-bottom:clamp(56px,7vw,88px)}
.tq-sh h2,.tq-eco h2,.tq-jcard h3{font-family:var(--tq-body)}
@media (max-width:760px){.tq-pbody{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){.tq-tban{aspect-ratio:auto;min-height:320px}
}
/* ===== V4: composer + join/build alignment ===== */
.tq-composer{display:block;padding:16px 18px}
.tq-ctop{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.tq-cmsg{flex:1;min-width:0;line-height:1.35}
.tq-cmsg b{display:block;font-size:15.5px;color:#080F54}
.tq-cmsg small{color:#4A5190;font-size:14px}
.tq-ctypes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.tq-ctype{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1.5px solid rgba(8,15,84,.1);background:#fff;color:#2A3060;font:700 14px var(--tq-body);cursor:pointer;transition:.2s}
.tq-ctype svg{color:var(--k,#1326F3)}
.tq-ctype:hover{border-color:var(--k,#1326F3);transform:translateY(-1px);box-shadow:0 10px 18px -12px var(--k,#1326F3)}
.tq-ctype[aria-checked="true"]{background:var(--k,#1326F3);border-color:var(--k,#1326F3);color:#fff;box-shadow:0 12px 22px -12px var(--k,#1326F3)}
.tq-ctype[aria-checked="true"] svg{color:#fff}
.tq-ct-news{--k:#1326F3}
.tq-ct-event{--k:#5A3FF0}
.tq-ct-job{--k:#0FA7BA}
.tq-ct-deal{--k:#E0457B}
.tq-ct-opp{--k:#0E8F6E}
.tq-ct-shout{--k:#D98E00}
.tq-composer textarea{width:100%;border:1.5px solid transparent;resize:vertical;min-height:70px;padding:12px 14px;border-radius:14px;background:#F4F6FF;color:#080F54;font:15px/1.5 var(--tq-body)}
.tq-composer textarea:focus{outline:none;border-color:#1326F3;background:#fff}
.tq-composer .tq-crow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}
.tq-ctools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media (max-width:560px){.tq-ctop{flex-wrap:wrap}
.tq-ctop .tq-btn-line{margin-left:54px}
.tq-composer .tq-crow .tq-btn-blue{width:100%}
}
.tq-sh h2{max-width:24ch}
.tq-jbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.tq-jcard .tq-jbtns .tq-btn{margin-top:0}
.tq-jghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.7)}
.tq-jghost:hover{background:#fff;color:#1326F3}
.tq-pk{display:flex;align-items:center;gap:12px}
.tq-pk .tq-eyebrow{color:#1326F3}
.tq-pcard h3{font:800 20px/1.25 var(--tq-body)}
.tq-pbtns{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tq-plink{font:700 14px var(--tq-body);color:#1326F3;border-bottom:1.5px solid rgba(19,38,243,.3)}
.tq-plink:hover{border-color:#1326F3}
.tq-paths{display:grid;gap:10px;margin:0 0 22px}
.tq-path{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:#fff;border:1.5px solid rgba(8,15,84,.08);box-shadow:var(--tq-rest);transition:.25s}
.tq-path:hover{transform:translateY(-3px);box-shadow:var(--tq-lift);border-color:transparent}
.tq-path i{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;font:800 16px var(--tq-body);font-style:normal;background:#EEF0FF;color:#1326F3}
.tq-path.tq-hot{background:linear-gradient(135deg,#1326F3,#5A5CFF);color:#fff;border:0}
.tq-path.tq-hot i{background:#FAE621;color:#080F54}
.tq-path b{display:block;font-size:15.5px}
.tq-path small{font-size:14px;opacity:.85}
.tq-agency{padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(8,15,84,.08);box-shadow:var(--tq-rest)}
.tq-agency>p{margin:8px 0 12px;color:#3A4178;font-size:15px}
.tq-types li{align-items:flex-start;box-shadow:none;background:#F6F7FF;border:0;padding:10px 12px}
.tq-types li span b{display:block;font-size:14.5px}
.tq-types li span small{display:block;font-weight:500;color:#4A5190;font-size:14px;line-height:1.4}
.tq-whofor{margin:16px 0 0;font-size:14px;color:#4A5190}
.tq-whofor b{color:#080F54}
.tq-fhead2{margin-bottom:18px}
.tq-fhead2 h3{font:800 22px/1.2 var(--tq-body);color:#080F54;margin:8px 0 4px}
.tq-fhead2 p{margin:0;color:#4A5190;font-size:14.5px}
.tq-pcard p{flex:1}
.tq-pbtns{margin-top:4px}
.tq-eco h2{font-size:clamp(28px,3vw,42px)}
@media (min-width:901px){.tq-form-card{position:sticky;top:100px}
}
.tq-sh.tq-stack{grid-template-columns:1fr;gap:14px}
.tq-sh.tq-stack h2{max-width:none;font-size:clamp(30px,3.4vw,50px)}
.tq-sh.tq-stack p{margin:0;max-width:80ch}

/* ---------- the live page's own pieces (not in the design's sample) ---------- */
/* The composer's box is a link to the post editor (or sign-up), drawn as the design's text box. */
.tq-cbox-link{display:block;min-height:70px;padding:12px 14px;border-radius:14px;background:#F4F6FF;border:1.5px solid transparent;color:#6D74A6;font:15px/1.5 var(--tq-body)}
.tq-cbox-link:hover{border-color:#1326F3;background:#fff}
.tq-composer .tq-crow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}
/* The tab rail and the live strip are links now. */
a.tq-tu{display:inline-block}
.tq-post[hidden]{display:none}
/* The composer's fields for the chosen kind of post (shown by js/townsquare.js). */
.tq-cfields{display:grid;gap:10px}
.tq-cin{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid transparent;background:#F4F6FF;color:#080F54;font:15px/1.4 var(--tq-body)}
.tq-cin:focus{outline:none;border-color:#1326F3;background:#fff}
.tq-cgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tq-cgrid .tq-lab{font-size:14px}
.tq-cgrid .tq-full{grid-column:1/-1}
.tq-composer [data-for][hidden]{display:none}
.tq-cerr{margin:0;padding:10px 12px;border-radius:12px;background:#FFF1F0;border:1px solid #F5B5AE;color:#8A1C12;font-size:14px}
/* The post picture (partials/sections/ts_pic.php), in the composer and the inline editor:
   a labelled button, then the chosen picture as a thumbnail with an x. */
.tq-pic{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.tq-pic[hidden],.tq-pic-prev[hidden]{display:none}
.tq-pic-btn{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:12px;border:1.5px dashed var(--tq-blue);background:#EEF0FF;color:var(--tq-blue);font:700 15px var(--tq-body);cursor:pointer;transition:background .2s,color .2s}
.tq-pic-btn:hover{background:var(--tq-blue);color:var(--tq-white)}
.tq-pic-btn:focus-within{outline:2px solid var(--tq-blue);outline-offset:2px}
.tq-pic-has .tq-pic-btn{border-style:solid}
.tq-pic .tq-sr{width:1px;height:1px;padding:0;border:0}
.tq-pic-prev{position:relative;display:inline-block;flex:0 0 auto;width:92px;height:69px}
.tq-pic-prev img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 8px 18px -10px rgba(8,15,84,.5)}
.tq-pic-x{position:absolute;top:-10px;right:-10px;width:32px;height:32px;padding:0;border-radius:50%;border:2px solid var(--tq-white);background:var(--tq-navy);color:var(--tq-white);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 10px rgba(8,15,84,.35)}
.tq-pic-x:hover{background:#B42318}
.tq-pic-x:focus-visible{outline:2px solid var(--tq-blue);outline-offset:2px}
.tq-edit .tq-pic{margin-top:8px}
.tq-composer button[type=submit]:disabled,.tq-edit button[type=submit]:disabled{cursor:progress}
.tq-cmore{font:700 14px var(--tq-body);color:#1326F3;margin-left:6px}
.tq-composer.tq-busy{opacity:.6;pointer-events:none}
@media (max-width:560px){.tq-cgrid{grid-template-columns:1fr}}
/* Posts open in place: the full article, and the comments. */
.tq-post .tq-more-txt{display:none;font-size:15px;line-height:1.65;color:#3A4178}
.tq-post.tq-open .tq-more-txt{display:block;margin-top:10px}
.tq-post.tq-open .tq-ex{display:none}
.tq-more-txt img{max-width:100%;height:auto;border-radius:12px}
.tq-who-btn{all:unset;cursor:pointer}
.tq-who-btn:hover{color:#1326F3}
button.tq-av{border:0;cursor:pointer}
button.tq-media{padding:0;border:0}
.tq-cmts:empty{display:none}
.tq-feed-busy{opacity:.45;transition:opacity .2s;pointer-events:none}
/* The author window. */
.tq-modal-wide{width:min(980px,100%);height:min(86vh,900px);position:relative;display:flex}
.tq-modal-wide iframe{flex:1;border:0;width:100%;height:100%}
.tq-mx-dark{z-index:2;background:rgba(8,15,84,.7)}
.tq-mbody2 .tq-btn{width:100%}
/* Read More: the card opens to the whole post, full width, scrolling inside
   its own box with a Close that stays in reach. */
.tq-post.tq-open .tq-pbody{grid-template-columns:minmax(0,1fr)}
.tq-post.tq-open .tq-media,.tq-post.tq-open .tq-pmain>h3,.tq-post.tq-open .tq-facts{display:none}
.tq-post.tq-open .tq-more-txt{position:relative;max-height:min(80vh,900px);overflow-y:auto;overscroll-behavior:contain;margin-top:10px;padding:8px 4px 12px 0;border-radius:14px;scrollbar-width:thin;scrollbar-color:rgba(19,38,243,.45) transparent}
.tq-more-txt::-webkit-scrollbar{width:6px}
.tq-more-txt::-webkit-scrollbar-track{background:transparent}
.tq-more-txt::-webkit-scrollbar-thumb{background:rgba(19,38,243,.45);border-radius:6px}
.tq-full-x{position:sticky;top:8px;z-index:2;float:right;display:inline-flex;align-items:center;gap:6px;margin:0 0 8px 12px;padding:8px 14px;border-radius:999px;border:1px solid rgba(8,15,84,.12);background:#fff;color:#080F54;font:700 14px var(--tq-body);cursor:pointer;box-shadow:0 10px 22px -12px rgba(8,15,84,.5)}
.tq-full-x:hover{background:#1326F3;color:#fff;border-color:#1326F3}
.tq-full-body{font-size:15px;line-height:1.65;color:#3A4178}
@media (max-width:760px){.tq-post.tq-open .tq-more-txt{max-height:calc(100dvh - 68px - 40px)}}
/* The sign-in window: tabs, the three steps, the captcha. */
.tq-atabs{display:flex;gap:4px;margin:16px 26px 0;padding:5px;border-radius:999px;background:#F1F3FF}
.tq-atabs button{flex:1;border:0;background:none;color:#3A4178;font:700 14px var(--tq-body);padding:10px 14px;border-radius:999px;cursor:pointer}
.tq-atabs button[aria-selected="true"]{background:linear-gradient(135deg,#1326F3,#6A5CFF);color:#fff;box-shadow:0 10px 22px -10px rgba(19,38,243,.8)}
#authModal .tq-lab{font-size:14px}
#authModal .tq-cin{margin-top:6px}
/* Autofill paints its own grey; keep autofilled fields like the others. */
.tq-cin:-webkit-autofill,.tq-cin:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 40px #F4F6FF inset;box-shadow:0 0 0 40px #F4F6FF inset;-webkit-text-fill-color:#080F54;caret-color:#080F54}
.tq-cin:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 40px #fff inset;box-shadow:0 0 0 40px #fff inset}
/* Show / hide password: the eye inside the field's right end. */
#authModal .tq-pw{position:relative;display:block;margin-top:6px}
#authModal .tq-pw .tq-cin{margin-top:0;padding-right:50px}
.tq-pw-t{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--tq-muted);cursor:pointer}
.tq-pw-t:hover,.tq-pw-t:focus-visible{color:#1326F3;outline:none;background:rgba(19,38,243,.08)}
.tq-pw-t .tq-pw-off,.tq-pw-t[aria-pressed="true"] .tq-pw-on{display:none}
.tq-pw-t[aria-pressed="true"] .tq-pw-off{display:inline-flex}
.tq-pw-t span{display:inline-flex}
#authModal .tq-mfoot{display:flex;justify-content:flex-end;font-size:14px}
#authModal .tq-mfoot a,#authModal .tq-lnk{background:none;border:0;padding:0;font:600 14px var(--tq-body);color:#1326F3;cursor:pointer}
#authModal .tq-code{font:700 22px/1 var(--tq-mono);letter-spacing:.4em;text-align:center}
#authModal .tq-anote{margin:0;font-size:14.5px;color:#3A4178}
#authModal .tq-g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#authModal .tq-captcha:empty{display:none}
#authModal form.tq-busy{opacity:.6;pointer-events:none}
#authModal .tq-ok{margin:0;padding:10px 12px;border-radius:12px;background:#EAFBF1;border:1px solid #9ADDB5;color:#135C33;font-size:14px}
@media (max-width:520px){#authModal .tq-g2{grid-template-columns:1fr}.tq-atabs{margin:14px 16px 0}}
/* The opened post: the platform's article view (its text is .base_html, styled
   by the platform's own base_css), held inside the card - nothing wider than
   the card, a fixed-height cover, the video playing in place. */
.tq-post,.tq-post .tq-pbody,.tq-post .tq-pmain{min-width:0}
.tq-post.tq-open .tq-more-txt{overflow-x:hidden}
.tq-full-body{overflow-wrap:anywhere;min-width:0}
.tq-full-body *{max-width:100%;box-sizing:border-box}
.tq-full-body h3.title{font:800 clamp(21px,2.2vw,28px)/1.2 var(--tq-body);color:#080F54;margin:14px 0 10px}
.tq-full-body .row{display:block;margin:0}
.tq-full-body [class*="col-"]{width:auto;padding:0}
.tq-full-body .d-block{display:block}
.tq-full-body .splide__list{list-style:none;margin:0;padding:0}
.tq-full-body .splide__list>li:not(:first-child),.tq-full-body #secondary-slider,.tq-full-body .carousel-item:not(.active),.tq-full-body .modal{display:none}
.tq-full-body .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:#EEF0FF;color:#1326F3;font:700 14px var(--tq-body)}
/* the play button sits on the cover */
.tq-full-body .video_box{position:relative}
.tq-full-body a.popup-youtube{position:relative;display:inline-block;max-width:100%;vertical-align:top;border-radius:16px;overflow:hidden}
.tq-full-body a.popup-youtube::after{content:"";position:absolute;inset:0;background:rgba(2,4,31,.28);transition:background .25s}
.tq-full-body .play_icon{position:absolute;inset:0;z-index:1;display:grid;place-items:center}
.tq-full-body .play_icon img{width:76px;height:auto!important;border-radius:0;object-fit:contain;transition:transform .25s}
.tq-full-body a.popup-youtube:hover::after{background:rgba(2,4,31,.4)}
.tq-full-body a.popup-youtube:hover .play_icon img{transform:scale(1.1)}
/* the article's own pictures and embeds stay inside the card */
.tq-full-body .base_html img{max-width:100%;height:auto;max-height:420px;object-fit:contain}
.tq-full-body iframe,.tq-full-body video,.tq-full-body embed{width:100%;aspect-ratio:16/9;height:auto}
.tq-full-body table{display:block;overflow-x:auto;max-width:100%}
.tq-full-body pre,.tq-full-body code{white-space:pre-wrap;word-break:break-word}
.tq-full-body .base_html small{font-size:14px}
/* The card's cover and its play button (a link over the cover button). */
.tq-media-wrap{position:relative;align-self:start;min-width:0}
.tq-media-wrap .tq-media{width:100%}
.tq-media-wrap a.tq-playb{z-index:2;text-decoration:none}
.tq-post.tq-open .tq-media-wrap{display:none}
/* The opened post's gallery and slider pictures keep their natural size, capped at the card's width (owner's rule). */
.tq-full-body .gallery-section img, .tq-full-body .jobs_spotlight_slider img {
    width: auto;
    max-width: 100%;
    max-height: 400px;
}
.tq-full-body .gallery-section img, .tq-full-body .jobs_spotlight_slider img, .tq-full-body a.popup-youtube { border-radius: 16px; }

/* The discovery card's form-builder form, in the page's colours (builder-form.css reads these). */
body.tq-ts .ts-builder-form{--ld-primary:var(--tq-blue);--ld-primary-dark:#0F1FD0}
/* Comments, as a conversation: round avatars, grey bubbles, the box at the bottom. */
.tq-cmts{padding:6px 0 14px}
.tq-cm{display:grid;gap:10px;min-width:0}
.tq-cm-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(19,38,243,.45) transparent}
.tq-cm-list::-webkit-scrollbar{width:6px}
.tq-cm-list::-webkit-scrollbar-thumb{background:rgba(19,38,243,.45);border-radius:6px}
.tq-cm-item{display:flex;gap:8px;align-items:flex-start;min-width:0}
.tq-cav{flex:0 0 34px;width:34px;height:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#E8EBFF;color:#1326F3;font:800 14px var(--tq-body)}
.tq-cm-body{min-width:0;max-width:calc(100% - 42px)}
.tq-cm-bubble{display:inline-block;max-width:100%;padding:8px 12px;border-radius:18px;background:#F0F2F5;color:#080F54;font-size:14.5px;line-height:1.45;overflow-wrap:anywhere}
.tq-cm-bubble b{display:block;font-size:14px}
.tq-cm-meta{margin:3px 0 0 12px;font-size:14px;color:#6D74A6}
.tq-cm-more{justify-self:start;background:none;border:0;padding:0;font:700 14px var(--tq-body);color:#3A4178;cursor:pointer}
.tq-cm-more:hover{text-decoration:underline}
.tq-cm-empty{margin:0;font-size:14px;color:#6D74A6}
.tq-cm-form{display:flex;gap:8px;align-items:flex-end;margin:0}
.tq-cm-form.tq-busy{opacity:.6;pointer-events:none}
.tq-cm-field{flex:1;min-width:0;display:flex;align-items:flex-end;gap:6px;padding:6px 6px 6px 14px;border-radius:22px;background:#F0F2F5;border:1.5px solid transparent}
.tq-cm-field:focus-within{border-color:#1326F3;background:#fff}
.tq-cm-field textarea{flex:1;min-width:0;border:0;background:none;resize:none;outline:none;font:15px/1.4 var(--tq-body);color:#080F54;padding:4px 0;max-height:160px}
.tq-cm-send{flex:0 0 32px;width:32px;height:32px;border-radius:50%;border:0;background:#1326F3;color:#fff;display:grid;place-items:center;cursor:pointer}
.tq-cm-send:hover{background:#2638FF}

/* === ts-cards === the author's picture, cards without a picture, Edit / Delete / Undo */
/* the author's own picture fills the avatar; the initials stay the fallback */
.tq-av:has(.tq-av-pic){overflow:hidden;padding:0;background:var(--tq-white)}
.tq-av-pic{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* no picture and no video: no tile at all, the text takes the whole card */
.tq-post.tq-noimg .tq-pbody{grid-template-columns:minmax(0,1fr)}
/* the author's buttons sit at the end of the card's action row */
.tq-own{display:inline-flex;gap:2px;margin-left:auto}
.tq-act.tq-act-del:hover{background:#FFF1F0;color:#B42318}
/* the inline editor takes the title and excerpt's place */
.tq-post.tq-editing .tq-pmain>h3,.tq-post.tq-editing .tq-ex,.tq-post.tq-editing .tq-prow,.tq-post.tq-editing .tq-facts{display:none}
.tq-edit{display:grid;gap:12px;margin-top:10px;padding:14px;border-radius:16px;background:var(--tq-white);border:1.5px solid var(--tq-line-hi,rgba(19,38,243,.45))}
.tq-edit.tq-busy{opacity:.6;pointer-events:none}
.tq-edit .tq-lab textarea{min-height:130px}
.tq-edit-note{margin:0;font-size:14px;line-height:1.5;color:var(--tq-soft)}
.tq-edit-note a{color:var(--tq-blue);font-weight:700}
.tq-edit-btns{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}
/* "All options" (the full studio): a text link on the left of Cancel / Save */
.tq-edit-btns .tq-edit-all{margin:0 auto 0 0;text-decoration:none}
.tq-edit-btns .tq-edit-all:hover{text-decoration:underline}
/* a deleted post leaves this in its place for a few seconds */
.tq-undo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:20px;border:1.5px dashed rgba(8,15,84,.18);background:var(--tq-white);color:var(--tq-navy);font:600 15px var(--tq-body);transition:opacity .35s}
.tq-undo-out{opacity:0}
/* the delete question (SweetAlert) in the page's type and buttons */
.tq-swal{border-radius:22px;font-family:var(--tq-body);color:var(--tq-navy)}
.tq-swal .swal2-title{font-size:22px}
.tq-swal .swal2-html-container{font-size:15px;color:var(--tq-soft)}
.tq-swal .swal2-actions{gap:10px}
.tq-swal .tq-swal-del{background:#B42318;box-shadow:none}
.tq-swal .tq-swal-del:hover{background:#912018}
@media (max-width:720px){.tq-undo{padding:12px 14px}}
/* on a phone the author's two icons stay on the action row */
@media (max-width:480px){.tq-pacts .tq-act{padding:8px 7px}}
/* the conversation opens under the card (the old rule above hid it for good) */
.tq-cmts{display:block}
.tq-cmts[hidden],.tq-cmts:empty{display:none}
.tq-cmts li.tq-cm-item{background:none;padding:0;border-radius:0}
.tq-cmts .tq-cm-bubble b{color:var(--tq-navy)}
.tq-cm-meta{display:flex;align-items:center;gap:12px}
.tq-cm-del{background:none;border:0;padding:0;font:700 14px var(--tq-body);color:var(--tq-soft);cursor:pointer}
.tq-cm-del:hover{color:#B42318;text-decoration:underline}
/* === /ts-cards === */
/* === ts-detail === the composer's event picker, Read More, the top banner */
/* The event's date-and-time picker (themes/shared/css/when-picker.css) and zone list, in the page's colours. */
body.tq-ts{--when-accent:var(--tq-blue)}
.tq-when-at{cursor:pointer}
.tq-when-tz>label{display:block}
.tq-when-tz .select2-container{display:block;width:100%!important;margin-top:6px;font:500 15px var(--tq-body)}
.tq-when-tz .select2-container .select2-selection--single{height:auto;min-height:46px;display:flex;align-items:center;padding:0 6px;border-radius:12px;border:1.5px solid transparent;background:#F4F6FF}
.tq-when-tz .select2-container .select2-selection__rendered{color:var(--tq-navy);font-size:15px;line-height:1.4}
.tq-when-tz .select2-container .select2-selection__arrow{height:44px;right:8px}
.tq-when-tz .select2-container--open .select2-selection--single,.tq-when-tz .select2-container--focus .select2-selection--single{border-color:var(--tq-blue);background:#fff}
.tq-when-tz .select2-dropdown{border:1.5px solid var(--tq-blue);border-radius:12px;overflow:hidden;font:500 15px var(--tq-body);color:var(--tq-navy);box-shadow:0 18px 36px -18px rgba(8,15,84,.45)}
.tq-when-tz .select2-search__field{min-height:38px;padding:6px 10px;border-radius:8px;font-size:15px!important}
.tq-when-tz .select2-results__group{font-size:14px;font-weight:800;color:var(--tq-navy);padding:8px 10px 4px}
.tq-when-tz .select2-results__option{font-size:15px;padding:8px 12px}
.tq-when-tz .select2-results__option--highlighted[aria-selected]{background:var(--tq-blue)!important;color:#fff!important}
.tq-when-tz .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){background:#EEF0FF;color:var(--tq-navy)}
/* The top banner's slides (pictures, uploaded videos, YouTube), behind the heading and the search bar. */
.tq-tb-slides{position:absolute;inset:0;z-index:0;overflow:hidden;container-type:size}
.tq-tb-slide{position:absolute;inset:0;background:var(--tq-navy) var(--tq-slide-img,none) center/cover no-repeat;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.tq-tb-slide.tq-on{opacity:1;visibility:visible;transition:opacity .9s ease}
.tq-tb-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tq-tb-yt{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);transform:translate(-50%,-50%);border:0;pointer-events:none;opacity:0;transition:opacity .8s}
.tq-tb-yt.tq-ready{opacity:1}
.tq-tb-slides::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,15,84,.62),rgba(8,15,84,.28) 60%,rgba(8,15,84,.12))}
.tq-topban>.tq-wrap{position:relative;z-index:1}
.tq-tb-dots{position:absolute;z-index:2;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:8px}
.tq-tb-dots button{width:12px;height:12px;padding:0;border-radius:999px;border:2px solid #fff;background:transparent;cursor:pointer;transition:width .3s,background .3s}
.tq-tb-dots button[aria-pressed="true"]{width:30px;background:#fff}
.tq-tb-dots button:focus-visible{outline:2px solid var(--tq-yellow);outline-offset:2px}
.tq-topban[data-slides]{padding-bottom:clamp(40px,4vw,50px)}
@media (prefers-reduced-motion:reduce){.tq-tb-slide,.tq-tb-slide.tq-on{transition:none}}
/* Read More: a video's cover is a fixed-height frame across the card (the
   play button opens the video in the magnific popup); photos follow the
   owner's rule above (natural width, at most 400px high). */
.tq-full-body a.popup-youtube{display:block;width:auto;max-width:100%}
.tq-full-body a.popup-youtube>img{display:block;width:auto;max-width:100%;max-height:none;object-fit:cover}
/* The opened post is a .base_html block (the platform's post typography); its buttons and tags stay buttons. */
.tq-full-body.base_html .btn,.tq-full-body.base_html a.popup-youtube,.tq-full-body.base_html .tagss{text-decoration:none}
/* === /ts-detail === */
/* === ts-banner ===
   The top banner's heading is an <h1> on /townsquare and /main_search and an
   <h2> on the master's inner pages (sections/ts_search.php); both are .tq-tb-h.
   On an inner page the banner sits in .tq-inner-ban, outside the v2 layout,
   under that shell's own stylesheets. */
.tq-topban .tq-tb-h{color:inherit}
.tq-inner-ban{background:none;clear:both;position:relative;z-index:1}
.tq-inner-ban .tq-topban p{margin:0}
.tq-inner-ban .tq-sf input,.tq-inner-ban .tq-sf select{height:auto;box-shadow:none;margin:0}
.tq-inner-ban .tq-btn-blue:hover,.tq-inner-ban .tq-btn-line:hover{text-decoration:none}
/* === /ts-banner === */
/* === ts-shell ===
   The header, footer and Copilot on a page with its own layout (body.tq-chrome,
   partials/ts_shell.php). That page's body sets its own type, and its reset
   (`header, footer, div, p, b... {font: inherit}`) and `p` colour reach the
   chrome, so the chrome gets here what body.tq-ts gives it on /townsquare.
   One class of weight: every class rule of the design still wins. */
:where(body.tq-chrome) :is(.tq-thead,.tq-footer){color:#080F54;font:16px/1.6 var(--tq-body);word-spacing:normal;letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased}
:where(body.tq-chrome) :is(.tq-cp-launch,.tq-cp-panel,.tq-toast){word-spacing:normal;-webkit-font-smoothing:antialiased}
:where(body.tq-chrome) :is(.tq-thead,.tq-footer,.tq-cp-launch,.tq-cp-panel) :where(b,strong){font-weight:700}
:where(body.tq-chrome) :is(.tq-thead,.tq-footer,.tq-cp-panel) :where(p){color:inherit}
/* A missing page (partials/ts_404.php). */
.tq-404{padding-block:clamp(56px,8vw,104px);color:#080F54;font:16px/1.6 var(--tq-body)}
.tq-404 .tq-eyebrow{color:var(--tq-blue)}
.tq-404 h1{font:800 clamp(32px,4vw,52px)/1.08 var(--tq-display);letter-spacing:-.02em;margin:14px 0 12px;color:#080F54}
.tq-404 p{margin:0 0 28px;max-width:56ch;color:#3A4178;font-size:17px}
.tq-404-acts{display:flex;flex-wrap:wrap;gap:12px}
.tq-404-acts a{padding:13px 22px;text-decoration:none}
/* === /ts-shell === */
/* === ts-clean === the Read More body (cleaned by clean_post_html): its own
   headings stay under the post title (h3.title, 21-28px), text >= 14px,
   embeds full width and rounded. Sizes and tables: base_css.php. */
.tq-full-body .base_html h1,.tq-full-body .base_html h2{font:800 clamp(19px,1.9vw,22px)/1.3 var(--tq-body);color:var(--tq-navy);margin:18px 0 8px}
.tq-full-body .base_html h3{font:800 clamp(18px,1.6vw,20px)/1.35 var(--tq-body);color:var(--tq-navy);margin:16px 0 8px}
.tq-full-body .base_html h4,.tq-full-body .base_html h5,.tq-full-body .base_html h6{font:700 clamp(16px,1.3vw,17px)/1.4 var(--tq-body);color:var(--tq-navy);margin:14px 0 6px}
.tq-full-body .base_html p,.tq-full-body .base_html li,.tq-full-body .base_html td,.tq-full-body .base_html th,.tq-full-body .base_html blockquote{font-size:16px;line-height:1.65}
.tq-full-body .base_html figcaption,.tq-full-body .base_html small{font-size:14px}
.tq-full-body .base_html img{height:auto}
.tq-full-body .base_html .iframe-wrap{border-radius:16px;overflow:hidden;background:var(--tq-ink);margin:12px 0 16px}
/* === /ts-clean === */