/* PABC Nexus classic community interface. Responsive, keyboard-conscious, and intentionally CSS-only. */
:root{
color-scheme:light;
--blue:#2875d7;
--blue-dark:#195cb3;
--blue-soft:#eaf3ff;
--navy:#132b4d;
--ink:#1d2a3b;
--muted:#6b788b;
--line:#e3e9f1;
--surface:#fff;
--canvas:#f3f6fb;
--green:#1b9b69;
--red:#c94040;
--gold:#d79b27;
--violet:#7663d9;
--shadow:0 8px 28px rgba(30,58,95,.08);
--radius:15px;
--sidebar-width:252px;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif}

*{
box-sizing:border-box}
html{
scroll-behavior:smooth}
body{
margin:0;
background:var(--canvas);
color:var(--ink);
font-size:14px;
line-height:1.5}
button,input,textarea,select{
font:inherit}
button,a{
-webkit-tap-highlight-color:transparent}
button{
cursor:pointer}
button:disabled{
cursor:not-allowed;
opacity:.55}
a{
color:inherit;
text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
outline:3px solid rgba(40,117,215,.35);
outline-offset:2px}
.hidden,[hidden]{
display:none!important}
.skip-link{
position:absolute;
z-index:1000;
left:12px;
top:-60px;
padding:10px 14px;
background:#fff;
border-radius:8px}
.skip-link:focus{
top:12px}

