.jta-app{--navy:#10213b;--green:#0c9b50;--green2:#18bd63;--yellow:#ffc928;--ink:#172238;--muted:#6b7688;--line:#e8edf2;--soft:#f6f9fb;display:grid;grid-template-columns:220px minmax(0,680px) 290px;gap:26px;max-width:1320px;margin:8px auto 22px;padding:0 18px;color:var(--ink);font:15px/1.5 "Montserrat",sans-serif;box-sizing:border-box}.jta-app *{box-sizing:border-box;font-family:"Montserrat",sans-serif!important}.jta-app a{text-decoration:none}.jta-left{position:sticky;top:22px;height:calc(100vh - 44px);display:flex;flex-direction:column;gap:24px}.jta-brand{display:block;width:150px;height:92px;overflow:hidden;border-radius:14px;background:#fff}.jta-brand img{width:100%;height:100%;object-fit:contain}.jta-nav{display:grid;gap:7px}.jta-nav a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:13px;color:#334156;font-size:15px;font-weight:650}.jta-nav a span{width:24px;text-align:center;font-size:22px;color:#5e6b7c}.jta-nav a:hover,.jta-nav a.is-active{background:#eaf8f0;color:#087c3e}.jta-nav a.is-active span{color:#087c3e}.jta-left-note{margin-top:auto;padding:17px;background:linear-gradient(145deg,#10213b,#1a3557);border-radius:17px;color:#fff}.jta-left-note strong{font-size:15px}.jta-left-note p{font-size:12px;color:#d5e0ec;margin:7px 0 0}.jta-main{min-width:0}.jta-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 18px}.jta-eyebrow,.jta-kicker{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#0b9550}.jta-topbar h1{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:5px 0 0;color:#10213b}.jta-live-pill{display:flex;align-items:center;gap:7px;white-space:nowrap;background:#effaf3;border:1px solid #d8f0e1;border-radius:99px;padding:7px 10px;font-size:10px;color:#187c47;font-weight:750}.jta-live-pill i{width:7px;height:7px;border-radius:50%;background:#15b45c}.jta-welcome{position:relative;overflow:hidden;display:flex;justify-content:space-between;min-height:208px;padding:25px 24px;border-radius:20px;background:linear-gradient(115deg,#10213b 0%,#183b58 72%,#126e50 100%);color:#fff}.jta-welcome-copy{position:relative;z-index:1;max-width:420px}.jta-welcome .jta-kicker{color:#ffe06a}.jta-welcome h2{font-size:29px;line-height:1.12;letter-spacing:-1px;margin:10px 0}.jta-welcome p{font-size:13px;line-height:1.6;color:#e0e9f0;max-width:360px;margin:0 0 16px}.jta-primary-link{display:inline-flex;gap:10px;align-items:center;background:#ffe052;color:#172238!important;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:800}.jta-primary-link span{font-size:18px}.jta-sun-mark{align-self:center;flex:0 0 125px;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff69a,#ffd52c 58%,#ff9f14);color:#10213b;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(7deg);box-shadow:0 10px 28px #07182c66}.jta-sun-mark span{font-weight:950;font-size:34px;line-height:1;color:#0b9b50;text-shadow:1px 2px #fff}.jta-sun-mark b{font-size:18px;line-height:.9;text-align:center;letter-spacing:1px}.jta-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 12px}.jta-feed-heading h2{font-size:20px;letter-spacing:-.4px;margin:0;color:#10213b}.jta-feed-heading p{font-size:12px;color:var(--muted);margin:3px 0 0}.jta-preview-label{font-size:9px;letter-spacing:.8px;color:#657387;background:#f1f4f7;padding:6px 8px;border-radius:6px;white-space:nowrap}.jta-tabs{display:flex;border-bottom:1px solid var(--line);gap:4px}.jta-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:12px 17px;color:#697588;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.jta-tabs button.is-active{border-bottom-color:#0b9b50;color:#10213b}.jta-compose-card{display:flex;gap:13px;padding:18px 15px;border:1px solid var(--line);border-radius:15px;margin-top:15px;background:#fff}.jta-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0d9b50,#f4ce2d);color:#fff;font-weight:900;font-size:13px}.jta-compose-inner{min-width:0;flex:1}.jta-compose-inner p{margin:0 0 3px;font-size:15px;font-weight:800;color:#1a2a40}.jta-compose-inner>span{display:block;font-size:12px;color:#758195}.jta-disabled-cta{margin-top:13px;border:1px solid #e3eaf0;background:#f7f9fb;color:#697789;padding:9px 12px;border-radius:9px;font-size:11px;font-weight:700;cursor:not-allowed}.jta-empty-state{text-align:center;padding:32px 22px 28px;border:1px dashed #dce5eb;border-radius:16px;margin-top:14px;background:linear-gradient(#fff,#fbfdfc)}.jta-empty-icon{width:45px;height:45px;border-radius:14px;margin:0 auto 12px;display:grid;place-items:center;background:#eaf8ef;color:#0b9950;font-size:27px}.jta-empty-state h3{font-size:18px;color:#172940;margin:0 0 7px}.jta-empty-state p{max-width:450px;margin:0 auto;color:#758195;font-size:12px;line-height:1.7}.jta-topic-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:17px}.jta-topic-chips span{font-size:10px;font-weight:700;padding:6px 9px;border:1px solid #e1eee6;background:#f4fbf6;border-radius:99px;color:#16804a}.jta-civic-card{display:flex;align-items:center;gap:14px;margin-top:16px;padding:18px;border:1px solid #f1df9b;border-radius:16px;background:linear-gradient(110deg,#fff9df,#fff 75%)}.jta-civic-symbol{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#ffdf55;display:grid;place-items:center;color:#10213b;font-size:25px}.jta-civic-card>div:nth-child(2){flex:1}.jta-civic-card .jta-kicker{font-size:9px;color:#8c6c00}.jta-civic-card h2{font-size:16px;margin:4px 0;color:#172238}.jta-civic-card p{font-size:11px;line-height:1.5;color:#687487;margin:0}.jta-coming-soon{font-size:9px;color:#7b671f;background:#fff0ae;border-radius:6px;padding:6px 7px;white-space:nowrap}.jta-footer{display:flex;justify-content:space-between;color:#8a95a4;font-size:10px;padding:22px 2px}.jta-footer span{color:#17834b}.jta-right{display:grid;align-content:start;gap:15px}.jta-search{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:13px;background:#f1f5f7;color:#778395;font-size:12px}.jta-search span:first-child{font-size:22px;color:#304259}.jta-side-card{border:1px solid var(--line);border-radius:16px;padding:17px 15px;background:#fff}.jta-side-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.jta-side-heading h2{font-size:15px;letter-spacing:-.2px;margin:0;color:#172940}.jta-side-heading>span{color:#0b9950;font-size:18px}.jta-side-card>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0;border-top:1px solid #f0f3f5;color:#4c5a6d;font-size:12px;font-weight:650}.jta-side-card>a b{font-size:15px;color:#0b9950}.jta-trending p{font-size:12px;color:#738094;line-height:1.7;margin:0}.jta-trend-placeholder{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px;background:#f7faf8;border-radius:10px;font-size:10px;color:#657587}.jta-trend-dot{width:7px;height:7px;flex:0 0 7px;margin-top:4px;border-radius:50%;background:#0b9950}.jta-side-join{border-radius:16px;padding:18px;background:#edf8f1;border:1px solid #d9efe1}.jta-join-flag{font-size:23px}.jta-side-join h2{font-size:16px;line-height:1.3;margin:9px 0 7px;color:#15324a}.jta-side-join p{font-size:11px;line-height:1.6;color:#5d6e7b;margin:0 0 12px}.jta-side-join a{font-size:11px;font-weight:800;color:#087c3e}.jta-side-footer{font-size:10px;color:#8993a0;padding:2px 4px}.jta-side-footer strong{color:#9a1d9b}.jta-mobile-nav{display:none}@media(max-width:1100px){.jta-app{grid-template-columns:175px minmax(0,1fr);gap:20px;max-width:920px}.jta-right{display:none}.jta-brand{width:130px;height:80px}.jta-welcome h2{font-size:27px}}@media(max-width:650px){.jta-app{display:block;margin:0 auto;padding:0 12px 76px;max-width:560px}.jta-left{display:none}.jta-topbar{padding:18px 3px 12px;margin:0}.jta-topbar h1{font-size:23px}.jta-live-pill{font-size:9px;padding:6px 8px}.jta-welcome{min-height:0;padding:22px 18px;border-radius:17px}.jta-welcome h2{font-size:25px;max-width:260px}.jta-welcome p{font-size:12px;max-width:280px}.jta-sun-mark{flex-basis:76px;width:76px;height:76px;margin-left:8px}.jta-sun-mark span{font-size:23px}.jta-sun-mark b{font-size:12px}.jta-feed-heading{margin-top:22px;align-items:flex-start}.jta-feed-heading h2{font-size:18px}.jta-feed-heading p{max-width:240px}.jta-preview-label{font-size:8px}.jta-tabs button{flex:1;padding:12px 5px}.jta-compose-card{padding:15px 12px}.jta-empty-state{padding:28px 14px}.jta-civic-card{align-items:flex-start;flex-wrap:wrap}.jta-coming-soon{margin-left:56px}.jta-footer{padding-bottom:12px}.jta-mobile-nav{position:fixed;z-index:9999;left:0;right:0;bottom:0;display:flex;justify-content:space-around;gap:4px;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e6edf0;box-shadow:0 -5px 20px #10213b0b}.jta-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:48px;color:#778395;font-size:9px;font-weight:700}.jta-mobile-nav a span{font-size:21px;line-height:1.1}.jta-mobile-nav a.is-active{color:#0b9950}}@media(prefers-reduced-motion:no-preference){.jta-app a,.jta-app button{transition:background .15s ease,color .15s ease,border-color .15s ease}.jta-welcome{background-size:150% 150%}}

/* v0.1.1: tighten the gap below the Astra header on the social app page only */
body:has(.jta-app) .site-content{padding-top:0!important;margin-top:0!important}
body:has(.jta-app) .site-content > .ast-container{padding-top:12px!important}
body:has(.jta-app) .content-area,body:has(.jta-app) .site-main,body:has(.jta-app) article.page{margin-top:0!important;padding-top:0!important}
body:has(.jta-app) .entry-content{margin-top:0!important}
body:has(.jta-app) .jta-app h1,body:has(.jta-app) .jta-app h2,body:has(.jta-app) .jta-app h3{font-family:"Montserrat",sans-serif!important}

/* v0.1.2: public-facing landing hero, compact spacing, and consistent Montserrat typography */
.jta-app{font-family:"Montserrat",sans-serif!important}
.jta-app .jta-public-hero{grid-column:1/-1;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:270px;margin:0 0 4px;padding:34px 42px;border-radius:24px;background:radial-gradient(circle at 78% 35%,#1b6b59 0,transparent 30%),linear-gradient(115deg,#0b1d35 0%,#153653 62%,#0d674d 100%);color:#fff;box-shadow:0 16px 38px rgba(16,33,59,.12)}
.jta-app .jta-public-hero:before{content:"";position:absolute;z-index:-1;width:360px;height:360px;right:8%;top:-205px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 75px rgba(255,255,255,.025)}
.jta-app .jta-public-hero-copy{position:relative;z-index:2;max-width:650px}
.jta-app .jta-public-kicker{display:flex;align-items:center;gap:9px;color:#ffe16a;font-size:10px;font-weight:800;letter-spacing:1.65px}
.jta-app .jta-public-kicker i{width:7px;height:7px;border-radius:50%;background:#2ce27c;box-shadow:0 0 0 4px rgba(44,226,124,.13)}
.jta-app .jta-public-hero h1{font-family:"Montserrat",sans-serif!important;font-size:clamp(32px,3.3vw,46px);font-weight:850;line-height:1.12;letter-spacing:-1.8px;color:#fff;margin:15px 0 12px;max-width:620px}
.jta-app .jta-public-hero p{font-size:14px;line-height:1.8;color:#dbe7f0;max-width:570px;margin:0}
.jta-app .jta-public-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px}
.jta-app .jta-hero-primary{display:inline-flex;align-items:center;gap:14px;padding:13px 17px;border-radius:11px;background:#ffdc48;color:#12243a!important;font-size:12px;font-weight:850;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.jta-app .jta-hero-primary span{font-size:18px}
.jta-app .jta-hero-primary:hover{background:#ffe878;transform:translateY(-1px)}
.jta-app .jta-hero-secondary{font-size:11px;font-weight:700;color:#f4f7fb!important;border-bottom:1px solid rgba(255,255,255,.35);padding:5px 0}
.jta-app .jta-public-trust{margin-top:18px;font-size:10px;color:#c8d7e2;letter-spacing:.1px}
.jta-app .jta-public-trust span{color:#37df83;margin-right:5px}
.jta-app .jta-public-art{position:relative;flex:0 0 250px;height:205px;display:flex;align-items:center;justify-content:center}
.jta-app .jta-hero-sun{position:relative;z-index:2;width:142px;height:142px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#fff59b,#ffd632 58%,#ffae17);color:#10213b;transform:rotate(5deg);box-shadow:0 15px 40px rgba(0,0,0,.25),0 0 0 9px rgba(255,255,255,.08)}
.jta-app .jta-hero-sun span{font-size:42px;line-height:.95;font-weight:950;color:#079b50;text-shadow:1px 2px #fff}
.jta-app .jta-hero-sun b{font-size:18px;line-height:.92;letter-spacing:1px;text-align:center}
.jta-app .jta-hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:rotate(-25deg)}
.jta-app .jta-orbit-one{width:215px;height:145px}.jta-app .jta-orbit-two{width:245px;height:175px;transform:rotate(35deg)}
.jta-app .jta-hero-spark{position:absolute;color:#ffdd48;font-size:24px}.jta-app .jta-spark-one{top:18px;right:24px}.jta-app .jta-spark-two{bottom:23px;left:16px;color:#42e58c}
.jta-app .jta-hero-word{position:absolute;right:-5px;bottom:-1px;font-size:9px;line-height:1.65;letter-spacing:1.4px;text-align:right;color:#d9e5ee}.jta-app .jta-hero-word strong{color:#ffdc48}
@media(max-width:1100px){.jta-app .jta-public-hero{padding:30px;min-height:245px}.jta-app .jta-public-art{flex-basis:200px}.jta-app .jta-hero-sun{width:120px;height:120px}}
@media(max-width:650px){.jta-app .jta-public-hero{display:block;min-height:0;padding:27px 21px 24px;margin:0 0 16px;border-radius:19px}.jta-app .jta-public-hero h1{font-size:32px;letter-spacing:-1.1px;margin-top:13px}.jta-app .jta-public-hero p{font-size:12px;line-height:1.75}.jta-app .jta-public-actions{gap:12px;margin-top:18px}.jta-app .jta-hero-primary{padding:12px 13px}.jta-app .jta-hero-secondary{font-size:10px}.jta-app .jta-public-trust{margin-top:15px;font-size:9px}.jta-app .jta-public-art{position:absolute;right:-40px;top:4px;width:130px;height:130px;opacity:.15;pointer-events:none}.jta-app .jta-hero-sun{width:105px;height:105px}.jta-app .jta-hero-sun span{font-size:30px}.jta-app .jta-hero-sun b{font-size:13px}.jta-app .jta-hero-orbit,.jta-app .jta-hero-word,.jta-app .jta-hero-spark{display:none}.jta-app .jta-topbar{padding:8px 3px 12px;margin:0}.jta-app .jta-topbar h1{font-family:"Montserrat",sans-serif!important;font-size:22px}}


/* v0.1.4: full-width social canvas and edge-to-edge landing hero */
body:has(.jta-app) .site-content,
body:has(.jta-app) .site-content > .ast-container,
body:has(.jta-app) .content-area,
body:has(.jta-app) .site-main,
body:has(.jta-app) article.page,
body:has(.jta-app) .entry-content{
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
}
body:has(.jta-app) .site-content > .ast-container{
  padding-left:0!important;padding-right:0!important;
}
body:has(.jta-app) .jta-app{
  width:100%;max-width:none!important;margin:0!important;padding:18px clamp(16px,3vw,48px) 28px;
  grid-template-columns:minmax(175px,220px) minmax(0,1fr) minmax(250px,290px);
  gap:clamp(16px,2vw,30px);
}
body:has(.jta-app) .jta-public-hero{
  width:100%;min-width:0;
}
body:has(.jta-app) .site-header .ast-container,
body:has(.jta-app) header.site-header .ast-container{
  width:100%!important;max-width:none!important;padding-left:clamp(16px,3vw,48px)!important;padding-right:clamp(16px,3vw,48px)!important;
}
@media(max-width:1100px){
 body:has(.jta-app) .jta-app{grid-template-columns:175px minmax(0,1fr);max-width:none!important}
}
@media(max-width:650px){
 body:has(.jta-app) .jta-app{display:block;width:100%;max-width:none!important;margin:0!important;padding:0 12px 76px}
 body:has(.jta-app) .jta-public-hero{width:100%;margin-left:0;margin-right:0}
}

/* Conversation Engine v0.2.0 */
.jta-app .jta-compose-form{align-items:flex-start}
.jta-app .jta-compose-form .jta-compose-inner{display:flex;flex-direction:column;gap:8px}
.jta-app .jta-field-label{font-size:11px;font-weight:750;color:#536276;margin-top:3px}
.jta-app .jta-compose-form input,.jta-app .jta-compose-form select,.jta-app .jta-compose-form textarea,.jta-app .jta-comment-form input,.jta-app .jta-comment-form textarea{width:100%;border:1px solid #dfe7ec;border-radius:10px;padding:11px 12px;background:#fff;color:#172940;font:13px/1.5 "Montserrat",sans-serif;box-shadow:none}
.jta-app .jta-compose-form textarea{resize:vertical;min-height:90px}
.jta-app .jta-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:3px}
.jta-app .jta-compose-bottom>span{font-size:10px;color:#788597}
.jta-app .jta-submit-post,.jta-app .jta-submit-comment{border:0;border-radius:10px;background:#0b9950;color:#fff;padding:11px 15px;font:750 12px "Montserrat",sans-serif;cursor:pointer}
.jta-app .jta-submit-post:disabled,.jta-app .jta-submit-comment:disabled{opacity:.55;cursor:wait}
.jta-app .jta-form-message{font-size:11px;color:#52657a}
.jta-app .jta-live-feed{display:grid;gap:12px;margin-top:14px}
.jta-app .jta-post-card{border:1px solid #e3eaf0;border-radius:16px;padding:17px 16px;background:#fff;min-width:0}
.jta-app .jta-post-head{display:flex;align-items:center;gap:10px}
.jta-app .jta-post-avatar{width:38px;height:38px;flex-basis:38px}
.jta-app .jta-post-identity{display:flex;flex-direction:column;gap:2px;min-width:0}
.jta-app .jta-post-identity strong{font-size:12px;color:#172940}
.jta-app .jta-post-identity span,.jta-app .jta-comment-time{font-size:10px;color:#8490a0}
.jta-app .jta-post-content{font-size:13px;line-height:1.75;color:#29384c;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0}
.jta-app .jta-post-actions{border-top:1px solid #f0f3f5;padding-top:10px}
.jta-app .jta-comment-toggle{border:0;background:transparent;color:#64748b;font:700 11px "Montserrat",sans-serif;cursor:pointer;padding:4px 0}
.jta-app .jta-comments-panel{margin-top:12px;padding-top:10px;border-top:1px solid #edf1f4}
.jta-app .jta-comment{padding:10px 0;border-bottom:1px solid #f0f3f5}
.jta-app .jta-comment strong{font-size:11px;color:#26364b;margin-right:8px}
.jta-app .jta-comment p{font-size:12px;line-height:1.6;color:#4a586b;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.jta-app .jta-comments-loading{font-size:11px;color:#7b8797}
.jta-app .jta-comment-form{display:grid;gap:8px;padding-top:12px}
.jta-app .jta-submit-comment{justify-self:start}
.jta-app .jta-empty-state h3{font-family:"Montserrat",sans-serif!important}
@media(max-width:650px){.jta-app .jta-compose-bottom{align-items:stretch}.jta-app .jta-submit-post{width:100%}.jta-app .jta-post-card{padding:14px 12px}}

/* Conversation Engine v0.2.1: clearer topic navigation and cleaner feed heading */
.jta-app .jta-preview-label{display:none!important}
.jta-app .jta-side-card>a{font-size:13px;line-height:1.45;padding:13px 0;gap:12px}
.jta-app .jta-side-card>a span{font-size:13px}
.jta-app .jta-side-card>a b{font-size:17px;flex:0 0 auto}
.jta-app .jta-side-card{padding:18px 16px}
.jta-app .jta-side-heading h2{font-size:16px}
@media(max-width:650px){
 .jta-app .jta-side-card>a,.jta-app .jta-side-card>a span{font-size:13px}
}

/* Conversation Engine v0.2.2: reactions and share controls */
.jta-app .jta-post-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.jta-app .jta-reaction-button,.jta-app .jta-share-button{border:0;background:transparent;color:#64748b;font:700 11px "Montserrat",sans-serif;cursor:pointer;padding:4px 0}
.jta-app .jta-reaction-button:hover,.jta-app .jta-share-button:hover{color:#0b9950}
.jta-app .jta-reaction-button.is-reacted{color:#0b9950}
.jta-app .jta-reaction-button:disabled{opacity:.6;cursor:wait}

/* Discovery v0.3.0 */
.jta-app .jta-search-form{display:flex;align-items:center;gap:8px}
.jta-app .jta-search-form input{min-width:0;flex:1;width:100%;border:0;background:transparent;outline:none;box-shadow:none;font:12px "Montserrat",sans-serif;color:#25364a;padding:3px 0}
.jta-app .jta-search-form button{border:0;background:transparent;color:#0b9950;font:700 18px "Montserrat",sans-serif;cursor:pointer}
.jta-app .jta-trending-link{border:0;background:#edf8f1;color:#0b9950;padding:10px 12px;border-radius:9px;font:700 11px "Montserrat",sans-serif;cursor:pointer;margin-top:12px}
.jta-app .jta-tabs button{cursor:pointer}
.jta-app .jta-feed-heading h2{font-family:"Montserrat",sans-serif!important}