/* CivicOS social interface. Local assets; existing source and participation controls. */
:root{--ink:#0f1419;--muted:#657786;--navy:#1877f2;--paper:#f0f2f5;--line:#e1e5ea;--red:#1877f2;--green:#1877f2;--soft-green:#e8f2ff;font-family:"Segoe UI",Arial,sans-serif;background:var(--paper)}
a:hover{color:#1877f2}.sidebar{width:230px;background:#fff;color:var(--ink);border-right:1px solid var(--line);padding:25px 18px}.brand,.brand:hover{color:#1877f2;font-size:30px;letter-spacing:-1.4px}.brand svg{color:#1877f2}.brand-light{font-weight:700}.side-kicker{color:#83909d;letter-spacing:1px;font-size:9px;margin:12px 0 25px}nav{gap:7px}nav a{font-size:15px;font-weight:600;color:#35404c;border-radius:28px;padding:13px 15px;line-height:1.3}nav a span{font-size:23px;width:25px;color:#536471}nav a.active,nav a:hover{background:#e8f2ff;color:#1877f2}nav a.active span{color:#1877f2}.community-picker{margin-top:25px;border:1px solid var(--line);background:#f7f9fb;color:var(--ink);border-radius:14px;padding:14px}.community-picker .small-label{color:#718093}.community-picker strong{font-size:14px;font-weight:600}.community-picker>span:last-child{color:#1877f2;font-size:11px}.session-box label{color:#596a7a}.session-box select{background:#f0f2f5;border-color:#dce1e7;color:var(--ink);font-size:12px;border-radius:9px}.session-box p,.side-footer,.side-footer span{color:#7c8793}.workspace{margin-left:230px}.topbar{height:55px;background:#fff;padding:0 28px;font-size:11px;position:sticky;top:0;z-index:4}.local-tag{border-radius:20px;letter-spacing:.4px;background:#f4f7fa}.dot{background:#1877f2}main{padding:28px;max-width:1190px}.footer{padding:20px 28px;font-size:11px}.eyebrow{color:#657786;font-size:10px;letter-spacing:.7px}.page-heading h1,.detail-title,.civic-feature h2,.civic-record-summary h2,.civic-context-panel h2{font-family:inherit;font-weight:750;letter-spacing:-.6px}.page-heading h1,.civic-heading h1{font-size:29px;margin:10px 0}.page-heading p{font-size:14px;line-height:1.6}.button{border-radius:22px;font-size:13px;font-weight:600;padding:10px 17px;border-color:#d8dee6}.button.primary{background:#1877f2;border-color:#1877f2}.button.primary:hover{background:#0965d8;border-color:#0965d8}.button.warm{color:#1877f2;background:#edf5ff;border-color:#c7e0ff}.tabs button,.civic-case-tabs button{border-radius:22px;font-weight:600;font-size:13px}.tabs button.active,.civic-case-tabs button.active{background:#e8f2ff;color:#1877f2}.panel,.card,.civic-issue{border-color:#e1e5ea;border-radius:14px;box-shadow:0 1px 3px #141d2910}.cards,.civic-grid{grid-template-columns:1fr}.card h2,.civic-issue h2{font-size:18px}.card .publisher,.civic-issue p{font-size:13px}.civic-stats strong,.stat .value{font-family:inherit;font-weight:750}.civic-stats>a,.civic-stats>div{background:#fff}.civic-source-text{font-size:15px!important;line-height:1.8!important}.civic-discussion{background:#f4f6f8;border:0;border-radius:14px;padding:17px;margin:12px 0}.civic-discussion p{font-size:14px}.civic-avatar{background:#e8f2ff;color:#1877f2!important;border-color:#d9eaff}.civic-outcome,.civic-record-summary{background:#eef6ff;border-color:#d2e5fb}.civic-authority{color:#1877f2;border-color:#cbdff7;background:#f3f8ff}.notice{background:#eef4fa;border-color:#9ebfee;color:#4c6073}.bar>span{background:#1877f2}.panel form textarea,dialog textarea{border-radius:12px}.toolbar select,.search-box{border-radius:22px}.civic-vote-row h3{font-size:15px}.civic-vote-row p{font-size:12px}.civic-level{font-size:10px}.civic-badge{border-radius:18px;background:#f0f5fb;color:#536471;border-color:#e0e8f2}.social-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px;align-items:start}.social-timeline{min-width:0}.social-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px}.social-feed-heading h1{font-size:26px;letter-spacing:-.7px;margin:0 0 5px;font-weight:750}.social-feed-heading p{font-size:13px;color:var(--muted);margin:0}.social-area{border:1px solid #d9e1e9;background:#fff;border-radius:20px;padding:8px 13px;color:#4e6071;font-size:12px;white-space:nowrap}.social-feed-tabs{display:flex;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;overflow:hidden}.social-feed-tabs button{border:0;background:transparent;color:#657786;flex:1;font-size:14px;font-weight:650;padding:17px;position:relative}.social-feed-tabs button:hover{background:#f8fafc}.social-feed-tabs button.active{color:#1877f2}.social-feed-tabs button.active:after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:3px;background:#1877f2;border-radius:5px}.social-composer{background:#fff;box-shadow:0 1px 3px #141d2910;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;gap:12px}.social-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:43px;height:43px;border-radius:50%;background:#e7f0ff;color:#1877f2;font-size:14px;font-weight:750}.social-avatar.parliament{background:#e9f1ea;color:#427349}.user-avatar{background:#edf0f4;color:#7a8897;font-size:12px}.social-composer>div{flex:1;min-width:0}.social-composer-prompt{width:100%;border:0;text-align:left;border-radius:24px;background:#f0f2f5;color:#657786;padding:13px 16px;font-size:15px}.social-composer-prompt:hover{background:#e7ebf0}.social-composer-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-top:14px}.social-composer-tools>span{font-size:11px;color:#84909c;line-height:1.5}.social-composer-tools .button{font-size:12px;white-space:nowrap}.social-feed-note{display:flex;justify-content:space-between;gap:15px;color:#718093;font-size:11px;margin:20px 2px 12px}.social-feed-note a{text-decoration:none;color:#1877f2}.social-post{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;box-shadow:0 1px 3px #141d2910;overflow:hidden}.social-post-head{display:flex;align-items:center;gap:11px;padding:18px 20px 0}.social-post-head>div{flex:1;min-width:0;display:grid;gap:4px}.social-post-head strong{font-size:14px;font-weight:700}.social-post-head>div>span{font-size:11px;color:#7b8895;line-height:1.5;text-transform:capitalize}.social-post-label{font-size:10px;color:#657786;background:#f3f5f7;border-radius:12px;padding:5px 9px;white-space:nowrap}.source-check{color:#1877f2;font-size:12px}.social-post-body{padding:16px 20px}.social-post-kicker{color:#7c8d9f;font-size:11px!important;margin:0 0 8px!important;font-weight:600}.social-post-body h2{font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:0 0 10px}.social-post-body h2 a{text-decoration:none}.social-post-body>p{font-size:14px;line-height:1.7;color:#536471;margin:0 0 15px}.social-source-preview{display:grid;gap:10px;padding:24px;background:linear-gradient(125deg,#e9f2ff,#f1f6fb);border:1px solid #dce8f7;border-radius:12px;text-decoration:none;margin-top:17px}.social-source-preview>span{color:#6887ab;letter-spacing:1px;font-size:9px;font-weight:700}.social-source-preview strong{color:#244a75;font-size:22px;line-height:1.35;letter-spacing:-.6px}.social-source-preview small{font-size:11px;color:#6c86a4}.social-post-actions{display:flex;gap:4px;padding:7px 12px;border-top:1px solid #edf0f3;justify-content:space-between}.social-post-actions button,.social-post-actions>a{flex:1;border:0;border-radius:8px;background:transparent;color:#657786;font-size:11px;font-weight:600;text-decoration:none;text-align:center;padding:10px 4px;white-space:nowrap}.social-post-actions span{font-size:15px;margin-right:5px}.social-post-actions button:hover,.social-post-actions>a:hover{background:#f0f6ff;color:#1877f2}.social-post-actions button[aria-pressed=true]{color:#1877f2}.social-vote-result{border:1px solid #dfe9e3;background:#f5f9f6;border-radius:12px;padding:17px;margin-top:15px}.social-vote-result>strong{font-size:14px;color:#387444}.social-vote-result>div{display:flex;gap:25px;margin-top:15px}.social-vote-result span{display:grid;gap:4px;font-size:11px;color:#718075}.social-vote-result b{font-size:24px;color:#354e3c}.social-post-body .social-footnote{font-size:11px;margin:12px 0 0;color:#8c97a2}.social-right-rail{display:grid;gap:17px;position:sticky;top:80px}.social-rail-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.social-rail-card h2{font-size:17px;margin:0 0 18px;letter-spacing:-.3px}.social-context-link{border:0;background:none;padding:0;width:100%;display:flex;gap:12px;align-items:center;text-align:left;color:var(--ink)}.social-context-link>span:nth-child(2){flex:1;display:grid;gap:5px}.social-context-link strong{font-size:14px}.social-context-link small{color:#1877f2;font-size:11px}.social-rail-card p{font-size:12px;line-height:1.7;color:#6b7c8b}.social-rail-card>small{font-size:10px;line-height:1.7;color:#8a97a3;display:block;margin-top:12px}.social-rail-link{font-size:12px;font-weight:600;color:#1877f2;background:none;border:0;padding:6px 0;text-decoration:none;display:block;text-align:left;line-height:1.6}.social-topic{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid #edf0f3;text-decoration:none}.social-topic>span{display:grid;gap:5px}.social-topic strong{font-size:13px}.social-topic small{font-size:10px;color:#84909c;line-height:1.6}.social-topic>b{font-size:12px;color:#1877f2;align-self:center;background:#f0f6ff;border-radius:13px;padding:5px 8px}.social-rail-footer{font-size:10px;color:#9aa4ae;line-height:1.9;margin:0 8px}.social-feed-end{font-size:12px;text-align:center;line-height:2;color:#8a97a3;padding:25px}.social-feed-end a{color:#1877f2;text-decoration:none}
@media(min-width:1500px){.sidebar{width:265px;padding-left:30px;padding-right:25px}.workspace{margin-left:265px}.social-layout{grid-template-columns:minmax(0,1fr) 315px;gap:30px}}
@media(max-width:1120px){.sidebar{width:205px;padding:23px 13px}.workspace{margin-left:205px}nav a{font-size:13px;padding:12px 10px}main{padding:22px 18px}.social-layout{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.social-rail-card{padding:17px}.social-post-head,.social-post-body{padding-left:16px;padding-right:16px}.social-post-actions{padding:6px}.social-post-actions button{font-size:10px}.social-post-actions span{margin-right:2px}}
@media(max-width:940px) and (min-width:761px){.social-right-rail{display:none}.social-layout{grid-template-columns:1fr}.social-timeline{max-width:640px;margin:auto;width:100%}}
@media(max-width:760px){.sidebar{position:relative;width:100%;padding:14px 16px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.brand{font-size:26px}.brand svg{width:29px;height:29px}.side-kicker,.side-footer{display:none}nav{display:flex;overflow-x:auto;gap:5px;margin:12px 0 0;padding-bottom:2px}nav a{font-size:11px;white-space:nowrap;padding:9px 12px;border-radius:20px;flex-shrink:0}nav a span{font-size:16px;width:auto}nav a:nth-child(n+2) span{display:none}.community-picker{margin-top:12px;display:flex;align-items:center;gap:10px;padding:8px 11px}.community-picker .small-label{font-size:8px}.community-picker strong{font-size:12px}.session-box{padding-top:8px;display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px}.session-box label{font-size:10px}.session-box select{width:auto;flex:1;margin:0;padding:7px;font-size:10px}.session-box p{font-size:9px;margin:3px 0;width:100%}.workspace{margin-left:0}.topbar{height:42px;padding:0 16px;font-size:10px}.topbar>div{gap:8px}.local-tag{font-size:8px;padding:4px 6px}.account{font-size:10px}main{padding:18px 12px}.social-layout{grid-template-columns:1fr}.social-right-rail{position:static;grid-template-columns:1fr}.social-rail-card:nth-child(n+2),.social-rail-footer{display:none}.social-feed-heading h1{font-size:23px}.social-feed-heading p{font-size:11px}.social-area{font-size:10px;padding:7px 10px}.social-feed-tabs button{padding:14px;font-size:12px}.social-composer{padding:14px;gap:10px}.social-avatar{width:36px;height:36px;font-size:12px}.social-composer-prompt{font-size:12px;padding:12px}.social-composer-tools>span{display:none}.social-composer-tools{justify-content:flex-end;padding-top:10px}.social-composer-tools .button{padding:8px 12px;font-size:11px}.social-feed-note{font-size:9px;gap:8px}.social-post-head{padding:15px 14px 0;gap:9px}.social-post-head strong{font-size:12px}.social-post-head>div>span{font-size:9px}.social-post-label{font-size:9px;padding:4px 6px}.social-post-body{padding:14px}.social-post-body h2{font-size:18px}.social-post-body>p{font-size:13px}.social-source-preview{padding:19px}.social-source-preview strong{font-size:20px}.social-post-actions{gap:0;padding:5px}.social-post-actions button,.social-post-actions>a{font-size:9px;white-space:normal;padding:9px 3px}.social-post-actions span{display:block;margin:0 0 4px;font-size:16px}.detail-grid{grid-template-columns:1fr}.page-heading h1,.civic-heading h1{font-size:26px}.civic-case-tabs button{font-size:11px}.footer{padding:15px 12px}.social-feed-end{font-size:11px}.civic-grid{grid-template-columns:1fr}.civic-record-summary{display:block}}
.source-health{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.6;background:#fff9e9;border-bottom:1px solid #f0e4c4;padding:10px 28px;color:#705e34}.source-health a{white-space:nowrap}.source-paragraph{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);scroll-margin-top:110px}.source-paragraph>a{font-size:11px;color:#1877f2;padding-top:4px}.source-paragraph p{margin:0;white-space:pre-line}.text-button{color:#1877f2;border:0;background:transparent}.explanation-review{border-top:1px solid var(--line);padding:15px 0}.explanation-review textarea{width:100%}.explanation-review blockquote{color:var(--muted);border-left:3px solid #cedff2;padding-left:15px}#emergency-proposal input,#emergency-proposal textarea{width:100%}@media(max-width:760px){.source-health{padding:10px 16px;font-size:10px;flex-wrap:wrap}}