.app-shell{
min-height:100vh}
.sidebar{
position:fixed;
z-index:50;
inset:0 auto 0 0;
width:var(--sidebar-width);
display:flex;
flex-direction:column;
background:#fff;
border-right:1px solid var(--line);
padding:19px 13px 12px;
overflow-y:auto;
scrollbar-width:thin}
.brand{
display:flex;
align-items:center;
gap:11px;
padding:4px 9px 22px}
.brand-mark{
width:42px;
height:42px;
display:grid;
place-items:center;
flex:none;
border-radius:13px;
background:linear-gradient(145deg,#3588ef,#1754a8);
box-shadow:0 5px 12px rgba(40,117,215,.25);
color:white;
font-size:24px;
font-weight:850;
letter-spacing:-2px}
.brand-copy{
display:flex;
flex-direction:column;
min-width:0}
.brand-copy b{
font-size:16px;
letter-spacing:-.35px;
color:#182a40}
.brand-copy small{
font-size:10px;
color:var(--muted);
white-space:nowrap}
.side-label{
margin:16px 9px 7px;
color:#8996a8;
font-size:10px;
font-weight:800;
letter-spacing:1.15px}
.side-label-row{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:22px}
.side-mini{
font-size:8px;
letter-spacing:.6px;
color:#a4afbd}
.nav-item{
width:100%;
display:flex;
align-items:center;
gap:10px;
border:0;
border-radius:9px;
background:transparent;
color:#536277;
text-align:left;
padding:10px 11px;
margin:2px 0;
font-size:12.5px;
font-weight:650;
transition:background .16s,color .16s}
.nav-item:hover{
background:#f3f7fc;
color:var(--blue)}
.nav-item.active{
background:var(--blue-soft);
color:#1b65be}
.nav-icon{
width:18px;
display:inline-grid;
place-items:center;
font-size:17px;
line-height:1;
color:#7f8da1}
.nav-item.active .nav-icon{
color:var(--blue)}
.nav-count{
margin-left:auto;
color:#8b9aaf;
font-size:9px;
font-weight:750}
.live-dot,.status-dot{
width:7px;
height:7px;
border-radius:50%;
background:#20b779;
box-shadow:0 0 0 3px rgba(32,183,121,.12);
margin-left:auto}
.channel-list{
display:grid;
gap:2px}
.channel-item{
width:100%;
display:flex;
align-items:center;
gap:8px;
border:0;
background:transparent;
color:#69788d;
border-radius:8px;
padding:7px 12px 7px 18px;
text-align:left;
font-size:12px;
transition:background .15s,color .15s}
.channel-item>span:first-child{
font-size:16px;
color:#9aa6b7}
.channel-item:hover{
background:#f4f7fb;
color:#1c5eac}
.channel-item.active{
background:#edf4ff;
color:#1e67ba;
font-weight:750}
.channel-item.active>span:first-child{
color:var(--blue)}
.channel-lock{
margin-left:auto;
font-size:13px!important;
color:#a0adbd!important}
.external-nav{
font-size:11.5px}
.sidebar-bottom{
margin-top:auto;
padding:16px 10px 5px;
border-top:1px solid #edf0f5;
display:flex;
align-items:center;
gap:9px;
color:#758397;
font-size:11px}
.sidebar-bottom .status-dot{
margin-left:0}
.sidebar-bottom.offline .status-dot{
background:#d5a12f;
box-shadow:0 0 0 3px rgba(213,161,47,.13)}
.mobile-close{
display:none}
.mobile-scrim{
display:none}

.main{
min-height:100vh;
margin-left:var(--sidebar-width)}
.topbar{
position:sticky;
top:0;
z-index:30;
height:68px;
display:flex;
align-items:center;
gap:19px;
padding:0 29px;
background:rgba(255,255,255,.95);
backdrop-filter:blur(14px);
border-bottom:1px solid var(--line)}
.topbar-wordmark{
font-size:19px;
font-weight:900;
letter-spacing:-1px;
color:#1a3150}
.topbar-wordmark span{
font-size:9px;
letter-spacing:1.2px;
color:#6c7d91;
margin-left:3px}
.topbar-breadcrumb{
display:flex;
align-items:center;
gap:11px;
color:#a2adbb;
font-size:13px}
.topbar-breadcrumb b{
color:#43546b;
font-weight:700}
.top-actions{
margin-left:auto;
display:flex;
align-items:center;
gap:15px}
.top-link{
font-size:11px;
font-weight:650;
color:#6a7a8f;
white-space:nowrap}
.top-link:hover{
color:var(--blue)}
.quiet-btn{
border:1px solid #dce8f8;
background:#f4f8ff;
color:#2269bd;
border-radius:9px;
padding:9px 12px;
font-size:11px;
font-weight:750;
white-space:nowrap}
.quiet-btn:hover{
background:#e8f2ff}
.account-button{
width:35px;
height:35px;
border:0;
border-radius:50%;
display:grid;
place-items:center;
background:#e5efff;
color:#1d67bb;
font-weight:850;
font-size:13px;
overflow:hidden}
.account-button img{
width:100%;
height:100%;
object-fit:cover}
.account-initial{
display:grid;
place-items:center;
width:100%;
height:100%}
.icon-btn{
width:35px;
height:35px;
display:grid;
place-items:center;
border:1px solid var(--line);
border-radius:9px;
background:#fff;
color:#66768a;
font-size:21px;
line-height:1}
.menu-toggle{
display:none}
.page-wrap{
max-width:1480px;
margin:0 auto;
padding:28px 30px 16px}
.welcome-banner{
position:relative;
min-height:244px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
overflow:hidden;
padding:32px 38px;
border-radius:18px;
background:linear-gradient(118deg,#123c73 0%,#1c5da9 54%,#2b82e3 100%);
color:#fff;
box-shadow:0 10px 25px rgba(23,79,144,.16)}
.welcome-banner:before{
content:"";
position:absolute;
width:460px;
height:460px;
right:7%;
top:-250px;
border:1px solid rgba(255,255,255,.12);
border-radius:50%}
.welcome-banner:after{
content:"";
position:absolute;
width:350px;
height:350px;
right:11%;
top:-185px;
border:1px solid rgba(255,255,255,.12);
border-radius:50%}
.welcome-copy{
position:relative;
z-index:2;
max-width:650px}
.eyebrow{
display:flex;
align-items:center;
gap:7px;
color:#8396ad;
font-size:9px;
font-weight:850;
letter-spacing:1.25px}
.welcome-banner .eyebrow{
color:#c0dcff}
.eyebrow-dot{
width:6px;
height:6px;
border-radius:50%;
background:#70b4ff}
.welcome-banner h1{
font-size:32px;
line-height:1.12;
letter-spacing:-1.4px;
margin:12px 0 12px;
font-weight:850}
.welcome-banner h1 span{
color:#b6d7ff}
.welcome-banner p{
max-width:570px;
margin:0;
color:#d4e6fa;
font-size:12.5px;
line-height:1.75}
.welcome-actions{
display:flex;
align-items:center;
gap:10px;
margin-top:22px}
.primary-btn,.secondary-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:39px;
border-radius:9px;
padding:10px 14px;
font-size:11px;
font-weight:800;
border:1px solid transparent;
transition:transform .15s,background .15s}
.primary-btn{
background:#fff;
color:#1859a5;
box-shadow:0 4px 10px rgba(0,0,0,.08)}
.primary-btn:hover{
background:#eaf4ff;
transform:translateY(-1px)}
.secondary-btn{
border-color:rgba(255,255,255,.28);
background:rgba(255,255,255,.08);
color:#fff}
.secondary-btn:hover{
background:rgba(255,255,255,.16)}
.hero-art{
position:relative;
z-index:1;
flex:0 0 290px;
height:205px;
margin-right:5%;
display:grid;
place-items:center;
opacity:.92}
.orbit{
position:absolute;
border:1px solid rgba(191,221,255,.45);
border-radius:50%;
transform:rotate(-22deg)}
.orbit-one{
width:240px;
height:105px}
.orbit-two{
width:200px;
height:155px;
transform:rotate(48deg)}
.orbit-three{
width:180px;
height:180px;
border-color:rgba(191,221,255,.23)}
.orbit-core{
width:75px;
height:75px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.5);
border-radius:50%;
background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.3),rgba(255,255,255,.04));
box-shadow:0 0 55px rgba(147,198,255,.22);
font-family:Georgia,serif;
font-size:39px;
color:white}
.orbit-label{
position:absolute;
padding:4px 7px;
border:1px solid rgba(255,255,255,.22);
border-radius:5px;
background:rgba(12,50,96,.35);
font-size:8px;
font-weight:800;
letter-spacing:1px;
color:#d7eaff}
.label-one{
top:18px;
left:48px}
.label-two{
right:-12px;
top:91px}
.label-three{
bottom:15px;
left:74px}

.stats-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:13px;
margin:18px 0 27px}
.stat-card{
position:relative;
min-height:112px;
padding:15px 17px 12px;
background:#fff;
border:1px solid var(--line);
border-radius:13px;
box-shadow:0 2px 7px rgba(31,60,99,.02)}
.stat-icon{
position:absolute;
right:15px;
top:14px;
width:30px;
height:30px;
display:grid;
place-items:center;
border-radius:9px;
font-size:16px}
.blue-icon{
background:#e8f2ff;
color:#2875d7}
.violet-icon{
background:#f0edff;
color:#7866d6}
.green-icon{
background:#e5f8ef;
color:#239d6a}
.gold-icon{
background:#fff4dc;
color:#bf8a21}
.stat-card>span{
display:block;
color:#7a899c;
font-size:10.5px;
font-weight:700}
.stat-card>b{
display:block;
margin-top:6px;
font-size:25px;
line-height:1.2;
letter-spacing:-.6px;
color:#203550}
.stat-card small{
display:block;
margin-top:6px;
color:#9aa5b3;
font-size:9px}
.stat-card .status-value{
font-size:19px;
color:#21875d}

.content-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 292px;
align-items:start;
gap:24px}
.content-grid.single-view{
grid-template-columns:minmax(0,1fr)}
.content-grid.single-view .right-column{
display:none}
.primary-column{
min-width:0}
.section-heading{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
margin:0 0 16px}
.section-heading h2{
margin:4px 0 0;
font-size:21px;
letter-spacing:-.65px;
color:#1b304b}
.text-btn{
border:0;
background:transparent;
color:#2670c6;
font-size:10.5px;
font-weight:750;
padding:7px 0}
.text-btn:hover{
color:#154b8b;
text-decoration:underline}
.text-btn span{
font-size:16px;
vertical-align:-1px}
.right-column{
display:grid;
gap:14px;
min-width:0}
.panel{
padding:17px 17px 15px;
border:1px solid var(--line);
border-radius:13px;
background:#fff;
box-shadow:0 2px 7px rgba(31,60,99,.025)}
.panel-heading{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:10px}
.panel-heading b{
font-size:12.5px;
color:#263a55}
.panel-symbol{
font-size:17px;
color:#7f94ad}
.panel p{
margin:0 0 13px;
color:#77869a;
font-size:10.5px;
line-height:1.75}
.wide-primary,.wide-secondary{
width:100%;
min-height:35px;
border-radius:8px;
font-size:10.5px;
font-weight:800;
margin-top:7px}
.wide-primary{
border:1px solid var(--blue);
background:var(--blue);
color:white}
.wide-primary:hover{
background:var(--blue-dark)}
.wide-secondary{
border:1px solid #dfe7f1;
background:#fff;
color:#58708d}
.wide-secondary:hover{
background:#f5f8fc}
.small-status{
font-size:8px;
font-weight:850;
letter-spacing:.7px;
color:#2473c9;
background:#eaf3ff;
padding:4px 6px;
border-radius:4px}
.reference-link,.network-link{
width:100%;
display:flex;
align-items:center;
gap:10px;
text-align:left;
border:0;
background:transparent;
padding:10px 0;
border-bottom:1px solid #edf1f6}
.reference-link:last-of-type,.network-link:last-child{
border-bottom:0}
.reference-link:hover b,.network-link:hover b{
color:var(--blue)}
.reference-icon,.network-icon{
width:32px;
height:32px;
display:grid;
place-items:center;
flex:none;
border-radius:9px;
background:#e9f2ff;
color:#2875d7;
font-size:16px}
.reference-link>span:nth-child(2),.network-link>span:nth-child(2){
display:flex;
flex-direction:column;
min-width:0}
.reference-link b,.network-link b{
font-size:10.5px;
color:#31445d}
.reference-link small,.network-link small{
margin-top:2px;
color:#8a98a9;
font-size:9px}
.reference-link .arrow,.network-link .arrow{
margin-left:auto;
color:#9eabba;
font-size:20px}
.panel-footnote{
border-top:1px solid #edf1f6;
padding-top:9px;
margin-top:5px!important;
font-size:9px!important}
.panel-footnote b{
color:#55708e}
.network-icon.phi{
background:#f0ecff;
color:#7863d5}
.network-icon.logic{
background:#e7f8ef;
color:#1e9a68}
.ai-spark{
font-size:19px;
color:#8168d9}
.ai-suggestions{
display:flex;
flex-wrap:wrap;
gap:6px;
margin:8px 0 10px}
.suggestion{
border:1px solid #e3e8f3;
border-radius:6px;
background:#fafbfe;
color:#61718a;
font-size:9px;
padding:6px 8px}
.suggestion:hover{
border-color:#c2d7f4;
color:#2368b6}
.ai-input-wrap{
display:flex;
align-items:flex-end;
gap:6px;
padding:6px;
border:1px solid #dfe6f0;
border-radius:9px;
background:#fafcff}
.ai-input-wrap textarea{
resize:vertical;
min-height:40px;
max-height:130px;
flex:1;
min-width:0;
border:0;
outline:none;
background:transparent;
color:#263950;
font-size:11px;
padding:6px}
.ai-input-wrap textarea:focus-visible{
outline:none}
.send-btn{
width:31px;
height:31px;
display:grid;
place-items:center;
flex:none;
border:0;
border-radius:7px;
background:var(--blue);
color:white}
.send-btn:hover{
background:var(--blue-dark)}
.ai-response{
margin-top:11px;
padding:10px;
border-radius:8px;
background:#f5f8fd;
border:1px solid #e5edf7;
color:#53647b;
font-size:10.5px;
line-height:1.7;
white-space:pre-wrap;
overflow-wrap:anywhere;
max-height:330px;
overflow:auto}
.ai-open-full{
margin-top:5px}
.loading-card,.empty-state{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:130px;
border:1px dashed #d5dfeb;
border-radius:13px;
background:rgba(255,255,255,.65);
color:#8391a4;
font-size:12px}
.empty-state{
flex-direction:column;
text-align:center;
padding:25px}
.empty-state strong{
color:#3b4f68;
font-size:14px}
.empty-state p{
max-width:440px;
margin:0;
color:#7f8da0;
font-size:11px}
.empty-icon{
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:13px;
background:#e9f2ff;
color:#2b76d0;
font-size:22px}
.spinner{
width:16px;
height:16px;
border:2px solid #d9e7f7;
border-top-color:var(--blue);
border-radius:50%;
animation:spin .7s linear infinite}
@keyframes spin{
to{
transform:rotate(360deg)}
}

.thread-list{
display:grid;
gap:11px}
.thread-card{
position:relative;
padding:17px 18px 14px;
border:1px solid var(--line);
border-radius:13px;
background:#fff;
transition:box-shadow .16s,border-color .16s}
.thread-card:hover{
border-color:#d1e0f2;
box-shadow:0 5px 15px rgba(34,77,130,.05)}
.thread-card.is-pinned{
border-left:3px solid #e2ad41;
padding-left:16px}
.thread-card h3{
margin:0 0 7px;
font-size:14px;
line-height:1.4;
letter-spacing:-.18px;
color:#243b57}
.thread-card h3 button{
padding:0;
border:0;
background:transparent;
color:inherit;
text-align:left;
font-weight:800}
.thread-card h3 button:hover{
color:var(--blue)}
.thread-card>p{
margin:0 0 12px;
color:#728197;
font-size:11px;
line-height:1.75;
white-space:pre-wrap;
overflow-wrap:anywhere}
.thread-meta{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:11px;
color:#91a0b1;
font-size:9px}
.thread-meta .author{
display:inline-flex;
align-items:center;
gap:5px;
color:#61758e;
font-weight:700}
.mini-avatar{
width:22px;
height:22px;
display:inline-grid;
place-items:center;
flex:none;
border-radius:50%;
background:#e5efff;
color:#2b70c6;
font-size:9px;
font-weight:850;
overflow:hidden}
.mini-avatar img{
width:100%;
height:100%;
object-fit:cover}
.thread-meta .thread-open{
margin-left:auto;
color:#2a70c6;
font-weight:800;
border:0;
background:transparent;
font-size:9.5px}
.thread-meta .thread-open:hover{
text-decoration:underline}
.pin-badge{
color:#a57a22;
background:#fff5df}
.view-toolbar{
display:flex;
align-items:center;
gap:9px;
margin-bottom:14px}
.view-toolbar .form-control{
flex:1;
min-width:0}
.primary-small,.secondary-small,.danger-small{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
min-height:34px;
border-radius:8px;
padding:8px 12px;
font-size:10.5px;
font-weight:800;
border:1px solid transparent}
.primary-small{
background:var(--blue);
color:#fff}
.primary-small:hover{
background:var(--blue-dark)}
.secondary-small{
background:#fff;
border-color:#dce5f0;
color:#58708b}
.secondary-small:hover{
background:#f5f8fc}
.danger-small{
background:#fff1f1;
border-color:#f5d6d6;
color:#b83434}
.danger-small:hover{
background:#ffe6e6}
.muted{
color:#8a97a9;
font-size:10px;
line-height:1.7}
.form-control{
width:100%;
min-height:38px;
border:1px solid #dce4ee;
border-radius:8px;
background:#fff;
color:#263950;
padding:9px 11px;
font-size:11px}
.form-control::placeholder{
color:#a1adbb}
.form-control:focus{
border-color:#9ec4f3;
box-shadow:0 0 0 3px rgba(40,117,215,.09);
outline:none}
.form-label{
display:block;
margin:12px 0 6px;
color:#4f6077;
font-size:10.5px;
font-weight:800}
.form-actions{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:8px;
margin-top:15px}
.form-note{
margin:8px 0;
color:#8996a7;
font-size:9.5px;
line-height:1.65}
.prose{
font-size:12px;
line-height:1.8;
color:#53647b;
white-space:pre-wrap;
overflow-wrap:anywhere}
.prose h3{
font-size:14px;
color:#293f5b}
.toolbar-group{
display:flex;
align-items:center;
gap:7px;
flex-wrap:wrap}
.content-note{
padding:11px 13px;
border-radius:8px;
background:#f2f7ff;
border:1px solid #dfebfa;
color:#61748d;
font-size:10px;
line-height:1.7;
margin-bottom:13px}
.rule-list{
display:grid;
gap:9px}
.rule-item{
padding:13px 14px;
background:#fff;
border:1px solid var(--line);
border-radius:10px}
.rule-item h3{
margin:0 0 5px;
font-size:12px;
color:#2b405a}
.rule-item p{
margin:0;
color:#6e7d92;
font-size:10.5px;
line-height:1.75}
.rule-number{
display:inline-grid;
place-items:center;
width:22px;
height:22px;
margin-right:6px;
border-radius:7px;
background:#eaf3ff;
color:#2670c6;
font-size:10px}
.member-list{
display:grid;
gap:8px}
.member-row{
display:flex;
align-items:center;
gap:10px;
padding:11px 12px;
border:1px solid #e6ebf2;
border-radius:10px;
background:#fff}
.member-info{
flex:1;
min-width:0}
.member-info b{
display:block;
color:#31455e;
font-size:11px}
.member-info small{
display:block;
color:#8997a9;
font-size:9px;
margin-top:2px;
overflow-wrap:anywhere}
.role-pill{
display:inline-block;
padding:4px 7px;
border-radius:5px;
background:#edf2f8;
color:#687991;
font-size:8px;
font-weight:850;
text-transform:uppercase;
letter-spacing:.3px}
.role-pill.owner{
background:#fff0d5;
color:#986516}
.role-pill.admin{
background:#ffe7e7;
color:#b43b3b}
.role-pill.moderator{
background:#e9f1ff;
color:#2469b7}
.role-pill.researcher,.role-pill.judge{
background:#f0ebff;
color:#7059c4}
.status-pill{
font-size:8px;
font-weight:800;
color:#1b9665}
.status-pill.suspended,.status-pill.banned{
color:#c33c3c}
.staff-actions{
display:flex;
align-items:center;
gap:5px;
flex-wrap:wrap}
.staff-actions select{
max-width:125px;
min-height:30px;
padding:4px 6px;
font-size:9px}
.report-row,.audit-row{
padding:12px;
border:1px solid #e3eaf2;
border-radius:9px;
background:#fff;
margin-bottom:8px}
.report-row h4{
margin:0 0 5px;
font-size:11px;
color:#2c415c}
.report-row p,.audit-row p{
margin:0;
color:#728197;
font-size:10px;
line-height:1.7}
.report-actions{
display:flex;
gap:6px;
flex-wrap:wrap;
margin-top:9px}
.chat-layout{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:0;
border:1px solid var(--line);
border-radius:14px;
background:#fff;
overflow:hidden;
min-height:540px}
.chat-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:16px 18px;
border-bottom:1px solid #e7edf4;
background:#fff}
.chat-channel-title{
display:flex;
align-items:center;
gap:10px}
.chat-hash{
width:35px;
height:35px;
display:grid;
place-items:center;
border-radius:10px;
background:#eaf3ff;
color:#2875d7;
font-size:21px;
font-weight:800}
.chat-channel-title h3{
margin:0;
color:#2a3f5a;
font-size:14px}
.chat-channel-title p{
margin:2px 0 0;
color:#8b98a9;
font-size:9.5px}
.chat-status{
display:flex;
align-items:center;
gap:6px;
color:#229869;
font-size:9px;
font-weight:800}
.chat-messages{
display:flex;
flex-direction:column;
gap:3px;
min-height:350px;
max-height:55vh;
overflow:auto;
padding:16px 18px;
background:#fbfcfe}
.chat-message{
display:flex;
align-items:flex-start;
gap:9px;
padding:7px 0}
.chat-message:hover{
background:#f5f8fc}
.chat-message-body{
flex:1;
min-width:0}
.chat-message-head{
display:flex;
align-items:center;
gap:7px;
flex-wrap:wrap}
.chat-message-head b{
font-size:10.5px;
color:#324860}
.chat-message-head time{
font-size:8.5px;
color:#a0abba}
.chat-message-body p{
margin:3px 0 0;
color:#617188;
font-size:11px;
line-height:1.7;
white-space:pre-wrap;
overflow-wrap:anywhere}
.chat-composer{
display:flex;
align-items:flex-end;
gap:8px;
padding:13px;
border-top:1px solid #e7edf4;
background:#fff}
.chat-composer textarea{
flex:1;
min-width:0;
min-height:42px;
max-height:130px;
resize:vertical;
border:1px solid #dce5f0;
border-radius:9px;
padding:10px;
color:#30445e;
font-size:11px}
.chat-composer .primary-small{
min-height:42px}
.chat-notice{
padding:8px 14px;
background:#f6f9fe;
border-top:1px solid #edf1f7;
color:#91a0b2;
font-size:9px}
.ai-workspace{
display:grid;
grid-template-columns:minmax(0,1fr) 230px;
gap:14px}
.ai-chat-window{
display:flex;
flex-direction:column;
min-height:580px;
border:1px solid var(--line);
border-radius:14px;
background:#fff;
overflow:hidden}
.ai-chat-head{
padding:15px 18px;
border-bottom:1px solid var(--line);
display:flex;
align-items:center;
justify-content:space-between}
.ai-chat-head b{
font-size:13px;
color:#2a3f5a}
.ai-chat-head small{
display:block;
margin-top:2px;
color:#8d9aad;
font-size:9px}
.ai-chat-log{
flex:1;
display:flex;
flex-direction:column;
gap:12px;
min-height:400px;
max-height:62vh;
overflow:auto;
padding:18px;
background:#fbfcff}
.ai-bubble{
max-width:90%;
padding:11px 13px;
border-radius:11px;
font-size:11px;
line-height:1.8;
white-space:pre-wrap;
overflow-wrap:anywhere}
.ai-bubble.user{
align-self:flex-end;
background:#eaf3ff;
color:#31577f;
border-bottom-right-radius:3px}
.ai-bubble.assistant{
align-self:flex-start;
background:#fff;
border:1px solid #e7edf5;
color:#53647a;
border-bottom-left-radius:3px}
.ai-bubble .bubble-label{
display:block;
margin-bottom:4px;
color:#8292a8;
font-size:8px;
font-weight:850;
letter-spacing:.8px}
.ai-composer{
padding:13px;
border-top:1px solid var(--line);
display:flex;
gap:8px;
align-items:flex-end}
.ai-composer textarea{
flex:1;
min-width:0;
min-height:44px;
max-height:160px;
resize:vertical;
border:1px solid #dce5f0;
border-radius:9px;
padding:10px;
font-size:11px}
.ai-side-card{
padding:15px;
border:1px solid var(--line);
border-radius:12px;
background:#fff;
height:max-content}
.ai-side-card h3{
margin:0 0 8px;
color:#334962;
font-size:11px}
.ai-side-card p{
color:#7d8b9e;
font-size:10px;
line-height:1.75}
.ai-side-card button{
width:100%;
text-align:left;
border:1px solid #e1e8f1;
background:#fff;
border-radius:8px;
padding:8px;
margin-top:6px;
color:#5e7088;
font-size:9.5px}
.ai-side-card button:hover{
background:#f4f8ff;
color:#236bc0}

.modal-backdrop{
position:fixed;
z-index:100;
inset:0;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
background:rgba(16,31,53,.45);
backdrop-filter:blur(5px)}
.modal{
width:min(100%,660px);
max-height:min(90vh,900px);
overflow:auto;
border-radius:16px;
background:#fff;
border:1px solid rgba(255,255,255,.7);
box-shadow:0 24px 90px rgba(8,25,48,.25);
padding:21px 23px 23px}
.modal.modal-wide{
width:min(100%,850px)}
.modal-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
margin-bottom:16px}
.modal-head h2{
margin:4px 0 0;
color:#223852;
font-size:20px;
letter-spacing:-.5px}
.modal-close{
flex:none}
.modal .eyebrow{
font-size:8px}
.modal-divider{
height:1px;
background:#edf1f6;
margin:16px 0}
.auth-switch{
display:flex;
gap:5px;
padding:4px;
border-radius:9px;
background:#f1f5fa;
margin-bottom:14px}
.auth-switch button{
flex:1;
border:0;
border-radius:7px;
background:transparent;
padding:8px;
color:#77879c;
font-size:10.5px;
font-weight:800}
.auth-switch button.active{
background:#fff;
color:#286cbd;
box-shadow:0 1px 5px rgba(31,58,95,.1)}
.google-auth-wrap{
display:flex;
justify-content:center;
min-height:42px;
margin:11px 0}
.auth-error{
padding:9px 11px;
border-radius:8px;
background:#fff0f0;
color:#b63838;
border:1px solid #f2dada;
font-size:10px;
margin:10px 0}
.auth-success{
padding:9px 11px;
border-radius:8px;
background:#edfaf3;
color:#1a8b5d;
border:1px solid #d5f0e2;
font-size:10px;
margin:10px 0}
.thread-detail-content{
padding:12px 0}
.thread-detail-body{
padding:14px 15px;
border:1px solid #e8edf4;
border-radius:10px;
background:#fcfdff;
margin:12px 0 15px}
.thread-detail-actions{
display:flex;
align-items:center;
gap:7px;
flex-wrap:wrap;
margin:12px 0}
.reply-list{
display:grid;
gap:9px;
margin:10px 0 15px}
.reply-card{
display:flex;
gap:9px;
padding:11px;
border:1px solid #e8edf4;
border-radius:9px;
background:#fff}
.reply-card .reply-body{
flex:1;
min-width:0}
.reply-card .reply-head{
display:flex;
align-items:center;
gap:7px;
flex-wrap:wrap}
.reply-card .reply-head b{
font-size:10px;
color:#3b4f68}
.reply-card .reply-head time{
font-size:8.5px;
color:#9aa6b5}
.reply-card p{
margin:4px 0 0;
font-size:10.5px;
color:#66778d;
line-height:1.75;
white-space:pre-wrap;
overflow-wrap:anywhere}
.reply-card .reply-delete{
margin-left:auto;
border:0;
background:transparent;
color:#bf4a4a;
font-size:9px}
.toast{
position:fixed;
z-index:200;
bottom:22px;
left:50%;
transform:translate(-50%,20px);
opacity:0;
pointer-events:none;
max-width:min(92vw,560px);
padding:11px 16px;
border-radius:10px;
background:#193a62;
color:#fff;
box-shadow:0 9px 30px rgba(13,34,61,.22);
font-size:11px;
line-height:1.6;
transition:opacity .2s,transform .2s}
.toast.show{
opacity:1;
transform:translate(-50%,0)}
.site-footer{
display:flex;
align-items:center;
gap:15px;
flex-wrap:wrap;
padding:26px 2px 10px;
color:#9aa6b5;
font-size:9px}
.site-footer span:nth-child(2){
margin-left:auto}
.site-footer a{
color:#6e88a8}
.site-footer a:hover{
color:var(--blue)}
.system-note{
padding:12px 14px;
border:1px solid #dce9fa;
border-radius:9px;
background:#f4f8ff;
color:#647891;
font-size:10px;
line-height:1.7;
margin-bottom:12px}
.danger-zone{
padding:12px;
border:1px solid #f0dada;
background:#fff8f8;
border-radius:10px}
.danger-zone h3{
margin:0 0 5px;
font-size:11px;
color:#ae4141}
.empty-inline{
color:#95a2b2;
font-size:10px;
padding:10px 0}
.table-scroll{
overflow:auto}
.data-table{
width:100%;
border-collapse:collapse;
font-size:10px}
.data-table th,.data-table td{
padding:9px;
border-bottom:1px solid #e8edf4;
text-align:left;
vertical-align:top}
.data-table th{
color:#74849a;
font-size:9px;
text-transform:uppercase;
letter-spacing:.5px}
.data-table td{
color:#53657c}
.modal code{
padding:2px 4px;
border-radius:4px;
background:#f0f4f9;
color:#435b78}

@media(min-width:1600px){
.page-wrap{
padding-left:38px;
padding-right:38px}
.content-grid{
grid-template-columns:minmax(0,1fr) 320px;
gap:28px}
.welcome-banner{
padding-left:44px}
.hero-art{
margin-right:9%}
}

@media(max-width:1200px){
:root{
--sidebar-width:225px}
.topbar{
padding:0 20px;
gap:13px}
.page-wrap{
padding:23px 20px 14px}
.top-link{
display:none}
.content-grid{
grid-template-columns:minmax(0,1fr) 270px;
gap:16px}
.welcome-banner{
padding:29px}
.hero-art{
flex-basis:230px;
margin-right:0}
.welcome-banner h1{
font-size:29px}
.stats-grid{
gap:9px}
.stat-card{
padding:13px}
.ai-workspace{
grid-template-columns:minmax(0,1fr) 200px}
}

@media(max-width:930px){
:root{
--sidebar-width:250px}
.sidebar{
transform:translateX(-105%);
transition:transform .23s ease;
box-shadow:12px 0 40px rgba(20,43,73,.12)}
.sidebar.open{
transform:translateX(0)}
.mobile-close{
display:block;
margin:0 7px 6px auto;
border:0;
background:#f2f6fb;
border-radius:7px;
padding:6px 9px;
color:#65758a;
font-size:10px}
.mobile-scrim.show{
display:block;
position:fixed;
z-index:45;
inset:0;
background:rgba(18,33,53,.35)}
.main{
margin-left:0}
.menu-toggle{
display:grid}
.topbar{
height:62px}
.content-grid{
grid-template-columns:minmax(0,1fr)}
.right-column{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start}
.ask-panel{
grid-column:span 2}
.welcome-banner{
min-height:230px}
.hero-art{
opacity:.55;
position:absolute;
right:8px;
top:10px}
.welcome-copy{
max-width:75%}
.ai-workspace{
grid-template-columns:minmax(0,1fr)}
}

@media(max-width:640px){
.topbar{
padding:0 12px;
gap:9px}
.topbar-wordmark{
font-size:16px}
.topbar-wordmark span{
display:none}
.topbar-breadcrumb{
gap:6px;
font-size:11px}
.top-actions{
gap:7px}
.quiet-btn{
padding:8px;
font-size:0}
.quiet-btn:after{
content:"✧ AI";
font-size:10px}
.account-button{
width:32px;
height:32px}
.page-wrap{
padding:15px 12px 10px}
.welcome-banner{
padding:23px 20px;
border-radius:14px;
min-height:260px}
.welcome-copy{
max-width:100%}
.welcome-banner h1{
font-size:28px}
.welcome-banner p{
max-width:390px;
font-size:11.5px}
.hero-art{
right:-92px;
top:53px;
transform:scale(.78);
opacity:.24}
.welcome-actions{
flex-wrap:wrap;
margin-top:18px}
.primary-btn,.secondary-btn{
min-height:37px;
padding:9px 11px}
.stats-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin:12px 0 21px}
.stat-card{
min-height:100px;
padding:12px}
.stat-card>b{
font-size:23px}
.stat-icon{
right:10px;
top:10px;
width:26px;
height:26px}
.section-heading h2{
font-size:19px}
.section-heading{
align-items:flex-end}
.section-heading>.text-btn{
font-size:9px}
.thread-card{
padding:14px}
.thread-card.is-pinned{
padding-left:12px}
.thread-card h3{
font-size:13px}
.thread-meta{
gap:8px}
.thread-meta .thread-open{
margin-left:0}
.right-column{
grid-template-columns:minmax(0,1fr)}
.ask-panel{
grid-column:auto}
.view-toolbar{
align-items:stretch;
flex-wrap:wrap}
.view-toolbar .form-control{
flex-basis:100%}
.modal-backdrop{
padding:8px;
align-items:flex-end}
.modal{
width:100%;
max-height:92vh;
border-radius:16px 16px 0 0;
padding:18px 16px 20px}
.modal-head h2{
font-size:18px}
.chat-messages{
padding:12px;
max-height:50vh}
.chat-header{
padding:12px}
.chat-composer{
padding:10px}
.ai-chat-window{
min-height:500px}
.ai-chat-log{
padding:12px;
min-height:330px}
.ai-bubble{
max-width:96%}
.site-footer{
gap:8px}
.site-footer span:nth-child(2){
margin-left:0;
flex-basis:100%;
order:3}
.site-footer a{
margin-left:auto}
.member-row{
align-items:flex-start;
flex-wrap:wrap}
.staff-actions{
width:100%;
padding-left:32px}
.staff-actions select{
max-width:none;
flex:1}
.thread-detail-actions>*{
flex:1}
.thread-detail-actions button{
font-size:9px;
padding:7px}
.report-actions button{
flex:1}
.hero-art .orbit-label{
display:none}
}

@media(prefers-reduced-motion:reduce){
*,*::before,*::after{
scroll-behavior:auto!important;
animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important}
}


/* PABC CLASSIC SOCIAL NETWORK SKIN
   Intentionally dials down the glassmorphism/gradient look in favour of an old-school
   blue-header, grey-canvas, white-post community forum. */
:root{
  --blue:#3b5998;--blue-dark:#2d4373;--blue-soft:#e7ebf2;--navy:#2f477a;
  --ink:#1d2129;--muted:#606770;--line:#d3d6db;--surface:#fff;--canvas:#e9ebee;
  --green:#42b72a;--red:#c9302c;--gold:#d2a23a;--violet:#606f9b;
  --shadow:none;--radius:2px;--sidebar-width:205px;
  font-family:Arial,Helvetica,sans-serif;
}
html{scroll-behavior:auto}
body{background:#e9ebee;color:#1d2129;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.45}
a{color:#3b5998}
button,input,textarea,select{font-family:Arial,Helvetica,sans-serif;font-size:13px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #6d84b4;outline-offset:1px}
.sidebar{top:48px;bottom:0;width:var(--sidebar-width);padding:10px 8px 9px;background:#f5f6f7;border-right:1px solid #c7cbd1;box-shadow:none}
.brand{padding:3px 7px 12px;gap:8px;border-bottom:1px solid #d9dde3}
.brand-mark{width:28px;height:28px;border-radius:3px;background:#3b5998;box-shadow:none;font-size:18px;letter-spacing:0}
.brand-copy b{font-size:14px;letter-spacing:0;color:#3b5998}
.brand-copy small{font-size:10px;color:#606770;white-space:normal}
.side-label{margin:12px 7px 5px;color:#737b86;font-size:10px;font-weight:bold;letter-spacing:.4px}
.side-label-row{margin-top:16px}
.side-mini{font-size:8px;color:#89919c}
.nav-item{border-radius:2px;color:#3b5998;padding:7px 8px;margin:1px 0;font-size:12px;font-weight:normal;gap:7px;transition:none}
.nav-item:hover{background:#e2e5e9;color:#2d4373}
.nav-item.active{background:#d8deea;color:#273f75;font-weight:bold;box-shadow:inset 3px 0 0 #3b5998}
.nav-icon{width:16px;font-size:15px;color:#53698c}
.nav-count{font-size:10px;color:#6d7786}
.live-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:#42b72a;box-shadow:none}
.channel-item{border-radius:2px;color:#3b5998;padding:5px 8px 5px 13px;font-size:11px;transition:none}
.channel-item:hover,.channel-item.active{background:#e2e5e9;color:#263f75}
.channel-item.active{font-weight:bold}
.channel-item>span:first-child{font-size:14px;color:#6b778c}
.sidebar-bottom{padding:10px 7px 3px;border-top:1px solid #d9dde3;color:#6b7078;font-size:10px}
.main{margin-left:var(--sidebar-width);min-width:0}
.topbar{height:48px;padding:0 16px;gap:13px;background:#3b5998;backdrop-filter:none;border-bottom:1px solid #294477;color:#fff;box-shadow:none}
.topbar-wordmark{font-size:19px;font-weight:bold;letter-spacing:-.5px;color:#fff}
.topbar-wordmark span{font-size:10px;letter-spacing:.4px;color:#dfe6f2}
.topbar-breadcrumb{color:#d7e0ef;font-size:12px;gap:8px}
.topbar-breadcrumb b{color:#fff;font-weight:bold}
.top-actions{gap:10px}
.top-link{font-size:11px;font-weight:bold;color:#e1e7f0}
.top-link:hover{color:#fff;text-decoration:underline}
.quiet-btn{border:1px solid #294477;background:#314e86;color:#fff;border-radius:2px;padding:6px 9px;font-size:11px;font-weight:bold}
.quiet-btn:hover{background:#2d477a}
.account-button{width:29px;height:29px;border:1px solid #2b477a;border-radius:2px;background:#dce4f2;color:#3b5998;font-weight:bold}
.icon-btn{width:30px;height:30px;border:1px solid #c5cbd4;border-radius:2px;background:#f7f8fa;color:#455979;font-size:19px}
.page-wrap{max-width:1160px;padding:16px 18px 25px}
.welcome-banner{min-height:unset;display:block;padding:17px 19px;background:#fff;color:#1d2129;border:1px solid #d3d6db;border-radius:2px;box-shadow:none}
.welcome-banner:before,.hero-art{display:none!important}
.welcome-copy{max-width:none;position:relative}
.welcome-copy .eyebrow{font-size:10px;color:#606770;letter-spacing:.2px;font-weight:bold}
.eyebrow-dot{background:#3b5998;box-shadow:none}
.welcome-copy h1{margin:7px 0 5px;font-size:22px;line-height:1.2;letter-spacing:0;color:#1d2129;font-weight:bold}
.welcome-copy h1 span{color:#3b5998}
.welcome-copy p{max-width:780px;margin:0;color:#606770;font-size:12px;line-height:1.5}
.welcome-actions{margin-top:11px;gap:7px}
.primary-btn,.secondary-btn,.primary-small,.secondary-small,.danger-small,.wide-primary,.wide-secondary{border-radius:2px;box-shadow:none;transition:none;font-weight:bold}
.primary-btn,.primary-small,.wide-primary{border:1px solid #29447a;background:#4267a9;color:#fff}
.primary-btn:hover,.primary-small:hover,.wide-primary:hover{background:#365899}
.secondary-btn,.secondary-small,.wide-secondary{border:1px solid #ccd0d5;background:#f5f6f7;color:#4b4f56}
.secondary-btn:hover,.secondary-small:hover,.wide-secondary:hover{background:#ebedf0}
.danger-small{border:1px solid #b52a27;background:#c9302c;color:#fff}
.stats-grid{gap:9px;margin:12px 0 17px}
.stat-card{min-height:83px;padding:11px 12px;border:1px solid #d3d6db;border-radius:2px;background:#fff;box-shadow:none;grid-template-columns:27px 1fr;column-gap:8px}
.stat-icon{width:25px;height:25px;border-radius:2px;background:#e7ebf2;color:#3b5998;box-shadow:none}
.stat-card>span{font-size:10px;color:#606770}
.stat-card>b{font-size:19px;margin-top:3px;letter-spacing:0;color:#1d2129}
.stat-card small{font-size:10px;color:#90949c}
.content-grid{grid-template-columns:minmax(0,1fr) 265px;gap:13px}
.content-grid.single-view{grid-template-columns:minmax(0,1fr)}
.section-heading{margin:0 0 9px;padding:0 0 8px;border-bottom:1px solid #ccd0d5}
.section-heading h2{font-size:17px;letter-spacing:0;color:#1d2129;margin:2px 0 0}
.section-heading .eyebrow{color:#606770;font-size:10px;letter-spacing:.2px}
.text-btn{color:#3b5998;font-size:11px}
.right-column{gap:10px}
.panel{padding:12px 12px 11px;border:1px solid #d3d6db;border-radius:2px;background:#fff;box-shadow:none}
.panel-heading{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e4e6eb}
.panel-heading b{font-size:12px;color:#1d2129}
.panel p{font-size:11px;line-height:1.5;color:#606770}
.panel-symbol,.ai-spark{color:#3b5998}
.wide-primary,.wide-secondary{min-height:30px;font-size:11px;margin-top:5px}
.reference-link,.network-link{border-radius:0;padding:8px 0;border-top:1px solid #edf0f3}
.reference-icon,.network-icon{border-radius:2px;box-shadow:none}
.thread-list{gap:9px}
.thread-card{padding:12px 13px 10px;border:1px solid #d3d6db;border-radius:2px;background:#fff;box-shadow:none;transition:none}
.thread-card:hover{border-color:#c2c7d0;box-shadow:none}
.thread-card.is-pinned{border-left:3px solid #6b7fa8;padding-left:11px}
.thread-top{gap:5px;margin-bottom:6px}
.tag{border-radius:2px;padding:3px 5px;background:#f0f2f5;color:#606770;font-size:9px;font-weight:bold;letter-spacing:0}
.tag.green{background:#e8f5e9;color:#2e6e35}
.tag.gray{background:#eceff3;color:#606770}
.tag.gold{background:#f9f1d8;color:#806722}
.thread-card h3{font-size:14px;letter-spacing:0;margin:0 0 5px;color:#3b5998}
.thread-card h3 button{color:#3b5998;font-size:14px;font-weight:bold}
.thread-card h3 button:hover{color:#243f73;text-decoration:underline}
.thread-card>p{font-size:12px;line-height:1.55;color:#4b4f56;margin-bottom:9px}
.thread-meta{gap:8px;color:#90949c;font-size:10px}
.thread-meta .author{color:#3b5998;font-weight:bold}
.mini-avatar{border-radius:2px;background:#d8deea;color:#3b5998;width:24px;height:24px;font-weight:bold}
.mini-avatar img{border-radius:2px}
.view-toolbar{gap:7px;margin-bottom:11px;padding:9px;background:#f5f6f7;border:1px solid #d3d6db;border-radius:2px}
.form-control{border:1px solid #ccd0d5;background:#fff;border-radius:2px;color:#1d2129;box-shadow:inset 0 1px 1px rgba(0,0,0,.04);padding:8px 9px}
.form-control:focus{border-color:#8b9dc3;box-shadow:0 0 0 1px #d3d9e4}
.form-label{font-size:11px;color:#4b4f56;font-weight:bold}
.form-note,.content-note{color:#737a84;font-size:10.5px;line-height:1.5}
.modal-backdrop{background:rgba(33,45,66,.52);backdrop-filter:none;padding:20px}
.modal{border:1px solid #bfc5ce;border-radius:3px;box-shadow:0 5px 22px rgba(0,0,0,.22);max-width:620px}
.modal.modal-wide{max-width:850px}
.modal-head{padding:13px 16px;background:#f5f6f7;border-bottom:1px solid #d3d6db}
.modal-head h2{font-size:17px;letter-spacing:0;color:#1d2129}
.modal .eyebrow{font-size:9px;color:#606770;letter-spacing:.4px}
.modal-close{border:0;background:transparent;color:#737a84;font-size:23px}
.modal-divider{background:#e4e6eb}
.thread-detail-content{font-size:12px}
.thread-detail-body{font-size:12px;line-height:1.7;color:#1d2129}
.reply-card{border-top:1px solid #e4e6eb;padding:9px 0;border-radius:0}
.reply-head b{color:#3b5998}
.reply-body p{font-size:12px;color:#1d2129;line-height:1.55}
.role-pill{border-radius:2px;font-size:9px;padding:2px 4px}
.auth-switch{border-radius:2px;background:#eef0f3;padding:3px}
.auth-switch button{border-radius:2px;font-weight:bold;color:#606770}
.auth-switch button.active{color:#3b5998;background:#fff;box-shadow:none}
.auth-error,.auth-success,.system-note{border-radius:2px}
.system-note{background:#eef2f8;border-left:3px solid #3b5998;color:#39475d}
.site-footer{border-top:1px solid #d3d6db;color:#858b93;font-size:10px}
.toast{border-radius:2px;background:#303b50;box-shadow:none}
.empty-state{border:1px dashed #c7ccd4;border-radius:2px;background:#fff;padding:24px 15px}
.empty-icon{border-radius:2px;background:#e7ebf2;color:#3b5998}
.rule-list{gap:8px}
.rule-item{border:1px solid #d3d6db;border-radius:2px;background:#fff;padding:12px}
.rule-item h3{font-size:12px;color:#1d2129}
.rule-item p{font-size:11.5px;line-height:1.6;color:#606770}
.rule-number{border-radius:2px;background:#e7ebf2;color:#3b5998}
.ai-chat-window,.ai-side-card,.ai-response,.wiki-editor{border-radius:2px;border:1px solid #d3d6db;box-shadow:none}
.ai-chat-head{background:#f5f6f7;border-bottom:1px solid #d3d6db}
.ai-chat-bubble{border-radius:2px}
.audit-row{border-radius:2px;border:1px solid #d3d6db}
.fb-compose{margin-bottom:10px;border:1px solid #d3d6db;background:#fff;border-radius:2px}
.fb-compose-head{padding:8px 10px;background:#f5f6f7;border-bottom:1px solid #e4e6eb;font-weight:bold;color:#4b4f56}
.fb-compose-body{display:flex;gap:8px;padding:10px}
.fb-compose-avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#d8deea;color:#3b5998;font-weight:bold;border-radius:2px}
.fb-compose-trigger{flex:1;text-align:left;border:1px solid #ccd0d5;background:#fff;color:#90949c;border-radius:2px;padding:9px}
.fb-compose-actions{display:flex;gap:6px;padding:8px 10px;background:#f5f6f7;border-top:1px solid #e4e6eb}
.fb-compose-actions button{border:1px solid #ccd0d5;background:#fff;color:#4b4f56;border-radius:2px;padding:6px 9px;font-weight:bold;font-size:11px}
.fb-feed-heading{display:flex;justify-content:space-between;margin:12px 0 7px;padding-bottom:5px;border-bottom:1px solid #ccd0d5;color:#606770;font-size:11px;font-weight:bold}
.fb-feed-heading span{font-weight:normal;color:#90949c}
.form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.template-action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;color:#737a84;font-size:10px}
.advanced-debate-fields{margin:10px 0;padding:10px;border:1px solid #d3d6db;background:#f9fafb}
.advanced-debate-fields summary{cursor:pointer;color:#3b5998;font-weight:bold;font-size:11px;margin-bottom:8px}
.advanced-debate-fields[open] summary{margin-bottom:10px}
.advanced-debate-fields .form-control{margin-bottom:8px}
.debate-meta-panel{margin:10px 0;padding:10px;background:#f5f6f7;border:1px solid #d3d6db}
.debate-meta-grid,.cosmology-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}
.debate-meta-grid span,.cosmology-meta-grid>div{display:block;padding:7px;background:#fff;border:1px solid #e4e6eb;overflow-wrap:anywhere}
.debate-meta-grid strong,.cosmology-meta-grid b{display:block;color:#606770;font-size:10px;margin-bottom:4px}
.cosmology-axiom{margin:9px 0;padding:9px;border-left:3px solid #3b5998;background:#f5f6f7}
.cosmology-axiom p,.cosmology-meta-grid p{margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.cosmology-links{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0}
.cosmology-links a{color:#3b5998;font-size:11px;font-weight:bold;text-decoration:none}
.cosmology-links a:hover{text-decoration:underline}
@media(max-width:930px){
  :root{--sidebar-width:205px}
  .topbar{padding:0 12px}
  .page-wrap{padding:12px}
  .content-grid{grid-template-columns:minmax(0,1fr) 235px;gap:10px}
}
@media(max-width:760px){
  .sidebar{top:0;z-index:80;box-shadow:3px 0 12px rgba(0,0,0,.08)}
  .main{margin-left:0}
  .topbar{height:46px;gap:9px}
  .top-link{display:none}
  .content-grid{grid-template-columns:minmax(0,1fr)}
  .right-column{display:none}
  .page-wrap{padding:10px 8px}
  .welcome-banner{padding:13px}
  .welcome-copy h1{font-size:19px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-two-col{grid-template-columns:1fr}
  .modal-backdrop{padding:8px}
  .modal{max-height:96vh}
}
@media(max-width:480px){
  .topbar-breadcrumb{display:none}
  .topbar-wordmark{font-size:17px}
  .quiet-btn{padding:5px;font-size:10px}
  .section-heading h2{font-size:15px}
  .stats-grid{gap:6px}
  .stat-card{padding:8px}
  .debate-meta-grid,.cosmology-meta-grid{grid-template-columns:1fr}
}


/* PABC Nexus profile, Markdown/MathJax and elevated pinned-reference polish */
.profile-editor-form{display:flex;flex-direction:column;gap:8px}
.profile-editor-hero{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:start;padding:12px;margin-bottom:8px;border:1px solid #d3d6db;background:linear-gradient(135deg,#f5f7fb,#fff)}
.profile-avatar-stage{width:112px;height:112px;display:grid;place-items:center;overflow:hidden;border:1px solid #c8d1e0;background:#e7ebf2;color:#3b5998;font-size:32px;font-weight:bold;box-shadow:0 2px 8px rgba(31,55,91,.12)}
.profile-avatar-stage img{width:100%;height:100%;object-fit:cover}
#profileCropZoom{display:block;width:100%;accent-color:#3b5998;margin:6px 0 10px}
#profileRemoveAvatar{margin-top:3px}
.markdown-help{font-size:10.5px;color:#737a84;margin:3px 0 10px;line-height:1.55}
.prose,.reply-markdown,.chat-markdown{overflow-wrap:anywhere;word-break:normal;line-height:1.75}
.prose p,.reply-markdown p,.chat-markdown p{margin:0 0 .75em;white-space:normal}
.prose p:last-child,.reply-markdown p:last-child,.chat-markdown p:last-child{margin-bottom:0}
.prose h1,.prose h2,.prose h3,.reply-markdown h1,.reply-markdown h2,.reply-markdown h3,.chat-markdown h1,.chat-markdown h2,.chat-markdown h3{color:#2f4770;margin:.9em 0 .4em;line-height:1.35}
.prose blockquote,.reply-markdown blockquote,.chat-markdown blockquote{margin:.8em 0;padding:8px 12px;border-left:3px solid #8b9dc3;background:#f5f7fb;color:#555f70}
.prose pre,.reply-markdown pre,.chat-markdown pre{max-width:100%;overflow:auto;padding:10px;background:#1d2738;color:#f1f5fb;border-radius:3px}
.prose code,.reply-markdown code,.chat-markdown code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.94em;background:#eef1f6;padding:1px 4px;border-radius:2px}
.prose pre code,.reply-markdown pre code,.chat-markdown pre code{background:transparent;padding:0;color:inherit}
.prose table,.reply-markdown table,.chat-markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.prose th,.prose td,.reply-markdown th,.reply-markdown td,.chat-markdown th,.chat-markdown td{border:1px solid #d3d6db;padding:6px 8px;text-align:left}
.prose img,.reply-markdown img,.chat-markdown img{max-width:100%;height:auto}
.prose a,.reply-markdown a,.chat-markdown a{color:#3b5998;text-decoration:underline;overflow-wrap:anywhere}
.prose mjx-container[display="true"],.reply-markdown mjx-container[display="true"],.chat-markdown mjx-container[display="true"]{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:5px 0}
.pinned-panel{position:relative;overflow:hidden;border-top:3px solid #6b7fa8;background:linear-gradient(180deg,#fff,#f8faff)}
.pinned-panel:before{content:"";position:absolute;right:-26px;top:-32px;width:90px;height:90px;border:1px solid rgba(59,89,152,.12);border-radius:50%;pointer-events:none}
.pinned-panel .panel-heading{position:relative}
.pinned-panel .small-status{background:#e7edf8;color:#35558d;border:1px solid #c8d4e8;padding:3px 6px;font-weight:bold;letter-spacing:.4px}
.reference-link{transition:background .15s,border-color .15s;position:relative}
.reference-link:hover{background:#f1f5fc;border-color:#c2cfe4}
.reference-icon{box-shadow:inset 0 0 0 1px rgba(59,89,152,.08)}
.thread-card.is-pinned{box-shadow:0 1px 0 rgba(59,89,152,.06);background:linear-gradient(90deg,#f7f9fe,#fff 45%)}
.thread-card.is-pinned:before{content:"PINNED REFERENCE";display:inline-block;font-size:8px;letter-spacing:.65px;color:#35558d;background:#e8eef9;border:1px solid #cbd7eb;padding:2px 5px;margin-bottom:5px;font-weight:bold}
.audit-row,.moderation-card{transition:border-color .15s,box-shadow .15s}
.audit-row:hover,.moderation-card:hover{border-color:#aab9d2;box-shadow:0 2px 8px rgba(40,65,105,.06)}
@media(max-width:520px){.profile-editor-hero{grid-template-columns:84px minmax(0,1fr);gap:10px;padding:9px}.profile-avatar-stage{width:84px;height:84px}.prose table,.reply-markdown table,.chat-markdown table{font-size:11px}.prose mjx-container[display="true"]{font-size:90%}}


/* Feature expansion: reactions, markdown, crop controls, and long-history affordances */
.reaction-section { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:16px 0 8px; padding-top:12px; border-top:1px solid var(--border,#e3e8ef); color:var(--muted,#667085); font-size:12px; }
.reaction-bar { display:flex; flex-wrap:wrap; gap:6px; min-height:30px; }
.reaction-chip { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:30px; padding:4px 9px; border:1px solid var(--border,#d8e0eb); border-radius:999px; background:var(--panel,#fff); color:inherit; cursor:pointer; transition:transform .12s ease,border-color .12s ease,background .12s ease; }
.reaction-chip:hover { transform:translateY(-1px); border-color:var(--accent,#3d5f9e); }
.reaction-chip.reacted { background:#eaf0ff; border-color:#5272b2; color:#284c91; }
.reaction-chip span { font-size:11px; font-weight:700; }
.reaction-error { color:#9b3b3b; font-size:11px; }
.ai-rich-content, .chat-markdown, .reply-markdown { overflow-wrap:anywhere; }
.ai-rich-content p, .chat-markdown p, .reply-markdown p { margin:7px 0; }
.ai-rich-content pre, .chat-markdown pre, .reply-markdown pre { max-width:100%; overflow:auto; padding:12px; border-radius:8px; background:#111827; color:#e5e7eb; }
.ai-rich-content code, .chat-markdown code, .reply-markdown code { overflow-wrap:anywhere; }
.ai-rich-content blockquote, .chat-markdown blockquote, .reply-markdown blockquote { margin:10px 0; padding:4px 12px; border-left:3px solid var(--accent,#3d5f9e); color:var(--muted,#667085); }
.chat-load-older { display:block; margin:8px auto 14px; }
.chat-notice { line-height:1.65; }
.profile-editor-hero input[type="range"] { display:block; width:100%; accent-color:var(--accent,#3d5f9e); margin:5px 0 12px; }
.profile-avatar-stage { overflow:hidden; }
.thread-list-load-more { display:flex; justify-content:center; padding:18px 0 8px; }
.command-help { margin-top:8px; padding:8px 10px; border-radius:8px; background:var(--soft,#f5f7fb); color:var(--muted,#667085); font-size:12px; line-height:1.6; }

.tiering-checklist { margin:0; padding:4px 0 4px 22px; display:grid; gap:10px; }
.tiering-checklist li { padding-left:4px; line-height:1.65; color:var(--text,#273449); }
.tiering-checklist li::marker { color:var(--accent,#3d5f9e); font-weight:800; }
.tiering-checklist li b { color:var(--heading,#203a63); }
.tiering-checklist-panel { border-top:3px solid #d5b35f; }
.thread-card.is-pinned { border-left:4px solid #c59a38; background:linear-gradient(110deg,rgba(248,241,218,.45),var(--panel,#fff) 42%); }


/* PABC Nexus classic-modern polish, tier atlas, thorn identity, and emoji drawer */
.thorn-mark {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 31px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -3px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #183b76, #4d6ba8 58%, #d8c48a) !important;
  color: #fffaf0 !important;
  border: 1px solid rgba(255,255,255,.48);
  box-shadow: inset 0 1px rgba(255,255,255,.3), 0 2px 5px rgba(14,32,66,.18);
}
.tier-atlas { margin: 0 0 15px; overflow: hidden; border-top: 3px solid #b69a56; }
.tier-atlas .panel-heading { align-items: center; }
.tier-atlas .panel-heading h2 { margin: 2px 0 0; font-size: 1.22rem; color: var(--ink, #263b5d); }
.eyebrow { color: #a48642; font-size: .68rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.tier-graph { display: grid; gap: 7px; margin: 12px 0 8px; }
.tier-axis { display: grid; grid-template-columns: 48px minmax(150px, 1fr) minmax(65px, 2fr); align-items: center; gap: 10px; padding: 7px 9px; border: 1px solid #d9dfeb; border-radius: 5px; background: linear-gradient(90deg, #fbfcff, #f2f5fb); font-size: .82rem; }
.tier-axis > span { color: #405d8e; font-weight: 800; font-variant-numeric: tabular-nums; }
.tier-axis > b { font-weight: 700; color: #33435d; }
.tier-axis > i { display: block; height: 9px; width: var(--tier-width); border-radius: 2px; background: linear-gradient(90deg, #3c5d9b, #a3b4d4 75%, #d1bd83); box-shadow: inset 0 1px rgba(255,255,255,.5); }
.tier-horizon { border-color: #bca96d; background: linear-gradient(90deg, #fbf8ed, #f1eee4); }
.tier-horizon > span { color: #866b2d; }
.tier-horizon > i { background: linear-gradient(90deg, #314c82, #b39a55); }
.tier-footnote { border-top: 1px solid #e0e4ed; padding-top: 10px; color: #64718a; font-size: .76rem; line-height: 1.65; }
.emoji-drawer { flex: 1 0 100%; min-width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #d4dce9; border-radius: 6px; background: #f8faff; box-shadow: inset 0 1px #fff; }
.emoji-drawer-head { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:8px; color:#344a70; font-size:.82rem; }
.emoji-drawer-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(38px,1fr)); gap:5px; }
.emoji-pick { min-height:36px; border:1px solid #d7dfed; border-radius:4px; background:#fff; font-size:1.18rem; cursor:pointer; }
.emoji-pick:hover,.emoji-pick:focus-visible { background:#e9effb; border-color:#8099c7; transform:translateY(-1px); }
.chat-composer { flex-wrap:wrap; }
.chat-composer textarea { flex:1 1 100%; }
.chat-composer .emoji-drawer { order:5; }
.chat-composer .emoji-drawer.hidden { display:none; }
@media (max-width:640px) {
  .tier-axis { grid-template-columns:42px minmax(0,1fr); }
  .tier-axis > i { grid-column:2; }
  .tier-atlas .panel-heading { align-items:flex-start; }
}

.command-reference h3 { margin: 16px 0 7px; color: #344d79; font-size: .9rem; border-bottom: 1px solid #dfe5ef; padding-bottom: 6px; }
.command-row { display:grid; grid-template-columns:minmax(145px, .8fr) minmax(0, 2fr); gap:12px; padding:8px 10px; border-bottom:1px solid #e8ecf3; font-size:.84rem; }
.command-row code { color:#244b89; font-weight:800; background:#edf2fb; padding:3px 6px; border-radius:3px; width:max-content; }
.command-row span { color:#5b6981; line-height:1.5; }
.command-warning { margin-top:13px; padding:10px; border:1px solid #dfd1a8; background:#fbf7e9; color:#6b5727; border-radius:4px; font-size:.8rem; line-height:1.6; }
@media (max-width:520px) { .command-row { grid-template-columns:1fr; gap:4px; } }


/* Wiki collaboration, preview, and mobile-friendly advanced editor */
.wiki-demo-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 15px;margin:12px 0;border:1px solid #d5deec;background:#f5f8ff;border-radius:3px}
.wiki-demo-strip>div{flex:1 1 220px}.wiki-demo-strip b{color:#263e69}.wiki-demo-strip p{margin:4px 0 0;color:#66758d;font-size:12px}
.wiki-demo-warning{padding:9px 12px;margin-bottom:12px;border:1px solid #ddc780;background:#fff8df;color:#6c5313;font-size:12px;font-weight:700;letter-spacing:.02em}
.wiki-lock-badge,.wiki-open-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:2px;font-size:10px;font-weight:700;letter-spacing:.04em}
.wiki-lock-badge{background:#fff0e9;color:#a3421f;border:1px solid #edc2b0}.wiki-open-badge{background:#edf7ef;color:#27713c;border:1px solid #c8e3cf}
.wiki-roles-panel{margin-top:14px}.wiki-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wiki-role-grid article{padding:12px;border:1px solid #d9e0ea;background:#f8faff}.wiki-role-grid article b{color:#294c82}.wiki-role-grid article p{font-size:12px;line-height:1.55;margin:6px 0 0;color:#56657c}
.wiki-custom-editor{margin:12px 0;padding:10px;border:1px solid #ccd6e5;background:#f6f8fc}.wiki-custom-editor summary{cursor:pointer;font-weight:700;color:#31558a}.wiki-editor-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.wiki-custom-preview-frame{width:100%;height:min(65vh,680px);border:1px solid #ccd5e2;background:white;display:block}
.wiki-role-detail h3{font-size:14px;margin:16px 0 5px;color:#294c82}.wiki-role-detail p,.wiki-role-detail li{font-size:13px;line-height:1.65;color:#485a73}.wiki-role-detail ul{padding-left:20px}
@media(max-width:850px){.wiki-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-toolbar{align-items:stretch}.wiki-toolbar .form-control{flex-basis:100%;min-width:0}.wiki-toolbar button{flex:1 1 auto}}
@media(max-width:560px){.wiki-role-grid{grid-template-columns:1fr}.wiki-demo-strip{align-items:stretch}.wiki-demo-strip button{width:100%}.wiki-editor-actions button{flex:1 1 100%;min-height:40px}.wiki-custom-editor .form-control{font-size:16px;min-height:140px}.wiki-custom-preview-frame{height:60vh}.modal.modal-wide{width:calc(100vw - 16px);max-width:none;margin:8px}.form-actions{flex-wrap:wrap}.form-actions button{flex:1 1 120px}}


/* === PABC Classic Community polish v3 === */
:root{--pabc-blue:#355b99;--pabc-blue-dark:#1f3f73;--pabc-blue-soft:#edf3fc;--pabc-gold:#c39a42;--pabc-paper:#fbfcfe;--radius:8px;--sidebar-width:246px}
body{background:#e9edf3}
.brand{border-bottom:1px solid #d8e1ee;margin-bottom:12px;padding-bottom:17px}
.brand-mark.thorn-mark{border-radius:2px;background:linear-gradient(145deg,#365c99,#19385f);color:#f3d687;border:1px solid #d8b96e;box-shadow:inset 0 0 0 2px rgba(255,255,255,.16);font-family:Georgia,serif;font-size:30px}
.brand-copy b{letter-spacing:.15px;color:#274777}
.brand-copy small{font-size:10px;line-height:1.35;color:#71809a}
.topbar{background:#355992;border-bottom:3px solid #c39a42}
.topbar-wordmark{letter-spacing:.5px;font-weight:850}
.topbar-wordmark span{font-size:9px;letter-spacing:1px;color:#e6d3a2}
.site-footer{font-size:11px}
.thread-card,.panel,.chat-layout,.poll-center{border-radius:7px;border-color:#d2dce9;box-shadow:0 1px 2px rgba(25,52,89,.05)}
.thread-card.is-pinned{border-left:4px solid #c49b41;background:linear-gradient(115deg,#fffdf5 0%,#fff 35%)}
.thread-card.is-pinned .pin-badge,.thread-card.is-pinned .tag.gold{border-color:#e5d3a2;background:#fff8e6;color:#785c22}
.thread-card h3 button{text-align:left;line-height:1.35}
.thread-card-preview{max-height:155px;overflow:hidden;overflow-wrap:anywhere;position:relative;mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);font-size:12.5px;color:#536175}
.thread-card-preview p{margin:5px 0 8px}
.thread-card-preview h1,.thread-card-preview h2,.thread-card-preview h3{font-size:13px;margin:5px 0}
.thread-card-preview ul,.thread-card-preview ol{padding-left:22px;margin:5px 0}
.thread-card-preview pre{max-width:100%;overflow:auto}
.thread-card-preview img,.chat-markdown img,.reply-markdown img,.prose img{display:block;max-width:min(100%,680px);max-height:340px;width:auto;height:auto;object-fit:contain;border:1px solid #d5dfed;border-radius:6px;background:#f8faff;margin:9px 0}
.thread-card-preview img{max-height:112px;max-width:100%;margin:4px 0}
.thread-card-preview video,.thread-card-preview iframe{display:none!important}
.image-fallback-link{display:inline-flex;max-width:100%;align-items:center;margin:6px 0;padding:7px 10px;border:1px solid #cad7e7;border-radius:4px;background:#f4f7fc;color:#31558d;font-size:12px;overflow-wrap:anywhere}
.cosmology-toolbar{align-items:center}
.cosmology-demo-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;position:relative;overflow:hidden;margin:14px 0 10px;padding:21px 20px;border:1px solid #d3dfed;border-top:4px solid #c59d46;border-radius:7px;background:linear-gradient(135deg,#fffdf7 0%,#fff 64%,#f1f5fb 100%);box-shadow:0 2px 6px rgba(32,58,93,.05)}
.cosmology-demo-ribbon{position:absolute;right:0;top:0;padding:5px 11px;background:#fff1c9;color:#72571f;border-left:1px solid #e2cc8d;border-bottom:1px solid #e2cc8d;font-size:9px;font-weight:850;letter-spacing:.9px}
.cosmology-demo-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:6px;border:1px solid #c6d3e5;background:#e9f0fa;color:#2d4f85;font:42px/1 Georgia,serif}
.cosmology-demo-copy h3{margin:2px 0 4px;font-size:17px;color:#2d4d7e}
.cosmology-demo-copy p{margin:0;max-width:800px;color:#617087;font-size:12px}
.cosmology-demo-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.cosmology-demo-meta span{border:1px solid #d9e1eb;border-radius:2px;padding:3px 7px;background:#f8faff;color:#62728a;font-size:10px}
.cosmology-note{margin:10px 0 14px}
.cosmology-card{border-left:3px solid #6e8fbe}
.cosmology-card .thread-detail-actions{display:flex;gap:7px;flex-wrap:wrap}
.cosmology-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.cosmology-meta-grid>div,.cosmology-axiom{padding:12px;border:1px solid #dce4ef;border-radius:5px;background:#f9fbfe;overflow-wrap:anywhere}
.thread-detail-actions,.thread-meta,.toolbar-group,.form-actions{flex-wrap:wrap}
.thread-share-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:12px 0;padding:9px 11px;border:1px solid #d9e2ee;border-radius:5px;background:#f7f9fc;color:#5b6b83;font-size:12px}
.chat-header{align-items:flex-start;gap:12px}
.chat-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.chat-share-button{white-space:nowrap}
.chat-markdown,.reply-markdown,.prose{overflow-wrap:anywhere;word-break:normal}
.chat-markdown p:last-child,.reply-markdown p:last-child{margin-bottom:0}
.chat-markdown blockquote,.reply-markdown blockquote,.prose blockquote{border-left:3px solid #c59d46;background:#fffaf0;padding:8px 12px;margin:8px 0;color:#59667c}
.chat-markdown code,.reply-markdown code,.prose code{white-space:pre-wrap;overflow-wrap:anywhere}
.chat-markdown pre,.reply-markdown pre,.prose pre{max-width:100%;overflow-x:auto;background:#f4f6fa;border:1px solid #dce3ec;padding:10px;border-radius:5px}
.chat-markdown table,.reply-markdown table,.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.chat-markdown th,.chat-markdown td,.reply-markdown th,.reply-markdown td,.prose th,.prose td{border:1px solid #dce3ec;padding:6px 8px;text-align:left}
.chat-composer{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center}
.chat-composer>textarea{grid-column:1/-1;width:100%;min-width:0}
.chat-composer>.emoji-drawer{grid-column:1/-1}
.chat-composer .emoji-drawer{border:1px solid #cdd9e9;border-radius:6px;background:#f9fbfe;box-shadow:inset 0 1px 0 #fff;padding:10px;min-width:0}
.emoji-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:#39577f}
.emoji-drawer-search{margin-bottom:8px}
.emoji-drawer-search input{background:#fff}
.emoji-drawer-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;max-height:215px;overflow:auto;overscroll-behavior:contain;padding:2px;scrollbar-width:thin}
.emoji-pick{display:grid;place-items:center;min-width:0;min-height:34px;border:1px solid transparent;border-radius:4px;background:transparent;font-size:21px;line-height:1.1;padding:3px}
.emoji-pick:hover,.emoji-pick:focus-visible{background:#e8effa;border-color:#b8c9e0}
.emoji-no-results{grid-column:1/-1;padding:10px;color:#71809a;font-size:12px}
.chat-message .reaction-bar,.reaction-section{display:none!important}
.poll-center{margin:12px 0 0;padding:15px;border:1px solid #d3deeb;background:linear-gradient(#fff,#fbfcff)}
.poll-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e4e9f1}
.poll-center-head h3{margin:2px 0;font-size:17px;color:#2b4d80}
.poll-center-head p{margin:4px 0 0;color:#6d7c92;font-size:12px;max-width:600px}
.poll-list{display:grid;gap:10px;padding-top:12px}
.poll-card{min-width:0;border:1px solid #d9e2ef;border-radius:6px;background:#fff;padding:13px}
.poll-card-required{border-left:4px solid #c59b40;background:linear-gradient(100deg,#fffdf5,#fff 48%)}
.poll-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
.poll-card h4{margin:9px 0 5px;font-size:15px;line-height:1.4;color:#243f68;overflow-wrap:anywhere}
.poll-description{font-size:12px;color:#65758b}
.poll-description p{margin:5px 0}
.poll-options{display:grid;gap:7px;margin:10px 0}
.poll-option{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,24%) 72px;align-items:center;gap:8px;min-width:0;padding:7px 8px;border:1px solid #e2e8f0;border-radius:4px;background:#fbfcfe}
.poll-option-choice{display:flex;align-items:flex-start;gap:7px;min-width:0;overflow-wrap:anywhere}
.poll-option-choice input{flex:none;margin:3px 0 0;accent-color:#355b99}
.poll-option-choice b{font-weight:600;font-size:12px}
.poll-option-resultbar{height:7px;overflow:hidden;border-radius:5px;background:#e8edf4}
.poll-option-resultbar i{display:block;height:100%;background:linear-gradient(90deg,#355b99,#9fb4d4)}
.poll-option-count{color:#78869a;font-size:10px;text-align:right;white-space:nowrap}
.poll-option-dot{display:inline-grid;place-items:center;flex:none;width:15px;height:15px;border:1px solid #bdcadd;border-radius:50%;font-size:10px}
.poll-option-dot.selected{background:#355b99;color:#fff;border-color:#355b99}
.poll-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#718097;font-size:11px}
.poll-action-buttons{display:flex;gap:6px;flex-wrap:wrap}
.poll-empty{padding:17px;border:1px dashed #cbd7e7;border-radius:5px;text-align:center;background:#fafcff;color:#5e6e85}
.poll-empty p{margin:5px 0 0;font-size:12px}
.poll-check-row{display:flex;align-items:flex-start;gap:8px;margin:11px 0;color:#42526a;font-size:13px}
.poll-check-row input{flex:none;margin-top:3px;accent-color:#355b99}
.poll-vote-form{margin:0}
.thread-meta .share-link-button{padding:4px 7px}
.wiki-demo-strip{border-left:4px solid #c59d46;background:#fffdf6}
.tier-atlas{border-top:3px solid #c39a42}
.wiki-roles-panel{border-top:3px solid #355b99}
@media(max-width:900px){
  .cosmology-demo-card{grid-template-columns:46px minmax(0,1fr);gap:11px;padding:16px}
  .cosmology-demo-mark{width:44px;height:44px;font-size:35px}
  .cosmology-demo-card>.primary-small{grid-column:2;justify-self:start}
  .cosmology-demo-ribbon{font-size:8px}
  .emoji-drawer-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
  .chat-composer{grid-template-columns:repeat(3,minmax(0,1fr))}
  .chat-composer>textarea{grid-column:1/-1}
  .chat-composer>.emoji-drawer{grid-column:1/-1}
}
@media(max-width:600px){
  .cosmology-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .cosmology-toolbar input{grid-column:1/-1;width:100%;min-width:0}
  .cosmology-toolbar button{width:100%;min-width:0;white-space:normal}
  .cosmology-demo-card{grid-template-columns:1fr;padding:16px 13px;gap:9px}
  .cosmology-demo-mark{display:none}
  .cosmology-demo-copy{padding-top:12px}
  .cosmology-demo-card>.primary-small{grid-column:1;width:100%}
  .cosmology-meta-grid{grid-template-columns:1fr}
  .chat-header{display:flex;flex-direction:column}
  .chat-header-actions{width:100%;justify-content:space-between}
  .chat-share-button{font-size:11px}
  .chat-composer{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .chat-composer>textarea{grid-column:1/-1;min-height:72px}
  .chat-composer>button{width:100%;min-width:0;white-space:normal;padding:7px 8px}
  .chat-composer>.emoji-drawer{grid-column:1/-1}
  .emoji-drawer-grid{grid-template-columns:repeat(7,minmax(0,1fr));max-height:190px}
  .emoji-pick{min-height:33px;font-size:19px}
  .poll-center{padding:11px}
  .poll-center-head{flex-direction:column}
  .poll-center-head>button{width:100%}
  .poll-card{padding:10px}
  .poll-card-top{flex-direction:column}
  .poll-option{grid-template-columns:minmax(0,1fr) 64px;gap:5px}
  .poll-option-resultbar{grid-column:1/2;grid-row:2}
  .poll-option-count{grid-column:2;grid-row:1/3;align-self:center}
  .poll-card-footer{align-items:flex-start;flex-direction:column}
  .poll-action-buttons{width:100%}
  .poll-action-buttons button{flex:1}
  .thread-share-note{align-items:flex-start;flex-direction:column}
  .thread-share-note button{width:100%}
}


/* v3.1 polish: long links and image embeds should never protrude from a post card. */
.thread-card-preview{min-width:0;max-width:100%;overflow:hidden;overflow-wrap:anywhere;word-break:normal}
.thread-card-preview a,.thread-meta a,.cosmology-links a,.chat-markdown a{overflow-wrap:anywhere;word-break:break-word}
.thread-card-preview img,.chat-markdown img,.reply-markdown img,.prose img{box-sizing:border-box;max-width:100%;height:auto}
.image-fallback-link{overflow-wrap:anywhere;word-break:break-word}
.emoji-drawer{max-width:100%;min-width:0}
.emoji-drawer-grid{max-width:100%;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));max-height:min(230px,42vh);overflow:auto}
@media(max-width:680px){.thread-card-preview{font-size:12px}.thread-card-preview img{max-height:80px}.chat-composer{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-composer textarea{grid-column:1/-1}.emoji-drawer{grid-column:1/-1}.thread-meta{flex-wrap:wrap}.thread-meta .share-link-button{max-width:100%}}


/* PABC v4 · audited editorial workflow and long-form charter presentation */
.staff-thread-body-editor{
  min-height:42vh;
  max-height:68vh;
  resize:vertical;
  font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  line-height:1.62;
  font-size:12.5px;
  tab-size:2;
}
.thread-detail-actions{
  align-items:stretch;
  gap:7px;
}
.thread-detail-actions button{
  min-height:36px;
}
.thread-revision-list{
  display:grid;
  gap:10px;
  margin:12px 0;
}
.thread-revision-card{
  border:1px solid #d9e1ed;
  border-left:3px solid #c39a43;
  border-radius:8px;
  padding:12px;
  background:linear-gradient(145deg,#fff,#f7f9fc);
  overflow-wrap:anywhere;
}
.thread-revision-card > div{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.thread-revision-card p{
  margin:7px 0;
}
.thread-revision-card time{
  display:block;
  color:#718096;
  font-size:11px;
  margin:7px 0 10px;
}
.revision-snapshot-pre{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  max-height:55vh;
  overflow:auto;
  padding:12px;
  background:#f6f8fb;
  color:#27344a;
  border:1px solid #dfe6ef;
  border-radius:7px;
  font-size:11px;
  line-height:1.65;
}
.thread-detail-body.prose{
  overflow-wrap:anywhere;
  word-break:normal;
}
.thread-detail-body.prose table{
  display:block;
  max-width:100%;
  overflow-x:auto;
  border-collapse:collapse;
}
.thread-detail-body.prose th,
.thread-detail-body.prose td{
  min-width:100px;
  padding:8px 10px;
  border:1px solid #d5dfeb;
  vertical-align:top;
}
.thread-detail-body.prose th{
  background:#eaf0f8;
  color:#284d80;
  font-weight:800;
}
.thread-detail-body.prose blockquote{
  border-left:3px solid #c39a43;
  padding:7px 12px;
  color:#55657c;
  background:#fbf8f0;
  margin:10px 0;
}
.thread-detail-body.prose pre,
.thread-detail-body.prose code{
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}
@media (max-width:760px){
  .staff-thread-body-editor{
    min-height:36vh;
    max-height:58vh;
    font-size:12px;
  }
  .thread-detail-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .thread-detail-actions button{
    min-width:0;
    width:100%;
    white-space:normal;
  }
  .thread-revision-card{
    padding:10px;
  }
  .thread-detail-body.prose table{
    font-size:12px;
  }
}
@media (max-width:420px){
  .thread-detail-actions{
    grid-template-columns:minmax(0,1fr);
  }
  .thread-detail-actions button{
    min-height:38px;
  }
}


/* ================================================================
   PABC FRONTEND PRESENTATION UPGRADE v5
   Markdown, MathJax, tables, TikZ, keyboard symbols, search and guide cards.
   ================================================================ */
:root{--pabc-paper:#fffefb;--pabc-rule:#d7dfeb;--pabc-ink:#24344b;--pabc-oldblue:#34598d;--pabc-brass:#bd913b}
.prose,.chat-markdown,.ai-rich-content,.ai-response,.thread-card-preview,.thread-detail-body,.wiki-page-body,.pabc-reference-document{min-width:0;overflow-wrap:anywhere;word-break:normal;line-height:1.72}
.prose :first-child,.chat-markdown :first-child,.ai-rich-content :first-child,.ai-response :first-child{margin-top:0}
.prose h1,.prose h2,.prose h3,.prose h4,.chat-markdown h1,.chat-markdown h2,.chat-markdown h3,.ai-rich-content h1,.ai-rich-content h2,.ai-rich-content h3,.ai-response h1,.ai-response h2,.ai-response h3,.pabc-reference-document h1,.pabc-reference-document h2,.pabc-reference-document h3{color:#254d80;line-height:1.3;letter-spacing:-.018em;margin:1.25em 0 .55em}
.prose h1,.ai-rich-content h1,.pabc-reference-document h1{font-size:1.65rem;border-bottom:1px solid #e1e7ef;padding-bottom:.45rem}
.prose h2,.ai-rich-content h2,.pabc-reference-document h2{font-size:1.32rem}
.prose h3,.ai-rich-content h3,.pabc-reference-document h3{font-size:1.12rem}
.prose p,.chat-markdown p,.ai-rich-content p,.ai-response p{margin:.65em 0}
.prose ul,.prose ol,.chat-markdown ul,.chat-markdown ol,.ai-rich-content ul,.ai-rich-content ol,.ai-response ul,.ai-response ol{padding-left:1.55rem;margin:.65em 0}
.prose li,.chat-markdown li,.ai-rich-content li,.ai-response li{padding-left:.15rem;margin:.22em 0}
.prose hr,.chat-markdown hr,.ai-rich-content hr,.ai-response hr{border:0;border-top:1px solid #dbe2ec;margin:1.35rem 0}
.prose blockquote,.chat-markdown blockquote,.ai-rich-content blockquote,.ai-response blockquote{margin:1rem 0;padding:.7rem 1rem;border-left:4px solid var(--pabc-brass);background:#fbf8f0;color:#4c5c72;border-radius:0 8px 8px 0}
.prose table,.chat-markdown table,.ai-rich-content table,.ai-response table,.pabc-reference-document table,.thread-detail-body.prose table{display:block;width:max-content;max-width:100%;overflow:auto;border-collapse:separate;border-spacing:0;margin:1rem 0;border:1px solid #d5deeb;border-radius:8px;background:#fff;font-size:.92em;box-shadow:0 2px 8px rgba(31,54,85,.04)}
.prose thead,.chat-markdown thead,.ai-rich-content thead,.ai-response thead{background:#eaf1fb;color:#294d7b}
.prose th,.prose td,.chat-markdown th,.chat-markdown td,.ai-rich-content th,.ai-rich-content td,.ai-response th,.ai-response td,.pabc-reference-document th,.pabc-reference-document td{padding:9px 12px;border-right:1px solid #dce4ef;border-bottom:1px solid #dce4ef;vertical-align:top;min-width:90px;max-width:440px;text-align:left}
.prose th:last-child,.prose td:last-child,.chat-markdown th:last-child,.chat-markdown td:last-child,.ai-rich-content th:last-child,.ai-rich-content td:last-child{border-right:0}
.prose tr:last-child td,.chat-markdown tr:last-child td,.ai-rich-content tr:last-child td,.ai-response tr:last-child td{border-bottom:0}
.prose tbody tr:nth-child(even),.chat-markdown tbody tr:nth-child(even),.ai-rich-content tbody tr:nth-child(even){background:#f8fafd}
.prose code,.chat-markdown code,.ai-rich-content code,.ai-response code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#edf2f8;color:#29486e;border:1px solid #e0e7f0;border-radius:4px;padding:.08em .3em;font-size:.91em;overflow-wrap:anywhere}
.prose pre,.chat-markdown pre,.ai-rich-content pre,.ai-response pre{max-width:100%;overflow:auto;padding:14px 16px;background:#17263b;color:#eaf1fb;border:1px solid #2d4261;border-radius:9px;line-height:1.65;tab-size:2;white-space:pre;overscroll-behavior-x:contain}
.prose pre code,.chat-markdown pre code,.ai-rich-content pre code,.ai-response pre code{background:transparent;color:inherit;border:0;padding:0;white-space:pre;font-size:.88em}
.prose a,.chat-markdown a,.ai-rich-content a,.ai-response a{color:#205fb4;text-decoration:underline;text-decoration-color:#aac5e9;text-underline-offset:2px;overflow-wrap:anywhere}
.prose img,.chat-markdown img,.ai-rich-content img,.ai-response img{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:8px;margin:12px auto;box-shadow:0 3px 14px rgba(22,45,77,.09)}
.pabc-image-broken{display:none!important}
.prose mjx-container,.chat-markdown mjx-container,.ai-rich-content mjx-container,.ai-response mjx-container,.pabc-reference-document mjx-container{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 0}
.prose mjx-container[display="true"],.chat-markdown mjx-container[display="true"],.ai-rich-content mjx-container[display="true"],.ai-response mjx-container[display="true"],.pabc-reference-document mjx-container[display="true"]{display:block;margin:1.15rem auto!important;padding:.6rem .35rem;text-align:center;background:linear-gradient(90deg,transparent,#f6f9fd 12%,#f6f9fd 88%,transparent);border-radius:7px}
.pabc-tikz-render{max-width:100%;overflow:auto;text-align:center;padding:14px;margin:1rem 0;border:1px solid #dbe3ef;border-radius:10px;background:linear-gradient(145deg,#fff,#f6f9fd)}
.pabc-tikz-render svg{max-width:100%;height:auto}
.pabc-tikz-note{font-size:.82rem;color:#795e25;background:#fff8e5;border:1px solid #eed9a2;border-radius:7px;padding:8px 10px}
.pabc-tikz-source{margin-top:10px;text-align:left}
.pabc-symbol-toolbar{position:relative;display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin:5px 0 8px;max-width:100%}
.pabc-symbol-toggle{font-size:11px!important;padding:6px 9px!important;min-height:30px!important}
.pabc-symbol-panel{width:min(620px,100%);padding:10px;background:#fff;border:1px solid #d7e0ec;border-radius:10px;box-shadow:0 8px 24px rgba(27,51,84,.12)}
.pabc-symbol-search{margin-bottom:8px}
.pabc-symbol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:5px;max-height:180px;overflow:auto}
.pabc-symbol-key{min-height:36px;border:1px solid #dbe3ee;background:#f6f9fd;border-radius:6px;color:#244c80;font-size:16px;font-family:ui-monospace,Consolas,monospace}
.pabc-symbol-key:hover,.pabc-symbol-key:focus-visible{background:#e6effc;border-color:#7ea8e1}
.pabc-global-search-button{white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.pabc-global-search-button kbd{font-size:10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:1px 4px}
.pabc-search-dialog{display:grid;gap:12px}
.pabc-search-results{display:grid;gap:7px;max-height:55vh;overflow:auto}
.pabc-search-result{display:grid;gap:4px;text-align:left;padding:11px 13px;border:1px solid #dce4ef;background:#fff;border-radius:8px;color:#22354d}
.pabc-search-result:hover{background:#f0f6ff;border-color:#a9c4e9}
.pabc-search-result small{color:#6a788d;line-height:1.5;font-weight:400}
.pabc-search-hit{outline:3px solid #e0b856!important;outline-offset:4px;transition:outline-color .2s}
.pabc-extra-reference{width:100%;text-align:left;background:transparent;border-top:0;border-right:0;border-bottom:0;border-left:0;cursor:pointer}
.pabc-extra-reference:hover{background:#f3f7fd}
.pabc-reference-document{padding:4px 2px 20px;max-width:100%;font-size:14px}
.pabc-reference-document>blockquote:first-of-type{font-size:.95rem}
.pabc-reference-document h2{border-bottom:1px solid #e1e7ef;padding-bottom:7px;margin-top:1.5em}
.pabc-reference-document li{margin:.35em 0}
.pabc-reference-document table{width:100%}
.pabc-reference-document table td:first-child{white-space:nowrap}
@media(max-width:900px){.pabc-global-search-button kbd{display:none}.pabc-global-search-button{padding-inline:8px}.pabc-reference-document table td:first-child{white-space:normal}}
@media(max-width:760px){.pabc-symbol-panel{width:100%}.pabc-symbol-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:160px}.pabc-symbol-key{min-height:40px}.prose table,.chat-markdown table,.ai-rich-content table,.ai-response table,.pabc-reference-document table{font-size:12px}.prose th,.prose td,.chat-markdown th,.chat-markdown td,.ai-rich-content th,.ai-rich-content td,.ai-response th,.ai-response td{padding:7px 9px;min-width:76px}.prose pre,.chat-markdown pre,.ai-rich-content pre,.ai-response pre{padding:10px;font-size:12px}.pabc-global-search-button{font-size:0;min-width:36px;justify-content:center}.pabc-global-search-button:first-letter{font-size:16px}}
@media(max-width:420px){.pabc-reference-document h1{font-size:1.35rem}.pabc-reference-document h2{font-size:1.12rem}.pabc-symbol-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pabc-search-result{padding:10px}}
@media(prefers-reduced-motion:reduce){.pabc-search-hit{transition:none}}


/* v6 math, Markdown and AI settings refinements */
.prose,.chat-markdown,.reply-markdown,.ai-rich-content,.ai-response,.thread-card-preview{overflow-wrap:anywhere;word-break:normal}
.prose table,.chat-markdown table,.reply-markdown table{width:max-content;min-width:100%;max-width:100%;display:block;overflow-x:auto;border-collapse:collapse}
.prose th,.chat-markdown th,.reply-markdown th{position:static;background:#edf3fb;font-weight:750}
.prose td,.prose th,.chat-markdown td,.chat-markdown th,.reply-markdown td,.reply-markdown th{vertical-align:top;line-height:1.65}
mjx-container[display="true"]{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:.3rem 0 .6rem}
mjx-container:not([display="true"]){max-width:100%}
.pabc-tikz-render{max-width:100%;overflow:auto}
.pabc-tikz-render svg{max-width:100%;height:auto}
.ai-rich-content p,.ai-response p,.chat-markdown p,.reply-markdown p{white-space:normal}
.ai-rich-content pre,.ai-response pre,.chat-markdown pre,.reply-markdown pre{white-space:pre;max-width:100%;overflow:auto}
.pabc-extra-reference{width:100%;text-align:left}
.pabc-global-search-button kbd{font-size:10px;border:1px solid currentColor;border-radius:4px;padding:1px 4px;opacity:.75}
@media(max-width:720px){.ai-chat-head{align-items:flex-start;gap:8px;flex-wrap:wrap}.ai-chat-head .toolbar-group{flex-wrap:wrap}.pabc-symbol-panel{width:min(94vw,620px)}.prose table,.chat-markdown table,.reply-markdown table{max-width:calc(100vw - 60px)}}


/* v7 math and diagram rendering fixes */
.pabc-math-block { display:block; max-width:100%; overflow-x:auto; overflow-y:hidden; margin:1.1rem 0; padding:.85rem 1rem; border:1px solid var(--line,#d9e2ef); border-radius:10px; background:var(--panel-soft,#f8fafc); text-align:center; }
.pabc-math-inline { display:inline; white-space:normal; }
.pabc-math-block mjx-container[display="true"] { max-width:100%; overflow-x:auto; overflow-y:hidden; padding:.15rem 0; }
.prose mjx-container, .chat-markdown mjx-container, .ai-rich-content mjx-container, .ai-response mjx-container, .thread-detail-body mjx-container { max-width:100%; }
.prose table { display:block; width:100%; max-width:100%; overflow-x:auto; border-collapse:collapse; }
.prose pre { max-width:100%; overflow:auto; }
.pabc-tikz-render { max-width:100%; overflow:auto; margin:1rem 0; padding:1rem; border:1px solid var(--line,#d9e2ef); border-radius:12px; background:var(--panel,#fff); text-align:center; }
.pabc-tikz-render svg { display:block; max-width:100%; height:auto; margin:auto; }
.pabc-tikz-source { text-align:left; margin-top:.75rem; }
.pabc-tikz-note { font-size:.85rem; color:var(--muted,#63748a); }


/* v9: desktop-friendly sideplane logic dock, inbox, review queues, and diagrams */
.pabc-logic-dock-tab{position:fixed;z-index:1200;right:0;top:44%;writing-mode:vertical-rl;transform:rotate(180deg);border:1px solid #b9cce6;border-right:0;border-radius:9px 0 0 9px;background:#f7faff;color:#234b7e;padding:12px 9px;font-weight:800;box-shadow:0 5px 22px rgba(25,45,75,.18);cursor:pointer}
.pabc-logic-dock-tab:hover,.pabc-logic-dock-tab[aria-expanded=true]{background:#244f89;color:#fff}
.pabc-logic-dock[hidden]{display:none!important}
.pabc-logic-dock{position:fixed;z-index:1199;right:52px;top:50%;transform:translateY(-50%);width:min(390px,calc(100vw - 82px));max-height:min(76vh,680px);overflow:auto;background:var(--panel,#fff);color:var(--text,#24364d);border:1px solid var(--line,#d9e2ef);border-radius:14px;box-shadow:0 16px 50px rgba(18,36,65,.24);padding:12px;display:grid;gap:10px}
.pabc-logic-dock-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line,#d9e2ef);padding-bottom:10px}
.pabc-logic-dock-head small{display:block;color:var(--muted,#738198);margin-top:3px;font-size:11px}
.pabc-logic-dock .pabc-symbol-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:240px;overflow:auto}
.pabc-logic-dock .pabc-symbol-key{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pabc-logic-dock-actions{display:flex;flex-wrap:wrap;gap:7px}
.pabc-logic-dock-note{font-size:11px;color:var(--muted,#738198);margin:0;line-height:1.5}
.pabc-tikz-render{display:block;max-width:100%;overflow:auto;margin:1rem 0;padding:12px;border:1px solid var(--line,#d9e2ef);border-radius:10px;background:var(--panel-soft,#f8fafc)}
.pabc-tikz-render script[type="text/tikz"]{display:block;min-height:0}
.pabc-tikz-render svg{display:block;max-width:100%;height:auto;margin:auto}
.pabc-tikz-status{font-size:11px;color:var(--muted,#738198);margin-top:8px}
.pabc-tikz-status.is-rendered{color:#18794e}.pabc-tikz-status.is-fallback{color:#8a5b12}
.pabc-tikz-source{margin-top:8px}.pabc-tikz-source pre{max-height:240px;overflow:auto}
.inbox-unread{border-left:3px solid #356bb5;background:#f2f7ff}
#moderationTabs{flex-wrap:wrap;gap:6px}
#moderationContent .member-row{gap:12px;align-items:center}
#moderationContent .member-row p{overflow-wrap:anywhere}
@media(max-width:760px){.pabc-logic-dock-tab{top:auto;bottom:18px;right:12px;writing-mode:horizontal-tb;transform:none;border:1px solid #b9cce6;border-radius:999px;padding:10px 14px}.pabc-logic-dock{right:10px;left:10px;bottom:68px;top:auto;transform:none;width:auto;max-height:54vh;border-radius:14px}.pabc-logic-dock .pabc-symbol-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:170px}.pabc-logic-dock .pabc-symbol-key{min-height:38px}.inbox-unread{padding-left:9px}}


/* v10: classic scholastic community shell, persistent Logic Tools page, themes */
:root{--pabc-paper:#f5f6f7;--pabc-ink:#1d2129;--pabc-link:#365899;--pabc-panel:#fff;--pabc-line:#c7cbd1;--pabc-serif:Georgia,"Times New Roman",serif}
body{background:var(--pabc-paper);color:var(--pabc-ink)}
h1,h2,h3,.panel-heading b,.brand-copy b{font-family:var(--pabc-serif)}
.sidebar{background:#f5f6f7;border-right:1px solid #c7cbd1;box-shadow:none}
.topbar{background:#3b5998;border-bottom:3px solid #d5b15d}
.topbar-wordmark,.topbar-breadcrumb,.topbar .top-link{color:#fff}
.nav-item{border-radius:2px}
.panel,.thread-card,.stat-card,.welcome-banner{border-radius:2px;box-shadow:none}
button,.form-control{border-radius:2px}
html[data-pabc-theme="classic"]{--panel:#fff;--bg:#e9ebee;--text:#1d2129;--muted:#606770;--line:#c7cbd1}
html[data-pabc-theme="parchment"]{--panel:#fffaf0;--bg:#e9e0ce;--text:#332b21;--muted:#756957;--line:#cbbd9f}
html[data-pabc-theme="parchment"] body{background:#e9e0ce;color:#332b21;font-family:Georgia,"Times New Roman",serif}
html[data-pabc-theme="parchment"] .sidebar{background:#f4ecdc;border-color:#cbbd9f}
html[data-pabc-theme="parchment"] .panel,html[data-pabc-theme="parchment"] .thread-card,html[data-pabc-theme="parchment"] .stat-card{background:#fffaf0;border-color:#cbbd9f}
html[data-pabc-theme="parchment"] .topbar{background:#473b2b;border-bottom-color:#c7a65b}
html[data-pabc-theme="midnight"]{--panel:#202a38;--bg:#131a24;--text:#e7edf6;--muted:#aab7c8;--line:#3c4b60}
html[data-pabc-theme="midnight"] body{background:#131a24;color:#e7edf6}
html[data-pabc-theme="midnight"] .sidebar,html[data-pabc-theme="midnight"] .panel,html[data-pabc-theme="midnight"] .thread-card,html[data-pabc-theme="midnight"] .stat-card,html[data-pabc-theme="midnight"] .welcome-banner{background:#202a38;color:#e7edf6;border-color:#3c4b60}
html[data-pabc-theme="midnight"] .nav-item,html[data-pabc-theme="midnight"] .channel-item{color:#e7edf6}
html[data-pabc-theme="blue"] body{background:#dce6f4;color:#18314f}
html[data-pabc-theme="blue"] .topbar{background:#234a7d;border-bottom-color:#d6b45e}
.logic-workspace{display:grid;gap:12px}
.logic-intro p{max-width:900px}
.logic-tool-tabs,.logic-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.logic-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
.logic-editor-panel,.logic-preview-panel{min-width:0}
.logic-source{min-height:340px;resize:vertical;font:13px/1.55 "SFMono-Regular",Consolas,monospace;white-space:pre;tab-size:2}
.logic-preview{min-height:340px;overflow:auto;padding:12px;background:var(--panel,#fff);border:1px solid var(--line,#c7cbd1);color:var(--text,#1d2129)}
.logic-preview svg{max-width:100%;height:auto}
.logic-render-message{color:var(--muted,#606770);font-size:12px}
.logic-source-fallback{margin-top:14px;border-top:1px solid var(--line,#c7cbd1);padding-top:8px}
.logic-source-fallback pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 monospace}
.logic-symbols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.logic-symbol{display:grid;gap:4px;text-align:center;align-content:center;min-height:60px;border:1px solid var(--line,#c7cbd1);background:var(--panel,#fff);color:var(--text,#1d2129);padding:7px;cursor:pointer}
.logic-symbol b{font-size:14px}.logic-symbol small{font-size:10px;color:var(--muted,#606770)}
.theme-options{display:grid;gap:8px}
.theme-option{display:flex;gap:10px;align-items:center;border:1px solid var(--line,#c7cbd1);padding:10px;background:var(--panel,#fff);cursor:pointer}
.theme-option.selected{outline:2px solid #365899}
.theme-option input{margin:0}.theme-option small{display:block;color:var(--muted,#606770);margin-top:3px}
.theme-swatch{width:42px;height:32px;border:1px solid #777;display:inline-block;flex:0 0 auto}
.theme-swatch.blue-gray{background:linear-gradient(#3b5998 0 35%,#e9ebee 35% 100%)}
.theme-swatch.parchment{background:linear-gradient(#473b2b 0 35%,#fffaf0 35% 100%)}
.theme-swatch.dark{background:linear-gradient(#131a24 0 35%,#202a38 35% 100%)}
.theme-swatch.royal{background:linear-gradient(#234a7d 0 35%,#dce6f4 35% 100%)}
.nav-pin-form{display:grid;gap:7px;max-width:680px;margin:12px 0 18px}
.nav-pin-list{display:grid;gap:4px}
@media(max-width:850px){.logic-editor-grid{grid-template-columns:1fr}.logic-source,.logic-preview{min-height:260px}.logic-symbols{grid-template-columns:repeat(3,minmax(0,1fr))}}

html[data-pabc-theme="classic"]{--surface:#fff;--canvas:#e9ebee;--ink:#1d2129;--muted:#606770;--line:#c7cbd1;--panel:#fff;--text:#1d2129}
html[data-pabc-theme="parchment"]{--surface:#fffaf0;--canvas:#e9e0ce;--ink:#332b21;--muted:#756957;--line:#cbbd9f;--panel:#fffaf0;--text:#332b21}
html[data-pabc-theme="midnight"]{color-scheme:dark;--surface:#202a38;--canvas:#131a24;--ink:#e7edf6;--muted:#aab7c8;--line:#3c4b60;--panel:#202a38;--text:#e7edf6}
html[data-pabc-theme="blue"]{--surface:#fff;--canvas:#dce6f4;--ink:#18314f;--muted:#506783;--line:#b6c8df;--panel:#fff;--text:#18314f}
html[data-pabc-theme="midnight"] .form-control,html[data-pabc-theme="midnight"] input,html[data-pabc-theme="midnight"] textarea,html[data-pabc-theme="midnight"] select{background:#182230;color:#e7edf6;border-color:#3c4b60}
html[data-pabc-theme="midnight"] .right-column .panel,html[data-pabc-theme="midnight"] .page-wrap .panel{background:#202a38;color:#e7edf6}


/* v11 startup resilience: never let a stalled API leave a silent loading screen. */
.pabc-startup-warning{display:block;margin:12px 0;padding:10px 12px;border:1px solid #c8a35a;background:#fff8e7;color:#654b1d;font:13px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
[data-pabc-theme="midnight"] .pabc-startup-warning{background:#342b1c;color:#f5dfad;border-color:#8b6d32}


/* v12 public scaling workbench */
.scaling-workbench-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px;margin-top:12px}
.scaling-workbench .form-field{display:grid;gap:5px;min-width:0;color:var(--text,#1d2129);font-weight:600;font-size:12px}
.scaling-workbench .form-field .form-control{font-weight:400;min-width:0;max-width:100%}
.scaling-workbench .sw-output{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}
.sw-audit-result{margin-top:12px;border:1px solid var(--line,#c7cbd1);background:var(--panel-soft,#f7f8fa);padding:12px;font-size:12px}
.sw-audit-result ul{margin:8px 0 0;padding-left:22px}.sw-audit-pass{color:#16814b}
.sw-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.sw-glossary-item{border:1px solid var(--line,#d6dbe2);background:var(--panel,#fff);padding:8px 10px;min-width:0}
.sw-glossary-item summary{cursor:pointer;font-weight:700;color:var(--link,#365899);font-size:12px}
.sw-glossary-item p{font-size:12px;line-height:1.5;margin:8px 0 0;color:var(--text,#1d2129)}
.pabc-tikz-render{margin:12px 0;padding:12px;border:1px solid var(--line,#d6dbe2);background:var(--panel-soft,#f7f8fa);overflow-x:auto;text-align:center}
.pabc-tikz-render svg{max-width:100%;height:auto}.pabc-tikz-status{font-size:11px;color:#68778c;margin-top:8px}.pabc-tikz-status.is-rendered{color:#16814b}.pabc-tikz-status.is-fallback{color:#9a6a00}
.pabc-tikz-source{text-align:left;margin-top:8px;font-size:12px}.pabc-tikz-source pre{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}
@media(max-width:760px){.scaling-workbench-grid,.sw-glossary{grid-template-columns:minmax(0,1fr)}}

/* v13 classic glossary and matchup guide */
.glossary-intro h2{font-family:Georgia,"Times New Roman",serif;color:var(--ink,#234c83);margin:.35rem 0 .75rem}.glossary-intro p,.panel p{line-height:1.65}.glossary-table{width:100%;border-collapse:collapse;font-size:.9rem}.glossary-table th,.glossary-table td{padding:.7rem .75rem;border-bottom:1px solid var(--line,#d8dee8);text-align:left;vertical-align:top}.glossary-table thead th{position:sticky;top:0;background:var(--panel,#fff);z-index:1;color:var(--ink,#234c83)}.glossary-table tbody tr:nth-child(even){background:rgba(70,100,145,.045)}.glossary-table td:first-child{width:3rem;color:var(--muted,#68758a)}.glossary-table td:nth-child(2){min-width:12rem;width:22%}.table-scroll{overflow:auto;max-height:70vh;border:1px solid var(--line,#d8dee8);border-radius:6px;margin-top:.75rem}.glossary-intro .form-actions{display:flex;gap:.5rem;flex-wrap:wrap}.logic-render-message{padding:.65rem;background:#f5f7fa;border:1px solid #d8dee8;border-radius:4px;color:#536276}.logic-source-fallback pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:20rem;overflow:auto}.channel-item,.nav-item{touch-action:manipulation}


/* PABC v13.2 desktop reading and modal-scroll correction.
   The dialog shell is fixed to the viewport; only its content region scrolls.
   min-height:0 is essential when the dialog is a flex container. */
#modalBackdrop.modal-backdrop,
.modal-backdrop:not([hidden]){
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
#modal.modal{
  display:flex;
  flex-direction:column;
  width:min(960px, calc(100vw - 40px));
  max-width:min(960px, calc(100vw - 40px));
  height:auto;
  max-height:calc(100vh - 40px);
  max-height:calc(100dvh - 40px);
  min-height:0;
  overflow:hidden;
  padding:0;
}
#modal .modal-head{
  flex:0 0 auto;
  position:sticky;
  top:0;
  z-index:2;
  margin:0;
}
#modal #modalBody{
  display:block;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:16px 20px 22px;
  -webkit-overflow-scrolling:touch;
}
#modal #modalBody > :last-child{margin-bottom:0}
#modal #modalBody .prose,
#modal #modalBody .thread-detail-body,
#modal #modalBody .wiki-page-body,
#modal #modalBody .pabc-tikz-render,
#modal #modalBody .logic-preview{max-width:100%;min-width:0}
#modal #modalBody img,
#modal #modalBody svg,
#modal #modalBody .katex-display{max-width:100%}
#modal #modalBody .katex-display{overflow-x:auto;overflow-y:hidden;padding:3px 0 8px}
#modal #modalBody .pabc-tikz-render{overflow-x:auto;overflow-y:hidden}
#modal #modalBody .pabc-tikz-render svg,
#modal #modalBody .tikzjax-wrapper svg{max-width:100%;height:auto}
#modal #modalBody pre,
#modal #modalBody .revision-snapshot-pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
#modal #modalBody .thread-detail-content{min-width:0}
@media (min-width:761px){
  #modalBackdrop.modal-backdrop{align-items:center;justify-content:center;padding:20px}
  #modal.modal{border-radius:3px}
  #modal #modalBody{padding:18px 22px 26px}
}
@media (max-width:760px){
  #modalBackdrop.modal-backdrop{align-items:flex-end;justify-content:center;padding:0;}
  #modal.modal{width:100%;max-width:100%;max-height:92vh;max-height:92dvh;border-radius:16px 16px 0 0;}
  #modal #modalBody{padding:14px 14px calc(20px + env(safe-area-inset-bottom));}
}
/* Theme values are updated by the staff visual designer and persisted in D1. */

:root[data-pabc-staff-theme="1"] h1,
:root[data-pabc-staff-theme="1"] h2,
:root[data-pabc-staff-theme="1"] h3,
:root[data-pabc-staff-theme="1"] h4,
:root[data-pabc-staff-theme="1"] .brand-copy b,
:root[data-pabc-staff-theme="1"] .topbar-wordmark{font-family:var(--pabc-display-font,Georgia),serif}
.pabc-visual-designer input[type="color"]{width:100%;height:42px;padding:3px;cursor:pointer}
.pabc-design-preview{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}
.pabc-design-preview h3{color:var(--blue);font-family:var(--pabc-display-font,Georgia),serif}
.pabc-design-preview button{border-radius:var(--radius)}


/* PABC v15 readability and classic desktop polish */
:root { --pabc-v15-line-height: 1.62; }
html { scrollbar-gutter: stable; }
body { line-height: var(--pabc-v15-line-height); }
.prose, .thread-detail-body, .wiki-article-body, .chat-markdown, .ai-rich-content { line-height: 1.72; overflow-wrap: anywhere; }
.modal-backdrop { overflow-y: auto; overscroll-behavior: contain; }
.modal, .modal-card, .modal-content { max-height: calc(100dvh - 28px); min-height: 0; }
.modal-body, .modal-content-body, .thread-detail-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.logic-editor-grid, .content-grid, .chat-layout, .ai-workspace { min-width: 0; }
.logic-preview, .logic-source, .glossary-table, .table-scroll { min-width: 0; max-width: 100%; }
.logic-preview { overflow: auto; scrollbar-gutter: stable; }
.logic-preview svg { max-width: 100%; height: auto; }
.chat-message-head { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.chat-message-head button { min-height:28px; }
.glossary-table td { vertical-align:top; line-height:1.55; }
@media (min-width: 761px) {
  .modal-backdrop { align-items: flex-start; padding: 22px 18px; }
  .modal, .modal-card { width: min(1040px, calc(100vw - 36px)); max-height: calc(100dvh - 44px); min-height: 0; }
  .modal-body, .modal-content-body { overflow-y:auto; max-height: calc(100dvh - 150px); }
}
@media (max-width: 760px) {
  .modal-backdrop { padding: 8px; }
  .modal, .modal-card { width:100%; max-height:calc(100dvh - 16px); }
  .modal-body, .modal-content-body { max-height:calc(100dvh - 110px); }
}

/* v15: ensure the actual modal content element, not just a generic .modal-body, scrolls. */
#modal { display:flex; flex-direction:column; min-height:0; }
#modal #modalBody { flex:1 1 auto; min-height:0; max-height:calc(100dvh - 115px); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-gutter:stable; }
#modal #modalBody > :first-child { margin-top:0; }
.chat-message-head button, .thread-detail-actions button { flex:0 0 auto; }

/* v15 public member profile */
.chat-author-profile{appearance:none;border:0;background:transparent;padding:0;color:var(--blue,#315b91);font:inherit;font-weight:700;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px}.chat-author-profile:hover,.chat-author-profile:focus-visible{text-decoration-color:currentColor}.public-profile-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center}.public-profile-avatar{width:84px;height:84px;object-fit:cover;border:1px solid var(--line,#d7dce5);border-radius:8px;background:var(--surface,#f5f7fb)}.public-profile-initials{display:grid;place-items:center;font-size:1.5rem;font-weight:700;color:var(--blue,#315b91)}.public-profile-heading h3{margin:0 0 5px}.public-profile-heading p{margin:0;color:var(--muted,#697a91)}.public-profile-bio,.public-profile-bio-image,.public-profile-card>h4,.public-profile-card>.form-note{grid-column:1/-1}.public-profile-bio{white-space:pre-wrap;overflow-wrap:anywhere}.public-profile-bio-image{margin:0;max-width:100%}.public-profile-bio-image img{display:block;max-width:100%;max-height:420px;object-fit:contain;border:1px solid var(--line,#d7dce5);border-radius:6px}.public-profile-bio-image figcaption{font-size:.8rem;color:var(--muted,#697a91);margin-top:5px}@media(max-width:640px){.public-profile-card{grid-template-columns:64px minmax(0,1fr)}.public-profile-avatar{width:64px;height:64px}}


/* v15.2: reference administration and optional in-container scroll controls */
.reference-admin-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.reference-manager-list{max-height:min(58vh,620px);overflow:auto;position:relative;overscroll-behavior:contain;padding-right:4px}
.reference-manager-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border,#dce1e8)}
.reference-manager-row>div:first-child{min-width:0;display:grid;gap:4px}
.reference-manager-row small{color:var(--muted,#687386);overflow-wrap:anywhere}
.reference-manager-controls{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
.pabc-scroll-enhanced{position:relative;scrollbar-width:thin;overscroll-behavior:contain}
.pabc-scroll-controls{position:sticky;z-index:4;bottom:5px;display:flex;justify-content:flex-end;gap:4px;pointer-events:none;margin:4px 3px 3px}
.pabc-scroll-controls button{pointer-events:auto;border:1px solid #c8d1df;background:rgba(255,255,255,.94);color:#244775;border-radius:7px;min-width:28px;height:27px;font-size:16px;line-height:1;box-shadow:0 2px 8px rgba(20,35,60,.12);cursor:pointer}
.pabc-scroll-controls button:hover{background:#eaf1fb;border-color:#8ea8cf}
@media(max-width:900px){.reference-manager-row{align-items:flex-start;flex-direction:column}.reference-manager-controls{justify-content:flex-start}.pabc-scroll-controls button{min-width:32px;height:32px}}


/* PABC v15.3: pointer-independent scrolling and reliable TikZ diagram stage */
#modal #modalBody,
#modalBackdrop,
#mainContent,
.content-grid,
.panel,
.card,
.thread-detail-body,
.thread-detail-content,
.wiki-page-body,
.pabc-reference-document,
.pabc-tikz-render,
.pabc-tikz-render-stage,
.logic-preview,
.table-scroll,
.reference-manager-list {
  overscroll-behavior-y: auto;
  -webkit-overflow-scrolling: touch;
}
#modal #modalBody,
.pabc-reference-document,
.thread-detail-body,
.wiki-page-body,
.pabc-tikz-render-stage,
.logic-preview,
.table-scroll,
.reference-manager-list {
  touch-action: pan-y pan-x;
}
.pabc-tikz-render {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: visible;
  padding: 12px;
  text-align: center;
}
.pabc-tikz-render-stage {
  position: relative;
  display: block;
  min-width: 0;
  max-width: 100%;
  min-height: 64px;
  overflow-x: auto;
  overflow-y: visible;
  touch-action: pan-x pan-y;
}
.pabc-tikz-render-stage[aria-busy="true"] {
  min-height: 76px;
  display: grid;
  place-items: center;
}
.pabc-tikz-render-stage .tikzjax-wrapper,
.pabc-tikz-render-stage svg {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}
.pabc-tikz-render-stage .tikzjax-wrapper {
  overflow: visible !important;
}
.pabc-tikz-status {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.pabc-tikz-status.is-fallback { color: #8a5b12; }
.pabc-tikz-retry, .pabc-tikz-copy { margin-top: 7px; }
.pabc-tikz-retry[hidden] { display: none !important; }
.pabc-tikz-source pre {
  max-width: 100%;
  max-height: 280px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  text-align: left;
  touch-action: pan-y pan-x;
}
@media (pointer: coarse) {
  #modal #modalBody,
  .thread-detail-body,
  .wiki-page-body,
  .pabc-tikz-render-stage,
  .logic-preview,
  .table-scroll,
  .reference-manager-list {
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y pan-x;
  }
}


/* v15.4 · Sandbox & Studio creator workspace */
.studio-shell{display:grid;gap:1rem;min-width:0}.studio-masthead{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:clamp(1.2rem,3vw,2rem);border-radius:18px;background:radial-gradient(circle at 90% 10%,rgba(233,197,108,.22),transparent 30%),linear-gradient(125deg,#102849,#1e5689);color:#fff;border:1px solid rgba(233,197,108,.55);box-shadow:0 12px 32px rgba(16,40,73,.14)}.studio-masthead h2{font:700 clamp(1.7rem,4vw,2.7rem)/1.08 Georgia,serif;margin:.2rem 0 .65rem}.studio-masthead p:not(.studio-eyebrow){max-width:68ch;color:#e1eaf5;margin:.3rem 0}.studio-eyebrow{font-size:.7rem;letter-spacing:.16em;font-weight:900;color:#e9c56c;margin:0 0 .55rem}.studio-masthead-mark{width:90px;height:90px;flex:0 0 90px;border:1px solid rgba(233,197,108,.65);border-radius:22px;display:grid;place-items:center;font:3.6rem Georgia,serif;color:#e9c56c;background:rgba(255,255,255,.06);transform:rotate(2deg)}.studio-masthead-mark span{font:700 .55rem system-ui;letter-spacing:.2em}.studio-tabs{display:flex;gap:.4rem;overflow-x:auto;padding:.35rem;background:var(--panel,#fff);border:1px solid var(--line,#d8dfeb);border-radius:13px;scrollbar-width:thin}.studio-tab{white-space:nowrap;border:0;background:transparent;border-radius:9px;padding:.75rem .9rem;font:700 .83rem system-ui;color:var(--muted,#63738a);cursor:pointer}.studio-tab.active{background:#102849;color:#f4d783;box-shadow:0 3px 10px #10284922}.studio-pane{min-width:0;border:1px solid var(--line,#d8dfeb);background:var(--panel,#fff);border-radius:16px;padding:1rem;box-shadow:0 8px 25px rgba(23,43,77,.04)}.studio-pane[hidden]{display:none}.studio-toolbar{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:.8rem;margin-bottom:1rem}.studio-toolbar label,.studio-translate-grid label,.arena-grid label,.graph-entry-row label{display:grid;gap:.4rem;font-size:.77rem;font-weight:800;color:var(--muted,#63738a);min-width:0}.studio-toolbar .form-control,.studio-translate-grid .form-control,.arena-grid .form-control,.graph-entry-row .form-control{width:100%;min-width:0}.studio-editor-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1rem;align-items:start}.studio-code-column,.studio-preview-column{min-width:0;border:1px solid var(--line,#d8dfeb);border-radius:12px;overflow:hidden}.studio-code-head,.studio-preview-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.65rem .75rem;background:#f0f4f9;border-bottom:1px solid var(--line,#d8dfeb);font-size:.69rem;font-weight:900;letter-spacing:.08em;color:#28405f}.studio-code-head>div{display:flex;gap:.35rem;flex-wrap:wrap}.studio-code-head .secondary-small{font-size:.7rem;padding:.35rem .5rem}.studio-code{display:block;width:100%;min-height:330px;resize:vertical;border:0;border-bottom:1px solid var(--line,#d8dfeb);border-radius:0;padding:1rem;background:#0d1b2d;color:#e6edf7;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto;overscroll-behavior:contain}.studio-code-css{min-height:300px}.studio-editor-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding:.8rem 0}.studio-code-column>.studio-editor-actions{padding:.8rem}.studio-preview-head{background:#102849;color:#f5e2a8}.studio-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5bc88d;margin-right:.4rem;box-shadow:0 0 0 3px #5bc88d25}.studio-preview-stage{padding:1rem;background:repeating-linear-gradient(45deg,#f1f4f8,#f1f4f8 8px,#e9edf3 8px,#e9edf3 16px);min-height:450px;overflow:auto;overscroll-behavior:contain}.studio-preview-stage iframe{display:block;width:100%;height:650px;border:1px solid #cbd5e1;border-radius:8px;background:white;box-shadow:0 8px 24px #10284920;margin:0 auto;transition:width .15s ease}.studio-preview-stage.viewport-mobile iframe{max-width:100%;height:740px}.studio-lint{padding:.8rem .9rem;background:#fbfaf7;border-top:1px solid var(--line,#d8dfeb);font-size:.8rem;color:#45566d}.studio-lint p{margin:.35rem 0 0}.studio-lint ul{margin:.4rem 0;padding-left:1.2rem}.studio-lint li{margin:.25rem 0}.studio-section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.3rem .2rem 1.1rem;border-bottom:1px solid var(--line,#d8dfeb);margin-bottom:1rem}.studio-section-heading h3{font:700 1.8rem/1.1 Georgia,serif;margin:.2rem 0 .4rem;color:var(--ink,#172b4d)}.studio-section-heading p:not(.studio-eyebrow){margin:0;color:var(--muted,#63738a);max-width:75ch}.studio-icon-badge{width:54px;height:54px;flex:0 0 54px;border-radius:15px;display:grid;place-items:center;background:#102849;color:#f2d782;font-size:1.6rem}.studio-translate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.studio-block-label{display:grid;gap:.4rem;margin-top:1rem;font-size:.8rem;font-weight:800;color:var(--muted,#63738a)}.translation-output{border:1px solid var(--line,#d8dfeb);background:#f8fafc;border-radius:12px;padding:1rem;margin-top:.5rem;min-height:120px;overflow-wrap:anywhere}.translation-output textarea{width:100%;font:inherit;line-height:1.65}.studio-error{color:#a12b32}.arena-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.arena-grid label:nth-child(1),.arena-grid label:nth-child(2),.arena-grid label:nth-child(7),.arena-grid label:nth-child(8){grid-column:span 1}.studio-output-area{width:100%;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.graph-entry-row{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:.65rem;align-items:end}.cosmology-graph{display:flex;align-items:stretch;gap:.65rem;overflow-x:auto;padding:1rem;margin:1rem 0;border:1px solid var(--line,#d8dfeb);border-radius:12px;background:linear-gradient(180deg,#f9fafc,#f0f4f9);min-height:130px}.graph-empty{display:grid;place-items:center;min-height:100px;width:100%;color:var(--muted,#63738a);font-size:.9rem;text-align:center}.graph-node{min-width:180px;max-width:260px;flex:0 0 220px;padding:.8rem;border:1px solid #c9d5e5;border-top:3px solid #d8b45c;border-radius:10px;background:white;box-shadow:0 4px 12px #1028490c;position:relative}.graph-node-index{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#102849;color:#f3d785;font-size:.7rem;font-weight:900;margin-bottom:.5rem}.graph-node b{display:block;overflow-wrap:anywhere}.graph-node small{display:block;color:#64748b;margin:.35rem 0 .6rem;overflow-wrap:anywhere}.graph-edge{padding:.5rem 0;color:#8a6a22;font-size:.7rem;font-weight:900;text-align:center}.token-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.token-grid label{display:grid;gap:.5rem;padding:1rem;border:1px solid var(--line,#d8dfeb);border-radius:12px;background:#f8fafc;font-size:.8rem;font-weight:800}.token-grid input{width:100%;height:44px;border:0;background:transparent;cursor:pointer}.wiki-profile-frame{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr);gap:1rem;padding:1rem;margin:1rem 0;border:1px solid var(--line,#d8dfeb);border-radius:14px;background:#f8fafc}.wiki-profile-frame aside{border:1px solid var(--line,#d8dfeb);border-radius:10px;background:#fff;overflow:hidden}.wiki-profile-frame aside h3{margin:0;padding:.7rem;background:#102849;color:#f2d782}.wiki-profile-frame aside dl{display:grid;grid-template-columns:1fr 1.1fr;gap:.45rem;padding:.8rem;font-size:.8rem}.wiki-profile-frame aside dt{font-weight:800}.wiki-profile-frame aside dd{margin:0;overflow-wrap:anywhere}.wiki-profile-frame>div{min-width:0}.wiki-profile-frame .profile-quote{padding:.8rem 1rem;background:#fff;border-left:4px solid #d8b45c;font:italic 1.05rem Georgia,serif}.wiki-profile-frame .profile-status{display:inline-block;padding:.25rem .5rem;border-radius:99px;background:#e8eef7;color:#28405f;font-size:.7rem;font-weight:900}@media(max-width:900px){.studio-editor-grid{grid-template-columns:1fr}.studio-toolbar{grid-template-columns:1fr 1fr}.studio-preview-stage{min-height:300px}.studio-preview-stage iframe{height:550px}.graph-entry-row{grid-template-columns:1fr 1fr}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.studio-masthead{align-items:flex-start}.studio-masthead-mark{width:58px;height:58px;flex-basis:58px;border-radius:15px;font-size:2.2rem}.studio-masthead-mark span{display:none}.studio-tabs{margin-inline:-.2rem}.studio-pane{padding:.65rem}.studio-toolbar,.studio-translate-grid,.arena-grid,.graph-entry-row{grid-template-columns:1fr}.studio-code{min-height:270px;font-size:11px}.studio-code-css{min-height:240px}.studio-preview-stage{padding:.4rem}.studio-preview-stage iframe{height:520px}.studio-section-heading h3{font-size:1.5rem}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-profile-frame{grid-template-columns:1fr}.wiki-profile-frame aside{max-width:none}}


/* v15.5 · mobile topbar de-duplication */
@media (max-width: 760px) {
  .topbar { gap: 8px !important; padding-inline: 10px !important; }
  .topbar-breadcrumb { display: none !important; }
  .top-actions { gap: 7px !important; min-width: 0; }
  .top-actions .top-link { display: none !important; }
  #askAiTop { max-width: 112px; overflow: hidden; text-overflow: ellipsis; padding: 8px 9px !important; }
  .topbar-wordmark { font-size: 17px !important; white-space: nowrap; }
  .account-button { flex: 0 0 35px; }
  .chat-header-actions { flex-wrap: wrap; justify-content: flex-end; }
  .chat-composer { flex-wrap: wrap; }
  .chat-composer textarea { flex: 1 1 100%; }
  .chat-composer button { flex: 1 1 auto; }
  .studio-editor-grid { grid-template-columns: minmax(0,1fr) !important; }
  .studio-code { min-height: 240px; }
  .studio-preview-stage { min-height: 360px; }
}
.channel-item, .channel-item * { cursor: pointer; pointer-events: auto; }
.channel-item .channel-lock { pointer-events: none; }
.announcement-editor-banner { padding: 12px 14px; margin-bottom: 14px; border: 1px solid #d8c58f; border-radius: 10px; background: linear-gradient(135deg,#fff9e9,#f8f3e8); }
.announcement-editor-banner p { margin: 8px 0 0; line-height: 1.6; }
.announcement-preview { margin-top: 14px; padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: #fff; max-height: 45vh; overflow: auto; }
/* Legacy floating pinned dock intentionally removed in v15.6. */
.pabc-pinned-toggle { display: flex; align-items: center; gap: 9px; margin-left: auto; border: 1px solid #bda45f; border-radius: 999px; padding: 10px 15px; background: #2c2419; color: #fff7df; font-weight: 800; cursor: pointer; }
.pabc-pinned-toggle span { display: inline-grid; min-width: 20px; height: 20px; place-items: center; border-radius: 99px; background: #c59c3d; color: #1e1b16; font-size: 11px; }
.pabc-pinned-content { margin-bottom: 8px; overflow: hidden; border: 1px solid #d5c28d; border-radius: 13px; background: #fffaf0; color: #29251f; }
.pabc-pinned-head { display:flex; justify-content:space-between; align-items:center; padding: 11px 13px; background:#332a1d; color:#fff5da; }
.pabc-pinned-head button { border:0; background:transparent; color:inherit; font-size:20px; cursor:pointer; }
.pabc-pinned-item { display:flex; flex-direction:column; gap:5px; width:100%; text-align:left; padding:12px 13px; border:0; border-bottom:1px solid #e7dcc0; background:transparent; color:inherit; cursor:pointer; }
.pabc-pinned-item:hover { background:#f4ead1; }
.pabc-pinned-item span { font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
.pabc-pinned-item small { color:#7c705a; }
.chat-message .tag.gold { align-self:center; }
@media (max-width: 480px) {

  #askAiTop { max-width: 90px; font-size: 10px !important; }
}


/* v15.5 · full-site browser IDE and announcement surfaces */
.source-ide-toolbar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:14px 0; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.source-ide-toolbar label { display:flex; flex-direction:column; gap:7px; font-size:12px; font-weight:750; }
.source-ide-toolbar input[type=file] { display:block; max-width:100%; font-size:11px; }
.source-ide-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; align-items:start; }
.source-file-panel,.source-preview-panel { min-width:0; border:1px solid var(--line); border-radius:13px; overflow:hidden; background:var(--panel); }
.source-file-tabs { display:flex; gap:0; border-bottom:1px solid var(--line); background:#eceff4; }
.source-file-tabs button { flex:1; padding:11px 7px; border:0; border-right:1px solid #d9e0e9; background:transparent; color:#52637a; font-size:12px; font-weight:800; cursor:pointer; }
.source-file-tabs button.active { color:#fff; background:#304f88; }
.source-code { display:block; width:100%; min-height:560px; border:0 !important; border-radius:0 !important; resize:vertical; padding:15px !important; background:#111b2a !important; color:#dbe7fa !important; font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace !important; tab-size:2; }
.source-code[hidden] { display:none !important; }
.source-ide-pane .studio-editor-actions { display:flex; flex-wrap:wrap; gap:7px; padding:12px; }
.source-js-warning { margin:0 12px 12px; font-size:12px; }
.source-preview-stage { min-height:620px; background:#dce3ed; padding:10px; overflow:auto; }
.source-preview-stage iframe { display:block; width:100%; min-width:0; height:600px; margin:0 auto; border:1px solid #c5cedb; border-radius:5px; background:#fff; }
.source-ide-pane .studio-preview-head { display:flex; align-items:center; justify-content:space-between; padding:12px; background:#15243a; color:#f5f8fc; }
.source-ide-pane .studio-lint { margin:10px; }
.channel-admin-row { display:block; }
.channel-inline-edit { display:grid; grid-template-columns:1fr 1fr; gap:10px; width:100%; }
.channel-inline-edit > b { grid-column:1/-1; }
.channel-inline-edit label { display:flex; flex-direction:column; gap:5px; font-size:11px; font-weight:700; }
.channel-inline-edit button { justify-self:start; }
.announcement-board { margin:12px 0; padding:15px; }
.announcement-board-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.announcement-board-head h3 { margin:3px 0; }
.announcement-board-head p { margin:4px 0; font-size:12px; }
.announcement-thread { padding:14px 0; border-top:1px solid var(--line); }
.announcement-thread.is-pinned { border-left:3px solid #c69b3b; padding-left:12px; }
.announcement-thread h4 { margin:9px 0; font-size:17px; }
.announcement-thread h4 button { border:0; background:none; padding:0; color:var(--ink); font:inherit; font-weight:850; text-align:left; cursor:pointer; }
.announcement-thread .prose { max-height:260px; overflow:auto; }
@media(max-width:900px) { .source-ide-grid { grid-template-columns:minmax(0,1fr); } .source-code { min-height:380px; } .source-preview-stage { min-height:450px; } .source-preview-stage iframe { height:430px; } .source-ide-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .source-ide-toolbar { grid-template-columns:minmax(0,1fr); } .channel-inline-edit { grid-template-columns:minmax(0,1fr); } .announcement-board-head { align-items:flex-start; flex-direction:column; } .source-ide-pane .studio-editor-actions button { flex:1 1 42%; } }


/* v15.6 classic sidebar pins, mobile search/AI separation, and staff-only source IDE */
.sidebar-pinned-panel{display:flex;flex-direction:column;gap:0;margin:0 8px 12px;border:1px solid #d7cba9;background:#f8f3e6;max-height:330px;overflow:auto}
.sidebar-pinned-empty{font-size:11px;line-height:1.5;color:#786f5e;padding:9px;margin:0}
.sidebar-pinned-item{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;border:0;border-bottom:1px solid #ded3b9;border-radius:0;background:transparent;color:#273c59;padding:9px;cursor:pointer;min-width:0}
.sidebar-pinned-item:hover{background:#eee3c9}
.sidebar-pinned-item b{font-size:11px;color:#274d82}
.sidebar-pinned-item span{font-size:11px;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sidebar-pinned-item small{font-size:10px;color:#776d59}
.pabc-global-search-button{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.pabc-global-search-button kbd{font-size:10px;opacity:.8;border:1px solid currentColor;border-radius:3px;padding:2px 4px}
.staff-source-launch{border:1px solid var(--line);padding:18px;background:var(--panel)}
@media(max-width:600px){.pabc-global-search-button{max-width:none!important;min-width:58px;padding:8px 9px!important;font-size:11px!important;overflow:visible!important}.pabc-global-search-button kbd{display:none}#askAiTop{max-width:124px!important;min-width:92px;white-space:nowrap;font-size:11px!important;text-overflow:ellipsis}.sidebar-pinned-panel{max-height:240px}}

/* v15.7: graph editor, source links, and reliable pinned-message targeting */
.external-resource-panel{display:flex;flex-wrap:wrap;gap:8px;padding:12px;margin:8px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.external-resource-panel a{display:inline-flex;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--navy);background:#fff;font-size:12px;text-decoration:none}
.external-resource-panel a:hover{text-decoration:underline;background:#f3f6fb}
.pinned-message-focus{outline:3px solid #d3a73d!important;outline-offset:4px;background:rgba(233,197,108,.16)!important;transition:background .3s}
.graph-map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.graph-map-stage{position:relative;min-width:620px;overflow:visible;background:radial-gradient(circle at 1px 1px,rgba(74,95,128,.15) 1px,transparent 0);background-size:20px 20px}
.cosmology-graph{overflow:auto;min-height:240px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}
.graph-link-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}
.graph-node-card{position:absolute;z-index:2;width:155px;min-height:84px;padding:10px;border:1px solid #b8c8de;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgba(20,42,75,.1);cursor:grab;display:flex;flex-direction:column;gap:5px}
.graph-node-card:active{cursor:grabbing}.graph-node-card b{font-size:12px;overflow-wrap:anywhere}.graph-node-card small{font-size:10px;line-height:1.35;overflow-wrap:anywhere;max-height:32px;overflow:hidden;color:#5b6780}.graph-node-index{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8b6b24;font-weight:700}.graph-node-actions{display:flex;gap:4px;flex-wrap:wrap}.graph-node-actions button{font-size:10px;padding:3px 6px}
@media(max-width:680px){.graph-map-stage{min-width:620px}.external-resource-panel{align-items:stretch}.external-resource-panel a{width:100%}}


/* v15.9 corrective patch: compact, distinct mobile actions and accessible pin controls */
.pabc-global-search-button,.pabc-ai-top-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px}
.pabc-search-icon,.pabc-ai-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:1.05rem}
.pabc-search-label,.pabc-ai-label{display:inline}
.sidebar-pinned-item:disabled{opacity:.7;cursor:progress}
.sidebar-pinned-item:focus-visible{outline:3px solid #c69b3b;outline-offset:-3px}
@media(max-width:760px){
 .topbar{min-width:0;gap:6px!important;padding-inline:7px!important}
 .topbar-wordmark{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
 .top-actions{margin-left:auto;display:flex;flex:0 0 auto;align-items:center;gap:5px!important}
 .top-actions .top-link{display:none!important}
 #pabcGlobalSearch,#askAiTop{width:40px!important;min-width:40px!important;max-width:40px!important;height:38px;min-height:38px;padding:0!important;flex:0 0 40px;gap:0!important;border-radius:8px;font-size:17px!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap}
 #pabcGlobalSearch .pabc-search-label,#pabcGlobalSearch kbd,#askAiTop .pabc-ai-label{display:none!important}
 #pabcGlobalSearch .pabc-search-icon,#askAiTop .pabc-ai-icon{display:inline-flex!important;font-size:18px;line-height:1}
 #askAiTop{font-size:19px!important}
 .account-button{flex:0 0 34px!important;width:34px!important;min-width:34px!important}
}
@media(max-width:390px){
 .topbar{gap:4px!important;padding-inline:5px!important}
 .topbar-wordmark{font-size:14px!important;max-width:90px}
 .top-actions{gap:4px!important}
 #pabcGlobalSearch,#askAiTop{width:35px!important;min-width:35px!important;max-width:35px!important;flex-basis:35px;padding:0!important}
 .account-button{width:31px!important;min-width:31px!important;flex-basis:31px!important}
}


/* v15.9: classic forum density, robust pin hit targets, compact mobile controls */
.sidebar-pinned-panel{position:relative;z-index:5;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow:auto;pointer-events:auto}
.sidebar-pinned-item{position:relative;z-index:6;display:flex!important;width:100%;min-width:0;flex-direction:column;gap:5px;text-align:left;white-space:normal;cursor:pointer;pointer-events:auto;touch-action:manipulation;border:1px solid #c9c2b0;border-left:3px solid #c6a45b;background:#fffdf7;color:#263b59;border-radius:2px;padding:10px;font:inherit}
.sidebar-pinned-item *{pointer-events:none}.sidebar-pinned-item b{font-weight:700}.sidebar-pinned-item span{font-size:.86rem;overflow-wrap:anywhere}.sidebar-pinned-item small{font-size:.72rem;color:#68778c}.sidebar-pinned-item:hover{background:#f5eedc}.sidebar-pinned-item:focus-visible{outline:3px solid #315b9b;outline-offset:2px}
.chat-message-head [data-pin-chat-message]{min-height:36px;touch-action:manipulation}
.pinned-message-focus{scroll-margin:100px;outline:3px solid #c69b3b!important;outline-offset:3px;background:#fff7d9!important}
/* Older Facebook/forum feel: squared panels, paper background, restrained shadows. */
.panel,.thread-card,.wiki-card,.member-row,.chat-layout,.chat-header,.chat-messages,.chat-composer{border-radius:3px!important;box-shadow:none!important}
.classic-member-sheet{font-size:.94rem;line-height:1.65}.classic-member-sheet h3{font:700 1.4rem Georgia,serif;border-bottom:1px solid var(--line);padding-bottom:.6rem}
.staff-member-tools{border:1px solid var(--line);padding:14px;background:var(--panel)}
@media(max-width:760px){
 .topbar{display:flex!important;flex-wrap:nowrap!important;overflow:visible!important;min-height:56px!important}
 .top-actions{gap:5px!important;min-width:0!important}
 #pabcGlobalSearch,#askAiTop{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;padding:0!important;overflow:hidden!important}
 #pabcGlobalSearch .pabc-search-label,#pabcGlobalSearch kbd,#askAiTop .pabc-ai-label{display:none!important}
 #pabcGlobalSearch .pabc-search-icon,#askAiTop .pabc-ai-icon{display:inline-flex!important;font-size:19px!important;line-height:1!important}
 .sidebar-pinned-panel{max-height:40vh!important;overflow-y:auto!important;overscroll-behavior:contain}
 .sidebar-pinned-item{padding:9px!important;min-height:60px!important}
}
@media(max-width:390px){.topbar{gap:3px!important;padding-inline:5px!important}.top-actions{gap:3px!important}#pabcGlobalSearch,#askAiTop{flex-basis:34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:35px!important}.topbar-wordmark{max-width:100px!important}}

/* ================================================================
   PABC Nexus v16.0 · classic forum interaction and mobile corrections
   ================================================================ */
:root{--pabc-classic-ink:#23344a;--pabc-classic-blue:#315a9a;--pabc-classic-paper:#f3ecdc;--pabc-classic-line:#c8cfda}
/* Old-school discussion board: square corners, thin borders, obvious actions. */
.panel,.thread-card,.chat-layout,.wiki-profile-frame,.pabc-embed-card,.tutorial-entry,.dm-shell{border-radius:3px!important;box-shadow:none!important}
.panel,.thread-card,.tutorial-entry{border:1px solid var(--pabc-classic-line)}
.thread-card h3 button,.chat-author-profile{font-family:Georgia,'Times New Roman',serif}
button,.nav-item,.channel-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* The topbar must remain usable at 320px and must never render two AI labels. */
.topbar{min-width:0;gap:clamp(5px,1vw,12px)}
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:clamp(4px,.75vw,10px);min-width:0;flex:1}
.pabc-global-search-button,.pabc-ai-top-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-width:0;white-space:nowrap;flex:0 0 auto}
.pabc-search-icon,.pabc-ai-icon{font-size:1.08rem;line-height:1;display:inline-grid;place-items:center}
.pabc-global-search-button .pabc-search-label,.pabc-global-search-button kbd,.pabc-ai-top-button .pabc-ai-label{display:inline}
.pinned-side-controls{display:inline-flex;align-items:center;gap:6px}
.pinned-refresh-button{border:1px solid #d6c8a4;background:#fffaf0;color:#284e8b;border-radius:2px;font-weight:800;min-width:28px;min-height:25px;cursor:pointer}
.sidebar-pinned-panel{pointer-events:auto;position:relative;z-index:12;display:flex;flex-direction:column;gap:5px;max-height:360px;overflow:auto;overscroll-behavior:contain;isolation:isolate}
.sidebar-pinned-item{display:flex;flex-direction:column;gap:5px;width:100%;min-width:0;padding:10px;border:1px solid #d5c7a0;border-left:3px solid #b68c39;border-radius:2px;background:#fffdf8;color:#253c60;text-align:left;cursor:pointer;pointer-events:auto;white-space:normal}
.sidebar-pinned-item:hover,.sidebar-pinned-item:focus-visible{background:#f0e7d2;outline:2px solid #315a9a;outline-offset:1px}
.sidebar-pinned-item:disabled{opacity:.7;cursor:progress}
.pinned-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pinned-item-top b{font-size:.82rem}.pinned-item-top span{color:#315a9a;font-size:.72rem;font-weight:800;white-space:nowrap}
.pinned-item-text{display:block;font-size:.79rem;line-height:1.35;overflow-wrap:anywhere}
.sidebar-pinned-item small{display:block;color:#68758a;font-size:.69rem;line-height:1.35}
.sidebar-pinned-empty{font-size:.78rem;line-height:1.45;padding:8px;margin:0;color:#64748b}
.pinned-message-focus{outline:3px solid #d8b45c!important;background:#fff4d0!important;transition:background .2s ease;scroll-margin:90px}
.chat-message-head{align-items:center;flex-wrap:wrap;gap:6px}
.chat-message-head>[data-pin-chat-message]{display:inline-flex!important;align-items:center;justify-content:center;min-height:32px;min-width:66px;padding:6px 9px!important;border:1px solid #b7c3d5!important;border-radius:2px!important;background:#fffdf7!important;color:#244c8a!important;font-size:.76rem;font-weight:800;cursor:pointer;pointer-events:auto}
.chat-message-head>[data-pin-chat-message]:hover{background:#e7eef9!important}
.chat-message-head>[data-pin-chat-message]:disabled{opacity:.6;cursor:not-allowed}
.chat-message-head time{font-size:.72rem}
.chat-message-body{min-width:0;overflow-wrap:anywhere}

/* Embed preview: provider allow-list is enforced by app.js; frames stay in bounds. */
.pabc-embed-card{display:block;clear:both;max-width:min(100%,760px);margin:12px 0;padding:0;border:1px solid #c9d3e1;background:#fff;overflow:hidden}
.pabc-embed-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;background:#f1f4f8;border-bottom:1px solid #d4dbe5;font:700 .8rem/1.4 system-ui,sans-serif}
.pabc-embed-head strong{color:#253f67}.pabc-embed-head a{white-space:nowrap;font-size:.75rem}
.pabc-embed-frame{display:block;width:100%;max-width:100%;min-height:230px;border:0;background:#f8fafc;aspect-ratio:16/9}
.pabc-embed-card[data-embed-provider="google-drive"] .pabc-embed-frame{height:clamp(420px,70vh,900px);min-height:420px}
.pabc-embed-card[data-embed-provider="tiktok"] .pabc-embed-frame{height:720px;max-height:80vh;aspect-ratio:9/16;margin-inline:auto;max-width:480px}
.pabc-embed-card[data-embed-provider="spotify"] .pabc-embed-frame{min-height:155px;height:180px;aspect-ratio:auto}
.pabc-embed-fallback{font-size:.73rem;color:#64748b;padding:7px 10px;margin:0;border-top:1px solid #e2e8f0}

/* Direct-message mailbox with conversation list + scrolling message thread. */
.dm-shell{border:1px solid #c7cfdb;background:#fffdf8;color:#263a56;overflow:hidden}
.dm-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid #cbd4e0;background:#f5efe2}
.dm-page-header h2{font:700 1.7rem/1.12 Georgia,'Times New Roman',serif;margin:3px 0 6px;color:#1e3555}
.dm-page-header p:not(.eyebrow){margin:0;color:#68758a;font-size:.86rem;max-width:68ch}
.dm-layout{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);min-height:530px}
.dm-people{border-right:1px solid #cbd4e0;background:#f8f5ed;min-width:0}
.dm-people-head{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #d9dfE7;font-size:.9rem}
.dm-search-label{display:flex;gap:8px;align-items:center;margin:10px;padding:0 9px;border:1px solid #c8d0dc;background:#fff;min-width:0}
.dm-search-label input{border:0;outline:0;width:100%;min-width:0;height:38px;background:transparent;color:#273b5a;font:inherit}
#dmConversationList{max-height:690px;overflow:auto}
.dm-person{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:0;border-top:1px solid #e0e5eb;background:transparent;padding:11px;cursor:pointer;color:#28405e;min-width:0}
.dm-person:hover,.dm-person.active{background:#e8edf5}
.dm-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #c0cad9;background:#dce7f7;color:#315a9a;font-weight:800;font-family:Georgia,serif}
.dm-avatar.large{width:44px;height:44px;flex-basis:44px}
.dm-person-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:2px}
.dm-person-copy b,.dm-person-copy small,.dm-person-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-person-copy b{font-size:.84rem}.dm-person-copy small{color:#738096;font-size:.7rem}.dm-person-copy span{font-size:.73rem;color:#5c6b80}
.dm-unread{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:50%;background:#315a9a;color:white;font-size:.7rem;font-weight:800}
.dm-conversation{min-width:0;display:flex;flex-direction:column;background:#fff}
.dm-thread-head{display:flex;align-items:center;gap:11px;padding:12px;border-bottom:1px solid #d9e0e9;background:#fbfaf7}
.dm-thread-head>div{flex:1;min-width:0}.dm-thread-head h3{font:700 1rem Georgia,serif;margin:0 0 4px}.dm-thread-head small{font-size:.73rem;color:#718096}
.dm-thread-messages{display:flex;flex:1;flex-direction:column;gap:11px;max-height:590px;min-height:260px;overflow:auto;padding:18px;background:linear-gradient(#fff,#fafbfd)}
.dm-bubble-row{display:flex;justify-content:flex-start;min-width:0}.dm-bubble-row.own{justify-content:flex-end}
.dm-bubble{max-width:min(85%,640px);min-width:0;padding:9px 12px;border:1px solid #d4dbe6;background:#f2f4f7;overflow-wrap:anywhere}
.dm-bubble.own{background:#e7eefb;border-color:#c6d5ee}
.dm-bubble-meta{font-size:.69rem;color:#68758a;margin-bottom:6px}.dm-bubble-body{font-size:.88rem;line-height:1.5}.dm-bubble-body>*:first-child{margin-top:0}.dm-bubble-body>*:last-child{margin-bottom:0}.dm-read-state{display:block;margin-top:5px;color:#315a9a;font-size:.68rem}
.dm-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;padding:12px;border-top:1px solid #d8dee8;background:#f8f7f2}
.dm-reply-form textarea{width:100%;min-width:0;max-height:220px;resize:vertical;border:1px solid #becada;background:white;padding:10px;font:inherit;color:#263a56}
.dm-privacy-note{font-size:.7rem;color:#7a8799;padding:0 12px 10px;margin:0;background:#f8f7f2}
.dm-empty,.dm-no-people{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;color:#718096;min-height:280px}
.dm-empty>span{font-size:2.2rem}.dm-empty h3{font:700 1.25rem Georgia,serif;color:#2b4161;margin:8px 0}.dm-empty p,.dm-no-people p{max-width:34ch;font-size:.84rem}
.dm-no-people{min-height:180px}.dm-no-people b{color:#304765}

/* Tutorial page and Google document preview. */
.tutorials-page{display:flex;flex-direction:column;gap:13px;min-width:0}
.tutorials-masthead{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid #bcad8b;background:#eee4d0;color:#263b5c}
.tutorials-masthead h2{font:700 clamp(1.5rem,4vw,2rem)/1.1 Georgia,serif;margin:5px 0 8px}
.tutorials-masthead p:not(.eyebrow){margin:0;max-width:70ch;color:#5e6c80}
.tutorials-stamp{display:grid;place-items:center;width:66px;height:66px;flex:0 0 66px;border:2px double #b8a475;background:#faf5e8;color:#31558b;text-align:center;font:700 .76rem/1.25 Georgia,serif;transform:rotate(2deg)}
.tutorials-index{display:flex;flex-wrap:wrap;gap:0;border:1px solid #ccd4df;background:#fff}
.tutorials-index a{padding:9px 12px;border-right:1px solid #d9dfe7;font-size:.78rem;font-weight:700}
.tutorial-entry{padding:16px;background:#fffdf9;scroll-margin-top:80px}
.tutorial-entry h3{font:700 1.2rem Georgia,serif;color:#263f66;margin:0 0 10px}
.tutorial-entry p,.tutorial-entry li{font-size:.88rem;line-height:1.58;color:#4e5d73}
.tutorial-entry ol{padding-left:1.35rem}.tutorial-entry li{margin:6px 0}
.tutorial-button-row{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.tutorial-code{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f4f7;border:1px solid #d0d8e3;border-left:4px solid #b89957;color:#2a3c58;padding:12px;font:12px/1.6 ui-monospace,Consolas,monospace;overflow:auto}
.tutorial-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tutorial-code-grid article{display:grid;gap:8px;padding:10px;border:1px solid #d4dbe5;background:#f8fafc;min-width:0}
.tutorial-code-grid code{font:12px/1.4 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.tutorial-warning{padding:10px 12px;background:#fff5da;border-left:4px solid #d1a348}
.doc-viewer-test{padding:13px;border:1px solid #c9d4e2;background:#f6f8fb;margin:12px 0}
.doc-viewer-preview{margin-top:12px;min-width:0}
.tutorial-drive-frame{display:block;width:100%;height:clamp(430px,75vh,900px);border:1px solid #c5cedb;background:#fff}
.tutorial-channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.tutorial-channel-list p{padding:8px 0;margin:0;border-bottom:1px solid #e0e4eb}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mute-controls{display:flex;align-items:end;gap:6px;flex-wrap:wrap;margin-top:7px}
.mute-controls label{font-size:.68rem;color:#64748b;display:flex;align-items:center;gap:5px}
.mute-hours-input{width:78px!important;min-height:31px;padding:4px 6px!important}
.staff-member-sanction-row{align-items:center}

@media(max-width:760px){
 .topbar{gap:5px;padding-inline:8px;min-height:52px}
 .topbar-wordmark{font-size:1.05rem;white-space:nowrap}
 .topbar-breadcrumb,.top-link{display:none!important}
 .top-actions{gap:5px;flex:1}
 .pabc-global-search-button,.pabc-ai-top-button{width:42px!important;min-width:42px!important;max-width:42px!important;height:38px;padding:0!important;overflow:hidden!important;border-radius:3px!important}
 .pabc-global-search-button .pabc-search-label,.pabc-global-search-button kbd,.pabc-ai-top-button .pabc-ai-label{display:none!important}
 .pabc-search-icon,.pabc-ai-icon{font-size:1.2rem!important;display:inline-grid!important;visibility:visible!important;opacity:1!important}
 #accountButton{flex:0 0 38px;width:38px;min-width:38px;padding:0}
 .chat-header{gap:9px}.chat-header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;max-width:100%}
 .chat-message-head>[data-pin-chat-message]{min-height:35px;min-width:68px}
 .sidebar-pinned-panel{max-height:38vh;overflow-y:auto;overscroll-behavior:contain}
 .dm-layout{grid-template-columns:minmax(0,1fr);min-height:0}
 .dm-people{border-right:0;border-bottom:1px solid #cbd4e0}
 #dmConversationList{display:flex;max-height:180px;overflow:auto}
 .dm-person{flex:0 0 min(82%,260px);border-right:1px solid #e0e5eb;border-top:0}
 .dm-thread-messages{min-height:250px;max-height:52vh;padding:11px}
 .dm-page-header{padding:13px;align-items:flex-start}.dm-page-header h2{font-size:1.35rem}
 .dm-reply-form{grid-template-columns:minmax(0,1fr);padding:9px}.dm-reply-form button{justify-self:end;min-width:120px}
 .tutorials-masthead{padding:13px}.tutorials-index{overflow-x:auto;flex-wrap:nowrap}.tutorials-index a{white-space:nowrap}
 .tutorial-entry{padding:12px}.tutorial-code-grid,.tutorial-channel-list{grid-template-columns:1fr}
 .pabc-embed-card[data-embed-provider="tiktok"] .pabc-embed-frame{height:600px;max-height:75vh}
}
@media(max-width:380px){
 .topbar-wordmark{font-size:.92rem}
 .pabc-global-search-button,.pabc-ai-top-button{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px}
 #accountButton{flex-basis:34px;width:34px;min-width:34px}
 .chat-message-head{gap:4px}.chat-message-head>[data-pin-chat-message]{min-width:58px;padding-inline:6px!important;font-size:.7rem}
}


/* v16.0 classic community UI finishing pass */
.pinned-side-controls{display:inline-flex;align-items:center;gap:6px}
.pinned-refresh-button{border:1px solid #c8c0ad;background:#f7f2e7;color:#315b96;border-radius:2px;width:24px;height:22px;padding:0;cursor:pointer;font-weight:700;line-height:1}
.pinned-refresh-button:hover,.pinned-refresh-button:focus-visible{background:#e5ebf4;outline:2px solid #315b96;outline-offset:1px}
.public-member-directory,.dm-shell,.tutorials-page{color:#1c2d45}
.directory-header,.dm-page-header{background:#f7f4ed;border-bottom:1px solid #c9cbd0;padding:15px 18px}
.directory-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:12px 0}
.directory-results{display:flex;flex-direction:column;border-top:1px solid #d4d8de}
.directory-member{display:flex;align-items:flex-start;gap:12px;padding:12px 6px;border-bottom:1px solid #d7dbe0;background:#fff}
.directory-avatar{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;background:#dfe8f4;color:#315b96;font-weight:700;overflow:hidden}
.directory-avatar img{width:100%;height:100%;object-fit:cover}.directory-avatar.avatar-image-failed{font-weight:800;font-size:1rem;border-radius:50%}.mini-avatar.avatar-image-failed{font-size:9px;line-height:1}.ai-elapsed-time{font-variant-numeric:tabular-nums;opacity:.8;font-size:.9em}.wiki-auto-toc{border:1px solid var(--line,#d7dce5);background:var(--surface,#f5f7fb);padding:12px 16px;margin:0 0 18px;max-width:100%;border-radius:4px}.wiki-auto-toc>strong{display:block;margin-bottom:6px}.wiki-auto-toc ol{margin:0;padding-left:22px;columns:2;column-gap:28px}.wiki-auto-toc li{break-inside:avoid;margin:3px 0}.wiki-auto-toc li.wiki-toc-subitem{margin-left:12px;list-style-type:circle}.wiki-auto-toc button{border:0;background:transparent;color:var(--blue,#315b91);text-align:left;padding:3px 0;cursor:pointer;font:inherit;font-size:.92em}.wiki-auto-toc button:hover{text-decoration:underline}.wiki-toc-heading{scroll-margin-top:24px}@media(max-width:620px){.wiki-auto-toc ol{columns:1}.directory-member{align-items:flex-start}.directory-avatar{flex:0 0 42px}}
.directory-member-copy{flex:1;min-width:0}.directory-member-copy h3{margin:0 0 4px;font-size:1rem}.directory-member-copy h3 button{border:0;padding:0;background:transparent;color:#315b96;font:inherit;font-weight:700;cursor:pointer}.directory-member-copy p{margin:5px 0;font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere}
.dm-shell,.tutorials-masthead,.tutorial-entry,.doc-viewer-test{border-radius:0!important;box-shadow:none!important}
.dm-layout{border:1px solid #cbd0d8;background:#fff;border-radius:0}
.dm-person{border-radius:0!important;border-bottom:1px solid #d7dce4}
.dm-thread-head{border-bottom:1px solid #d5dbe3;background:#f7f7f7}
.tutorials-masthead{background:#3b5998!important;color:#fff!important}
.chat-message-head{align-items:center;flex-wrap:wrap}
.chat-message-head>[data-pin-chat-message]{display:inline-flex!important;visibility:visible!important;pointer-events:auto!important;touch-action:manipulation;position:relative;z-index:2}
.pabc-embed-card{border:1px solid #ccd3df;background:#f8f9fb;margin:10px 0;max-width:100%;overflow:hidden}
.pabc-embed-card header{padding:8px 10px;background:#edf1f7;border-bottom:1px solid #d5dbe5;font-weight:700;font-size:.85rem}
.pabc-embed-frame{width:100%;height:clamp(250px,50vw,520px);border:0;display:block;background:#fff}
.pabc-embed-fallback{padding:10px;display:block;overflow-wrap:anywhere}
@media(max-width:760px){.directory-member{flex-wrap:wrap}.directory-member-copy{min-width:calc(100% - 65px)}.directory-member>button[data-public-member]{margin-left:54px}.directory-search-row{grid-template-columns:minmax(0,1fr) auto}.pinned-side-controls{gap:3px}.pinned-refresh-button{width:28px;height:26px}.chat-message-head>[data-pin-chat-message]{min-height:34px}.top-actions{min-width:0;justify-content:flex-end}.topbar-wordmark .brand-copy{display:none}}

/* v16.0 final responsive header hardening */
@media(max-width:760px){
 .pabc-global-search-button,.pabc-ai-top-button{width:40px!important;min-width:40px!important;max-width:40px!important;flex:0 0 40px!important;height:40px!important;padding:0!important;gap:0!important;overflow:hidden!important;font-size:0!important;border:1px solid rgba(255,255,255,.35)!important}
 .pabc-global-search-button .pabc-search-label,.pabc-global-search-button kbd,.pabc-ai-top-button .pabc-ai-label{display:none!important}
 .pabc-global-search-button .pabc-search-icon,.pabc-ai-top-button .pabc-ai-icon{display:inline-grid!important;font-size:20px!important;width:100%;height:100%;place-items:center}
 .top-actions{gap:5px!important;flex:0 0 auto!important;overflow:visible!important}
 .topbar{display:flex!important;align-items:center!important;min-width:0!important}
 .topbar-wordmark{flex:1 1 auto!important;min-width:0!important}
 .topbar-wordmark .brand-copy{display:none!important}
}
@media(max-width:390px){.pabc-global-search-button,.pabc-ai-top-button{width:35px!important;min-width:35px!important;max-width:35px!important;flex-basis:35px!important;height:36px!important}.pabc-global-search-button .pabc-search-icon,.pabc-ai-top-button .pabc-ai-icon{font-size:18px!important}.top-actions{gap:3px!important}}
.tutorial-external-resources{border-top:1px solid #d5dce6;margin-top:13px;padding-top:11px;font-size:.85rem}.tutorial-external-resources p{line-height:1.9;margin:7px 0}.tutorial-external-resources a{display:inline-block;color:#315a9a;font-weight:700;text-decoration:underline;text-underline-offset:2px}.tutorial-external-resources small{display:block;color:#64748b;line-height:1.45}

/* v16.1 corrective: the two top action buttons are removed on mobile to stop the double-icon/label collision. Desktop controls remain unchanged. */
@media(max-width:760px){#pabcGlobalSearch,#askAiTop{display:none!important}.top-actions{gap:4px!important;min-width:0!important}.topbar{grid-template-columns:auto minmax(0,1fr) auto!important}.topbar-wordmark{display:flex!important;min-width:0!important}.topbar-wordmark .brand-copy{display:none!important}}
/* A persistent, explicit jump control appears after a pinned message is opened or pinned. */
.pabc-pinned-jump-floater{position:fixed;z-index:99999;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:min(92vw,560px);white-space:normal;border:2px solid #9a7628;background:#fff4cc;color:#233d68;padding:12px 16px;font-weight:900;box-shadow:0 4px 18px #0003;border-radius:3px;cursor:pointer;transition:opacity .18s ease,transform .18s ease}
.pabc-pinned-jump-floater.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.dm-message-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.dm-image-url{grid-column:1/-1;min-width:0}.dm-reply-form{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:760px){.pabc-pinned-jump-floater{bottom:12px;width:calc(100vw - 24px);font-size:.88rem}.dm-reply-form{grid-template-columns:minmax(0,1fr)}.dm-reply-form button{justify-self:stretch}}


/* PABC v17 · long-form publishing, channel badges, centralised pins and retro layouts */
.channel-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:2px 5px;border:1px solid #b8c6d8;border-radius:3px;background:#e8eef7;color:#294d78;font:800 9px/1.2 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.channel-badge-new,.channel-badge-hot{background:#fff0d7;color:#8b4b00;border-color:#e9bd70}.channel-badge-guide,.channel-badge-official{background:#e7f5eb;color:#17633a;border-color:#9dd3ad}.channel-badge-staff{background:#fce8e8;color:#a12b32;border-color:#e9aaaa}.channel-badge-beta{background:#f1e9ff;color:#6540a0;border-color:#cbb6ef}
.chat-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.channel-pins-button{font-weight:800}.channel-pinned-list{display:grid;gap:.55rem;max-height:min(65vh,700px);overflow:auto}.channel-pinned-list .sidebar-pinned-item{width:100%;text-align:left;display:grid;gap:.35rem;padding:.8rem;border:1px solid var(--line,#d8dfeb);border-radius:8px;background:var(--panel,#fff);color:var(--ink,#172b4d);cursor:pointer}.channel-pinned-list .sidebar-pinned-item:hover{border-color:var(--blue,#3b5998);background:var(--canvas,#f5f7fa)}.channel-pinned-list span{overflow-wrap:anywhere;font-size:.86rem;line-height:1.5}.channel-pinned-list small{color:var(--muted,#63738a)}
/* Large essays should wrap and scroll locally instead of widening the whole page. */
.prose,.thread-detail-body,.wiki-page-body,.chat-markdown,.cosmology-dossier-body{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}.prose pre,.thread-detail-body pre,.wiki-page-body pre,.chat-markdown pre{max-width:100%;overflow:auto;overscroll-behavior:contain;white-space:pre;tab-size:2}.prose table,.thread-detail-body table,.wiki-page-body table{display:block;max-width:100%;overflow:auto}.pabc-tikz-source{border:1px dashed #b58c43;border-radius:8px;background:#fff9e9;padding:.7rem;margin:.8rem 0}.pabc-tikz-source summary{cursor:pointer;font-weight:800;color:#77551d}.pabc-tikz-source pre{max-height:420px;overflow:auto;white-space:pre;overflow-wrap:normal;font:12px/1.5 ui-monospace,Consolas,monospace}.pabc-embed-frame{display:block;width:100%;min-height:320px;height:clamp(320px,55vw,720px);border:1px solid var(--line,#d8dfeb);border-radius:8px;background:#fff;margin:1rem 0}.pabc-embed-card{margin:1rem 0;padding:.65rem;border:1px solid var(--line,#d8dfeb);border-radius:10px;background:var(--panel,#fff)}.pabc-embed-card a{overflow-wrap:anywhere}
:root[data-pabc-layout="old-reddit"] body{font-family:Arial,Helvetica,sans-serif;font-size:13px}:root[data-pabc-layout="old-reddit"] .panel,:root[data-pabc-layout="old-reddit"] .thread-card,:root[data-pabc-layout="old-reddit"] .wiki-page-card{border-radius:0;box-shadow:none;border-color:#c8d5e2}:root[data-pabc-layout="old-reddit"] .thread-card h2,:root[data-pabc-layout="old-reddit"] .thread-card h3{font-family:Arial,sans-serif}:root[data-pabc-layout="old-reddit"] .sidebar{background:#f6f6ef}:root[data-pabc-layout="imageboard"] body{font-family:Arial,Helvetica,sans-serif}:root[data-pabc-layout="imageboard"] .panel,:root[data-pabc-layout="imageboard"] .thread-card{border-radius:0;box-shadow:none;border:1px solid #b7b7a8;background:#f0e0d6}:root[data-pabc-layout="imageboard"] .chat-message{border-radius:0;border-bottom:1px dotted #b5a398}:root[data-pabc-layout="wiki-blue"] .panel,:root[data-pabc-layout="wiki-blue"] .thread-card{border-radius:2px;box-shadow:none;border-top:3px solid var(--blue,#245a87)}:root[data-pabc-layout="wiki-blue"] h1,:root[data-pabc-layout="wiki-blue"] h2,:root[data-pabc-layout="wiki-blue"] h3{font-family:Arial,Helvetica,sans-serif}
:root[data-pabc-season="advent"] body:before{content:"✦  ADVENT COUNTDOWN  ✦";display:block;position:fixed;z-index:1000;top:0;left:0;right:0;text-align:center;padding:3px 8px;background:linear-gradient(90deg,#253b31,#8b1d2c,#d0ad54,#253b31);color:#fff7d6;font:800 10px/1.3 system-ui;letter-spacing:.18em;pointer-events:none}:root[data-pabc-season="christmas"] body:before{content:"🎄 PABC HOLIDAY CHAOS: BE NICE OR THE MODS PUT YOUR TIER IN A STOCKING 🎁";display:block;position:fixed;z-index:1000;top:0;left:0;right:0;text-align:center;padding:4px 8px;background:repeating-linear-gradient(135deg,#174a31 0 16px,#8f1f2b 16px 32px);color:#fff;font:800 10px/1.4 system-ui;letter-spacing:.04em;pointer-events:none}:root[data-pabc-season="christmas"] .panel-heading:after{content:" ✨";color:#c23b42}:root[data-pabc-season="advent"] .panel-heading:after{content:" ✦";color:#b58a2b}
@media(max-width:760px){.chat-header-actions{justify-content:flex-start;width:100%}.chat-header{align-items:flex-start;flex-wrap:wrap}.channel-pins-button,.chat-share-button{min-height:36px}.channel-badge{font-size:8px;padding:2px 4px}}

/* Personal appearance presets remain independent of the staff-wide layout preset. */
:root[data-pabc-theme="old-reddit"] body{font-family:Arial,Helvetica,sans-serif;font-size:13px}:root[data-pabc-theme="old-reddit"] .panel,:root[data-pabc-theme="old-reddit"] .thread-card{border-radius:0;box-shadow:none;border-color:#c8d5e2}:root[data-pabc-theme="old-reddit"] .sidebar{background:#f6f6ef}
:root[data-pabc-theme="imageboard"] body{font-family:Arial,Helvetica,sans-serif}:root[data-pabc-theme="imageboard"] .panel,:root[data-pabc-theme="imageboard"] .thread-card{border-radius:0;box-shadow:none;border:1px solid #b7b7a8;background:#f0e0d6}:root[data-pabc-theme="imageboard"] .chat-message{border-radius:0;border-bottom:1px dotted #b5a398}
:root[data-pabc-theme="wiki-blue"] .panel,:root[data-pabc-theme="wiki-blue"] .thread-card{border-radius:2px;box-shadow:none;border-top:3px solid var(--blue,#245a87)}:root[data-pabc-theme="wiki-blue"] h1,:root[data-pabc-theme="wiki-blue"] h2,:root[data-pabc-theme="wiki-blue"] h3{font-family:Arial,Helvetica,sans-serif}


/* v17.1 corrective: restore per-message channel pin controls without affecting the header Pins index. */
.chat-message-head .chat-pin-message-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border:1px solid var(--line,#c9d3e2);border-radius:3px;background:var(--surface,#fff);color:var(--accent,#244c8a);font-size:.76rem;font-weight:750;cursor:pointer;touch-action:manipulation}
.chat-message-head .chat-pin-message-btn:hover{background:var(--surface-hover,#edf3fb)}
.chat-message-head .chat-pin-message-btn:disabled{opacity:.6;cursor:wait}
.pabc-full-latex-source{margin-top:12px}
.pabc-tikz-between{height:8px}
.pabc-tikz-render-stage svg{display:block;max-width:100%;height:auto;margin-inline:auto}
.pabc-tikz-render-stage{max-width:100%;overflow-x:auto}
@media(max-width:640px){.chat-message-head .chat-pin-message-btn{min-height:34px;font-size:.72rem;padding:6px 8px}}


/* PABC v18: high-contrast tutorial masthead, resilient formulae, seasonal skins, and modular staff controls. */
.tutorials-masthead { background:#2f4f86 !important; color:#fff !important; }
.tutorials-masthead h2,.tutorials-masthead h2 * { color:#fff !important; opacity:1 !important; }
.tutorials-masthead p:not(.eyebrow) { color:#f5f7ff !important; opacity:1 !important; text-shadow:0 1px 1px #1b3157; }
.tutorials-masthead .eyebrow { color:#ffe19a !important; opacity:1 !important; }
.tutorials-masthead .tutorials-stamp { background:#fff9ea!important; color:#244577!important; border-color:#d5bf88!important; }
.form-note,.markdown-help,.empty-inline,.tutorial-entry p,.tutorial-entry li,.thread-meta,.member-info small,.channel-admin-row label,.site-preview-note { color:var(--muted-strong,#44536a); opacity:1; }
.tutorials-page .tutorial-entry { color:#202c3e; }
.tutorials-page .tutorial-entry h3,.tutorials-page .tutorial-entry h4 { color:#203b6b; }
.prose mjx-container[display="true"],.thread-detail-body mjx-container[display="true"],.chat-markdown mjx-container[display="true"],.wiki-page-body mjx-container[display="true"] { display:block; max-width:100%; overflow-x:auto; overflow-y:hidden; padding:.45rem .15rem .7rem; scrollbar-width:thin; overscroll-behavior-x:contain; }
.prose mjx-container:not([display="true"]),.thread-detail-body mjx-container:not([display="true"]),.chat-markdown mjx-container:not([display="true"]) { max-width:100%; }
.prose .MathJax_Display,.thread-detail-body .MathJax_Display { max-width:100%; overflow-x:auto; overflow-y:hidden; padding:.4rem 0 .65rem; }
.pabc-season-quickbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:.8rem; border-left:5px solid var(--gold,#c89a3b); }
.pabc-season-quickbar>div:first-child strong { display:block; color:var(--ink,#172b4d); font-size:1rem; }
.pabc-season-quickbar>div:first-child p { margin:.2rem 0 0; color:#46556b; opacity:1; }
.channel-admin-row { align-items:flex-start; }
.channel-order-controls { display:flex; flex-direction:column; gap:.3rem; flex:0 0 auto; }
.channel-inline-edit { min-width:0; flex:1 1 700px; }
.channel-inline-edit .form-control { min-width:0; }
.thread-custom-post-card-note { border:1px solid #d7deea; border-left:4px solid #3b5998; background:#f7f9fc; color:#24334a; padding:.75rem; border-radius:6px; }
.thread-custom-post-card-note p { margin:.35rem 0; }
.thread-custom-post-card-note small { color:#45556d; }
.thread-custom-content-frame { display:block; width:100%; min-width:0; min-height:260px; height:clamp(280px,48vw,780px); border:1px solid #c8d2e0; border-radius:8px; background:#fff; color:#172b4d; }
.thread-custom-editor,.tiering-quick-tools { margin:1rem 0; padding:1rem; border:1px solid #cad3e0; border-radius:8px; background:#f7f9fc; color:#20314a; }
.thread-custom-editor summary { cursor:pointer; font-weight:800; color:#244577; }
.thread-custom-editor[hidden],#threadMarkdownEditor[hidden] { display:none!important; }
.tiering-quick-tools h4 { color:#263f6d; margin:.1rem 0 .4rem; }
.tiering-quick-tools .form-two-col { align-items:center; }
.pabc-season-quickbar .toolbar-group { flex-wrap:wrap; }
#moderationTabs { display:flex; gap:.35rem; flex-wrap:wrap; }
.live-site-studio { display:grid; gap:1rem; min-width:0; }
.live-studio-masthead { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; padding:1.2rem; background:linear-gradient(120deg,#182c49,#3b5998); color:#fff; border:1px solid #10223e; }
.live-studio-masthead h3 { color:#fff; margin:.15rem 0 .45rem; }
.live-studio-masthead p { color:#f1f5fb; opacity:1; margin:.2rem 0; max-width:80ch; }
.live-studio-masthead .eyebrow { color:#f7d986; }
.live-studio-tabs { display:flex; flex-wrap:wrap; gap:.4rem; padding:.65rem; background:#edf1f7; border:1px solid #c9d3e1; }
.live-studio-tabs button.active { background:#244577; color:#fff; border-color:#244577; }
.live-studio-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }
.live-studio-card { min-width:0; padding:1rem; background:#fff; color:#20304a; border:1px solid #ccd5e2; border-radius:8px; }
.live-studio-card h4 { color:#233f75; margin:.1rem 0 .5rem; }
.live-studio-card p { color:#46556b; opacity:1; }
.live-studio-records { display:grid; gap:.55rem; }
.live-studio-record { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.75rem; padding:.8rem; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:#20304a; min-width:0; }
.live-studio-record h4 { margin:0 0 .3rem; color:#233f75; overflow-wrap:anywhere; }
.live-studio-record p,.live-studio-record small { margin:.2rem 0; color:#48566b; opacity:1; overflow-wrap:anywhere; }
.live-studio-record-actions { display:flex; align-items:center; gap:.35rem; flex-wrap:wrap; }
.live-studio-record-actions .form-control { max-width:190px; }
.live-studio-warning { border-left:4px solid #c89a3b; padding:.8rem 1rem; background:#fff5d9; color:#493914; }
.live-studio-code { width:100%; min-height:190px; font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; color:#e5edf9; background:#0f1d31; border:1px solid #364a66; border-radius:6px; padding:.8rem; white-space:pre; overflow:auto; }
.live-studio-preview { width:100%; min-height:260px; height:clamp(280px,50vw,650px); border:1px solid #cad3e0; border-radius:8px; background:#fff; }
.live-studio-count { font-size:1.7rem; font-weight:900; color:#244577; }
:root[data-pabc-season="halloween"] body:before { content:"🎃 PABC HALLOWEEN · CHECK THE EVIDENCE BEFORE YOU SUMMON A TIER"; display:block; position:sticky; z-index:1000; top:0; left:0; right:0; text-align:center; padding:4px 8px; background:repeating-linear-gradient(135deg,#2a173f 0 18px,#a84616 18px 36px); color:#fff4e5; font:800 10px/1.4 system-ui; letter-spacing:.04em; pointer-events:none; }
:root[data-pabc-season="halloween"] .panel-heading:after { content:" 🎃"; color:#d56a19; }
:root[data-pabc-season="halloween"] .tutorials-masthead { border-color:#a84616!important; }
:root[data-pabc-season="halloween"] .primary-small { box-shadow:inset 0 0 0 1px #df873e; }
:root[data-pabc-season="advent"] .pabc-season-quickbar { border-left-color:#7450a1; }
:root[data-pabc-season="christmas"] .pabc-season-quickbar { border-left-color:#b33a43; }
@media(max-width:850px){.live-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-studio-record{grid-template-columns:1fr}.live-studio-record-actions{justify-content:flex-start}.pabc-season-quickbar{align-items:flex-start}}
@media(max-width:580px){.live-studio-grid{grid-template-columns:1fr}.live-studio-masthead{display:block;padding:.9rem}.live-studio-tabs{margin:0}.live-studio-record-actions .form-control{max-width:100%;width:100%}.thread-custom-content-frame{height:420px}.channel-admin-row{display:block}.channel-order-controls{flex-direction:row;margin-bottom:.5rem}}


/* v18 readability, responsive mathematics, and Live Site Studio controls */
.tutorials-masthead,.tutorials-masthead * { opacity:1 !important; }
.tutorials-masthead .tutorials-subtitle,.tutorials-masthead > p,.tutorials-masthead p { color:#f5f7ff !important; opacity:1 !important; text-shadow:0 1px 1px rgba(0,0,0,.18); }
.MathJax_Display,.mjx-container[display="true"],.thread-detail-body .MathJax,.thread-card-preview .MathJax { max-width:100%; overflow-x:auto; overflow-y:hidden; padding:.12rem 0 .25rem; }
.mjx-container[display="true"] > svg { max-width:none; }
.live-studio-filters { display:grid; grid-template-columns:minmax(180px,2fr) minmax(150px,1fr) minmax(150px,1fr); gap:.6rem; margin:1rem 0; }
.live-badge-quick { min-width:125px; display:grid; gap:.25rem; font-size:.82rem; text-align:left; }
.live-studio-record[hidden] { display:none !important; }
.live-studio-record-actions .form-control { max-width:210px; min-width:120px; }
.pabc-season-quickbar .form-note { color:var(--muted,#64748b); opacity:1; }
.thread-custom-content-frame,.wiki-custom-preview-frame { width:100%; min-height:260px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; }
.thread-custom-content-frame { display:block; min-height:300px; }
.tiering-quick-tools,.thread-custom-editor { overflow-wrap:anywhere; }
.tiering-quick-tools select,.live-studio-filters input,.live-studio-filters select { min-width:0; max-width:100%; }
.live-studio-tabs { display:flex; flex-wrap:wrap; gap:.4rem; }
.live-studio-record-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; }
@media(max-width:760px){.live-studio-filters{grid-template-columns:1fr}.live-studio-record-actions{display:flex;flex-wrap:wrap}.live-studio-record-actions .form-control{max-width:100%;width:100%}.live-badge-quick{width:100%}.thread-custom-content-frame,.wiki-custom-preview-frame{min-height:280px}}

:root[data-pabc-season="advent"] body:before { content:"🕯 PABC ADVENT · LIGHT ONE LAMP, DEFINE ONE PREMISE, FOLLOW THE EVIDENCE"; display:block; position:sticky; z-index:1000; top:0; text-align:center; padding:5px 8px; background:linear-gradient(90deg,#261d4a,#453276,#261d4a); color:#ffe9ac; font:800 10px/1.4 system-ui; letter-spacing:.045em; pointer-events:none; border-bottom:1px solid #c6a65d; }
:root[data-pabc-season="christmas"] body:before { content:"🎄 MERRY PABC · KEEP YOUR CLAIMS BRIGHT AND YOUR SOURCES BRIGHTER"; display:block; position:sticky; z-index:1000; top:0; text-align:center; padding:5px 8px; background:repeating-linear-gradient(135deg,#124c38 0 20px,#8d2738 20px 40px); color:#fff7e2; font:800 10px/1.4 system-ui; letter-spacing:.04em; pointer-events:none; border-bottom:1px solid #d8c58e; }
:root[data-pabc-season="advent"] .primary-small { box-shadow:inset 0 0 0 1px #b99a57; }
:root[data-pabc-season="christmas"] .primary-small { box-shadow:inset 0 0 0 1px #a73142; }
:root[data-pabc-season="christmas"] .panel-heading:after { content:" 🎄"; color:#b33a43; }

.live-channel-config { display:grid; grid-template-columns:minmax(140px,1fr) minmax(180px,2fr) minmax(130px,.8fr) auto; align-items:end; gap:.45rem; min-width:0; }
.live-channel-config label { display:grid; gap:.25rem; min-width:0; font-size:.82rem; color:#34445e; }
.live-channel-config textarea { resize:vertical; min-height:2.5rem; }
.live-channel-config .live-channel-readonly { display:flex; align-items:center; gap:.35rem; }
@media(max-width:900px){.live-channel-config{grid-template-columns:1fr 1fr}.live-channel-config label:nth-child(2){grid-column:span 2}}
@media(max-width:580px){.live-channel-config{grid-template-columns:1fr}.live-channel-config label:nth-child(2){grid-column:auto}}

.prose .mjx-container:not([display="true"]) { display:inline-block; max-width:100%; overflow-x:auto; overflow-y:hidden; vertical-align:middle; }
.prose .mjx-container[display="true"] { display:block; width:100%; max-width:100%; overflow-x:auto; overflow-y:hidden; }
.thread-detail-body,.thread-card-preview,.prose { min-width:0; overflow-wrap:anywhere; }
.thread-detail-body .mjx-container svg,.thread-card-preview .mjx-container svg { max-width:none; }


/* PABC Nexus v18.1 · pin dock, category navigation, seasonal controls, staff guide */
.sidebar-pinned-dock{margin:.65rem .55rem .9rem;border:1px solid rgba(92,112,145,.22);border-radius:8px;background:rgba(255,255,255,.68);overflow:hidden;min-width:0}
.sidebar-pinned-heading{display:flex;align-items:center;gap:.45rem;width:100%;border:0;background:rgba(59,89,152,.08);color:var(--ink,#24334c);font-weight:750;font-size:.78rem;padding:.55rem .6rem;cursor:pointer;text-align:left}
.sidebar-pinned-heading span:first-child{flex:1}.sidebar-pinned-count{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;border-radius:1rem;background:var(--blue,#3b5998);color:white;font-size:.72rem}
.sidebar-pinned-panel{display:grid;gap:.35rem;max-height:280px;overflow:auto;padding:.4rem}.sidebar-pinned-item{display:grid;gap:.3rem;width:100%;text-align:left;min-width:0;padding:.55rem;border:1px solid rgba(92,112,145,.2);border-radius:6px;background:var(--surface,#fff);color:var(--ink,#24334c);cursor:pointer}.sidebar-pinned-item:hover{border-color:var(--blue,#3b5998)}.pinned-item-top{display:flex;justify-content:space-between;gap:.4rem}.pinned-item-text{font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}.sidebar-pinned-item small{font-size:.7rem;color:var(--muted,#64748b)}.sidebar-pinned-empty{margin:.35rem;padding:.45rem;font-size:.76rem;line-height:1.5;color:var(--muted,#64748b)}
.channel-category-group{padding:0 0 .3rem;margin:0 0 .3rem;border-bottom:1px solid rgba(130,145,164,.16)}.channel-category-label{display:flex;justify-content:space-between;align-items:center;padding:.48rem .55rem .25rem;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#64748b)}
.thread-card-staff-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;padding:.55rem .1rem 0;margin-top:.25rem;border-top:1px solid rgba(130,145,164,.18)}.thread-card-staff-controls .form-note{font-size:.7rem;margin-left:auto}
.season-picker-row{display:grid;grid-template-columns:minmax(180px,1.6fr) repeat(2,minmax(145px,.8fr)) auto auto;gap:.55rem;align-items:end;width:100%;margin:.65rem 0}.season-picker-row .form-field{min-width:0;display:grid;gap:.25rem;font-size:.8rem}.staff-guide-frame{width:100%;height:min(76vh,980px);border:1px solid #cbd5e1;border-radius:8px;background:#fff}.pabc-season-quickbar{display:grid;grid-template-columns:1fr;gap:.4rem}.pabc-season-quickbar>div:first-child p{margin:.25rem 0}.pabc-season-quickbar #seasonThemeStatus{justify-self:start}
:root[data-pabc-season="new-year"] .pabc-season-quickbar{border-top:3px solid #e5b847}:root[data-pabc-season="new-year"] .panel-heading:after{content:" 🎆"}
:root[data-pabc-season="lunar-new-year"] .pabc-season-quickbar{border-top:3px solid #c62d32;background:linear-gradient(115deg,#fff5e6,#ffe2dd)}:root[data-pabc-season="lunar-new-year"] .panel-heading:after{content:" 🧧"}
:root[data-pabc-season="valentines"] .pabc-season-quickbar{border-top:3px solid #d94b83;background:#fff3f8}:root[data-pabc-season="valentines"] .panel-heading:after{content:" 💗"}
:root[data-pabc-season="spring"] .pabc-season-quickbar{border-top:3px solid #5caa71;background:#f2fff4}:root[data-pabc-season="spring"] .panel-heading:after{content:" 🌱"}
:root[data-pabc-season="easter"] .pabc-season-quickbar{border-top:3px solid #9c80d8;background:#faf5ff}:root[data-pabc-season="easter"] .panel-heading:after{content:" 🐣"}
:root[data-pabc-season="earth-day"] .pabc-season-quickbar{border-top:3px solid #378c62;background:#effaf1}:root[data-pabc-season="earth-day"] .panel-heading:after{content:" 🌎"}
:root[data-pabc-season="summer"] .pabc-season-quickbar{border-top:3px solid #e5a52e;background:#fff9e6}:root[data-pabc-season="summer"] .panel-heading:after{content:" ☀️"}
:root[data-pabc-season="pride"] .pabc-season-quickbar{border-top:4px solid #8b5bd7;background:linear-gradient(90deg,#fff0f0,#fff9d9,#edfff0,#eff5ff)}:root[data-pabc-season="pride"] .panel-heading:after{content:" 🏳️‍🌈"}
:root[data-pabc-season="back-to-school"] .pabc-season-quickbar{border-top:3px solid #d0a643;background:#fffbed}:root[data-pabc-season="back-to-school"] .panel-heading:after{content:" 📚"}
:root[data-pabc-season="autumn"] .pabc-season-quickbar{border-top:3px solid #b36a2e;background:#fff6ec}:root[data-pabc-season="autumn"] .panel-heading:after{content:" 🍂"}
:root[data-pabc-season="dia-de-muertos"] .pabc-season-quickbar{border-top:3px solid #9a48b6;background:#fff4fe}:root[data-pabc-season="dia-de-muertos"] .panel-heading:after{content:" 💀"}
:root[data-pabc-season="diwali"] .pabc-season-quickbar{border-top:3px solid #d88925;background:#fff5da}:root[data-pabc-season="diwali"] .panel-heading:after{content:" 🪔"}
:root[data-pabc-season="thanksgiving"] .pabc-season-quickbar{border-top:3px solid #99633d;background:#fff5e8}:root[data-pabc-season="thanksgiving"] .panel-heading:after{content:" 🦃"}
:root[data-pabc-season="winter"] .pabc-season-quickbar{border-top:3px solid #72a6cf;background:#f0f8ff}:root[data-pabc-season="winter"] .panel-heading:after{content:" ❄️"}
:root[data-pabc-season="ramadan"] .pabc-season-quickbar{border-top:3px solid #25856c;background:#eefbf7}:root[data-pabc-season="ramadan"] .panel-heading:after{content:" 🌙"}
:root[data-pabc-season="eid-al-fitr"] .pabc-season-quickbar,:root[data-pabc-season="eid-al-adha"] .pabc-season-quickbar{border-top:3px solid #18816b;background:#effbf5}:root[data-pabc-season="eid-al-fitr"] .panel-heading:after{content:" 🌙"}:root[data-pabc-season="eid-al-adha"] .panel-heading:after{content:" 🐑"}
:root[data-pabc-season="independence-day"] .pabc-season-quickbar{border-top:3px solid #3478bd;background:linear-gradient(90deg,#fff,#fff5f5,#edf4ff)}:root[data-pabc-season="independence-day"] .panel-heading:after{content:" 🎇"}
@media(max-width:900px){.season-picker-row{grid-template-columns:repeat(2,minmax(0,1fr))}.season-picker-row .form-field:first-child{grid-column:1/-1}.season-picker-row button{width:100%}}
@media(max-width:540px){.sidebar-pinned-dock{margin:.5rem .3rem}.sidebar-pinned-panel{max-height:220px}.thread-card-staff-controls{align-items:stretch}.thread-card-staff-controls .secondary-small{flex:1}.thread-card-staff-controls .form-note{width:100%;margin-left:0}.season-picker-row{grid-template-columns:1fr}.season-picker-row .form-field:first-child{grid-column:auto}.staff-guide-frame{height:72vh}}


/* v18.2 — unified seasonal masthead: every holiday/season gets its own motif and palette. */
:root[data-pabc-season] body:before{content:none!important;display:none!important}
.pabc-seasonal-masthead{position:sticky;top:0;z-index:1200;display:flex;align-items:center;justify-content:center;gap:clamp(.55rem,1.5vw,1.4rem);min-height:68px;padding:.62rem 1rem;background:var(--season-gradient);color:var(--season-ink);border-bottom:3px solid var(--season-accent);box-shadow:0 3px 16px #10182830;isolation:isolate;overflow:hidden}
.pabc-seasonal-masthead:before,.pabc-seasonal-masthead:after{content:"";position:absolute;top:-70%;width:240px;height:240px;border:1px solid color-mix(in srgb,var(--season-accent) 42%,transparent);border-radius:50%;pointer-events:none;z-index:-1}
.pabc-seasonal-masthead:before{left:-90px}.pabc-seasonal-masthead:after{right:-90px}
.season-masthead-icon{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1;filter:drop-shadow(0 1px 1px #0003);flex:0 0 auto}.season-masthead-icon-end{transform:scaleX(-1)}
.season-masthead-copy{display:grid;gap:.14rem;text-align:center;min-width:0}.season-masthead-copy strong{font-family:var(--pabc-display-font,Georgia),serif;font-size:clamp(.78rem,1.8vw,1.03rem);letter-spacing:.025em;text-wrap:balance}.season-masthead-copy small{font-size:clamp(.65rem,1.35vw,.78rem);line-height:1.4;opacity:.95;text-wrap:balance}.season-masthead-sprinkles{font-size:.78rem;letter-spacing:.4em;opacity:.95;white-space:nowrap}.pabc-seasonal-masthead[data-season="pride"] .season-masthead-copy strong{text-shadow:0 1px 3px #25133b88}.pabc-seasonal-masthead[data-season="halloween"]{border-bottom-color:#ffb35d}.pabc-seasonal-masthead[data-season="christmas"]{border-bottom-color:#f4d987}.pabc-seasonal-masthead[data-season="advent"]{border-bottom-color:#e4c878}
@media(max-width:680px){.pabc-seasonal-masthead{min-height:58px;padding:.5rem .4rem;gap:.45rem}.season-masthead-sprinkles{display:none}.season-masthead-icon{font-size:1.2rem}.season-masthead-copy strong{font-size:.78rem}.season-masthead-copy small{font-size:.64rem;max-width:72vw}.season-masthead-icon-end{display:none}}
@media(prefers-reduced-motion:no-preference){.pabc-seasonal-masthead .season-masthead-icon{animation:pabcSeasonFloat 4.5s ease-in-out infinite alternate}@keyframes pabcSeasonFloat{from{transform:translateY(-1px) rotate(-3deg)}to{transform:translateY(2px) rotate(3deg)}}}

/* Channel context menu and drag/drop interaction. */
.pabc-context-menu{position:fixed;z-index:3000;min-width:224px;max-width:min(310px,calc(100vw - 16px));padding:.35rem;background:var(--surface,#fff);border:1px solid var(--border,#cbd5e1);border-radius:7px;box-shadow:0 12px 34px #1018284a;display:grid;gap:2px;color:var(--ink,#243044)}
.pabc-context-menu button{width:100%;border:0;border-radius:4px;background:transparent;color:inherit;text-align:left;padding:.62rem .72rem;font:inherit;font-size:.84rem;cursor:pointer;min-height:40px}.pabc-context-menu button:hover,.pabc-context-menu button:focus-visible{background:var(--blue,#3b5998);color:white;outline:2px solid transparent}
.channel-item[draggable="true"]{cursor:grab}.channel-item.is-dragging{opacity:.45;outline:2px dashed var(--gold,#c89a3b)}.channel-item.is-drop-target,.channel-category-group.is-drop-target{outline:2px dashed var(--gold,#c89a3b);outline-offset:2px;background:#f9edc9}.channel-category-menu-hint{padding:0 .35rem;opacity:.72}.channel-category-label[data-category-context]{cursor:context-menu}

/* Admin console is intentionally an operational view, not an unsandboxed code execution panel. */
.admin-console-shell{display:grid;gap:1rem}.admin-console-hero{display:flex;align-items:center;gap:1rem;padding:1.1rem;border:1px solid #b4c4d7;border-radius:8px;background:linear-gradient(125deg,#10233e,#244d77 62%,#8e682f);color:#fff}.admin-console-hero h3{margin:.15rem 0 .35rem;font-size:1.35rem}.admin-console-hero p{margin:.2rem 0;color:#e4edf7}.admin-console-hero .eyebrow{color:#f3d994;font-weight:800;letter-spacing:.12em;font-size:.72rem}.admin-console-emblem{font-size:2.2rem;flex:0 0 auto}.admin-console-session{margin-left:auto;border:1px solid #9ab4c9;border-radius:20px;padding:.35rem .6rem;font-size:.69rem;white-space:nowrap}.admin-console-unlock,.admin-console-boundaries{padding:1rem;border:1px solid var(--border,#cbd5e1);border-radius:7px;background:var(--surface,#fff)}.admin-console-unlock{max-width:760px}.admin-console-unlock .form-note{margin:.35rem 0 .75rem}.admin-console-message{display:block;margin-top:.55rem;color:var(--muted,#63738a);font-size:.85rem}.admin-console-boundaries{background:color-mix(in srgb,var(--canvas,#f6f4ee) 65%,white);font-size:.88rem}.admin-console-boundaries p{margin:.4rem 0 0;line-height:1.55}.admin-console-actions{display:flex;gap:.55rem;flex-wrap:wrap}.admin-console-health{min-width:0}.admin-health-summary{display:flex;gap:.7rem;align-items:center;background:#eff8f1;border:1px solid #bbdfc3;border-radius:7px;padding:.8rem;color:#205e37}.admin-health-summary p{margin:.2rem 0 0;font-size:.8rem}.admin-health-dot{width:10px;height:10px;border-radius:100%;background:#2d9b56;box-shadow:0 0 0 4px #2d9b5624}.admin-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.7rem}.admin-health-item{display:grid;gap:.3rem;padding:.8rem;border:1px solid var(--border,#cbd5e1);border-radius:7px;background:var(--surface,#fff);min-width:0}.admin-health-item strong{font-size:1.4rem}.admin-health-item small{color:var(--muted,#64748b);overflow-wrap:anywhere}.admin-health-item.is-ok{border-top:3px solid #32985a}.admin-health-item.is-warning{border-top:3px solid #c38326}.admin-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.admin-module-grid button,.admin-module-grid a{display:grid;gap:.35rem;padding:.9rem;text-align:left;text-decoration:none;border:1px solid var(--border,#cbd5e1);border-radius:7px;background:var(--surface,#fff);color:var(--ink,#243044);min-width:0;font:inherit;cursor:pointer}.admin-module-grid button:hover,.admin-module-grid a:hover{border-color:var(--blue,#3b5998);box-shadow:0 2px 10px #1d355715}.admin-module-grid span{font-size:.82rem;color:var(--muted,#64748b);line-height:1.4}
@media(max-width:680px){.admin-console-hero{align-items:flex-start;padding:.85rem;gap:.65rem;flex-wrap:wrap}.admin-console-emblem{font-size:1.5rem}.admin-console-session{margin-left:0}.admin-health-grid,.admin-module-grid{grid-template-columns:1fr}.admin-console-actions>*{flex:1 1 auto}.pabc-context-menu{min-width:210px}}

/* v18.2 seasonal personality and accessible category drag handles */
.channel-category-label[draggable="true"]{cursor:grab;user-select:none}.channel-category-label[draggable="true"]:active{cursor:grabbing}.channel-category-group.is-dragging{opacity:.5}.channel-category-group.is-drop-target{outline:2px dashed var(--gold,#c89a3b);outline-offset:3px;background:color-mix(in srgb,var(--gold,#c89a3b) 12%,transparent)}
.pabc-seasonal-masthead:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--season-accent) 17%,transparent),transparent 67%)}
.pabc-seasonal-masthead[data-season="new-year"] .season-masthead-sprinkles,.pabc-seasonal-masthead[data-season="christmas"] .season-masthead-sprinkles,.pabc-seasonal-masthead[data-season="halloween"] .season-masthead-sprinkles{font-size:.9rem;letter-spacing:.55em}
.pabc-seasonal-masthead[data-season="lunar-new-year"]{border-bottom-width:4px}.pabc-seasonal-masthead[data-season="ramadan"],.pabc-seasonal-masthead[data-season="eid-al-fitr"],.pabc-seasonal-masthead[data-season="eid-al-adha"]{border-bottom-style:double;border-bottom-width:5px}.pabc-seasonal-masthead[data-season="earth-day"]:before,.pabc-seasonal-masthead[data-season="spring"]:before,.pabc-seasonal-masthead[data-season="midsummer"]:before{border-radius:42% 58% 58% 42%}.pabc-seasonal-masthead[data-season="diwali"]:before,.pabc-seasonal-masthead[data-season="hanukkah"]:before,.pabc-seasonal-masthead[data-season="advent"]:before{box-shadow:0 0 30px color-mix(in srgb,var(--season-accent) 28%,transparent)}

/* Ctrl/Cmd+K quick switcher */
.pabc-quick-switcher{display:grid;gap:.65rem;min-width:0}.pabc-quick-shortcuts{display:flex;flex-wrap:wrap;gap:.45rem .8rem;font-size:.73rem;color:var(--muted,#64748b)}.pabc-quick-results{display:grid;gap:.22rem;max-height:min(55vh,520px);overflow:auto}.pabc-quick-result{display:flex;align-items:center;gap:.7rem;width:100%;padding:.7rem;border:1px solid var(--border,#d5dce6);border-radius:6px;background:var(--surface,#fff);color:var(--ink,#243044);text-align:left;cursor:pointer;min-width:0}.pabc-quick-result:hover,.pabc-quick-result:focus-visible{border-color:var(--blue,#3b5998);background:color-mix(in srgb,var(--blue,#3b5998) 8%,white);outline:2px solid transparent}.pabc-quick-result-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:5px;background:var(--canvas,#f1eee5);font-weight:900}.pabc-quick-result-copy{display:grid;gap:.1rem;flex:1;min-width:0}.pabc-quick-result-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.pabc-quick-result-copy small{font-size:.75rem;color:var(--muted,#64748b)}.pabc-quick-result kbd{border:1px solid var(--border,#d5dce6);border-radius:4px;padding:.1rem .35rem;font-size:.7rem;background:var(--canvas,#f1eee5)}

/* PABC System Z–F one-click writing scaffolds */
.system-scaffold-heading{margin:.8rem 0 .25rem;color:var(--ink,#242b36);font-size:.92rem}.system-scaffold-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:.45rem 0 .7rem}.system-scaffold-grid button{min-width:0;white-space:normal;line-height:1.25}.system-scaffold-grid button[data-system-scaffold="Z"]{border-color:var(--gold,#c89a3b);background:color-mix(in srgb,var(--gold,#c89a3b) 13%,white);font-weight:800}@media(max-width:720px){.system-scaffold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* PABC Nexus v19.0 — classic-first polish, pointer interactions, and mobile-safe controls. */
:root{--pabc-v19-line:color-mix(in srgb,var(--ink,#242b36) 13%,transparent);--pabc-v19-shadow:0 7px 24px rgba(24,43,73,.075);--pabc-v19-focus:color-mix(in srgb,var(--blue,#3b5998) 68%,white)}
html{scroll-behavior:smooth;scrollbar-gutter:stable}
body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}
button,a,[role="button"],input,select,textarea{touch-action:manipulation}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--pabc-v19-focus,#729cdc);outline-offset:2px}
.panel,.thread-card,.ai-chat-window,.ai-side-card,.member-row,.channel-admin-row{border-color:var(--pabc-v19-line,#d5dce6)}
.panel,.thread-card{box-shadow:var(--pabc-v19-shadow)}
.thread-card{position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.thread-card.is-pinned{border-inline-start:3px solid var(--gold,#c89a3b)}
.thread-card.pabc-dragging,.channel-item.is-dragging,.channel-category-group.is-dragging,.pabc-admin-row-dragging{opacity:.55;filter:saturate(.8);outline:2px dashed var(--gold,#c89a3b);outline-offset:2px}
.thread-card.pabc-drop-before:before,.thread-card.pabc-drop-after:after{content:"";position:absolute;left:0;right:0;height:4px;border-radius:3px;background:var(--blue,#3b5998);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue,#3b5998) 17%,transparent);z-index:3;pointer-events:none}
.thread-card.pabc-drop-before:before{top:-3px}.thread-card.pabc-drop-after:after{bottom:-3px}
.thread-card-staff-controls{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding-top:.65rem;border-top:1px solid var(--pabc-v19-line,#d5dce6);margin-top:.65rem}
.thread-card-staff-controls .form-note{flex:1 1 180px;margin:0;min-width:0}
.pabc-thread-drag-handle{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;min-height:40px}
.pabc-thread-drag-handle:active{cursor:grabbing}
.pabc-thread-touch-dragging{user-select:none;-webkit-user-select:none;cursor:grabbing}
.pabc-thread-touch-dragging *{cursor:grabbing!important}
.pabc-thread-reorder-trigger,.pabc-thread-drag-handle{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}
.pabc-arrange-dialog{display:grid;gap:.85rem;min-width:0}
.pabc-arrange-target{display:flex;align-items:center;gap:.75rem;padding:.9rem;border:1px solid var(--pabc-v19-line,#d5dce6);border-radius:6px;background:color-mix(in srgb,var(--canvas,#f6f4ee) 68%,white);min-width:0}
.pabc-arrange-target>div{display:grid;gap:.16rem;min-width:0}.pabc-arrange-target b{overflow-wrap:anywhere}.pabc-arrange-target small{font-size:.78rem;color:var(--muted,#64748b);overflow-wrap:anywhere}
.pabc-arrange-grip{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:5px;background:color-mix(in srgb,var(--blue,#3b5998) 12%,white);color:var(--blue,#3b5998);font-size:1.35rem}
.channel-item-row{display:flex;align-items:stretch;gap:2px;min-width:0}
.channel-item-row .channel-item{flex:1 1 auto;min-width:0;width:0}
.channel-manage-trigger{flex:0 0 34px;align-self:stretch;display:grid;place-items:center;min-width:34px;min-height:36px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted,#64748b);font-size:1.05rem;line-height:1;cursor:pointer}
.channel-manage-trigger:hover,.channel-manage-trigger:focus-visible{background:color-mix(in srgb,var(--blue,#3b5998) 12%,white);border-color:var(--pabc-v19-line,#d5dce6);color:var(--blue,#3b5998)}
.channel-category-menu-hint{display:inline-grid;place-items:center;flex:0 0 32px;min-width:32px;min-height:32px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.channel-category-menu-hint:hover,.channel-category-menu-hint:focus-visible{background:color-mix(in srgb,var(--blue,#3b5998) 11%,white);border-color:var(--pabc-v19-line,#d5dce6)}
.channel-category-label{min-height:34px;gap:.5rem}
.channel-order-controls{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;min-width:0}
.channel-order-controls button{min-height:38px}
.channel-admin-drag-handle{cursor:grab;touch-action:none;user-select:none}
.channel-admin-drag-handle:active{cursor:grabbing}
.channel-admin-row.pabc-admin-drop-target{outline:2px dashed var(--blue,#3b5998);outline-offset:2px;background:color-mix(in srgb,var(--blue,#3b5998) 8%,white)}
.pabc-context-menu{backdrop-filter:blur(8px);border-color:var(--pabc-v19-line,#cbd5e1);border-radius:8px;padding:.4rem;box-shadow:0 18px 50px rgba(16,24,40,.2)}
.pabc-context-menu button{min-height:44px;border-radius:5px}
.ai-bubble-heading{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.3rem}
.ai-copy-answer{border:1px solid var(--pabc-v19-line,#d5dce6);border-radius:4px;padding:.25rem .5rem;background:transparent;color:var(--muted,#64748b);font-size:.73rem;cursor:pointer;min-height:30px}
.ai-copy-answer:hover,.ai-copy-answer:focus-visible{background:color-mix(in srgb,var(--blue,#3b5998) 10%,white);color:var(--blue,#3b5998)}
/* Preserve the retro forum aesthetic while giving mobile/tablet controls more breathing room. */
@media(max-width:760px){
 .thread-card-staff-controls{gap:.4rem}
 .thread-card-staff-controls>button{min-height:42px;flex:0 0 auto}
 .thread-card-staff-controls .form-note{flex-basis:100%;font-size:.76rem}
 .channel-admin-row{align-items:stretch;gap:.45rem}
 .channel-order-controls{width:100%;padding:.25rem 0 .5rem}
 .channel-order-controls button{flex:1 1 auto}
 .pabc-arrange-dialog .form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
 .pabc-arrange-dialog .form-actions>*{min-width:0;white-space:normal}
 .pabc-context-menu{max-width:calc(100vw - 16px);min-width:min(230px,calc(100vw - 16px))}
 .channel-manage-trigger{min-width:40px;flex-basis:40px;min-height:42px}
 .channel-item-row .channel-item{min-height:42px}
 .modal-wide,.modal{max-width:calc(100vw - 16px)}
}
@media(max-width:420px){
 .thread-card-staff-controls>button{flex:1 1 calc(50% - .5rem);white-space:normal}
 .pabc-arrange-dialog .form-actions{grid-template-columns:1fr}
 .channel-order-controls button{width:100%}
}
@media(hover:none){
 .thread-card-staff-controls button,.channel-manage-trigger,.channel-category-menu-hint,.channel-order-controls button{min-height:44px}
 .channel-item[draggable="true"]{cursor:default}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v19.0 Home Pinboard: one shared, legible global order without changing the classic site identity. */
.pabc-global-pinboard,.pabc-recent-discussions{margin:0 0 1.15rem;min-width:0}
.pabc-global-pinboard{padding:clamp(.75rem,2vw,1.2rem);border:1px solid var(--pabc-v19-line,#d5dce6);border-top:3px solid var(--gold,#c89a3b);border-radius:7px;background:color-mix(in srgb,var(--surface,#fff) 92%,var(--gold,#c89a3b));box-shadow:var(--pabc-v19-shadow,0 7px 24px rgba(24,43,73,.075))}
.pabc-pinboard-heading,.pabc-recent-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;min-width:0;margin:0 0 .85rem}
.pabc-pinboard-heading>div,.pabc-recent-heading>div{min-width:0}
.pabc-pinboard-heading h2,.pabc-recent-heading h2{margin:.1rem 0 .3rem;line-height:1.25;font-size:clamp(1.2rem,2.3vw,1.55rem)}
.pabc-pinboard-heading p{margin:.25rem 0 0;max-width:75ch;color:var(--muted-strong,#52647c);font-size:.88rem;line-height:1.5}
.pabc-pinboard-kicker{display:block;font-size:.68rem;font-weight:800;letter-spacing:.085em;color:var(--muted,#64748b);text-transform:uppercase;margin-bottom:.2rem}
.pabc-pinboard-count{flex:0 0 auto;border:1px solid var(--pabc-v19-line,#d5dce6);border-radius:5px;padding:.3rem .55rem;background:var(--surface,#fff);font-size:.76rem;font-weight:700;white-space:nowrap}
.pabc-pinboard-list{display:grid;gap:.65rem}
.pabc-pinboard-list .thread-card-preview{display:none}
.pabc-pinboard-list .thread-card{margin:0;box-shadow:none;background:var(--surface,#fff)}
.pabc-pinboard-empty{border-top-color:var(--pabc-v19-line,#d5dce6);box-shadow:none}
.pabc-recent-heading{align-items:center;margin:.1rem 0 .75rem}
.pabc-recent-heading .secondary-small{flex:0 0 auto}
.live-channel-drag-handle{touch-action:none;cursor:grab;user-select:none}
.live-channel-drag-handle:active{cursor:grabbing}
.live-studio-record.pabc-live-channel-dragging{opacity:.55;outline:2px dashed var(--gold,#c89a3b)}
.live-studio-record.pabc-live-channel-drop{outline:2px dashed var(--blue,#3b5998);outline-offset:2px;background:color-mix(in srgb,var(--blue,#3b5998) 8%,white)}
@media(max-width:620px){.pabc-pinboard-heading,.pabc-recent-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem}.pabc-pinboard-count{justify-self:start}.pabc-recent-heading .secondary-small{justify-self:start;min-height:42px}.pabc-global-pinboard{padding:.7rem}.pabc-pinboard-list{gap:.55rem}}

/* v19.0.1 authoring and touch fixes */
.pabc-combined-source{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55;min-height:22rem;tab-size:2;white-space:pre;overflow:auto}.pabc-combined-source-label{margin-top:1rem}.channel-manage-trigger,.channel-category-menu-hint{min-width:38px;min-height:38px;touch-action:manipulation;cursor:pointer;z-index:2;position:relative}.pabc-context-menu{z-index:10050;max-width:min(92vw,340px);max-height:min(75vh,620px);overflow:auto;overscroll-behavior:contain}.pabc-context-menu button{min-height:42px;text-align:left;white-space:normal}.ai-chat-head .toolbar-group{flex-wrap:wrap}.ai-chat-head button{min-height:36px}@media(max-width:700px){.pabc-combined-source{min-height:16rem;font-size:13px}.ai-chat-head{align-items:flex-start;gap:.65rem;flex-wrap:wrap}.ai-chat-head .toolbar-group{width:100%;display:flex;flex-wrap:wrap}.ai-chat-head .toolbar-group button{flex:1 1 8rem}.channel-manage-trigger,.channel-category-menu-hint{min-width:42px;min-height:42px}}

/* v19.0.4: compact, privacy-labelled account email row inside the staff-only member desk. */
.staff-email{display:block;margin:.25rem 0 .4rem;color:#5b6472;font-size:.82rem;overflow-wrap:anywhere;word-break:break-word}