/* ============================================================
   TUEPAC WIRE — external communications feed
   X / Threads / Truth-style branded, embeddable, monetizable
   ============================================================ */

/* sub-brand bar (like the marketplace store-bar) */
.wire-bar{ background:var(--blue-deep); color:#fff; }
.wire-bar__row{ display:flex; align-items:center; gap:16px; padding:11px 0; }
.wire-bar__brand{ display:flex; align-items:center; gap:10px; white-space:nowrap; }
.wire-bar__logo{ width:32px; height:32px; border-radius:9px; background:var(--blue) var(--keystone) center / 22px no-repeat; flex:none; }
.wire-bar__name{ font-family:var(--serif); font-weight:700; font-size:1.2rem; color:#fff; }
.wire-bar__name span{ color:#9BC4FF; }
.wire-bar__url{ font-family:var(--mono); font-size:0.72rem; color:var(--white-50); margin-left:4px; }
.wire-bar__search{ flex:1; display:flex; align-items:center; gap:9px; background:var(--white-08); border:1px solid var(--white-16); border-radius:var(--r-pill); padding:9px 16px; color:var(--white-50); font-size:var(--fs-small); max-width:420px; }
.wire-bar__util{ margin-left:auto; display:flex; align-items:center; gap:12px; }

/* layout: feed + rails */
.wire{ display:grid; grid-template-columns:240px 1fr 320px; gap:0; max-width:var(--container); margin-inline:auto; align-items:start; }
.wire__left{ position:sticky; top:90px; padding:24px 20px 24px 0; }
.wire__center{ border-inline:1px solid var(--hairline); min-width:0; }
.wire__right{ position:sticky; top:90px; padding:24px 0 24px 24px; }
@media (max-width:1080px){ .wire{ grid-template-columns:1fr; } .wire__left,.wire__right{ display:none; } .wire__center{ border-inline:0; } }

/* left nav */
.wnav{ display:flex; flex-direction:column; gap:2px; }
.wnav a{ display:flex; align-items:center; gap:13px; padding:11px 14px; border-radius:var(--r-pill); font-family:var(--sans); font-size:1.02rem; font-weight:600; color:var(--ink); }
.wnav a:hover{ background:var(--off); }
.wnav a.is-active{ color:var(--blue); font-weight:800; }
.wnav a svg{ width:21px; height:21px; }
.wnav__post{ margin-top:14px; }

/* feed header tabs */
.wtabs{ position:sticky; top:73px; z-index:5; display:flex; background:rgba(255,255,255,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--hairline); }
.wtab{ flex:1; text-align:center; padding:15px 8px; font-family:var(--sans); font-size:var(--fs-small); font-weight:700; color:var(--ink-60); cursor:pointer; position:relative; white-space:nowrap; }
.wtab:hover{ background:var(--off); }
.wtab.is-active{ color:var(--blue); }
.wtab.is-active::after{ content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:46px; height:3px; border-radius:3px 3px 0 0; background:var(--red); }

/* composer */
.compose{ display:grid; grid-template-columns:46px 1fr; gap:14px; padding:18px 22px; border-bottom:8px solid var(--off); }
.compose__av{ width:46px; height:46px; border-radius:50%; background:var(--blue); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-weight:700; }
.compose__as{ font-size:0.74rem; color:var(--ink-45); margin-bottom:6px; }
.compose__as b{ color:var(--blue); }
.compose textarea{ width:100%; border:0; outline:none; resize:none; font-family:var(--sans); font-size:1.15rem; color:var(--ink); min-height:52px; line-height:1.4; }
.compose textarea::placeholder{ color:var(--faint); }
.compose__row{ display:flex; align-items:center; gap:6px; margin-top:8px; padding-top:12px; border-top:1px solid var(--line-2); flex-wrap:wrap; }
.compose__tool{ width:34px; height:34px; border-radius:50%; border:0; background:transparent; color:var(--blue); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.compose__tool:hover{ background:rgba(10,49,97,.08); }
.compose__vis{ font-family:var(--sans); font-size:0.76rem; font-weight:700; color:var(--blue); background:rgba(10,49,97,.06); border:1px solid var(--line); border-radius:var(--r-pill); padding:6px 12px; cursor:pointer; display:inline-flex; gap:6px; align-items:center; }
.compose__post{ margin-left:auto; }

/* post card */
.post{ display:grid; grid-template-columns:48px 1fr; gap:14px; padding:18px 22px; border-bottom:1px solid var(--hairline); transition:background .12s; }
.post:hover{ background:var(--paper-2,#fbfaf6); }
.post__av{ width:48px; height:48px; border-radius:50%; flex:none; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-weight:700; font-size:1.15rem; color:#fff; }
.post__head{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.post__name{ font-family:var(--sans); font-weight:700; color:var(--ink); font-size:1.0rem; }
.post__check{ width:16px; height:16px; flex:none; }
.post__handle, .post__time{ color:var(--ink-45); font-size:var(--fs-small); }
.post__rel{ margin-left:auto; }
.relpill{ font-family:var(--sans); font-size:0.62rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:3px 9px; border-radius:var(--r-pill); white-space:nowrap; }
.relpill.paid{ background:rgba(190,138,44,.14); color:var(--gold-deep,#98691B); box-shadow:inset 0 0 0 1px rgba(152,105,27,.3); }
.relpill.members{ background:rgba(10,49,97,.08); color:var(--blue); box-shadow:inset 0 0 0 1px rgba(10,49,97,.2); }
.relpill.boosted{ background:rgba(179,25,66,.1); color:var(--red); box-shadow:inset 0 0 0 1px rgba(179,25,66,.25); }
.post__body{ font-size:1.05rem; line-height:1.5; color:var(--ink); margin-top:4px; }
.post__body .tag{ color:var(--blue); font-weight:600; }
.post__media{ margin-top:12px; border:1px solid var(--mist); border-radius:var(--r-lg); overflow:hidden; aspect-ratio:16/9; }
.post__locked{ margin-top:12px; border:1px dashed var(--line-strong); border-radius:var(--r-lg); padding:22px; text-align:center; background:var(--off); }
.post__locked b{ color:var(--blue); display:block; font-family:var(--serif); font-size:1.1rem; }
.post__locked span{ font-size:var(--fs-small); color:var(--ink-60); }
.post__actions{ display:flex; align-items:center; justify-content:space-between; max-width:420px; margin-top:14px; }
.wact{ display:inline-flex; align-items:center; gap:7px; background:0; border:0; cursor:pointer; color:var(--ink-45); font-family:var(--sans); font-size:0.82rem; font-variant-numeric:tabular-nums; padding:4px; border-radius:var(--r-pill); transition:color .12s; }
.wact svg{ width:18px; height:18px; }
.wact:hover{ color:var(--blue); }
.wact.like:hover{ color:var(--red); }
.wact.embed:hover{ color:var(--green-grade); }

/* right rail cards */
.wcard{ border:1px solid var(--mist); border-radius:var(--r-lg); background:#fff; overflow:hidden; margin-bottom:18px; }
.wcard__head{ padding:14px 18px; font-family:var(--serif); font-weight:700; font-size:1.15rem; color:var(--blue); border-bottom:1px solid var(--hairline); }
.wcard__body{ padding:6px 18px 14px; }
.trend{ padding:11px 0; border-bottom:1px solid var(--line-2); }
.trend:last-child{ border-bottom:0; }
.trend__cat{ font-size:0.72rem; color:var(--ink-45); }
.trend__tag{ font-family:var(--sans); font-weight:700; color:var(--blue); font-size:0.98rem; margin-top:2px; }
.trend__n{ font-size:0.72rem; color:var(--ink-45); margin-top:2px; }
.follow{ display:flex; align-items:center; gap:11px; padding:11px 0; border-bottom:1px solid var(--line-2); }
.follow:last-child{ border-bottom:0; }
.follow__av{ width:40px; height:40px; border-radius:50%; flex:none; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-weight:700; color:#fff; font-size:0.95rem; }
.follow__name{ font-family:var(--sans); font-weight:700; color:var(--ink); font-size:0.9rem; display:flex; align-items:center; gap:5px; }
.follow__h{ font-size:0.76rem; color:var(--ink-45); }
.follow__btn{ margin-left:auto; font-family:var(--sans); font-size:0.78rem; font-weight:700; color:#fff; background:var(--blue); border:0; border-radius:var(--r-pill); padding:7px 15px; cursor:pointer; }
.follow__btn:hover{ background:var(--blue-mid); }

/* embed modal */
.wmodal-bg{ position:fixed; inset:0; background:rgba(7,30,61,.5); backdrop-filter:blur(3px); display:none; align-items:center; justify-content:center; z-index:200; padding:24px; }
.wmodal-bg.show{ display:flex; }
.wmodal{ background:#fff; border-radius:var(--r-lg); max-width:520px; width:100%; box-shadow:var(--shadow-3); overflow:hidden; }
.wmodal__head{ padding:18px 22px; border-bottom:1px solid var(--hairline); display:flex; align-items:center; justify-content:between; gap:12px; }
.wmodal__head h3{ font-family:var(--serif); font-size:1.3rem; font-weight:700; color:var(--blue); flex:1; }
.wmodal__body{ padding:22px; }
.embed-preview{ border:1px solid var(--mist); border-radius:var(--r-lg); padding:16px; }
.embed-code{ margin-top:16px; background:var(--blue-deep); color:#cfe0f5; font-family:var(--mono); font-size:0.78rem; border-radius:var(--r); padding:14px 16px; line-height:1.6; overflow-x:auto; white-space:pre; }