/* Piotboard mockup styles. Sits on top of Crafto (vendors, crafto.css, responsive). */
:root{--base-color:#2f6fed;--dark-gray:#171a21;--medium-gray:#6b7280;--pb-ink:#171a21;--pb-line:#e6e8ee;--pb-soft:#f5f6f9;--pb-a:#2f6fed;--pb-b:#f0a53c;--pb-c:#2ebb79;--pb-d:#9b59b6;--pb-e:#c9cfdb;--pb-gutter:40px}
body{font-family:var(--primary-font);color:#2a2f3a;background:#fbfbfc}
a{transition:color .15s}

/* header */
.pb-nav .navbar-brand{font-family:var(--alt-font);font-weight:800;font-size:22px;letter-spacing:-.5px;color:var(--pb-ink)}
.pb-nav .navbar-brand span{color:var(--base-color)}
.pb-nav .navbar-nav .nav-link{font-weight:600;font-size:14px;color:#2a2f3a;padding:0 10px;white-space:nowrap}
.pb-nav .navbar-nav .nav-link.active{color:var(--base-color)}
.pb-nav .btn-pb,.pb-nav .btn-pb-ghost{white-space:nowrap}
.pb-nav .pb-right{gap:12px}
.pb-search{position:relative;max-width:460px;width:100%}
.pb-search input{height:42px;border-radius:999px;border:1.5px solid var(--pb-line);background:var(--pb-soft);padding:0 16px 0 42px;font-size:14px;width:100%;margin:0}
.pb-search input:focus{outline:0;border-color:var(--base-color);background:#fff}
.pb-search i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9aa1ad}
.pb-user{display:flex;align-items:center;gap:10px}
.pb-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2f6fed,#9b59b6);color:#fff;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.pb-standing{font-size:11px;color:var(--medium-gray);line-height:1.2}
.pb-standing b{color:#1d7a4d;display:block;font-size:13px}
.pb-bell{position:relative;color:var(--pb-ink);font-size:18px;margin-right:6px}
.pb-bell i::after{content:'';position:absolute;top:0;right:-2px;width:8px;height:8px;border-radius:50%;background:#dc3131;border:2px solid #fff}

/* buttons, badges */
.btn-pb{background:var(--base-color);color:#fff;border-radius:999px;padding:9px 20px;font-weight:700;font-size:14px;border:0;text-decoration:none;display:inline-block;line-height:1.4;cursor:pointer}
.btn-pb:hover{background:#2358c8;color:#fff}
.btn-pb-ghost{background:transparent;border:1.5px solid var(--pb-line);color:var(--pb-ink);border-radius:999px;padding:8px 18px;font-weight:600;font-size:14px;text-decoration:none;display:inline-block;line-height:1.4;cursor:pointer}
.btn-pb-ghost:hover{border-color:var(--pb-ink);color:var(--pb-ink)}
.pb-type{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;padding:3px 8px;border-radius:6px;background:var(--pb-soft);color:var(--pb-ink);white-space:nowrap}
.pb-type.poll{background:#e8f0ff;color:#1f4fc4}.pb-type.stance{background:#fff3e0;color:#b2620c}.pb-type.open{background:#e6f7ee;color:#1d7a4d}
.pb-cat{font-weight:600;color:var(--pb-ink);text-decoration:none}.pb-cat:hover{color:var(--base-color)}
.pb-gap{color:#b2620c;font-weight:600;font-size:12px;background:#fff3e0;border-radius:6px;padding:2px 8px;white-space:nowrap}

/* hero (explore) */
.pb-hero{background:var(--pb-ink);color:#fff}
.pb-hero .pb-hero-inner{padding:64px 0 48px}
.pb-hero h1{font-family:var(--alt-font);font-weight:800;font-size:clamp(30px,4.2vw,46px);line-height:1.12;letter-spacing:-1.2px;margin-bottom:14px;color:#fff}
.pb-hero p{opacity:.75;font-size:17px;max-width:640px;margin-bottom:24px;line-height:1.6}
.pb-hero-search{position:relative;max-width:640px}
.pb-hero-search input{height:56px;border-radius:14px;border:0;background:#fff;padding:0 130px 0 52px;font-size:16px;width:100%;color:var(--pb-ink);margin:0}
.pb-hero-search > i{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#9aa1ad;font-size:18px}
.pb-hero-search button{position:absolute;right:6px;top:6px;height:44px;border-radius:10px;border:0;background:var(--base-color);color:#fff;font-weight:700;padding:0 18px;font-size:14px}
.pb-chips{margin-top:18px}
.pb-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 14px;font-size:13px;color:#fff;text-decoration:none;margin:6px 6px 0 0;background:rgba(255,255,255,.05);font-weight:500}
.pb-chip:hover{background:rgba(255,255,255,.14);color:#fff}
.pb-stats{display:flex;gap:40px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.pb-stats b{display:block;font-family:var(--alt-font);font-size:22px;color:#fff;line-height:1.1}
.pb-stats span{font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:.08em}

/* page head (inner pages) */
.pb-pagehead{background:#fff;border-bottom:1px solid var(--pb-line)}
.pb-pagehead .pb-pagehead-inner{padding:40px 0 28px}
.pb-eyebrow{font-size:12px;font-weight:600;color:var(--medium-gray);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.pb-eyebrow a{color:var(--medium-gray);text-decoration:none}.pb-eyebrow a:hover{color:var(--base-color)}
.pb-pagehead h1{font-family:var(--alt-font);font-weight:800;font-size:clamp(26px,3vw,36px);letter-spacing:-.8px;margin:0 0 8px;color:var(--pb-ink)}
.pb-pagehead p{color:var(--medium-gray);font-size:15px;margin:0}
.pb-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}
.pb-filters .pb-search{max-width:320px}
.pb-seg{display:inline-flex;background:var(--pb-soft);border-radius:999px;padding:3px}
.pb-seg a{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--medium-gray);text-decoration:none;white-space:nowrap}
.pb-seg a.on{background:#fff;color:var(--pb-ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.pb-select{width:auto;min-width:170px;height:38px;border-radius:999px;border:1.5px solid var(--pb-line);background:#fff;padding:0 36px 0 14px;font-size:13px;font-weight:600;color:var(--pb-ink);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M1.5 5.5l6.5 6 6.5-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;margin:0}
.pb-filters .ms-auto-lg{margin-left:auto}

/* main layout */
.pb-main{padding:44px 0 80px!important}
.pb-side-col{padding-left:calc(var(--bs-gutter-x,1.5rem)*.5 + 20px)}
.pb-tabs{display:flex;gap:2px;border-bottom:1px solid var(--pb-line);margin-bottom:24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:1px}
.pb-tabs::-webkit-scrollbar{display:none}
.pb-tabs a{padding:12px 16px;font-weight:600;font-size:14px;color:var(--medium-gray);border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none;white-space:nowrap}
.pb-tabs a.active{color:var(--pb-ink);border-color:var(--pb-ink)}
.pb-tabs a:hover{color:var(--pb-ink)}
.pb-tabs .sort{margin-left:auto;font-weight:500;font-size:13px}
.pb-more{text-align:center;margin:32px 0 0}

/* board cards */
.pb-card{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:24px 26px;margin-bottom:20px;transition:box-shadow .2s,transform .2s}
.pb-card:hover{box-shadow:0 10px 30px rgba(23,26,33,.08);transform:translateY(-2px)}
.pb-card-top{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--medium-gray);margin-bottom:10px;flex-wrap:wrap}
.pb-follow{margin-left:auto;display:inline-flex;align-items:center;gap:4px;height:26px;line-height:1;font-size:12px;font-weight:600;color:var(--medium-gray);text-decoration:none;border:1px solid var(--pb-line);border-radius:999px;padding:0 10px;white-space:nowrap}
.pb-follow i{font-size:13px;line-height:1;margin:0}
.pb-follow:hover,.pb-follow.on{color:var(--base-color);border-color:var(--base-color)}
.pb-card h3{font-family:var(--alt-font);font-size:20px;line-height:1.3;font-weight:700;margin:0 0 18px;letter-spacing:-.3px}
.pb-card h3 a{color:var(--pb-ink);text-decoration:none}.pb-card h3 a:hover{color:var(--base-color)}
.pb-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px}
.pb-split-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin-bottom:7px;display:flex;justify-content:space-between}
.pb-split-label b{color:var(--pb-ink)}
.pb-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--pb-soft)}
.pb-bar span{display:block;height:100%}
.pb-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:#4b5160;margin-top:8px}
.pb-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:middle}
.pb-hist{display:flex;align-items:flex-end;gap:3px;height:38px}
.pb-hist span{flex:1;background:#cfd6e4;border-radius:2px 2px 0 0;min-height:2px}
.pb-hist span.hi{background:var(--base-color)}
.pb-hist-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--medium-gray);margin-top:4px}
.pb-arg{border-left:3px solid var(--pb-line);padding:4px 0 4px 14px;font-size:14px;color:#4b5160;margin-bottom:16px;line-height:1.55}
.pb-arg b{color:var(--pb-ink)}
.pb-arg .q{display:inline-block;font-size:11px;font-weight:700;color:#1d7a4d;background:#e6f7ee;border-radius:4px;padding:1px 6px;margin-left:6px;vertical-align:middle}
.pb-arg .src{font-size:12px;color:var(--medium-gray)}
.pb-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--medium-gray);align-items:center}
.pb-meta i{margin-right:5px}
.pb-meta .gap{margin-left:auto}

/* sidebar */
.pb-side{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:24px;margin-bottom:20px}
.pb-side h4{font-family:var(--alt-font);font-size:15px;font-weight:700;margin-bottom:14px;letter-spacing:-.2px;display:flex;justify-content:space-between;align-items:center}
.pb-side h4 a{font-family:var(--primary-font);font-size:12px;font-weight:600;color:var(--base-color);text-decoration:none}
.pb-side ul{list-style:none;margin:0;padding:0}
.pb-side li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--pb-soft);font-size:14px;line-height:1.4}
.pb-side li:last-child{border-bottom:0;padding-bottom:0}
.pb-side li a{color:#2a2f3a;text-decoration:none}.pb-side li a:hover{color:var(--base-color)}
.pb-side li small{color:var(--medium-gray);white-space:nowrap;font-size:12px}
.pb-feed li{display:block}
.pb-feed li span{display:block;font-size:12px;color:var(--medium-gray);margin-top:2px}
.pb-cta{background:var(--pb-ink);color:#fff;border-color:var(--pb-ink)}
.pb-cta h4{color:#fff}.pb-cta p{opacity:.75;font-size:14px;line-height:1.55;margin-bottom:16px}
.pb-cta .btn-pb-ghost{border-color:rgba(255,255,255,.3);color:#fff}
.pb-steps{display:grid;grid-template-columns:1fr;gap:12px}
.pb-step{display:flex;gap:12px;align-items:flex-start}
.pb-step b{font-family:var(--alt-font);font-size:22px;color:var(--base-color);line-height:1;min-width:26px}
.pb-step span{font-size:13px;color:#4b5160;line-height:1.5}
.pb-step span strong{display:block;color:var(--pb-ink)}

/* data table (all boards) */
.pb-table-wrap{background:#fff;border:1px solid var(--pb-line);border-radius:14px;overflow:hidden}
table.pb-table{width:100%!important;border-collapse:separate;border-spacing:0;font-size:14px;margin:0!important}
table.pb-table thead th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);padding:12px 18px;border-bottom:1px solid var(--pb-line);white-space:nowrap;background:#fafbfd}
table.pb-table tbody td{padding:13px 18px;border-bottom:1px solid var(--pb-soft);vertical-align:middle;color:#2a2f3a;line-height:1.4}
table.pb-table tbody tr:last-child td{border-bottom:0}
table.pb-table tbody tr:hover td{background:#fafbfd}
table.pb-table th:first-child,table.pb-table td:first-child{width:38%;min-width:260px}
table.pb-table .t-title{font-family:var(--alt-font);font-weight:700;font-size:15px;line-height:1.35;color:var(--pb-ink);text-decoration:none;display:block;letter-spacing:-.2px}
table.pb-table .t-title:hover{color:var(--base-color)}
table.pb-table .t-sub{font-size:12px;color:var(--medium-gray);margin-top:5px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
table.pb-table .t-sub .pb-type{font-size:9.5px;padding:2px 6px}
table.pb-table .t-num{font-variant-numeric:tabular-nums;font-weight:600;color:var(--pb-ink);white-space:nowrap}
table.pb-table .t-lead{min-width:140px}
table.pb-table .t-lead b{display:block;font-size:13px;color:var(--pb-ink);font-weight:600;white-space:nowrap;text-align:left}
table.pb-table .t-lead .pb-bar{height:6px;margin-top:5px;max-width:140px}
table.pb-table .t-time{color:var(--medium-gray);font-size:13px;white-space:nowrap}
table.pb-table .t-gap{font-size:13px;color:#4b5160;white-space:nowrap}
table.dataTable.pb-table > thead > tr > th{padding-right:26px}
table.dataTable.pb-table > thead > tr > th.dt-right{padding-right:18px;padding-left:26px}
table.dataTable.pb-table > thead > tr > th.dt-right span.dt-column-order{right:auto;left:8px}
table.dataTable.pb-table thead th.dt-orderable-asc:hover,table.dataTable.pb-table thead th.dt-orderable-desc:hover{color:var(--pb-ink)}
table.dataTable.pb-table thead th.dt-ordering-asc,table.dataTable.pb-table thead th.dt-ordering-desc{color:var(--pb-ink)}
/* responsive collapse control: a small arrow beside the title instead of above it */
table.dataTable.pb-table.collapsed > tbody > tr > td.dtr-control{position:relative;padding-left:42px}
table.dataTable.pb-table.collapsed > tbody > tr > td.dtr-control::before{position:absolute;left:16px;top:50%;transform:translateY(-50%);margin:0;width:18px;height:18px;border:1px solid var(--pb-line);border-radius:50%;background:#fff;color:var(--medium-gray);font-size:10px;line-height:16px;text-align:center;content:'+'}
table.dataTable.pb-table.collapsed > tbody > tr.dtr-expanded > td.dtr-control::before{content:'\2212'}
table.dataTable.pb-table > tbody > tr.child td.child{padding:8px 18px 14px 42px;background:#fafbfd}
table.dataTable.pb-table > tbody > tr.child ul.dtr-details{width:100%}
table.dataTable.pb-table > tbody > tr.child ul.dtr-details > li{border-bottom:1px solid var(--pb-line);padding:6px 0;font-size:13px}
table.dataTable.pb-table > tbody > tr.child ul.dtr-details > li:last-child{border-bottom:0}
table.dataTable.pb-table > tbody > tr.child span.dtr-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);min-width:120px;display:inline-block}
div.dt-container .dt-layout-row{margin:0}
div.dt-container .dt-layout-row:last-child{padding:14px 18px 16px;border-top:1px solid var(--pb-line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
div.dt-container .dt-paging .page-link,div.dt-container .dt-paging .dt-paging-button{border-radius:8px;border:1px solid var(--pb-line);background:#fff;color:var(--pb-ink);margin:0 2px;padding:5px 11px;font-size:13px;font-weight:600;box-shadow:none;line-height:1.4}
div.dt-container .dt-paging .page-link:hover{border-color:var(--pb-ink);background:#fff;color:var(--pb-ink)}
div.dt-container .dt-paging .page-item.active .page-link,div.dt-container .dt-paging .dt-paging-button.current{background:var(--pb-ink)!important;border-color:var(--pb-ink)!important;color:#fff!important}
div.dt-container .dt-paging .page-item.disabled .page-link{opacity:.4}
div.dt-container .dt-paging .page-link:focus{box-shadow:none}
div.dt-container .dt-info{color:var(--medium-gray);font-size:13px;padding:0}
div.dt-container .dt-length,div.dt-container .dt-search{display:none}

/* footer */
footer.pb-footer{background:var(--pb-ink);color:rgba(255,255,255,.65);padding:56px 0 48px;font-size:13px}
footer.pb-footer .brand{font-family:var(--alt-font);font-weight:800;font-size:20px;color:#fff;display:block;margin-bottom:6px}
footer.pb-footer .tag{opacity:.7;line-height:1.6;max-width:360px;display:block}
footer.pb-footer .cols{display:flex;flex-wrap:wrap;gap:48px}
footer.pb-footer .col h5{color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
footer.pb-footer .col a{display:block;color:rgba(255,255,255,.65);text-decoration:none;margin-bottom:8px;font-size:14px}
footer.pb-footer .col a:hover{color:#fff}
footer.pb-footer .bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;font-size:12px;opacity:.6}

/* mockup helpers */
body[data-auth="guest"] .auth-only{display:none!important}
body[data-auth="user"] .guest-only{display:none!important}
.pb-toggle{position:fixed;bottom:18px;right:18px;z-index:9999;background:#fff;border:1px solid var(--pb-line);border-radius:999px;padding:5px 6px;box-shadow:0 8px 24px rgba(0,0,0,.14);font-size:12px;display:flex;gap:2px;align-items:center}
.pb-toggle em{font-style:normal;color:var(--medium-gray);padding:0 8px 0 10px}
.pb-toggle button{border:0;background:transparent;padding:6px 12px;border-radius:999px;font-weight:600;color:var(--medium-gray);cursor:pointer;font-size:12px}
.pb-toggle button.on{background:var(--pb-ink);color:#fff}

@media(max-width:991px){.pb-side-col{padding-left:calc(var(--bs-gutter-x,1.5rem)*.5);margin-top:8px}}
@media(max-width:767px){.pb-main{padding:28px 0 56px!important}.pb-split{grid-template-columns:1fr}.pb-hero .pb-hero-inner{padding:44px 0 32px}.pb-hero-search input{padding-right:16px}.pb-hero-search > i{top:17px;transform:none}.pb-hero-search button{position:static;width:100%;margin-top:10px;height:48px}.pb-card{padding:18px}.pb-meta .gap{margin-left:0}.pb-filters .ms-auto-lg{margin-left:0}}

/* board page: head */
.pb-boardhead .pb-pagehead-inner{padding:36px 0 32px}
.pb-boardhead .pb-eyebrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pb-boardhead h1{max-width:900px;line-height:1.18}
.pb-framing{font-size:16px;line-height:1.65;color:#3a3f4b;max-width:820px;margin:16px 0 22px}
.pb-framing .lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);display:block;margin-bottom:4px}
.pb-boardmeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:13px;color:var(--medium-gray);margin-top:4px}
.pb-boardmeta i{margin-right:5px}
.pb-boardmeta .who{display:inline-flex;align-items:center;gap:8px;color:#2a2f3a;font-weight:600}
.pb-boardmeta .who .pb-avatar{width:24px;height:24px;font-size:10px}
.pb-boardmeta .actions{margin-left:auto;display:flex;gap:8px}
.pb-tag{display:inline-block;font-size:12px;color:var(--medium-gray);background:var(--pb-soft);border-radius:6px;padding:2px 8px;text-decoration:none}
.pb-tag:hover{color:var(--base-color)}
.pb-sticky{position:sticky;top:92px}

/* board page: results */
.pb-results{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:24px 26px;margin-bottom:20px}
.pb-results-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.pb-results-head h2{font-family:var(--alt-font);font-size:17px;font-weight:700;margin:0;letter-spacing:-.2px}
.pb-results-head span{font-size:13px;color:var(--medium-gray)}
.pb-res-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pb-res-col h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin:0 0 12px;display:flex;justify-content:space-between}
.pb-res-col h3 b{color:var(--pb-ink)}
.pb-opt{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;margin-bottom:10px}
.pb-opt .l{font-size:14px;font-weight:600;color:var(--pb-ink)}
.pb-opt .l small{font-weight:500;color:var(--medium-gray);margin-left:6px}
.pb-opt .v{font-size:14px;font-weight:700;color:var(--pb-ink);font-variant-numeric:tabular-nums}
.pb-opt .pb-bar{grid-column:1/3;height:8px}
.pb-opt.mine .l::after{content:'Your vote';font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--base-color);margin-left:8px}
.pb-histbig{display:flex;align-items:flex-end;gap:4px;height:120px;position:relative;margin-top:22px}
.pb-histbig span{flex:1;background:#d5dbe7;border-radius:3px 3px 0 0;min-height:3px;position:relative}
.pb-histbig span.hi{background:var(--base-color)}
.pb-histbig span.g{background:var(--pb-c)}
.pb-histbig span.mine::after{content:'you';position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;color:var(--base-color);white-space:nowrap}
.pb-histbig .mean{position:absolute;top:-6px;bottom:-22px;width:2px;background:var(--pb-ink);border-radius:2px}
.pb-histbig .mean b{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;color:var(--pb-ink);white-space:nowrap;background:#fff;padding:0 4px}
.pb-histaxis{display:flex;font-size:11px;color:var(--medium-gray);margin-top:26px}
.pb-histaxis span{flex:1;text-align:center}
.pb-trend{margin-top:22px;padding-top:18px;border-top:1px solid var(--pb-soft)}
.pb-trend h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin:0 0 10px;display:flex;justify-content:space-between}
.pb-trend h3 i{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500}
.pb-trend svg{width:100%;height:120px;display:block;overflow:visible}
.pb-trend .lg{display:flex;gap:16px;font-size:12px;color:#4b5160;margin-top:8px}
.pb-trend .lg i{display:inline-block;width:14px;height:0;border-top:2px solid var(--pb-a);margin-right:6px;vertical-align:middle}
.pb-trend .lg i.d{border-top-style:dashed}

/* board page: vote widget */
.pb-vote{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:22px 24px;margin-bottom:20px;position:relative}
.pb-vote h4{font-family:var(--alt-font);font-size:15px;font-weight:700;margin:0 0 4px}
.pb-vote .sub{font-size:13px;color:var(--medium-gray);margin-bottom:16px;line-height:1.5}
.pb-choice{display:flex;align-items:center;gap:10px;border:1.5px solid var(--pb-line);border-radius:10px;padding:10px 14px;margin-bottom:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--pb-ink);transition:border-color .15s,background .15s}
.pb-choice:hover{border-color:#b8c0d0}
.pb-choice.on{border-color:var(--base-color);background:#eef3ff}
.pb-choice .dot{width:16px;height:16px;border-radius:50%;border:2px solid #c3c9d6;flex-shrink:0}
.pb-choice.on .dot{border-color:var(--base-color);background:var(--base-color);box-shadow:inset 0 0 0 3px #fff}
.pb-choice small{margin-left:auto;font-weight:500;color:var(--medium-gray);white-space:nowrap;padding-left:8px}
.pb-own{display:flex;gap:8px;margin-top:4px}
.pb-own input{flex:1;height:40px;border-radius:10px;border:1.5px solid var(--pb-line);padding:0 12px;font-size:14px;margin:0}
.pb-slider{padding:6px 0 2px}
.pb-slider .big{font-family:var(--alt-font);font-size:40px;font-weight:800;color:var(--base-color);line-height:1;text-align:center;letter-spacing:-1px}
.pb-slider .big small{font-size:13px;color:var(--medium-gray);font-weight:600;letter-spacing:0;display:block;margin-top:2px;font-family:var(--primary-font)}
.pb-slider input[type=range]{width:100%;margin:14px 0 6px;accent-color:var(--base-color)}
.pb-slider .ends{display:flex;justify-content:space-between;font-size:11px;color:var(--medium-gray)}
.pb-vote .btn-pb{width:100%;text-align:center;margin-top:10px}
.pb-vote .hint{font-size:12px;color:var(--medium-gray);margin-top:10px;line-height:1.5}
.pb-vote .voted{display:flex;align-items:center;gap:10px;background:#eef3ff;border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:12px}
.pb-vote .voted i{color:var(--base-color);font-size:18px}
.pb-vote .voted a{margin-left:auto;font-size:12px;font-weight:600;color:var(--base-color);text-decoration:none;white-space:nowrap}
.pb-vote .take-cta{border-top:1px solid var(--pb-soft);margin-top:14px;padding-top:14px}
.pb-vote .take-cta p{font-size:13px;color:var(--medium-gray);margin:0 0 10px;line-height:1.5}
.pb-vote .lock{position:absolute;inset:0;border-radius:14px;background:rgba(255,255,255,.74);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;z-index:2}
.pb-vote .lock b{font-family:var(--alt-font);font-size:16px;color:var(--pb-ink);margin-bottom:6px}
.pb-vote .lock p{font-size:13px;color:#4b5160;margin:0 0 14px;line-height:1.5}
.pb-vote .lock .row2{display:flex;gap:8px}
.pb-vote .lock .row2 a{white-space:nowrap}

/* board page: takes */
.pb-takes-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:28px 0 14px}
.pb-takes-head h2{font-family:var(--alt-font);font-size:19px;font-weight:700;margin:0;letter-spacing:-.3px}
.pb-takes-head h2 span{color:var(--medium-gray);font-weight:500;font-size:15px;margin-left:8px}
.pb-takes-head .pb-select{height:34px;min-width:140px;font-size:12px}
.pb-take{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:20px 24px;margin-bottom:14px}
.pb-take.op{border-color:#cdd8f5;box-shadow:0 0 0 3px #eef3ff}
.pb-take.mine{border-color:#cfe8d9}
.pb-take-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;font-size:13px;color:var(--medium-gray)}
.pb-take-top .u{display:inline-flex;align-items:center;gap:8px;color:var(--pb-ink);font-weight:600;text-decoration:none}
.pb-take-top .u .pb-avatar{width:30px;height:30px;font-size:11px}
.pb-take-top .u small{font-weight:500;color:var(--medium-gray)}
.pb-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:5px;padding:2px 7px;white-space:nowrap}
.pb-badge.op{background:var(--pb-ink);color:#fff}
.pb-badge.you{background:#e6f7ee;color:#1d7a4d}
.pb-badge.q{background:#e6f7ee;color:#1d7a4d}
.pb-badge.q.fair{background:#fff3e0;color:#b2620c}
.pb-badge.q.low{background:#fdecec;color:#b42318}
.pb-badge.q.strong{background:#e8f0ff;color:#1f4fc4}
.pb-badge.uns{background:var(--pb-soft);color:var(--medium-gray)}
.pb-take-top .for{margin-left:auto;font-size:12px}
.pb-take-top .for b{color:var(--pb-ink)}
.pb-take-body{font-size:15px;line-height:1.65;color:#2a2f3a}
.pb-take-body p{margin:0 0 10px}
.pb-src{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.pb-src a{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#2a2f3a;background:var(--pb-soft);border-radius:6px;padding:3px 9px;text-decoration:none;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-src a:hover{color:var(--base-color)}
.pb-src a i{color:var(--medium-gray)}
.pb-take-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding-top:12px;border-top:1px solid var(--pb-soft);font-size:12px;color:var(--medium-gray)}
.pb-rate{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.pb-rate span{margin-right:4px}
.pb-rate button{border:1px solid var(--pb-line);background:#fff;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;color:#4b5160;cursor:pointer}
.pb-rate button:hover{border-color:var(--pb-ink);color:var(--pb-ink)}
.pb-rate button.on{background:var(--pb-ink);border-color:var(--pb-ink);color:#fff}
body[data-auth="guest"] .pb-rate button{opacity:.55;cursor:not-allowed}
.pb-take-foot .act{margin-left:auto;display:flex;gap:12px}
.pb-take-foot .act a{color:var(--medium-gray);text-decoration:none;font-weight:600}
.pb-take-foot .act a:hover{color:var(--pb-ink)}
.pb-take-foot .act a.primary{color:var(--base-color)}
.pb-replies{margin-top:12px;border-top:1px dashed var(--pb-line);padding-top:10px}
.pb-replies > a.tog{font-size:12.5px;font-weight:600;color:var(--base-color);text-decoration:none}
.pb-thread{display:none;margin-top:10px}
.pb-replies.open .pb-thread{display:block}
.pb-reply{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--pb-soft);font-size:14px;line-height:1.55}
.pb-reply:last-child{border-bottom:0}
.pb-reply .pb-avatar{width:26px;height:26px;font-size:10px;margin-top:2px;flex-shrink:0}
.pb-reply .m{font-size:12px;color:var(--medium-gray);margin-bottom:2px;display:flex;gap:8px;align-items:center}
.pb-reply .m b{color:var(--pb-ink)}
.pb-grant{display:flex;align-items:center;gap:10px;background:#eef3ff;border-radius:10px;padding:10px 14px;font-size:13px;margin-top:10px}
.pb-grant i{color:var(--base-color)}
.pb-grant .btn-pb{margin-left:auto;padding:6px 14px;font-size:12px}
.pb-closed{font-size:12px;color:var(--medium-gray);margin-top:8px}
.pb-about ul li{align-items:flex-start}
.pb-about ul li small{white-space:normal;text-align:right;max-width:58%}

/* mockup board switch */
.pb-switch{position:fixed;bottom:18px;left:18px;z-index:9999;background:#fff;border:1px solid var(--pb-line);border-radius:999px;padding:5px 6px;box-shadow:0 8px 24px rgba(0,0,0,.14);font-size:12px;display:flex;gap:2px;align-items:center}
.pb-switch em{font-style:normal;color:var(--medium-gray);padding:0 8px 0 10px}
.pb-switch a{padding:6px 12px;border-radius:999px;font-weight:600;color:var(--medium-gray);text-decoration:none}
.pb-switch a.on{background:var(--pb-ink);color:#fff}

@media(max-width:991px){.pb-sticky{position:static}.pb-res-grid{grid-template-columns:1fr}}
@media(max-width:767px){.pb-boardmeta .actions{margin-left:0;width:100%}.pb-take{padding:16px}.pb-take-foot .act{margin-left:0}.pb-switch{bottom:70px}}

/* fit check (suggest a different board type) */
.pb-fit{display:flex;align-items:center;gap:12px;background:#fff8ec;border:1px solid #f3dfb3;border-radius:10px;padding:12px 16px;font-size:13px;color:#4b5160;margin-top:20px;line-height:1.5}
.pb-fit > i{color:#b2620c;font-size:18px}
.pb-fit b{color:var(--pb-ink)}
.pb-fit a{color:#b2620c}
.pb-fit .pb-follow{margin-left:auto;flex-shrink:0}
.pb-fitlink{margin-top:16px;font-size:12px}
.pb-fitlink a{color:var(--medium-gray);text-decoration:none}
.pb-fitlink a:hover{color:var(--pb-ink)}
.pb-fitlink i{margin-right:5px}
body[data-auth="user"] .auth-hide{display:none}

/* framing notes + reason tags */
.pb-note{display:flex;gap:12px;background:#f3f6fb;border:1px solid #d9e2f2;border-radius:10px;padding:14px 16px;font-size:13.5px;color:#2a2f3a;margin:18px 0 24px;line-height:1.55;max-width:820px}
.pb-note > i{color:var(--base-color);font-size:18px;flex-shrink:0}
.pb-note b{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--base-color);margin-bottom:2px}
.pb-note small{display:block;color:var(--medium-gray);font-size:12px;margin-top:4px}
.pb-note .pb-follow{margin-left:auto;align-self:center;flex-shrink:0}
.pb-fitlink a + a{margin-left:16px}
.pb-why{display:none;width:100%;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--medium-gray);padding-top:8px}
.pb-rate-wrap.open .pb-why{display:flex}
.pb-why label{display:inline-flex;align-items:center;gap:5px;border:1px dashed var(--pb-line);border-radius:999px;padding:2px 10px;cursor:pointer;color:#4b5160}
.pb-why label:hover{border-color:var(--pb-ink);color:var(--pb-ink)}
.pb-why label.on{border-style:solid;border-color:var(--pb-ink);color:var(--pb-ink);background:var(--pb-soft)}
.pb-rate .why{font-size:11.5px;color:var(--base-color);text-decoration:none;margin-left:6px;font-weight:600}
.pb-stance-read{font-size:13px;color:#4b5160;margin:-6px 0 4px;line-height:1.5}
.pb-stance-read b{color:var(--pb-ink)}
.pb-stance-read .hc{display:block;font-size:12px;color:var(--medium-gray);margin-top:2px}

/* notes panel */
.pb-notes{display:none;background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:22px 24px;margin-top:16px;max-width:900px}
.pb-notes.open{display:block}
.pb-notes-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-bottom:14px}
.pb-notes-head h4{font-family:var(--alt-font);font-size:15px;font-weight:700;margin:0}
.pb-notes-head span{font-size:12.5px;color:var(--medium-gray)}
.pb-noteitem{border-top:1px solid var(--pb-soft);padding:14px 0}
.pb-noteitem .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--medium-gray);margin-bottom:6px}
.pb-noteitem .top b{color:var(--pb-ink)}
.pb-noteitem .body{font-size:14px;line-height:1.6;color:#2a2f3a}
.pb-noteitem .foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--medium-gray);margin-top:8px}
.pb-noteitem .foot .acts{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.pb-noteitem .foot .acts a{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--pb-line);border-radius:999px;padding:3px 10px;font-weight:600;color:#4b5160;text-decoration:none;font-size:11.5px}
.pb-noteitem .foot .acts a:hover{border-color:var(--pb-ink);color:var(--pb-ink)}
.pb-noteitem .foot .acts a.primary{border-color:var(--base-color);color:var(--base-color)}
.pb-noteitem.resolved .body{color:var(--medium-gray)}
.pb-badge.st-public{background:#e8f0ff;color:#1f4fc4}.pb-badge.st-proposed{background:var(--pb-soft);color:var(--medium-gray)}.pb-badge.st-pending{background:#fff3e0;color:#b2620c}.pb-badge.st-resolved{background:#e6f7ee;color:#1d7a4d}
.pb-split-pill{display:inline-flex;border:1px solid var(--pb-line);border-radius:999px;overflow:hidden;font-size:11.5px;font-weight:600}
.pb-split-pill span{padding:2px 9px}
.pb-split-pill span:first-child{background:#e8f0ff;color:#1f4fc4}
.pb-split-pill span:last-child{background:#fdecec;color:#b42318}
.pb-noteadd{border-top:1px solid var(--pb-line);margin-top:6px;padding-top:16px}
.pb-noteadd h5{font-size:13px;font-weight:700;margin:0 0 8px;color:var(--pb-ink)}
.pb-noteadd textarea{width:100%;min-height:84px;border:1.5px solid var(--pb-line);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.5;resize:vertical;margin:0}
.pb-noteadd textarea:focus{outline:0;border-color:var(--base-color)}
.pb-noteadd .row{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap;font-size:12px;color:var(--medium-gray)}
.pb-noteadd .row .btn-pb{margin-left:auto}
.pb-fitlink a.on{color:var(--pb-ink)}

/* tooltips: hover or focus, text from data-tip */
.pb-tip{position:relative;display:inline-flex;align-items:center;cursor:help}
.pb-tip > i.bi-info-circle{font-size:12px;color:#9aa1ad;margin-left:5px}
.pb-tip:hover > i.bi-info-circle{color:var(--pb-ink)}
.pb-tip::after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 8px);background:var(--pb-ink);color:#fff;font-size:12px;font-weight:500;line-height:1.45;padding:8px 11px;border-radius:8px;width:250px;white-space:normal;text-transform:none;letter-spacing:0;z-index:60;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s;box-shadow:0 8px 24px rgba(0,0,0,.18);text-align:left}
.pb-tip:hover::after,.pb-tip:focus::after{opacity:1;transform:none}
.pb-tip.right::after{left:auto;right:0}
.pb-notes-head .close{margin-left:auto;font-size:12px;font-weight:600;color:var(--medium-gray);text-decoration:none;border:1px solid var(--pb-line);border-radius:999px;padding:3px 10px}
.pb-notes-head .close:hover{color:var(--pb-ink);border-color:var(--pb-ink)}

.pb-res-col h3 b.pb-tip{cursor:help}
.pb-res-col h3 b.pb-tip > i{font-size:11px}

/* categories grid */
.pb-catgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pb-catcard{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:22px 24px;text-decoration:none;color:#2a2f3a;transition:box-shadow .2s,transform .2s}
.pb-catcard:hover{box-shadow:0 10px 30px rgba(23,26,33,.08);transform:translateY(-2px);color:#2a2f3a}
.pb-catcard .ic{width:44px;height:44px;border-radius:12px;background:#eef3ff;color:var(--base-color);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}
.pb-catcard h3{font-family:var(--alt-font);font-size:19px;font-weight:700;margin:0 0 6px;letter-spacing:-.3px;color:var(--pb-ink)}
.pb-catcard p{font-size:13.5px;color:var(--medium-gray);line-height:1.55;margin:0 0 14px}
.pb-catcard ul{list-style:none;margin:0;padding:0;flex:1}
.pb-catcard li{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;padding:7px 0;border-top:1px solid var(--pb-soft);line-height:1.35}
.pb-catcard li .t{color:var(--pb-ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.pb-catcard .foot{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--medium-gray);margin-top:14px;padding-top:14px;border-top:1px solid var(--pb-line)}
.pb-catcard .foot .pb-follow{margin-left:auto}
.pb-tagcloud-wrap{margin-top:40px}
.pb-tagcloud-wrap h2{font-family:var(--alt-font);font-size:19px;font-weight:700;margin:0 0 14px;letter-spacing:-.3px}
.pb-tagcloud{display:flex;flex-wrap:wrap;gap:8px}
.pb-tag.lg{font-size:14px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--pb-line);color:var(--pb-ink)}
.pb-tag.lg:hover{border-color:var(--base-color);color:var(--base-color)}
.pb-tag small{color:var(--medium-gray);font-size:11px;margin-left:2px}
.pb-tagcloud.sm{gap:6px}
.pb-tagcloud.sm .pb-tag{font-size:12.5px;padding:4px 10px}

/* category and tag head */
.pb-listhead{display:flex;align-items:flex-start;gap:18px;margin-top:4px}
.pb-listhead .ic{width:56px;height:56px;border-radius:14px;background:#eef3ff;color:var(--base-color);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.pb-listhead .ic.tag{background:var(--pb-soft);color:var(--pb-ink)}
.pb-listhead h1{margin-bottom:6px}
.pb-listhead p{max-width:640px}
.pb-listhead .acts{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0;padding-top:6px}
.pb-stats.dark{border-top-color:var(--pb-line);margin-top:24px;padding-top:20px}
.pb-stats.dark b{color:var(--pb-ink)}
.pb-stats.dark span{opacity:1;color:var(--medium-gray)}

/* compact board card (category, tag, following) */
.pb-card-sm{padding:20px 22px}
.pb-card-sm h3{font-size:18px;margin-bottom:14px}
.pb-card-sm .pb-split{gap:20px;margin-bottom:12px}
.pb-lead b{display:block;font-size:13px;font-weight:600;color:var(--pb-ink)}
.pb-lead .pb-bar{height:6px;margin-top:5px}
.pb-card-sm .pb-meta .pb-tag{font-size:11.5px;padding:1px 7px}

@media(max-width:991px){.pb-catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-listhead{flex-wrap:wrap}.pb-listhead .acts{margin-left:0;width:100%}}
@media(max-width:575px){.pb-catgrid{grid-template-columns:minmax(0,1fr)}}

.pb-tagcloud-wrap{scroll-margin-top:90px}

/* profile */
.pb-profhead{display:flex;align-items:flex-start;gap:22px;margin-top:4px}
.pb-profhead .pb-avatar.xl{width:84px;height:84px;font-size:28px;border-radius:22px}
.pb-profhead h1{margin-bottom:4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pb-profhead h1 .pb-badge{font-size:11px;vertical-align:middle}
.pb-profhead .bio{color:#3a3f4b;font-size:15px;max-width:620px;margin:0 0 10px;line-height:1.55}
.pb-profhead .meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--medium-gray)}
.pb-profhead .meta i{margin-right:5px}
.pb-profhead .acts{margin-left:auto;display:flex;gap:10px;flex-shrink:0;padding-top:8px}
.pb-profhead .acts a{white-space:nowrap}
.pb-standcard{background:var(--pb-ink);color:#fff;border-color:var(--pb-ink)}
.pb-standcard h4{color:#fff}
.pb-standcard .big{font-family:var(--alt-font);font-size:44px;font-weight:800;line-height:1;letter-spacing:-1.5px;display:flex;align-items:baseline;gap:10px}
.pb-standcard .big small{font-size:13px;font-weight:600;letter-spacing:0;font-family:var(--primary-font);opacity:.7}
.pb-standcard .big .delta{font-size:13px;font-weight:700;color:#5fd39a;font-family:var(--primary-font);letter-spacing:0}
.pb-standcard .scale{height:8px;border-radius:999px;background:rgba(255,255,255,.14);position:relative;margin:16px 0 6px}
.pb-standcard .scale i{position:absolute;top:-4px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--base-color);transform:translateX(-50%)}
.pb-standcard .ends{display:flex;justify-content:space-between;font-size:11px;opacity:.6}
.pb-standcard p{font-size:13px;opacity:.78;line-height:1.55;margin:14px 0 0}
.pb-standcard ul{margin-top:10px}
.pb-standcard li{border-bottom-color:rgba(255,255,255,.1);color:#fff}
.pb-standcard li a{color:#fff}.pb-standcard li small{color:rgba(255,255,255,.6)}
.pb-standcard li small.up{color:#5fd39a}.pb-standcard li small.down{color:#ff8a8a}
.pb-take .onboard{display:block;font-size:12px;color:var(--medium-gray);margin-bottom:10px}
.pb-take .onboard a{color:var(--pb-ink);font-weight:600;text-decoration:none}
.pb-take .onboard a:hover{color:var(--base-color)}
.pb-act{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--pb-soft);font-size:14px;line-height:1.5}
.pb-act:last-child{border-bottom:0}
.pb-act i{color:var(--medium-gray);font-size:16px;margin-top:2px}
.pb-act .when{display:block;font-size:12px;color:var(--medium-gray)}
.pb-act a{color:var(--pb-ink);font-weight:600;text-decoration:none}
.pb-private{background:#fff;border:1px dashed var(--pb-line);border-radius:14px;padding:28px;text-align:center;color:var(--medium-gray);font-size:14px;line-height:1.6}
.pb-private b{display:block;color:var(--pb-ink);font-family:var(--alt-font);font-size:16px;margin-bottom:4px}
@media(max-width:767px){.pb-profhead{flex-wrap:wrap}.pb-profhead .acts{margin-left:0;width:100%}}

/* profile hero */
.pb-profhero{background:var(--pb-ink);color:#fff;position:relative;overflow:hidden}
.pb-profhero::before{content:'';position:absolute;inset:0;background:radial-gradient(900px 300px at 15% 0%,rgba(47,111,237,.35),transparent 60%),radial-gradient(700px 260px at 85% 100%,rgba(155,89,182,.25),transparent 60%)}
.pb-profhero .pb-pagehead-inner{position:relative;padding:40px 0 36px}
.pb-profhero .pb-eyebrow a{color:rgba(255,255,255,.6)}.pb-profhero .pb-eyebrow{color:rgba(255,255,255,.6)}
.pb-profhead{display:flex;align-items:center;gap:24px;margin-top:10px}
.pb-profhead .pb-avatar.xl{width:96px;height:96px;font-size:32px;border-radius:26px;box-shadow:0 0 0 4px rgba(255,255,255,.12),0 16px 40px rgba(0,0,0,.35)}
.pb-profhead h1{color:#fff;margin:0 0 6px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:clamp(28px,3.2vw,40px)}
.pb-profhead h1 .pb-badge{font-size:11px;line-height:1.4;padding:4px 9px;display:inline-block;font-family:var(--primary-font);letter-spacing:.06em;transform:translateY(2px)}
.pb-profhead h1 .pb-badge.you{background:rgba(94,211,154,.18);color:#7fe3ae}
.pb-profhead h1 .pb-badge.op{background:rgba(255,255,255,.14);color:#fff}
.pb-profhead .bio{color:rgba(255,255,255,.78);font-size:15px;max-width:620px;margin:0 0 8px;line-height:1.55}
.pb-profhead .meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:rgba(255,255,255,.6)}
.pb-profhead .meta i{margin-right:5px}
.pb-profhead .acts{margin-left:auto;display:flex;gap:10px;flex-shrink:0;align-self:flex-start;padding-top:8px}
.pb-profhead .acts a{white-space:nowrap}
.pb-profhero .btn-pb-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.pb-profhero .btn-pb-ghost:hover{border-color:#fff;color:#fff}
.pb-profhero .pb-follow{border-color:rgba(255,255,255,.35);color:#fff}
.pb-profhero .pb-follow:hover{border-color:#fff;color:#fff}
.pb-proftiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px}
.pb-proftile{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;position:relative;min-width:0}
.pb-proftile b{display:block;font-family:var(--alt-font);font-size:24px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.5px}
.pb-proftile span{font-size:11.5px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.08em;display:block;margin-top:4px}
.pb-proftile small{display:block;font-size:12px;color:rgba(255,255,255,.55);margin-top:6px;text-transform:none;letter-spacing:0;line-height:1.4}
.pb-proftile.accent{background:rgba(47,111,237,.22);border-color:rgba(47,111,237,.45)}
.pb-proftile .pb-tip{position:absolute;top:12px;right:12px;margin:0}
.pb-proftile .pb-tip > i.bi-info-circle{margin:0;color:rgba(255,255,255,.5)}
.pb-spark{width:100%;height:44px;display:block;margin-top:14px}
.pb-differ li{display:block}
.pb-differ .row{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--medium-gray);margin-top:3px}
.pb-differ .row b{color:var(--pb-ink)}
@media(max-width:991px){.pb-proftiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.pb-profhead{flex-wrap:wrap}.pb-profhead .acts{margin-left:0;width:100%}.pb-proftiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* icon spacing inside buttons */
.btn-pb i,.btn-pb-ghost i{margin-right:7px;vertical-align:-1px}
.btn-pb i.me-1,.btn-pb-ghost i.me-1{margin-right:7px!important}

/* search */
.pb-search-big{max-width:760px;margin-top:6px}
.pb-search-big input{height:54px;border:1.5px solid var(--pb-line);background:#fff;box-shadow:none}
.pb-search-big input:focus{outline:0;border-color:var(--base-color)}
.pb-search-big > i{color:#9aa1ad}
.pb-reshead{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.pb-reshead h2{font-family:var(--alt-font);font-size:17px;font-weight:700;margin:0;letter-spacing:-.2px}
.pb-reshead h2 span{color:var(--medium-gray);font-weight:500;font-size:14px;margin-left:8px}
.pb-reshead a{font-size:13px;font-weight:600;color:var(--base-color);text-decoration:none}
.pb-resgroup{margin-bottom:30px}
.pb-hit{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:16px 20px;margin-bottom:10px;display:flex;gap:16px;align-items:flex-start;transition:box-shadow .2s}
.pb-hit:hover{box-shadow:0 8px 24px rgba(23,26,33,.07)}
.pb-hit .body{flex:1;min-width:0}
.pb-hit .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--medium-gray);margin-bottom:5px}
.pb-hit h3{font-family:var(--alt-font);font-size:17px;font-weight:700;margin:0 0 6px;letter-spacing:-.2px;line-height:1.3}
.pb-hit h3 a{color:var(--pb-ink);text-decoration:none}.pb-hit h3 a:hover{color:var(--base-color)}
.pb-hit p{font-size:14px;color:#4b5160;margin:0 0 8px;line-height:1.55}
.pb-hit mark{background:#fff3b0;color:inherit;padding:0 2px;border-radius:3px}
.pb-hit .meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--medium-gray)}
.pb-hit .meta i{margin-right:4px}
.pb-hit .side{flex-shrink:0;width:150px;text-align:right}
.pb-hit .side b{display:block;font-size:13px;color:var(--pb-ink);font-weight:600;white-space:nowrap}
.pb-hit .side .pb-bar{height:6px;margin-top:5px}
.pb-hit .side small{display:block;font-size:11px;color:var(--medium-gray);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}
.pb-hit .pb-avatar{width:40px;height:40px;font-size:14px;border-radius:12px;flex-shrink:0}
.pb-hit.member h3{font-size:16px}
.pb-exact{border-color:var(--base-color);box-shadow:0 0 0 3px #eef3ff}
.pb-exact .top .pb-badge{background:var(--base-color);color:#fff}
.pb-noresult{background:#fff;border:1px dashed var(--pb-line);border-radius:14px;padding:32px;text-align:center}
.pb-noresult b{display:block;font-family:var(--alt-font);font-size:18px;color:var(--pb-ink);margin-bottom:6px}
.pb-noresult p{color:var(--medium-gray);font-size:14px;margin:0 0 14px}
.pb-openit{background:var(--pb-ink);color:#fff}
.pb-openit h4{color:#fff}
.pb-openit p{font-size:13px;color:rgba(255,255,255,.75);line-height:1.55;margin:0 0 14px}
.pb-openit .btn-pb-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.pb-recent li{display:block}
.pb-recent li a{display:flex;align-items:center;gap:8px}
.pb-recent li a i{color:var(--medium-gray)}
@media(max-width:767px){.pb-hit{flex-wrap:wrap}.pb-hit .side{width:100%;text-align:left}}

/* forms (opening form, take editor) */
.pb-formcard{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:26px 28px;margin-bottom:18px}
.pb-formhead{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.pb-formhead .n{width:30px;height:30px;border-radius:50%;background:var(--pb-ink);color:#fff;font-family:var(--alt-font);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:0}
.pb-formhead h2{font-family:var(--alt-font);font-size:18px;font-weight:700;margin:0 0 4px;letter-spacing:-.2px;line-height:30px}
.pb-formhead p{font-size:13.5px;color:var(--medium-gray);margin:0;line-height:1.55}
.pb-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin:16px 0 6px}
.pb-input{width:100%;border:1.5px solid var(--pb-line);border-radius:10px;padding:10px 14px;font-size:15px;line-height:1.5;color:var(--pb-ink);background:#fff;margin:0}
.pb-input:focus{outline:0;border-color:var(--base-color);box-shadow:0 0 0 3px #eef3ff}
textarea.pb-input{resize:vertical;min-height:110px}
.pb-help{font-size:12px;color:var(--medium-gray);margin-top:6px}
.pb-help.warn{color:#b2620c}
.pb-select.w-100{width:100%;height:44px;font-size:14px;font-weight:500;border-radius:10px}
.pb-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pb-typecard{display:block;border:1.5px solid var(--pb-line);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s;margin:0}
.pb-typecard input{display:none}
.pb-typecard:hover{border-color:#b8c0d0}
.pb-typecard.on{border-color:var(--base-color);background:#f6f9ff}
.pb-typecard b{display:block;font-size:14px;color:var(--pb-ink);margin:10px 0 3px;font-weight:600}
.pb-typecard small{display:block;font-size:12px;color:var(--medium-gray);line-height:1.45}
.pb-optlist .opt-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.pb-optlist .opt-row .pb-input{flex:1}
.pb-optlist .opt-row .rm{color:var(--medium-gray);font-size:18px;text-decoration:none;padding:0 4px}
.pb-optlist .opt-row .rm:hover{color:#b42318}
.pb-addsrc{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--base-color);text-decoration:none;margin-top:6px}
.pb-scaleends{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pb-sources .src-row{display:grid;grid-template-columns:20px 1fr 220px;gap:8px;align-items:center;margin-bottom:8px}
.pb-sources .src-row i{color:var(--medium-gray);font-size:18px}
.pb-formfoot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:6px 4px 0}
.pb-formfoot .acts{display:flex;gap:10px;margin-left:auto}
.pb-formfoot .checks{font-size:13px;color:var(--medium-gray);display:flex;gap:14px;flex-wrap:wrap}
.pb-formfoot .checks span{display:inline-flex;align-items:center;gap:5px}
.pb-formfoot .checks i.ok{color:#1d7a4d}.pb-formfoot .checks i.no{color:#b42318}
.pb-dupe h4{display:flex;align-items:center;gap:8px}
.pb-dupe .state{font-size:12px;color:var(--medium-gray);margin-bottom:10px;line-height:1.5}
.pb-dupe .state.hit{color:#b2620c;font-weight:600}
.pb-dupe ul li{display:block;padding:9px 0}
.pb-dupe ul li a{display:block;color:var(--pb-ink);font-weight:600;text-decoration:none;font-size:13.5px;line-height:1.35}
.pb-dupe ul li a:hover{color:var(--base-color)}
.pb-dupe ul li .m{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--medium-gray);margin-top:4px}
.pb-dupe .sim{font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px;background:var(--pb-soft)}
.pb-dupe .sim.hi{background:#fdecec;color:#b42318}.pb-dupe .sim.mid{background:#fff3e0;color:#b2620c}
.pb-dupe .answer{margin-top:10px}
.pb-vote.inline{border:1.5px solid var(--pb-line);box-shadow:none;margin:0 0 6px;padding:16px 18px}
.pb-result{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:28px;margin-top:4px}
.pb-result.live{border-color:#cfe8d9}.pb-result.held{border-color:#f3dfb3}
.pb-result h3{font-family:var(--alt-font);font-size:20px;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:10px}
.pb-result h3 i{font-size:22px}
.pb-result.live h3 i{color:#1d7a4d}.pb-result.held h3 i{color:#b2620c}
.pb-result p{font-size:14px;color:#4b5160;line-height:1.6;margin:0 0 14px}
@media(max-width:767px){.pb-types{grid-template-columns:1fr}.pb-sources .src-row{grid-template-columns:20px 1fr}.pb-sources .src-row .lbl{grid-column:2}.pb-formfoot .acts{margin-left:0;width:100%}}

.pb-dupe h4{justify-content:flex-start}

/* take editor */
.pb-editor{border:1.5px solid var(--pb-line);border-radius:10px;overflow:hidden;position:relative}
.pb-editor:focus-within{border-color:var(--base-color);box-shadow:0 0 0 3px #eef3ff}
.pb-editor textarea.pb-input{border:0;border-radius:0;box-shadow:none!important}
.pb-toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--pb-soft);background:#fafbfd}
.pb-toolbar button{border:1px solid transparent;background:transparent;border-radius:6px;padding:4px 8px;font-size:12.5px;font-weight:600;color:#4b5160;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.pb-toolbar button:hover{background:#fff;border-color:var(--pb-line);color:var(--pb-ink)}
.pb-toolbar .hint{margin-left:auto;font-size:11.5px;color:var(--medium-gray)}
.pb-linkpop{display:none;align-items:center;gap:8px;padding:8px;background:#fff;border-bottom:1px solid var(--pb-line)}
.pb-linkpop.open{display:flex}
.pb-linkpop .pb-input{flex:1;padding:7px 10px;font-size:14px}
.pb-linkpop .btn-pb,.pb-linkpop .btn-pb-ghost{padding:6px 14px;font-size:12.5px}
.pb-preview{display:none;padding:10px 14px;border-top:1px dashed var(--pb-line);font-size:14px;line-height:1.6;color:#2a2f3a;background:#fafbfd}
.pb-preview.show{display:block}
.pb-preview .lbl{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin-bottom:4px}
.pb-preview a{color:var(--base-color);text-decoration:underline}
.pb-sources .src-empty{font-size:13px;color:var(--medium-gray);padding:10px 0 4px}
.pb-sources .src-row.auto{background:#f6f9ff;border-radius:8px;padding:6px 8px;margin-left:-8px;margin-right:-8px}
.pb-sources .src-row .from{grid-column:2/4;font-size:11px;color:var(--base-color);font-weight:600;margin-top:-2px}
.pb-sources .src-row .dom{font-size:11px;color:var(--medium-gray)}
.pb-sources .src-row .bad{font-size:11px;color:#b42318;font-weight:600}

.pb-sources .src-row.invalid{background:#fdf1f1}
.pb-sources .src-row.invalid > i{color:#b42318}
.pb-sources .src-row.invalid input[type=url]{border-color:#e3a4a4;color:#b42318}
.pb-formfoot .checks span.bad{color:#b42318;font-weight:600}
.pb-preview .removed{color:#b42318;font-size:12px}

.pb-srcstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.pb-srcstats div{background:var(--pb-soft);border-radius:10px;padding:10px 12px}
.pb-srcstats b{display:block;font-family:var(--alt-font);font-size:18px;color:var(--pb-ink);line-height:1.1}
.pb-srcstats span{font-size:11px;color:var(--medium-gray)}
.pb-srcs .lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin:4px 0 2px}
.pb-responses{margin-top:10px;font-size:12.5px;color:var(--medium-gray)}
.pb-responses i{margin-right:5px}
.pb-responses a{color:var(--base-color);font-weight:600;text-decoration:none}

/* take editor panel on the board page */
.pb-takepanel{background:#fff;border:1.5px solid var(--base-color);border-radius:14px;padding:22px 24px;margin-bottom:18px;box-shadow:0 0 0 4px #eef3ff}
.pb-takepanel h3{font-family:var(--alt-font);font-size:17px;font-weight:700;margin:0 0 4px;letter-spacing:-.2px}
.pb-takepanel .sub{font-size:13px;color:var(--medium-gray);margin-bottom:14px;line-height:1.5}
.pb-takepanel .sub b{color:var(--pb-ink)}
.pb-takepanel .foot{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}
.pb-takepanel .foot .status{font-size:12.5px;color:var(--medium-gray)}
.pb-takepanel .foot .status.bad{color:#b42318;font-weight:600}
.pb-takepanel .foot .acts{margin-left:auto;display:flex;gap:8px}
.pb-respondchip{display:inline-flex;align-items:center;gap:6px;background:#eef3ff;color:var(--pb-ink);border-radius:999px;padding:5px 12px;font-size:12.5px;margin-bottom:10px}
.pb-respondchip i{color:var(--base-color)}
.pb-respondchip .rm{color:var(--medium-gray);text-decoration:none;font-size:16px;margin-left:4px;line-height:1}
.pb-respondchip .rm:hover{color:#b42318}
.pb-resplist{display:none;margin-top:8px;border-left:3px solid var(--pb-line);padding-left:12px}
.pb-responses.open .pb-resplist{display:block}
.pb-resplist div{font-size:13px;padding:6px 0;color:#4b5160;line-height:1.5}
.pb-resplist div b{color:var(--pb-ink)}
.pb-resplist div a{color:var(--base-color);text-decoration:none;font-weight:600}
.pb-takeform .pb-label{margin-top:14px}

/* take editor panel on the board page */
.pb-takepanel{background:#fff;border:1.5px solid var(--base-color);border-radius:14px;padding:22px 24px;margin-bottom:18px;box-shadow:0 0 0 4px #eef3ff}
.pb-takepanel h3{font-family:var(--alt-font);font-size:17px;font-weight:700;margin:0 0 4px;letter-spacing:-.2px}
.pb-takepanel .sub{font-size:13px;color:var(--medium-gray);margin-bottom:14px;line-height:1.5}
.pb-takepanel .sub b{color:var(--pb-ink)}
.pb-takepanel .foot{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}
.pb-takepanel .foot .status{font-size:12.5px;color:var(--medium-gray)}
.pb-takepanel .foot .status.bad{color:#b42318;font-weight:600}
.pb-takepanel .foot .acts{margin-left:auto;display:flex;gap:8px}
.pb-respondchip{display:inline-flex;align-items:center;gap:6px;background:#eef3ff;color:var(--pb-ink);border-radius:999px;padding:5px 12px;font-size:12.5px;margin-bottom:10px}
.pb-respondchip i{color:var(--base-color)}
.pb-respondchip .rm{color:var(--medium-gray);text-decoration:none;font-size:16px;margin-left:4px;line-height:1}
.pb-respondchip .rm:hover{color:#b42318}
.pb-resplist{display:none;margin-top:8px;border-left:3px solid var(--pb-line);padding-left:12px}
.pb-responses.open .pb-resplist{display:block}
.pb-resplist div{font-size:13px;padding:6px 0;color:#4b5160;line-height:1.5}
.pb-resplist div b{color:var(--pb-ink)}
.pb-resplist div a{color:var(--base-color);text-decoration:none;font-weight:600}
.pb-takeform .pb-label{margin-top:14px}

.pb-take-foot .act a.locked{opacity:.55;cursor:not-allowed}
.pb-replyform{display:flex;gap:10px;padding:12px 0 4px}
.pb-replyform .pb-avatar{width:26px;height:26px;font-size:10px;margin-top:2px;flex-shrink:0}
.pb-replyform > div{flex:1}
.pb-replyform textarea{font-size:14px;padding:8px 12px;min-height:74px}
.pb-replyform .row{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--medium-gray)}
.pb-replyform .row .btn-pb-ghost{margin-left:auto;padding:5px 12px;font-size:12px}
.pb-replyform .row .btn-pb{padding:6px 14px;font-size:12px}

.pb-reply .m .to{color:var(--medium-gray);font-size:11.5px}
.pb-reply .m .to i{margin-right:3px}
.pb-reply .m .rreply{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--base-color);text-decoration:none}
.pb-reply .m{flex-wrap:wrap}
.pb-reply > div{flex:1;min-width:0}
.pb-reply .mention,.pb-take-body .mention{color:var(--base-color);font-weight:600;text-decoration:none}
.pb-replyform .toline{font-size:12px;color:var(--medium-gray);margin-bottom:6px}
.pb-replyform .toline b{color:var(--pb-ink)}
.mentionwrap{position:relative}
.pb-mentions{display:none;position:absolute;left:0;top:100%;z-index:40;background:#fff;border:1px solid var(--pb-line);border-radius:10px;box-shadow:0 10px 30px rgba(23,26,33,.12);padding:6px;min-width:200px}
.pb-mentions a{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;font-size:13px;color:var(--pb-ink);text-decoration:none}
.pb-mentions a:hover{background:var(--pb-soft)}
.pb-mentions .pb-avatar{width:22px;height:22px;font-size:9px}
.pb-sent{font-size:12px;color:var(--medium-gray);padding:8px 0 2px}
.pb-sent i{margin-right:5px;color:var(--base-color)}

/* notifications: bell dropdown + page */
.pb-bellwrap{position:relative;display:inline-flex}
.pb-notifdrop{display:none;position:absolute;top:calc(100% + 12px);right:-8px;width:380px;background:#fff;border:1px solid var(--pb-line);border-radius:14px;box-shadow:0 16px 48px rgba(23,26,33,.16);z-index:1200;text-align:left}
.pb-notifdrop.open{display:block}
.pb-notifdrop .head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--pb-soft)}
.pb-notifdrop .head h4{font-family:var(--alt-font);font-size:15px;font-weight:700;margin:0}
.pb-notifdrop .head a{font-size:12px;font-weight:600;color:var(--base-color);text-decoration:none}
.pb-notifdrop .list{max-height:420px;overflow-y:auto}
.pb-notifdrop .foot{padding:10px 16px;border-top:1px solid var(--pb-soft);text-align:center}
.pb-notifdrop .foot a{font-size:13px;font-weight:600;color:var(--base-color);text-decoration:none}
.pb-notif{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--pb-soft);text-decoration:none;color:#2a2f3a;position:relative}
.pb-notif:last-child{border-bottom:0}
.pb-notif:hover{background:#fafbfd}
.pb-notif.unread{background:#f6f9ff}
.pb-notif.unread::before{content:'';position:absolute;left:6px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--base-color);transform:translateY(-50%)}
.pb-notif .ic{width:34px;height:34px;border-radius:10px;background:var(--pb-soft);color:var(--pb-ink);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.pb-notif .ic.pb-avatar{border-radius:50%}
.pb-notif .ic.reply{background:#eef3ff;color:var(--base-color)}.pb-notif .ic.mention{background:#f3e8ff;color:#7c3aed}.pb-notif .ic.note{background:#fff3e0;color:#b2620c}.pb-notif .ic.rating,.pb-notif .ic.board{background:#e6f7ee;color:#1d7a4d}
.pb-notif .body{flex:1;min-width:0;font-size:13.5px;line-height:1.45}
.pb-notif .body b{color:var(--pb-ink)}
.pb-notif .body .sub{display:block;font-size:12px;color:var(--medium-gray);margin-top:2px}
.pb-notif .when{font-size:11.5px;color:var(--medium-gray);white-space:nowrap;flex-shrink:0}
.pb-notifpage .pb-notif{background:#fff;border:1px solid var(--pb-line);border-radius:12px;margin-bottom:8px;padding:14px 18px 14px 22px}
.pb-notifpage .pb-notif.unread{background:#f6f9ff;border-color:#cdd8f5}
.pb-notifpage .day{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin:18px 0 8px}
.pb-rules li{display:block;padding:8px 0}
.pb-rules li i{margin-right:8px}
.pb-rules li i.yes{color:#1d7a4d}.pb-rules li i.no{color:#b42318}
@media(max-width:575px){.pb-notifdrop{position:fixed;left:12px;right:12px;top:70px;width:auto}}

.pb-bell.quiet i::after{display:none}

.pb-card-sm.fresh{border-color:#cfe8d9}

/* account settings */
.pb-settingsnav{padding:10px;position:sticky;top:92px}
.pb-settingsnav a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;color:#4b5160;text-decoration:none}
.pb-settingsnav a:hover{background:var(--pb-soft);color:var(--pb-ink)}
.pb-settingsnav a.on{background:var(--pb-ink);color:#fff}
.pb-formcard[id]{scroll-margin-top:92px}
.pb-avatarrow{display:flex;align-items:center;gap:18px;margin:4px 0 6px}
.pb-avatarrow .pb-avatar.xl{width:72px;height:72px;font-size:24px;border-radius:20px}
table.pb-settings{width:100%;border-collapse:collapse;margin-top:6px}
table.pb-settings th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);text-align:left;padding:8px 10px;border-bottom:1px solid var(--pb-line)}
table.pb-settings td{padding:12px 10px;border-bottom:1px solid var(--pb-soft);vertical-align:middle;font-size:14px}
table.pb-settings td b{display:block;color:var(--pb-ink);font-weight:600}
table.pb-settings td small{display:block;font-size:12px;color:var(--medium-gray);margin-top:2px}
table.pb-settings td:nth-child(2){width:90px}
table.pb-settings td:nth-child(3){width:170px}
.pb-select.sm{height:34px;font-size:12.5px;min-width:140px;padding-left:10px}
.pb-select.sm:disabled{opacity:.45}
.pb-switch-ui{position:relative;display:inline-block;width:40px;height:22px;margin:0;cursor:pointer}
.pb-switch-ui input{opacity:0;width:0;height:0}
.pb-switch-ui span{position:absolute;inset:0;background:#cfd6e4;border-radius:999px;transition:background .15s}
.pb-switch-ui span::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.pb-switch-ui input:checked + span{background:var(--base-color)}
.pb-switch-ui input:checked + span::after{transform:translateX(18px)}
.pb-never{margin-top:14px;font-size:13px;color:#4b5160;background:var(--pb-soft);border-radius:10px;padding:10px 14px;line-height:1.5}
.pb-never b{color:var(--pb-ink)}
.pb-rowline{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--pb-soft)}
.pb-rowline:first-of-type{border-top:0}
.pb-rowline > div{flex:1}
.pb-rowline b{display:block;font-size:14px;color:var(--pb-ink);font-weight:600}
.pb-rowline small{display:block;font-size:12.5px;color:var(--medium-gray);margin-top:2px;line-height:1.5}
.pb-rowline .btn-pb-ghost{white-space:nowrap}
.pb-danger{border-color:#f3c6c6}
.btn-pb-ghost.danger{border-color:#e3a4a4;color:#b42318}
.btn-pb-ghost.danger:hover{background:#b42318;border-color:#b42318;color:#fff}
@media(max-width:991px){.pb-settingsnav{position:static;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.pb-settingsnav a{padding:7px 10px;font-size:13px}}

/* =====================================================================
   THEME V2: a livelier skin on the same layout. Appended last so it wins.
   Palette: ink, electric blue, warm amber, mint, lavender tints.
   ===================================================================== */
:root{--base-color:#2f6fed;--pb-ink:#141826;--pb-ink-2:#222a3d;--pb-line:#e3e7f0;--pb-soft:#f3f5fa;--pb-tint:#eef3ff;--pb-amber:#f59e0b;--pb-amber-soft:#fff4de;--pb-mint:#22c48a;--pb-mint-soft:#e3f8ef;--pb-rose:#ef4444;--pb-rose-soft:#fdecec;--pb-violet:#7c5cff;--pb-violet-soft:#f0ecff;--pb-a:#2f6fed;--pb-b:#f59e0b;--pb-c:#22c48a;--pb-d:#7c5cff;--pb-e:#c9cfdb;--pb-grad:linear-gradient(135deg,#2f6fed 0%,#5b8cff 55%,#7c5cff 100%);--pb-shadow:0 1px 2px rgba(20,24,38,.04),0 10px 30px -14px rgba(20,24,38,.22);--pb-shadow-hover:0 2px 4px rgba(20,24,38,.05),0 20px 44px -16px rgba(47,111,237,.28);--pb-radius:16px}
body{background:#f6f7fb;background-image:radial-gradient(1100px 420px at 12% -8%,rgba(47,111,237,.10),transparent 60%),radial-gradient(900px 380px at 100% 0%,rgba(124,92,255,.08),transparent 60%);background-attachment:fixed;color:#2a2f3a}

/* header */
.pb-nav{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(20,24,38,.06)!important;box-shadow:0 6px 24px -18px rgba(20,24,38,.25)}
.pb-nav .navbar-brand{font-size:23px;letter-spacing:-.6px}
.pb-nav .navbar-brand span{background:var(--pb-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pb-nav .navbar-nav .nav-link{padding:7px 13px;border-radius:999px;transition:background .15s,color .15s}
.pb-nav .navbar-nav .nav-link:hover{background:var(--pb-soft);color:var(--pb-ink)}
.pb-nav .navbar-nav .nav-link.active{background:var(--pb-tint);color:var(--base-color)}
.pb-search input{background:#fff;border-color:var(--pb-line);box-shadow:inset 0 1px 2px rgba(20,24,38,.04)}
.pb-search input:focus{box-shadow:0 0 0 4px rgba(47,111,237,.14)}
.pb-bell{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--pb-soft);margin-right:2px;transition:background .15s}
.pb-bell:hover{background:var(--pb-tint);color:var(--base-color)}
.pb-bell i::after{top:4px;right:6px;background:var(--pb-rose)}
.pb-avatar{background:var(--pb-grad);box-shadow:0 0 0 2px #fff,0 0 0 3.5px rgba(47,111,237,.25)}
.pb-standing b{color:#15803d}

/* buttons, badges, tags */
.btn-pb{background:var(--pb-grad);box-shadow:0 6px 16px -6px rgba(47,111,237,.55),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .15s,box-shadow .15s,filter .15s}
.btn-pb:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(47,111,237,.6);filter:brightness(1.04)}
.btn-pb.disabled,.btn-pb:disabled{opacity:.5;transform:none;box-shadow:none;cursor:not-allowed}
.btn-pb-ghost{background:#fff;border-color:var(--pb-line);box-shadow:0 1px 2px rgba(20,24,38,.04);transition:all .15s}
.btn-pb-ghost:hover{border-color:var(--base-color);color:var(--base-color);background:var(--pb-tint)}
.pb-type{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px 3px 8px;font-size:10.5px;letter-spacing:.07em;border:1px solid transparent}
.pb-type i{font-size:11px;line-height:1}
.pb-type.poll{background:var(--pb-tint);color:#1f4fc4;border-color:#d7e2ff}.pb-type.stance{background:var(--pb-amber-soft);color:#b45309;border-color:#fde3b0}.pb-type.open{background:var(--pb-mint-soft);color:#15803d;border-color:#b9ecd3}
.pb-cat{padding:2px 8px;border-radius:6px;background:var(--pb-soft)}
.pb-cat:hover{background:var(--pb-tint)}
.pb-tag{background:#fff;border:1px solid var(--pb-line);color:#4b5160}
.pb-tag:hover{border-color:var(--base-color);background:var(--pb-tint)}
.pb-gap{background:var(--pb-amber-soft);color:#b45309;border:1px solid #fde3b0;display:inline-flex;align-items:center;gap:4px}
.pb-gap::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--pb-amber)}
.pb-badge{border-radius:6px}
.pb-badge.op{background:var(--pb-ink);color:#fff;box-shadow:0 2px 6px -2px rgba(20,24,38,.5)}
.pb-badge.q{background:var(--pb-mint-soft);color:#15803d}.pb-badge.q.fair{background:var(--pb-amber-soft);color:#b45309}.pb-badge.q.low{background:var(--pb-rose-soft);color:#b42318}
.pb-follow{background:#fff;transition:all .15s}
.pb-follow:hover{background:var(--pb-tint)}
.pb-follow.on{background:var(--pb-tint);color:var(--base-color);border-color:#c7d7ff}

/* page heads (inner pages) */
.pb-pagehead{background:linear-gradient(180deg,#fff 0%,#f7f8fc 100%);border-bottom:1px solid var(--pb-line);position:relative;overflow:hidden}
.pb-pagehead::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(20,24,38,.06) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 75%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 75%);pointer-events:none}
.pb-pagehead > *{position:relative;z-index:1}
.pb-pagehead h1{background:linear-gradient(90deg,var(--pb-ink),#3b4a73);-webkit-background-clip:text;background-clip:text;color:transparent}
.pb-eyebrow a:hover{color:var(--base-color)}
.pb-seg{background:#fff;border:1px solid var(--pb-line);box-shadow:inset 0 1px 2px rgba(20,24,38,.04)}
.pb-seg a.on{background:var(--pb-ink);color:#fff;box-shadow:0 4px 10px -4px rgba(20,24,38,.5)}
.pb-select{box-shadow:0 1px 2px rgba(20,24,38,.04)}
.pb-select:focus{outline:0;border-color:var(--base-color);box-shadow:0 0 0 4px rgba(47,111,237,.14)}

/* explore hero */
.pb-hero{background:var(--pb-ink);position:relative;overflow:hidden}
.pb-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(900px 420px at 8% 0%,rgba(47,111,237,.55),transparent 60%),radial-gradient(700px 360px at 92% 110%,rgba(124,92,255,.45),transparent 60%),radial-gradient(500px 240px at 60% -20%,rgba(34,196,138,.22),transparent 60%)}
.pb-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(800px 500px at 30% 20%,#000,transparent 80%);-webkit-mask-image:radial-gradient(800px 500px at 30% 20%,#000,transparent 80%);pointer-events:none}
.pb-hero .pb-hero-inner{position:relative;z-index:1}
.pb-hero h1{text-shadow:0 2px 24px rgba(0,0,0,.25)}
.pb-hero h1 em{font-style:normal;background:linear-gradient(90deg,#8fb0ff,#c4b5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pb-hero-search input{box-shadow:0 20px 50px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}
.pb-hero-search button{background:var(--pb-grad);box-shadow:0 6px 16px -6px rgba(47,111,237,.7)}
.pb-chip{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);}
.pb-chip i{color:#9fb8ff}
.pb-chip:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}
.pb-stats{gap:14px;border-top:0;padding-top:0}
.pb-stats > div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 18px;min-width:150px;}
.pb-stats b{font-size:24px}
.pb-stats span{opacity:.7}

/* cards */
.pb-card,.pb-side,.pb-results,.pb-vote,.pb-take,.pb-formcard,.pb-table-wrap,.pb-hit,.pb-catcard,.pb-notes,.pb-takepanel{border-color:var(--pb-line);box-shadow:var(--pb-shadow);border-radius:var(--pb-radius)}
.pb-card{position:relative;overflow:hidden}
.pb-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pb-e);opacity:.9}
.pb-card.t-poll::before{background:linear-gradient(180deg,#2f6fed,#5b8cff)}.pb-card.t-stance::before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.pb-card.t-open::before{background:linear-gradient(180deg,#22c48a,#5eead4)}
.pb-card:hover{box-shadow:var(--pb-shadow-hover);transform:translateY(-3px);border-color:#d7dff0}
.pb-card h3 a:hover{background:linear-gradient(90deg,#2f6fed,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pb-split-label{font-size:10.5px}
.pb-split-label b{font-size:12px;background:var(--pb-soft);padding:2px 8px;border-radius:6px}
.pb-bar{height:10px;background:#eceff5;box-shadow:inset 0 1px 2px rgba(20,24,38,.06)}
.pb-bar span{background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.22));box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)}
.pb-bar span:first-child{border-radius:999px 0 0 999px}.pb-bar span:last-child{border-radius:0 999px 999px 0}
.pb-hist span{background:#dfe4ee;border-radius:4px 4px 2px 2px}
.pb-hist span.hi{background:linear-gradient(180deg,#5b8cff,#2f6fed)}
.pb-arg{background:var(--pb-soft);border-left:3px solid var(--base-color);border-radius:0 10px 10px 0;padding:10px 14px}
.pb-arg .q{background:var(--pb-mint-soft);color:#15803d}
.pb-meta i{color:#8a93a6}
.pb-more .btn-pb-ghost{padding:11px 24px}
.pb-tabs{border-bottom-color:var(--pb-line)}
.pb-tabs a.active{color:var(--base-color);border-color:var(--base-color)}

/* sidebar cards */
.pb-side{position:relative}
.pb-side h4{align-items:center;gap:8px}
.pb-side h4 > i.h{width:28px;height:28px;border-radius:8px;background:var(--pb-tint);color:var(--base-color);display:inline-flex;align-items:center;justify-content:center;font-size:13px;margin-right:2px}
.pb-side h4 > span.t{flex:1}
.pb-side li{border-bottom-color:#eef1f6}
.pb-side li a:hover{color:var(--base-color)}
.pb-side li small{background:var(--pb-soft);border-radius:6px;padding:2px 7px;font-size:11.5px}
.pb-cta{background:var(--pb-ink);background-image:radial-gradient(600px 240px at 0% 0%,rgba(47,111,237,.55),transparent 60%),radial-gradient(400px 200px at 100% 100%,rgba(124,92,255,.4),transparent 60%);border-color:var(--pb-ink);box-shadow:0 18px 40px -18px rgba(20,24,38,.6)}
.pb-cta h4 > i.h{background:rgba(255,255,255,.12);color:#fff}
.pb-steps .pb-step b{width:30px;height:30px;border-radius:9px;background:var(--pb-grad);color:#fff;font-size:14px;display:inline-flex;align-items:center;justify-content:center;min-width:30px;box-shadow:0 6px 14px -6px rgba(47,111,237,.6)}
.pb-feed li a b{color:var(--base-color)}

/* footer */
footer.pb-footer{position:relative;background:var(--pb-ink);background-image:radial-gradient(800px 300px at 0% 100%,rgba(47,111,237,.25),transparent 60%)}
footer.pb-footer::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--pb-grad)}
footer.pb-footer .brand{background:linear-gradient(90deg,#fff,#b9c9ff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* tables */
.pb-table-wrap{overflow:hidden}
table.pb-table thead th{background:linear-gradient(180deg,#fafbfd,#f3f5fa);border-bottom:1px solid var(--pb-line)}
table.pb-table tbody tr{transition:background .12s}
table.pb-table tbody tr:hover td{background:var(--pb-tint)}
table.pb-table tbody td:first-child{position:relative}
table.pb-table tbody tr:hover td:first-child::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--base-color)}
table.pb-table .t-lead .pb-bar{height:7px}
div.dt-container .dt-paging .page-item.active .page-link{background:var(--pb-grad)!important;border-color:transparent!important;box-shadow:0 6px 14px -6px rgba(47,111,237,.6)}

/* vote widget + results */
.pb-results{position:relative;overflow:hidden}
.pb-results::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--pb-grad)}
.pb-results-head h2{display:flex;align-items:center;gap:8px}
.pb-results-head h2::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--pb-mint);box-shadow:0 0 0 4px var(--pb-mint-soft)}
.pb-res-col{background:var(--pb-soft);border-radius:12px;padding:16px 18px}
.pb-res-col h3{margin-bottom:10px}
.pb-opt{margin-bottom:12px}
.pb-opt .l{font-size:14.5px}
.pb-opt.mine{background:#fff;margin:0 -8px 12px;padding:8px 8px 10px;border-radius:10px;box-shadow:0 1px 2px rgba(20,24,38,.06)}
.pb-histbig span{background:#dfe4ee;border-radius:5px 5px 3px 3px}
.pb-histbig span.hi{background:linear-gradient(180deg,#5b8cff,#2f6fed)}.pb-histbig span.g{background:linear-gradient(180deg,#5eead4,#22c48a)}
.pb-histbig .mean{background:var(--pb-ink)}
.pb-trend{border-top:1px solid var(--pb-line)}
.pb-vote{border:0;box-shadow:0 1px 2px rgba(20,24,38,.04),0 18px 40px -18px rgba(47,111,237,.45);background:#fff;position:relative;overflow:hidden}
.pb-vote::before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:var(--pb-grad)}
.pb-vote h4{display:flex;align-items:center;gap:8px;font-size:16px}
.pb-choice{border-width:1.5px;background:#fff;transition:all .15s}
.pb-choice:hover{border-color:#b3c6ff;background:#fbfcff;transform:translateX(2px)}
.pb-choice.on{border-color:var(--base-color);background:var(--pb-tint);box-shadow:0 6px 16px -10px rgba(47,111,237,.6)}
.pb-choice.on .dot{box-shadow:inset 0 0 0 3px #fff,0 0 0 3px rgba(47,111,237,.18)}
.pb-slider .big{background:var(--pb-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pb-vote .voted{background:var(--pb-mint-soft);border:1px solid #b9ecd3}
.pb-vote .voted i{color:#15803d}
.pb-vote .lock{background:rgba(255,255,255,.82)}
.pb-vote .lock b{font-size:17px}

/* takes */
.pb-take{position:relative;overflow:hidden}
.pb-take::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#dfe4ee}
.pb-take.q-strong::before{background:linear-gradient(180deg,#22c48a,#5eead4)}.pb-take.q-fair::before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.pb-take.q-low::before{background:linear-gradient(180deg,#ef4444,#f87171)}
.pb-take.op{border-color:#c7d7ff;box-shadow:0 0 0 4px var(--pb-tint),var(--pb-shadow)}
.pb-take.mine{border-color:#b9ecd3;box-shadow:0 0 0 4px var(--pb-mint-soft),var(--pb-shadow)}
.pb-take-top .u .pb-avatar{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #dfe4ee}
.pb-take-top .for{background:var(--pb-soft);border-radius:999px;padding:3px 10px}
.pb-src a{background:#fff;border:1px solid var(--pb-line);box-shadow:0 1px 2px rgba(20,24,38,.04)}
.pb-src a i{color:var(--base-color)}
.pb-src a:hover{border-color:var(--base-color);background:var(--pb-tint)}
.pb-take-foot{border-top:1px solid var(--pb-line)}
.pb-rate{background:var(--pb-soft);border-radius:999px;padding:4px 6px 4px 12px}
.pb-rate button{border-color:transparent;background:#fff;box-shadow:0 1px 2px rgba(20,24,38,.06)}
.pb-rate button.on{background:var(--pb-grad);box-shadow:0 4px 10px -4px rgba(47,111,237,.7)}
.pb-replies{border-top-color:var(--pb-line)}
.pb-reply .pb-avatar{box-shadow:0 0 0 2px #fff}
.pb-grant{background:var(--pb-tint);border:1px solid #d7e2ff}
.pb-note{background:linear-gradient(180deg,#f6f9ff,#eef3ff);border-color:#d7e2ff}
.pb-fit{background:linear-gradient(180deg,#fffaf0,#fff4de);border-color:#fde3b0}

/* forms */
.pb-input{box-shadow:inset 0 1px 2px rgba(20,24,38,.04)}
.pb-typecard.on{background:var(--pb-tint);box-shadow:0 8px 20px -14px rgba(47,111,237,.7)}
.pb-formhead .n{background:var(--pb-grad);box-shadow:0 6px 14px -6px rgba(47,111,237,.6)}
.pb-result.live{background:linear-gradient(180deg,#fff,#f2fbf6)}
.pb-result.held{background:linear-gradient(180deg,#fff,#fff8ec)}

/* categories, profile, search, notifications */
.pb-catcard .ic{background:var(--pb-grad);color:#fff;box-shadow:0 8px 18px -8px rgba(47,111,237,.7)}
.pb-catcard:nth-child(2) .ic{background:linear-gradient(135deg,#f59e0b,#fb7185)}.pb-catcard:nth-child(3) .ic{background:linear-gradient(135deg,#22c48a,#06b6d4)}.pb-catcard:nth-child(4) .ic{background:linear-gradient(135deg,#7c5cff,#2f6fed)}.pb-catcard:nth-child(5) .ic{background:linear-gradient(135deg,#ec4899,#f59e0b)}.pb-catcard:nth-child(6) .ic{background:linear-gradient(135deg,#06b6d4,#2f6fed)}.pb-catcard:nth-child(7) .ic{background:linear-gradient(135deg,#f97316,#ef4444)}
.pb-catcard:hover{border-color:#d7dff0}
.pb-listhead .ic{background:var(--pb-grad);color:#fff;box-shadow:0 10px 24px -10px rgba(47,111,237,.7)}
.pb-listhead .ic.tag{background:var(--pb-ink);color:#fff}
.pb-proftile{}
.pb-proftile.accent{background:linear-gradient(135deg,rgba(47,111,237,.35),rgba(124,92,255,.3));border-color:rgba(255,255,255,.2)}
.pb-standcard{background-image:radial-gradient(500px 220px at 0% 0%,rgba(47,111,237,.5),transparent 60%)}
.pb-hit{border-left:4px solid var(--pb-e)}
.pb-hit.pb-exact{border-left-color:var(--base-color)}
.pb-hit .ic,.pb-notif .ic{box-shadow:0 1px 2px rgba(20,24,38,.06)}
.pb-notif.unread{background:linear-gradient(90deg,#eef3ff,#fff)}
.pb-notifdrop{border-radius:16px;overflow:hidden}
.pb-notifdrop .head{background:linear-gradient(180deg,#fafbfd,#fff)}
.pb-settingsnav a.on{background:var(--pb-grad);box-shadow:0 6px 14px -6px rgba(47,111,237,.6)}
.pb-switch-ui input:checked + span{background:var(--pb-grad)}
.pb-srcstats div{background:var(--pb-tint)}
.pb-toggle,.pb-switch{box-shadow:0 10px 30px -10px rgba(20,24,38,.35)}

/* v2 additions: explore sidebar widgets, card sparklines, board scoreboard */
body{background-attachment:scroll}
.pb-card-top .spark{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;color:var(--medium-gray)}
.pb-card-top .spark svg{width:84px;height:26px;display:block}
.pb-card-top .spark b{color:var(--pb-ink);font-weight:600}
.pb-card-top .spark b.up{color:#15803d}.pb-card-top .spark b.down{color:#b42318}
.pb-card-top .pb-follow{margin-left:10px}
.pb-today li{display:block;padding:10px 0}
.pb-today .k{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--base-color);margin-bottom:3px}
.pb-today .k.amber{color:#b45309}.pb-today .k.mint{color:#15803d}
.pb-today a{display:block;color:var(--pb-ink);font-weight:600;text-decoration:none;line-height:1.35}
.pb-today a:hover{color:var(--base-color)}
.pb-today small{display:block;color:var(--medium-gray);font-size:12px;margin-top:3px;white-space:normal;background:none;padding:0}
.pb-gapbars li{display:block;padding:10px 0}
.pb-gapbars a{display:block;color:var(--pb-ink);font-weight:600;text-decoration:none;font-size:13.5px;line-height:1.35;margin-bottom:6px}
.pb-gapbars a:hover{color:var(--base-color)}
.pb-gapbars .pair{display:grid;grid-template-columns:62px 1fr 44px;gap:8px;align-items:center;font-size:11px;color:var(--medium-gray)}
.pb-gapbars .pair .pb-bar{height:6px}
.pb-gapbars .pair b{color:var(--pb-ink);text-align:right;font-variant-numeric:tabular-nums}
.pb-gapbars .pair + .pair{margin-top:4px}
.pb-catmini{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pb-catmini a{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--pb-line);border-radius:12px;text-decoration:none;color:var(--pb-ink);font-size:13px;font-weight:600;background:#fff;transition:all .15s}
.pb-catmini a:hover{border-color:var(--base-color);background:var(--pb-tint);transform:translateY(-1px)}
.pb-catmini a i{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;background:var(--pb-grad);flex-shrink:0}
.pb-catmini a:nth-child(2) i{background:linear-gradient(135deg,#f59e0b,#fb7185)}.pb-catmini a:nth-child(3) i{background:linear-gradient(135deg,#22c48a,#06b6d4)}.pb-catmini a:nth-child(4) i{background:linear-gradient(135deg,#7c5cff,#2f6fed)}.pb-catmini a:nth-child(5) i{background:linear-gradient(135deg,#ec4899,#f59e0b)}.pb-catmini a:nth-child(6) i{background:linear-gradient(135deg,#06b6d4,#2f6fed)}.pb-catmini a:nth-child(7) i{background:linear-gradient(135deg,#f97316,#ef4444)}
.pb-catmini a small{display:block;font-size:11px;color:var(--medium-gray);font-weight:500;background:none;padding:0}
.pb-catmini a span{line-height:1.2}
.pb-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;background:linear-gradient(135deg,#f6f9ff,#f3f0ff);border:1px solid #e3e7f5;border-radius:14px;padding:16px 20px;margin-bottom:18px}
.pb-scoreboard .side{min-width:0}
.pb-scoreboard .lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin-bottom:4px;display:flex;align-items:center;gap:6px}
.pb-scoreboard .lbl i{width:8px;height:8px;border-radius:50%;background:var(--pb-a);display:inline-block}
.pb-scoreboard .side.r .lbl i{background:var(--pb-c)}
.pb-scoreboard .who{font-family:var(--alt-font);font-size:22px;font-weight:800;color:var(--pb-ink);letter-spacing:-.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-scoreboard .who small{font-size:14px;font-weight:600;color:var(--medium-gray);margin-left:6px;letter-spacing:0}
.pb-scoreboard .mid{text-align:center;padding:6px 14px;border-left:1px solid #e3e7f5;border-right:1px solid #e3e7f5}
.pb-scoreboard .mid b{display:block;font-family:var(--alt-font);font-size:20px;font-weight:800;color:var(--pb-ink);letter-spacing:-.5px}
.pb-scoreboard .mid span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray)}
.pb-scoreboard .mid.agree b{color:#15803d}.pb-scoreboard .mid.split b{color:#b45309}
.pb-trend svg{height:140px}
@media(max-width:767px){.pb-scoreboard{grid-template-columns:1fr}.pb-scoreboard .mid{border:0;border-top:1px solid #e3e7f5;border-bottom:1px solid #e3e7f5}.pb-card-top .spark svg{display:none}}

/* v2 fixes */
.pb-pagehead.pb-profhero{background:var(--pb-ink);border-bottom:0}
.pb-pagehead.pb-profhero::after{display:none}
.pb-pagehead.pb-profhero h1{background:none;-webkit-text-fill-color:#fff;color:#fff}
.pb-profhero .pb-eyebrow,.pb-profhero .pb-eyebrow a{color:rgba(255,255,255,.65)}
.pb-profhero .btn-pb-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff;box-shadow:none}
.pb-profhero .btn-pb-ghost:hover{background:rgba(255,255,255,.2);border-color:#fff;color:#fff}
.pb-profhero .pb-follow{background:rgba(255,255,255,.1);color:#fff}
.pb-gapbars .pair{grid-template-columns:60px 1fr 76px}
.pb-gapbars .pair b{white-space:nowrap;font-size:11.5px}

/* static pages */
.pb-prose{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);box-shadow:var(--pb-shadow);padding:34px 40px;font-size:16px;line-height:1.7;color:#2f3542}
.pb-prose h2{font-family:var(--alt-font);font-size:22px;font-weight:700;letter-spacing:-.3px;margin:34px 0 10px;color:var(--pb-ink);scroll-margin-top:92px;display:flex;align-items:center;gap:10px}
.pb-prose h2:first-child{margin-top:0}
.pb-prose h2 i{width:30px;height:30px;border-radius:9px;background:var(--pb-tint);color:var(--base-color);display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.pb-prose p{margin:0 0 14px}
.pb-prose ul{padding-left:20px;margin:0 0 14px}
.pb-prose li{margin-bottom:6px}
.pb-prose .lead{font-size:18px;color:var(--pb-ink);line-height:1.6;margin-bottom:22px}
.pb-prose .callout{background:var(--pb-tint);border:1px solid #d7e2ff;border-radius:12px;padding:14px 18px;margin:16px 0 20px;font-size:15px}
.pb-prose .callout.amber{background:var(--pb-amber-soft);border-color:#fde3b0}
.pb-prose .callout b{color:var(--pb-ink)}
.pb-prose .rules{list-style:none;padding:0;margin:0 0 16px}
.pb-prose .rules li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--pb-soft)}
.pb-prose .rules li i{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:2px}
.pb-prose .rules li i.ok{background:var(--pb-mint-soft);color:#15803d}.pb-prose .rules li i.no{background:var(--pb-rose-soft);color:#b42318}
.pb-prose .rules li b{display:block;color:var(--pb-ink)}
.pb-prose .rules li small{display:block;color:var(--medium-gray);font-size:13.5px;line-height:1.5}
.pb-prose .meta{font-size:13px;color:var(--medium-gray);margin:-6px 0 20px}
.pb-prose .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 22px}
.pb-prose .steps div{background:var(--pb-soft);border-radius:12px;padding:16px}
.pb-prose .steps b{display:flex;align-items:center;gap:8px;color:var(--pb-ink);margin-bottom:6px;font-size:15px}
.pb-prose .steps b span{width:26px;height:26px;border-radius:8px;background:var(--pb-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--alt-font)}
.pb-prose .steps p{font-size:14px;color:#4b5160;margin:0;line-height:1.55}
.pb-prose .contact{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pb-prose .contact .full{grid-column:1/3}
.pb-toc{position:sticky;top:92px}
.pb-toc ul li{display:block;padding:0}
.pb-toc ul li a{display:block;padding:7px 10px;border-radius:8px;font-size:13.5px;color:#4b5160}
.pb-toc ul li a:hover{background:var(--pb-soft);color:var(--pb-ink)}
.pb-toc ul li a.on{background:var(--pb-tint);color:var(--base-color);font-weight:600}
.pb-toc .pb-help{margin-top:12px}
@media(max-width:991px){.pb-toc{position:static;margin-bottom:16px}.pb-prose{padding:24px 22px}.pb-prose .steps{grid-template-columns:1fr}.pb-prose .contact{grid-template-columns:1fr}.pb-prose .contact .full{grid-column:1}}

/* 404 and board states */
.pb-404{padding:70px 0 90px;position:relative}
.pb-404 .code{display:inline-flex;align-items:center;gap:10px;font-family:var(--alt-font);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--base-color);background:var(--pb-tint);border-radius:999px;padding:8px 16px;margin-bottom:18px}
.pb-404 .code i{font-size:18px}
.pb-404 h1{font-family:var(--alt-font);font-weight:800;font-size:clamp(30px,4vw,46px);letter-spacing:-1.2px;line-height:1.1;margin:0 0 14px;color:var(--pb-ink)}
.pb-404 p{font-size:17px;color:#4b5160;line-height:1.65;max-width:560px;margin:0 0 22px}
.pb-404 .acts .pb-hero-search{max-width:520px}
.pb-404 .acts .pb-hero-search input{border:1.5px solid var(--pb-line);box-shadow:var(--pb-shadow)}
.pb-404 .acts .btn-pb-ghost{margin-top:14px;margin-right:6px}
.pb-404 .heldbox{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:16px 18px;margin-bottom:12px;font-size:14.5px;line-height:1.6;color:#2f3542;box-shadow:var(--pb-shadow)}
.pb-404 .heldbox b{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin-bottom:4px}
.pb-404 .heldbox .pb-badge{margin-left:8px;vertical-align:middle}
.pb-404 .heldbox.appeal textarea{margin:6px 0 10px}
.pb-404 .sugg{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);box-shadow:var(--pb-shadow);padding:22px 24px}
.pb-404 .sugg h4{font-family:var(--alt-font);font-size:15px;font-weight:700;margin:0 0 12px}
.pb-404 .sugg ul{list-style:none;margin:0;padding:0}
.pb-404 .sugg li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--pb-soft);font-size:14px}
.pb-404 .sugg li:last-child{border-bottom:0}
.pb-404 .sugg li a{color:var(--pb-ink);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:8px;line-height:1.3}
.pb-404 .sugg li a:hover{color:var(--base-color)}
.pb-404 .sugg li small{color:var(--medium-gray);white-space:nowrap;font-size:12px}
@media(max-width:991px){.pb-404{padding:40px 0 60px}.pb-404 .col-lg-5{margin-top:24px}}

/* templates index */
.pb-tplgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pb-tpl{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);box-shadow:var(--pb-shadow);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,transform .2s}
.pb-tpl:hover{box-shadow:var(--pb-shadow-hover);transform:translateY(-3px)}
.pb-tpl .main{display:block;padding:22px 24px 16px;text-decoration:none;color:#2a2f3a;position:relative;flex:1}
.pb-tpl .ic{width:44px;height:44px;border-radius:12px;background:var(--pb-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px;box-shadow:0 8px 18px -8px rgba(47,111,237,.7)}
.pb-tpl .n{position:absolute;top:18px;right:20px;font-family:var(--alt-font);font-weight:800;font-size:13px;color:var(--medium-gray);background:var(--pb-soft);border-radius:999px;padding:3px 10px}
.pb-tpl h3{font-family:var(--alt-font);font-size:18px;font-weight:700;margin:0 0 6px;letter-spacing:-.3px;color:var(--pb-ink)}
.pb-tpl p{font-size:13.5px;color:var(--medium-gray);line-height:1.55;margin:0}
.pb-tpl .vars{display:flex;flex-wrap:wrap;gap:6px;padding:12px 24px 18px;border-top:1px solid var(--pb-soft);background:#fafbfd}
.pb-tpl .vars a{font-size:12.5px;font-weight:600;color:var(--pb-ink);text-decoration:none;background:#fff;border:1px solid var(--pb-line);border-radius:999px;padding:4px 10px;display:inline-flex;align-items:center;gap:2px}
.pb-tpl .vars a:hover{border-color:var(--base-color);color:var(--base-color)}
@media(max-width:991px){.pb-tplgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.pb-tplgrid{grid-template-columns:1fr}}

/* 404 as a hero band */
.pb-404{padding:96px 0 110px!important;background:var(--pb-ink);color:#fff;position:relative;overflow:hidden;min-height:62vh;display:flex;align-items:center}
.pb-404::before{content:'';position:absolute;inset:0;background:radial-gradient(900px 420px at 8% 0%,rgba(47,111,237,.5),transparent 60%),radial-gradient(700px 360px at 92% 110%,rgba(124,92,255,.4),transparent 60%)}
.pb-404::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(800px 500px at 30% 20%,#000,transparent 80%);-webkit-mask-image:radial-gradient(800px 500px at 30% 20%,#000,transparent 80%);pointer-events:none}
.pb-404 > .container-xl{position:relative;z-index:1;width:100%}
.pb-404 .code{background:rgba(255,255,255,.1);color:#bcd0ff;margin-bottom:22px}
.pb-404 h1{color:#fff;margin-bottom:18px}
.pb-404 p{color:rgba(255,255,255,.75);margin-bottom:28px}
.pb-404 .acts .pb-hero-search input{border:0}
.pb-404 .acts .btn-pb-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff;margin-top:18px}
.pb-404 .acts .btn-pb-ghost:hover{background:rgba(255,255,255,.2);border-color:#fff;color:#fff}
.pb-404 .heldbox{color:#2f3542}
.pb-404 .sugg{box-shadow:0 24px 60px -24px rgba(0,0,0,.6)}
.pb-404 .sugg li a{color:var(--pb-ink)}
@media(max-width:991px){.pb-404{padding:64px 0 72px!important;min-height:0}}

.pb-404 .sugg{color:#2a2f3a}
.pb-404 .sugg h4{color:var(--pb-ink)}
.pb-404 .sugg p{color:#4b5160}
.pb-404 .heldbox b{color:var(--medium-gray)}

/* consistent heroes: every page head is the dark band */
.pb-pagehead{background:var(--pb-ink);color:#fff;border-bottom:0}
.pb-pagehead::before{content:'';position:absolute;inset:0;background:radial-gradient(900px 420px at 8% 0%,rgba(47,111,237,.5),transparent 60%),radial-gradient(700px 360px at 92% 110%,rgba(124,92,255,.4),transparent 60%);pointer-events:none}
.pb-pagehead::after{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(800px 500px at 30% 20%,#000,transparent 80%);-webkit-mask-image:radial-gradient(800px 500px at 30% 20%,#000,transparent 80%)}
.pb-pagehead .pb-pagehead-inner{padding:44px 0 36px}
.pb-pagehead h1{background:none;-webkit-text-fill-color:#fff;color:#fff}
.pb-pagehead p,.pb-pagehead .pb-framing{color:rgba(255,255,255,.78)}
.pb-pagehead .pb-framing .lbl{color:rgba(255,255,255,.55)}
.pb-pagehead .pb-eyebrow,.pb-pagehead .pb-eyebrow a{color:rgba(255,255,255,.6)}
.pb-pagehead .pb-eyebrow a:hover{color:#fff}
.pb-pagehead .pb-boardmeta{color:rgba(255,255,255,.65)}
.pb-pagehead .pb-boardmeta .who{color:#fff}
.pb-pagehead .pb-boardmeta .who a{color:#fff}
.pb-pagehead .pb-tag{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}
.pb-pagehead .pb-cat{background:rgba(255,255,255,.12);color:#fff}
.pb-pagehead .pb-follow{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
.pb-pagehead .pb-follow:hover,.pb-pagehead .pb-follow.on{background:rgba(255,255,255,.2);border-color:#fff;color:#fff}
.pb-pagehead .btn-pb-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff;box-shadow:none}
.pb-pagehead .btn-pb-ghost:hover{background:rgba(255,255,255,.2);border-color:#fff;color:#fff}
.pb-pagehead .pb-fitlink a{color:rgba(255,255,255,.7)}
.pb-pagehead .pb-fitlink a:hover,.pb-pagehead .pb-fitlink a.on{color:#fff}
.pb-pagehead .pb-fit{background:rgba(255,255,255,.08);border-color:rgba(245,158,11,.45);color:rgba(255,255,255,.85)}
.pb-pagehead .pb-fit b{color:#fff}.pb-pagehead .pb-fit a{color:#fbbf24}
.pb-pagehead .pb-note{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.9)}
.pb-pagehead .pb-note b{color:#9fb8ff}.pb-pagehead .pb-note small{color:rgba(255,255,255,.55)}
.pb-pagehead .pb-notes{color:#2a2f3a}
.pb-pagehead .pb-notes h4{color:var(--pb-ink)}
.pb-pagehead .pb-tip::after{color:#fff}
.pb-pagehead .pb-stats.dark{border-top-color:rgba(255,255,255,.12)}
.pb-pagehead .pb-stats.dark b{color:#fff}.pb-pagehead .pb-stats.dark span{color:rgba(255,255,255,.6)}
.pb-pagehead .pb-stats > div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 18px;min-width:150px}
.pb-pagehead .pb-listhead .ic{box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.pb-pagehead .pb-listhead .ic.tag{background:rgba(255,255,255,.14)}
.pb-pagehead .pb-seg{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:none}
.pb-pagehead .pb-seg a{color:rgba(255,255,255,.75)}
.pb-pagehead .pb-seg a.on{background:#fff;color:var(--pb-ink)}
.pb-pagehead .pb-search input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff;box-shadow:none}
.pb-pagehead .pb-search input::placeholder{color:rgba(255,255,255,.55)}
.pb-pagehead .pb-search i{color:rgba(255,255,255,.6)}
.pb-pagehead .pb-select{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M1.5 5.5l6.5 6 6.5-6'/%3E%3C/svg%3E")}
.pb-pagehead .pb-select option{color:var(--pb-ink)}
.pb-pagehead .pb-search-big input{background:#fff;color:var(--pb-ink);border:0}
.pb-pagehead .pb-search-big > i{color:#9aa1ad}
.pb-pagehead .pb-help{color:rgba(255,255,255,.55)}
.pb-pagehead .pb-badge.op{background:#fff;color:var(--pb-ink)}
.pb-404 .code,.pb-pagehead .code{background:rgba(255,255,255,.1);color:#bcd0ff}
.pb-main{padding-top:40px!important}

/* profile action buttons: same size, Follow in blue */
.pb-profhead .acts a{height:42px;display:inline-flex;align-items:center;padding:0 20px;font-size:14px}
.pb-profhead .acts .pb-follow{border-radius:999px;font-size:14px;font-weight:700}

/* tags table: chips, vote bars, activity dots */
table.pb-table .t-tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--alt-font);font-weight:700;font-size:15px;color:var(--pb-ink);text-decoration:none;background:var(--pb-tint);border:1px solid #d7e2ff;border-radius:999px;padding:5px 12px 5px 10px}
table.pb-table .t-tag i{color:var(--base-color);font-size:13px}
table.pb-table .t-tag:hover{background:var(--base-color);border-color:var(--base-color);color:#fff}
table.pb-table .t-tag:hover i{color:#fff}
table.pb-table .t-cats{display:flex;flex-wrap:wrap;gap:4px}
table.pb-table .t-cats a{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--pb-ink);background:var(--pb-soft);border-radius:6px;padding:2px 8px;text-decoration:none}
table.pb-table .t-cats a i{color:var(--medium-gray);font-size:11px}
table.pb-table .t-cats a:hover{background:var(--pb-tint);color:var(--base-color)}
table.pb-table .t-votes b{display:block;font-variant-numeric:tabular-nums;font-weight:600;color:var(--pb-ink)}
table.pb-table .t-votes .pb-bar{height:5px;margin-top:5px;max-width:110px}
table.pb-table .t-act{display:inline-flex;align-items:center;gap:7px;color:var(--medium-gray);font-size:13px;white-space:nowrap}
table.pb-table .t-act i{width:8px;height:8px;border-radius:50%;background:#cfd6e4;display:inline-block}
table.pb-table .t-act i.hot{background:var(--pb-mint);box-shadow:0 0 0 3px var(--pb-mint-soft)}
table.pb-table .t-board{font-size:14px;font-weight:500;color:var(--pb-ink);text-decoration:none;line-height:1.35}
table.pb-table .t-board:hover{color:var(--base-color)}
table.dataTable thead th.dt-ordering-asc span.dt-column-order::after,table.dataTable thead th.dt-ordering-desc span.dt-column-order::before{opacity:0}

/* view toggle (table / cards) */
.pb-viewtoggle{display:inline-flex}
#cards-view{display:none}
body[data-view="cards"] #cards-view{display:block}
body[data-view="cards"] #table-view{display:none}

.pb-standcard li small{background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums;min-width:52px;text-align:center}
.pb-standcard li small.up{background:rgba(34,196,138,.2);color:#7fe3ae}
.pb-standcard li small.down{background:rgba(239,68,68,.22);color:#ffb4b4}
.pb-standcard .lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55);margin:16px 0 2px}

.pb-standcard .big{flex-wrap:wrap;white-space:nowrap;row-gap:4px}

/* ---- Standing levels ---- */
:root{--lv-contributor:#6b7280;--lv-contributor-soft:#eef0f3;--lv-member:#1f4fc4;--lv-member-soft:#e8f0ff;--lv-trusted:#15803d;--lv-trusted-soft:#e3f7ec;--lv-respected:#b45309;--lv-respected-soft:#fff1dc;--lv-pillar:#6d28d9;--lv-pillar-soft:#efe8ff}
.pb-lvl{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px 3px 8px;line-height:1.3;white-space:nowrap;vertical-align:middle;font-family:var(--primary-font)}
.pb-lvl i{font-size:12px;line-height:1}
.pb-lvl b{font-weight:800;font-variant-numeric:tabular-nums}
.pb-lvl span{font-weight:600;text-transform:none;letter-spacing:0;opacity:.8}
.pb-lvl span::before{content:'\00b7';margin-right:5px;opacity:.6}
.pb-lvl.sm{font-size:10.5px;padding:2px 8px 2px 7px}
.pb-lvl.contributor{background:var(--lv-contributor-soft);color:var(--lv-contributor)}
.pb-lvl.member{background:var(--lv-member-soft);color:var(--lv-member)}
.pb-lvl.trusted{background:var(--lv-trusted-soft);color:var(--lv-trusted)}
.pb-lvl.respected{background:var(--lv-respected-soft);color:var(--lv-respected)}
.pb-lvl.pillar{background:var(--lv-pillar-soft);color:var(--lv-pillar)}
.pb-take-top .pb-lvl{margin-left:2px}
.pb-standing b i{margin-right:4px;color:var(--lv-respected)}

/* chips on dark surfaces (profile hero, standing card) */
.pb-profhead h1 .pb-lvl{font-size:11px;padding:5px 11px 5px 9px;transform:translateY(-2px);margin-left:10px}
.pb-profhero .pb-lvl,.pb-standcard .pb-lvl{border:1px solid rgba(255,255,255,.18)}
.pb-profhero .pb-lvl.contributor,.pb-standcard .pb-lvl.contributor{background:rgba(255,255,255,.12);color:#e5e7eb}
.pb-profhero .pb-lvl.member,.pb-standcard .pb-lvl.member{background:rgba(47,111,237,.3);color:#bfd3ff}
.pb-profhero .pb-lvl.trusted,.pb-standcard .pb-lvl.trusted{background:rgba(34,196,138,.22);color:#9ff0c4}
.pb-profhero .pb-lvl.respected,.pb-standcard .pb-lvl.respected{background:rgba(245,158,11,.25);color:#ffd78a}
.pb-profhero .pb-lvl.pillar,.pb-standcard .pb-lvl.pillar{background:rgba(167,139,250,.3);color:#dcd0ff}

/* standing card: current level line, level track, ladder */
.pb-standcard .lvlnow{display:flex;align-items:center;gap:10px;margin-top:10px}
.pb-standcard .lvlnow small{font-size:12px;opacity:.7}
.pb-lvltrack{display:flex;gap:3px;height:10px;margin:14px 0 4px;position:relative}
.pb-lvltrack span{display:block;border-radius:999px;opacity:.35}
.pb-lvltrack span.contributor{background:#9ca3af}.pb-lvltrack span.member{background:#5b8def}.pb-lvltrack span.trusted{background:#34d399}.pb-lvltrack span.respected{background:#fbbf24}.pb-lvltrack span.pillar{background:#a78bfa}
.pb-lvltrack span.now{opacity:1;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.pb-lvltrack i{position:absolute;top:-4px;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--pb-ink);transform:translateX(-50%);box-shadow:0 2px 8px rgba(0,0,0,.4)}
.pb-standcard .scale,.pb-standcard .scale + .ends{display:none}
.pb-ladder{list-style:none;margin:14px 0 0;padding:0}
.pb-standcard ul.pb-ladder li{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border:0;border-radius:10px;margin-bottom:4px;opacity:.55}
.pb-standcard ul.pb-ladder li.done{opacity:.8}
.pb-standcard ul.pb-ladder li.now{opacity:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.pb-ladder li > i{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:none;margin-top:1px}
.pb-ladder li.contributor > i{background:rgba(255,255,255,.12);color:#e5e7eb}
.pb-ladder li.member > i{background:rgba(47,111,237,.35);color:#bfd3ff}
.pb-ladder li.trusted > i{background:rgba(34,196,138,.25);color:#9ff0c4}
.pb-ladder li.respected > i{background:rgba(245,158,11,.28);color:#ffd78a}
.pb-ladder li.pillar > i{background:rgba(167,139,250,.32);color:#dcd0ff}
.pb-ladder li div{min-width:0;flex:1}
.pb-ladder li b{display:block;font-size:13px;font-weight:700;color:#fff;line-height:1.3}
.pb-ladder li b span{font-weight:500;font-size:11px;opacity:.6;margin-left:6px;font-variant-numeric:tabular-nums}
.pb-ladder li small{display:block;font-size:12px;line-height:1.4;opacity:.72;background:none;min-width:0;text-align:left;padding:0;color:#fff}
.pb-ladder li em{font-style:normal;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#fff;color:var(--pb-ink);border-radius:5px;padding:2px 6px;flex:none;margin-top:3px}
.pb-hit.member .meta .pb-lvl{transform:translateY(-1px)}
.pb-standcard ul.pb-ladder li,.pb-ladder li b,.pb-ladder li small{white-space:normal}
.pb-ladder li div{overflow:hidden}

/* tooltips: take cards no longer clip them; the accent strip rounds itself instead */
.pb-take{overflow:visible}
.pb-take::before{border-radius:14px 0 0 14px}
.pb-tip:hover{z-index:70}
.pb-take-top .pb-tip::after{text-transform:none;font-weight:500;letter-spacing:0}

/* toxic level */
:root{--lv-toxic:#b42318;--lv-toxic-soft:#fde8e8}
.pb-lvl.toxic{background:var(--lv-toxic-soft);color:var(--lv-toxic)}
.pb-profhero .pb-lvl.toxic,.pb-standcard .pb-lvl.toxic{background:rgba(239,68,68,.28);color:#ffb4b4}
.pb-lvltrack span.toxic{background:#f87171}
.pb-ladder li.toxic > i{background:rgba(239,68,68,.3);color:#ffb4b4}

/* account marks on takes */
.pb-acct{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 8px 2px 7px;line-height:1.3;white-space:nowrap;vertical-align:middle;cursor:help}
.pb-acct i{font-size:12px;margin:0}
.pb-acct.new{background:#eef0f3;color:#4b5563}
.pb-acct.bot{background:#fde8e8;color:#b42318;border:1px dashed rgba(180,35,24,.4)}
.pb-acct.pb-tip::after{text-transform:none;letter-spacing:0;font-weight:500}

/* collapsed takes (toxic standing or suspected bot) */
.pb-take:has(.pb-tip:hover),.pb-reply:has(.pb-tip:hover),.pb-card:has(.pb-tip:hover){z-index:80}
.pb-take.collapsed::before{background:repeating-linear-gradient(180deg,#f87171 0 6px,transparent 6px 10px)}
.pb-collapsed{display:flex;align-items:center;gap:10px;background:#faf5f5;border:1px dashed #ecc8c8;border-radius:10px;padding:10px 14px;font-size:13px;color:#7a2e2e;margin:4px 0 10px}
.pb-collapsed i{font-size:15px;color:#b42318}
.pb-collapsed span{flex:1}
.pb-collapsed .show{font-weight:700;color:var(--pb-ink);text-decoration:none;white-space:nowrap}
.pb-take.collapsed .pb-take-body,.pb-take.collapsed .pb-src{display:none}
.pb-take.collapsed.shown .pb-take-body,.pb-take.collapsed.shown .pb-src{display:block}
.pb-take.collapsed.shown .pb-collapsed{margin-bottom:14px}

/* ---- Data notes (blog list and post) ---- */
.pb-kind{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:2px 8px;line-height:1.5;white-space:nowrap}
.pb-kind.monthly{background:var(--pb-tint);color:#1f4fc4}
.pb-kind.deep-dive{background:#efe8ff;color:#6d28d9}
.pb-kind.method{background:var(--pb-mint-soft);color:#15803d}
.pb-kind.site-news{background:var(--pb-amber-soft);color:#b45309}
.pb-kind.lg{font-size:11.5px;padding:4px 10px;margin-bottom:12px}
.pb-pagehead .pb-kind{background:rgba(255,255,255,.14);color:#fff}
.pb-postmeta{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:13px;color:rgba(255,255,255,.75)}
.pb-postmeta span{display:inline-flex;align-items:center;gap:7px}
.pb-postmeta .pb-avatar{width:24px;height:24px;font-size:10px}
.pb-postcard{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:22px 24px;margin-bottom:14px;box-shadow:var(--pb-shadow);position:relative;overflow:hidden}
.pb-postcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pb-grad);border-radius:14px 0 0 14px}
.pb-postcard h3{font-family:var(--alt-font);font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.3px;margin:0 0 8px}
.pb-postcard h3 a,.pb-postcard h2 a{color:var(--pb-ink);text-decoration:none}
.pb-postcard h3 a:hover,.pb-postcard h2 a:hover{color:var(--base-color)}
.pb-postcard p{font-size:14.5px;line-height:1.6;color:#4b5160;margin:0 0 12px}
.pb-postcard .boards{display:flex;flex-wrap:wrap;gap:8px}
.pb-postcard .boards a{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--pb-ink);text-decoration:none;background:var(--pb-soft);border-radius:999px;padding:4px 11px}
.pb-postcard .boards a:hover{background:var(--pb-tint);color:var(--base-color)}
.pb-postcard .boards a i{color:var(--medium-gray)}
.pb-postcard .pb-card-top .spk{margin-left:auto}
.pb-postcard .spark{width:90px;height:24px;display:block}
.pb-postcard.featured{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;padding:30px 32px;margin-bottom:22px;background:linear-gradient(135deg,#fff,#f6f8ff)}
.pb-postcard.featured::before{background:var(--pb-grad)}
.pb-postcard.featured h2{font-family:var(--alt-font);font-size:26px;font-weight:800;letter-spacing:-.6px;line-height:1.2;margin:4px 0 10px}
.pb-postcard.featured p{font-size:15.5px}
.pb-postcard.featured .boards{margin-bottom:18px}
.pb-postcard.featured .chart{background:var(--pb-ink);color:#fff;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;background-image:radial-gradient(400px 200px at 0% 0%,rgba(47,111,237,.5),transparent 60%)}
.pb-postcard.featured .chart .lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:10px}
.pb-postcard.featured .chart .spark{width:100%;height:80px}
.pb-postcard.featured .chart .spark polyline{stroke:#7fb0ff;stroke-width:2.5}
.pb-postcard.featured .chart .lg{display:flex;gap:18px;font-size:12px;opacity:.8;margin-top:10px}
.pb-postcard.featured .chart .lg b{font-size:18px;font-family:var(--alt-font);margin-right:4px;opacity:1}
.pb-postfilter{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.pb-postfilter a{font-size:13px;font-weight:600;color:#4b5160;text-decoration:none;border-radius:999px;padding:6px 13px;background:#fff;border:1px solid var(--pb-line)}
.pb-postfilter a:hover{border-color:var(--base-color);color:var(--base-color)}
.pb-postfilter a.on{background:var(--pb-ink);color:#fff;border-color:var(--pb-ink)}
.pb-postfilter .count{margin-left:auto;font-size:12.5px;color:var(--medium-gray)}
.pb-rss .btn-pb-ghost{margin:6px 8px 0 0}
.pb-sharerow{display:flex;gap:8px;flex-wrap:wrap}
.pb-post h2{display:block}
.pb-post h2::before{display:none}
.pb-poststats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 22px}
.pb-poststats div{background:var(--pb-soft);border-radius:12px;padding:16px}
.pb-poststats b{display:block;font-family:var(--alt-font);font-size:28px;font-weight:800;letter-spacing:-.8px;color:var(--pb-ink);line-height:1.1}
.pb-poststats span{display:block;font-size:13px;color:#4b5160;margin-top:4px;line-height:1.4}
.pb-poststats small{display:block;font-size:12px;color:#15803d;font-weight:600;margin-top:6px}
.pb-embed{margin:18px 0 26px;border:1px solid var(--pb-line);border-radius:14px;padding:16px 20px 12px;background:#fff;box-shadow:var(--pb-shadow)}
.pb-embed .top{display:flex;align-items:center;gap:10px;font-size:13.5px;flex-wrap:wrap}
.pb-embed .top a{color:var(--pb-ink);font-weight:600;text-decoration:none}
.pb-embed .top a:hover{color:var(--base-color)}
.pb-embed .top i{font-style:normal;color:var(--medium-gray);margin-left:auto;font-size:12px}
.pb-embed .pb-trend{margin-top:10px;padding-top:0;border-top:0}
.pb-embed figcaption{font-size:12px;color:var(--medium-gray);margin-top:10px}
.pb-posttags{margin-top:26px;padding-top:16px;border-top:1px solid var(--pb-soft);display:flex;gap:8px;flex-wrap:wrap}
.pb-postboards{margin-top:22px}
.pb-postboards h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin:0 0 12px}
.pb-postboards .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pb-postboards .pb-card{margin:0;text-decoration:none;display:block}
.pb-postboards .pb-card h3{font-size:15px;margin-bottom:10px;color:var(--pb-ink)}
.pb-postnav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.pb-postnav a{display:block;background:#fff;border:1px solid var(--pb-line);border-radius:12px;padding:14px 18px;text-decoration:none;color:var(--pb-ink)}
.pb-postnav a:hover{border-color:var(--base-color)}
.pb-postnav a.next{text-align:right}
.pb-postnav small{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin-bottom:4px}
.pb-postnav small i{margin:0 6px}
.pb-postnav b{font-size:14px;font-weight:600;line-height:1.35;display:block}
@media(max-width:991px){.pb-postcard.featured{grid-template-columns:1fr}.pb-postboards .grid{grid-template-columns:1fr}}
@media(max-width:767px){.pb-poststats{grid-template-columns:1fr}.pb-postnav{grid-template-columns:1fr}}
.pb-stickycol{position:sticky;top:92px}
.pb-stickycol .pb-toc{position:static}
.pb-postcard .boards a{white-space:normal;line-height:1.35;text-align:left}
@media(max-width:991px){.pb-stickycol{position:static}}
.pb-postcard .btn-pb{display:inline-flex;align-items:center;white-space:nowrap}
.pb-postcard .btn-pb i{margin:0 0 0 8px}
.pb-sidestats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.pb-sidestats div{background:var(--pb-soft);border-radius:10px;padding:10px 8px;text-align:center}
.pb-sidestats b{display:block;font-family:var(--alt-font);font-size:17px;font-weight:800;letter-spacing:-.4px;color:var(--pb-ink);line-height:1.1}
.pb-sidestats span{display:block;font-size:10.5px;color:var(--medium-gray);text-transform:uppercase;letter-spacing:.06em;margin-top:3px}
.pb-sidelinks li{padding:7px 0}
.pb-sidelinks li a{display:flex;align-items:center;gap:9px;font-weight:500}
.pb-sidelinks li a i{width:26px;height:26px;border-radius:8px;background:var(--pb-tint);color:var(--base-color);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none}
.pb-kindgrid{display:grid;grid-template-columns:1fr;gap:6px}
.pb-kindgrid a{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"k s n";align-items:center;gap:4px 10px;padding:9px 10px;border-radius:10px;border:1px solid transparent;text-decoration:none;color:var(--pb-ink)}
.pb-kindgrid a:hover{background:var(--pb-soft)}
.pb-kindgrid a.on{background:var(--pb-tint);border-color:#d7e2ff}
.pb-kindgrid a .pb-kind{grid-area:k;min-width:84px;justify-content:center}
.pb-kindgrid a small{grid-area:s;font-size:12px;color:var(--medium-gray);line-height:1.3;white-space:normal;background:none;padding:0}
.pb-kindgrid a b{grid-area:n;font-size:12px;font-weight:700;background:var(--pb-soft);border-radius:999px;padding:2px 9px;color:#4b5160;font-variant-numeric:tabular-nums}
.pb-kindgrid a.on b{background:#fff}
.pb-sideboards li{display:block;padding:0;border:0;margin-bottom:8px}
.pb-sideboards li a{display:block;padding:11px 12px;border-radius:10px;background:var(--pb-soft);text-decoration:none;color:var(--pb-ink);transition:background .15s}
.pb-sideboards li a:hover{background:var(--pb-tint)}
.pb-sideboards li b{display:block;font-size:13.5px;font-weight:600;line-height:1.35;margin:6px 0 5px}
.pb-sideboards li .m{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--medium-gray)}
.pb-rss{background:var(--pb-ink);color:#fff;border-color:var(--pb-ink);background-image:radial-gradient(400px 180px at 0% 0%,rgba(47,111,237,.5),transparent 60%)}
.pb-rss h4{color:#fff}
.pb-rss h4 > i.h{background:rgba(255,255,255,.14);color:#fff}
.pb-rss p{font-size:13.5px;line-height:1.55;opacity:.8;margin:0 0 14px}
.pb-rss .row2{display:flex;gap:8px;flex-wrap:wrap}
.pb-rss .btn-pb-ghost{margin:0;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
.pb-rss .btn-pb-ghost:hover{background:rgba(255,255,255,.2);border-color:#fff;color:#fff}
.pb-rss .btn-pb{margin:0}
.pb-sidestats div{padding:10px 4px}
.pb-sidestats span{font-size:9.5px;letter-spacing:.02em;hyphens:none;overflow-wrap:normal}

/* ---- Auth pages ---- */
.pb-auth{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:calc(100vh - 72px)}
.pb-auth-side{background:var(--pb-ink);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;padding:60px 56px}
.pb-auth-side::before{content:'';position:absolute;inset:0;background:radial-gradient(700px 400px at 10% 0%,rgba(47,111,237,.45),transparent 60%),radial-gradient(600px 400px at 90% 100%,rgba(124,92,255,.35),transparent 60%)}
.pb-auth-side::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}
.pb-auth-side .inner{position:relative;z-index:1;max-width:420px}
.pb-auth-side .brand{font-family:var(--alt-font);font-size:22px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.5px;display:inline-block;margin-bottom:34px}
.pb-auth-side .brand b{background:linear-gradient(90deg,#7fb0ff,#b79cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pb-auth-side h1{font-family:var(--alt-font);font-size:clamp(28px,2.6vw,36px);font-weight:800;letter-spacing:-.9px;line-height:1.15;color:#fff;margin:0 0 14px}
.pb-auth-side p{font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.75);margin:0 0 26px}
.pb-auth-side .stats{display:flex;gap:10px;margin-bottom:26px}
.pb-auth-side .stats div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;flex:1;min-width:0}
.pb-auth-side .stats b{display:block;font-family:var(--alt-font);font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.1}
.pb-auth-side .stats span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.6);margin-top:4px}
.pb-auth-side .pts{list-style:none;margin:0;padding:0}
.pb-auth-side .pts li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:rgba(255,255,255,.85);padding:7px 0}
.pb-auth-side .pts li i{color:#7fe3ae;font-size:16px;flex:none;margin-top:1px}
.pb-auth-main{display:flex;align-items:center;justify-content:center;padding:60px 24px;background:var(--pb-bg,#f6f7fb)}
.pb-auth-card{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);box-shadow:var(--pb-shadow);padding:38px 40px;width:100%;max-width:460px}
.pb-auth-card h2{font-family:var(--alt-font);font-size:26px;font-weight:800;letter-spacing:-.6px;margin:0 0 6px;color:var(--pb-ink)}
.pb-auth-card .lead{font-size:14.5px;color:var(--medium-gray);line-height:1.55;margin:0 0 24px}
.pb-auth-card .lead b{color:var(--pb-ink)}
.pb-auth-card .f{margin-bottom:16px;position:relative}
.pb-auth-card .pb-help.lnk{position:absolute;right:0;top:0;text-decoration:none;color:var(--base-color);font-weight:600;margin:0}
.pb-auth-card .pb-help.ok{color:#15803d}
.pb-auth-card .pb-help i{margin-right:4px}
.pb-checkrow{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#4b5160;margin:4px 0 18px;cursor:pointer;line-height:1.45}
.pb-checkrow input{width:16px;height:16px;margin-top:2px;accent-color:var(--base-color);flex:none}
.pb-checkrow a{color:var(--base-color)}
.pb-auth-card .btn-pb.w-100{display:block;text-align:center;padding:12px 20px;font-size:15px}
.pb-auth-card .foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--pb-soft);font-size:14px;color:var(--medium-gray);text-align:center}
.pb-auth-card .foot a{color:var(--base-color);font-weight:600;text-decoration:none}
.pb-strength{display:flex;align-items:center;gap:4px;margin-top:8px}
.pb-strength i{height:5px;flex:1;border-radius:999px;background:#22c48a}
.pb-strength i.off{background:var(--pb-soft)}
.pb-strength span{font-size:12px;color:var(--medium-gray);margin-left:6px;min-width:34px;text-align:right}
.pb-turnstile{display:flex;align-items:center;gap:12px;background:var(--pb-soft);border:1px dashed var(--pb-line);border-radius:10px;padding:12px 14px;margin:4px 0 16px;font-size:13.5px}
.pb-turnstile > i{font-size:20px;color:var(--base-color)}
.pb-turnstile span{flex:1;font-weight:600;color:var(--pb-ink)}
.pb-turnstile span small{display:block;font-weight:400;color:var(--medium-gray);font-size:12px;line-height:1.4}
.pb-turnstile b{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--pb-mint-soft);color:#15803d;border-radius:6px;padding:3px 8px}
.pb-verify{display:flex;gap:18px;align-items:flex-start;background:var(--pb-soft);border-radius:12px;padding:18px;margin-bottom:18px}
.pb-verify .ic{width:52px;height:52px;border-radius:14px;background:var(--pb-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:24px;flex:none;box-shadow:0 8px 18px -8px rgba(47,111,237,.6)}
.pb-verify ol{margin:4px 0 0;padding-left:18px;font-size:14px;line-height:1.5;color:#4b5160}
.pb-verify ol li{margin-bottom:4px}
.pb-verify ol b{color:var(--pb-ink)}
.pb-resend{display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:#4b5160}
.pb-resend .btn-pb-ghost{align-self:flex-start}
.pb-resend small{color:var(--medium-gray);font-size:12px}
@media(max-width:991px){.pb-auth{grid-template-columns:1fr;min-height:0}.pb-auth-side{padding:40px 24px}.pb-auth-side .inner{max-width:none}.pb-auth-main{padding:32px 16px}.pb-auth-card{padding:28px 22px}}
@media(max-width:991px){.pb-auth-main{order:-1}.pb-auth-side .pts,.pb-auth-side .stats{display:none}.pb-auth-side{padding:32px 24px}.pb-auth-side .brand{margin-bottom:16px}}
@media(max-width:767px){.pb-switch a{white-space:nowrap}}

/* stat strips: inline number + label, no boxes */
.pb-auth-side .stats{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 24px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.pb-auth-side .stats div{background:none;border:0;border-radius:0;padding:0;flex:none;display:flex;align-items:baseline;gap:7px}
.pb-auth-side .stats b{display:inline;font-size:20px}
.pb-auth-side .stats span{display:inline;margin:0;font-size:12px;text-transform:none;letter-spacing:0;color:rgba(255,255,255,.7);white-space:nowrap}
.pb-sidestats{display:flex;flex-wrap:wrap;gap:4px 16px;margin:12px 0 10px;padding:10px 0;border-top:1px solid var(--pb-soft);border-bottom:1px solid var(--pb-soft)}
.pb-sidestats div{background:none;border-radius:0;padding:0;text-align:left;display:flex;align-items:baseline;gap:6px}
.pb-sidestats b{display:inline;font-size:16px}
.pb-sidestats span{display:inline;margin:0;font-size:12px;text-transform:none;letter-spacing:0;white-space:nowrap}
.pb-proftile{padding:12px 14px}
.pb-proftile b{font-size:22px}
.pb-proftile span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;letter-spacing:.06em;margin-top:3px}
.pb-proftile small{font-size:11.5px;margin-top:4px;line-height:1.35}
.pb-proftile .pb-tip{top:10px;right:10px}

/* live site: mockup-only widgets never render */
.pb-switch,.pb-toggle{display:none!important}
.pb-flash{background:var(--pb-mint-soft);color:#15803d;border-radius:10px;padding:10px 14px;font-size:14px;margin:0 0 16px}
.pb-flash.err{background:var(--pb-rose-soft);color:#b42318}

/* Board page: the take CTA before the member has voted (board.js) */
.btn-pb-ghost.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}

/* Live views (explore, boards, lists, categories, search): the few bits the mockups never needed */
.pb-novotes{font-size:13px;color:var(--medium-gray);margin:0 0 14px;padding:10px 12px;border:1px dashed var(--pb-line);border-radius:10px;background:#fafbfd}
.pb-card-sm .pb-novotes{margin-bottom:12px;padding:8px 10px}
.pb-catcard h3 a,.pb-catcard li a.t{color:inherit;text-decoration:none}
.pb-catcard h3 a:hover,.pb-catcard li a.t:hover{color:var(--base-color)}
.pb-noresult .btn-pb{display:inline-block}

/* header user menu */
.pb-userwrap{position:relative;display:inline-flex}
.pb-user .caret{font-size:11px;color:var(--medium-gray);margin-left:2px;transition:transform .15s}
.pb-userwrap.open .pb-user .caret{transform:rotate(180deg)}
.pb-userdrop{display:none;position:absolute;top:calc(100% + 12px);right:0;width:260px;background:#fff;border:1px solid var(--pb-line);border-radius:14px;box-shadow:0 18px 40px -12px rgba(20,24,38,.3);padding:6px;z-index:1200}
.pb-userwrap.open .pb-userdrop{display:block}
.pb-userdrop .who{display:flex;align-items:center;gap:10px;padding:10px 10px 12px;border-bottom:1px solid var(--pb-soft);margin-bottom:6px}
.pb-userdrop .who b{display:block;font-size:14px;color:var(--pb-ink);line-height:1.2}
.pb-userdrop .who small{display:block;font-size:12px;color:var(--medium-gray);margin-top:2px}
.pb-userdrop > a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:14px;font-weight:500;color:var(--pb-ink);text-decoration:none}
.pb-userdrop > a i{width:18px;text-align:center;color:var(--medium-gray)}
.pb-userdrop > a:hover{background:var(--pb-soft);color:var(--pb-ink)}
.pb-userdrop > a.out{margin-top:6px;border-top:1px solid var(--pb-soft);border-radius:0 0 9px 9px;padding-top:12px;color:#b42318}
.pb-userdrop > a.out i{color:#b42318}

/* filter rows: one height, one radius, one gap for every control */
.pb-filters{gap:12px;align-items:center}
.pb-filters .pb-search{max-width:340px}
.pb-filters .pb-search input{height:44px;font-size:13.5px;border-width:1.5px}
.pb-filters .pb-seg{height:44px;padding:4px;box-sizing:border-box;align-items:center}
.pb-filters .pb-seg a{height:36px;display:inline-flex;align-items:center;padding:0 16px;font-size:13.5px;line-height:1}
.pb-filters .pb-select,.pb-filters select.pb-select{height:44px;min-width:170px;font-size:13.5px;border-width:1.5px;padding:0 38px 0 16px;box-sizing:border-box}
.pb-filters > div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pb-filters .pb-seg + .pb-select,.pb-filters .pb-select + .pb-select{margin:0}
.pb-pagehead .pb-filters .pb-seg,.pb-pagehead .pb-filters .pb-select,.pb-pagehead .pb-filters .pb-search input{border:1.5px solid rgba(255,255,255,.22);background-color:rgba(255,255,255,.1)}
.pb-pagehead .pb-filters .pb-seg a{color:rgba(255,255,255,.8)}
.pb-pagehead .pb-filters .pb-seg a.on{background:#fff;color:var(--pb-ink)}

/* ---- red, white and blue: red as the third accent, used sparingly ---- */
:root{--pb-red:#d8262c;--pb-red-2:#b91c1c;--pb-red-soft:#fdeaea;--pb-red-grad:linear-gradient(135deg,#e2332f,#b91c1c)}
/* 1. a thin tricolour stripe under the header on every page */
.pb-nav{border-bottom:0!important;position:relative}
.pb-nav::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--pb-red) 0 33.33%,#fff 33.33% 66.66%,var(--base-color) 66.66% 100%)}
/* 2. the wordmark gets a red full stop */
/* 3. the one red call to action: opening a board */
.btn-pb-red,.pb-nav .btn-pb-ghost.pb-open,.pb-pagehead .btn-pb.pb-open{background:var(--pb-red-grad);color:#fff;border:0;box-shadow:0 6px 16px -6px rgba(216,38,44,.55),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-pb-red:hover,.pb-nav .btn-pb-ghost.pb-open:hover,.pb-pagehead .btn-pb.pb-open:hover{color:#fff;filter:brightness(1.06);transform:translateY(-1px)}
/* 4. where the room disagrees with itself: split scoreboards and gap pills */
.pb-scoreboard .mid.split b{color:var(--pb-red)}
.pb-gap{background:var(--pb-red-soft);color:#b91c1c;border-color:#f6c5c5}
.pb-gap::before{background:var(--pb-red)}
.pb-gap.pb-gap{color:#b91c1c}
/* 5. the active nav link carries a red underline */
.pb-nav .navbar-nav .nav-link{position:relative}
.pb-nav .navbar-nav .nav-link.active::after{content:'';position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:var(--pb-red)}
/* 6. the explore hero's highlighted word */
.pb-hero h1 em{color:#ff7a7a;-webkit-text-fill-color:#ff7a7a}
/* 7. footer top edge */
.pb-footer{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--pb-red) 0 33.33%,#fff 33.33% 66.66%,var(--base-color) 66.66% 100%) 1}
/* boards table: tidy header and sort markers */
.pb-table thead th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);padding:14px 16px;white-space:nowrap}
.pb-table thead th.dt-orderable-asc:hover,.pb-table thead th.dt-orderable-desc:hover{color:var(--pb-ink)}
.pb-table tbody td{padding:16px;vertical-align:middle}
.pb-table .t-sub{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--medium-gray)}
.pb-table .t-num{font-weight:700;color:var(--pb-ink);font-variant-numeric:tabular-nums}
.pb-table .t-lead b{display:block;font-size:13.5px;margin-bottom:6px}
.pb-table .t-lead .pb-bar{width:140px;height:6px}
.pb-table .t-gap,.pb-table .t-time{font-size:13px;color:var(--medium-gray);white-space:nowrap}
div.dt-container .dt-paging .dt-paging-button{min-width:40px;height:40px;border-radius:10px;border:1px solid var(--pb-line);background:#fff;margin-left:6px;color:var(--pb-ink);font-weight:600}
div.dt-container .dt-paging .dt-paging-button.current,div.dt-container .dt-paging .dt-paging-button.current:hover{background:var(--base-color);border-color:var(--base-color);color:#fff}
div.dt-container .dt-paging .dt-paging-button.disabled{opacity:.4}
div.dt-container .dt-info{font-size:13px;color:var(--medium-gray);padding-top:12px}
/* boards table: sort arrow sits right after the heading, not at the far edge; even cell padding */
.pb-table thead th{position:relative;padding:16px 20px 16px 20px!important}
.pb-table thead th span.dt-column-order{position:static!important;display:inline-block;width:12px;height:12px;margin-left:6px;vertical-align:middle}
.pb-table thead th span.dt-column-title{display:inline;vertical-align:middle}
.pb-table thead th.dt-right,.pb-table tbody td.dt-right{text-align:right}
.pb-table tbody td{padding:18px 20px!important}
.pb-table tbody td:first-child,.pb-table thead th:first-child{padding-left:24px!important}
.pb-table tbody td:last-child,.pb-table thead th:last-child{padding-right:24px!important}
div.dt-container .dt-info{padding:14px 24px 4px}
/* boards table: our own sort marker, drawn after the heading text, so the library's positioned span never moves it */
.pb-table thead th span.dt-column-order{display:none!important}
.pb-table thead th.dt-orderable-asc span.dt-column-title::after,.pb-table thead th.dt-orderable-desc span.dt-column-title::after{content:'';display:inline-block;width:10px;height:10px;margin-left:7px;vertical-align:-1px;opacity:.45;background:no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 4l3-3 3 3M2 6l3 3 3-3' fill='none' stroke='%23141826' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pb-table thead th.dt-ordering-asc span.dt-column-title::after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 6.5l3-3 3 3' fill='none' stroke='%232f6fed' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pb-table thead th.dt-ordering-desc span.dt-column-title::after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5l3 3 3-3' fill='none' stroke='%232f6fed' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pb-table thead th{text-align:left}
.pb-table thead th.dt-right{text-align:right}
/* segmented toggles: breathing room between icon and label */
.pb-seg a{display:inline-flex;align-items:center;gap:7px}
.pb-seg a i{margin:0!important;font-size:13px;line-height:1}

/* sources under a take: a labelled dropdown */
.pb-srcdrop{margin:12px 0 4px;border:1px solid var(--pb-line);border-radius:10px;background:var(--pb-soft)}
.pb-srcdrop summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:600;color:var(--pb-ink);user-select:none}
.pb-srcdrop summary::-webkit-details-marker{display:none}
.pb-srcdrop summary > i:first-child{width:22px;height:22px;border-radius:7px;background:var(--pb-tint);color:var(--base-color);display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.pb-srcdrop summary .car{margin-left:auto;font-size:11px;color:var(--medium-gray);transition:transform .15s}
.pb-srcdrop[open] summary .car{transform:rotate(180deg)}
.pb-srcdrop[open] summary{border-bottom:1px solid var(--pb-line)}
.pb-srcdrop ul{list-style:none;margin:0;padding:4px 6px}
.pb-srcdrop li{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:8px}
.pb-srcdrop li:hover{background:#fff}
.pb-srcdrop li a{flex:1;min-width:0;text-decoration:none;color:var(--pb-ink)}
.pb-srcdrop li a b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.pb-srcdrop li a small{display:block;font-size:12px;color:var(--medium-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-srcdrop li > i{color:var(--medium-gray);font-size:12px;flex:none}

/* standing crests: one silhouette, a different face per level */
svg.crest{width:15px;height:15px;flex:none;display:inline-block;vertical-align:-3px;filter:drop-shadow(0 1px 1px rgba(20,24,38,.15))}
.pb-lvl svg.crest{margin-right:1px}
.pb-lvl.hero svg.crest{width:18px;height:18px}
.pb-standing b svg.crest{width:15px;height:15px;margin-right:4px;vertical-align:-3px}
.pb-userdrop .who svg.crest{width:14px;height:14px}
.pb-ladder li > svg.crest.lg{width:28px;height:28px;margin-top:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.pb-standcard .lvlnow svg.crest{width:16px;height:16px}
/* badges: same height as the chips they sit beside */
.pb-badge{display:inline-flex;align-items:center;height:20px;line-height:1;padding:0 7px}
.pb-boardmeta .pb-badge,.pb-take-top .pb-badge{height:20px}
.pb-badge.you{background:var(--pb-mint-soft);color:#15803d}

/* ---- How it works page ---- */
.pb-pagehead .hiw-lead{max-width:640px;font-size:16px}
.pb-pagehead .pb-stats.dark{margin-top:26px;padding-top:0;border-top:0}
.hiw-sidecta p{font-size:13.5px}
.pb-prose.hiw p.lead b{color:var(--pb-ink)}
.pb-prose.hiw h2{margin-top:44px}
.pb-prose.hiw h2:first-child{margin-top:0}
.pb-prose.hiw .hiw-example{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;color:var(--medium-gray);background:var(--pb-soft);border-radius:10px;padding:10px 14px}
.pb-prose.hiw .hiw-example a{color:var(--pb-ink);font-weight:600;text-decoration:none}
.pb-prose.hiw .hiw-example a:hover{color:var(--base-color)}
/* numbered callouts shared by the take mock and its key */
.hiw-n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--pb-grad);color:#fff;font-size:11px;font-weight:800;font-family:var(--alt-font);flex:none;box-shadow:0 0 0 2px #fff,0 4px 10px -4px rgba(47,111,237,.8);vertical-align:middle;margin-right:4px;line-height:1}
/* 1. merge diagram */
.hiw-merge{display:grid;grid-template-columns:minmax(0,1.1fr) 70px minmax(0,1fr);gap:0;align-items:stretch;margin:6px 0 22px}
.hiw-merge .asks{display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.hiw-merge .ask{display:flex;align-items:center;gap:10px;background:#fff;border:1px dashed #c9cfdb;border-radius:12px;padding:12px 14px;font-size:14px;color:#4b5160;line-height:1.35}
.hiw-merge .ask i{color:var(--medium-gray);font-size:15px;flex:none}
.hiw-merge .join{width:100%;height:100%;min-height:150px;display:block}
.hiw-merge .join path{fill:none;stroke:#b8c4e0;stroke-width:2;stroke-dasharray:5 4}
.hiw-merge .board{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:18px 20px;box-shadow:var(--pb-shadow);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:10px}
.hiw-merge .board::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2f6fed,#5b8cff)}
.hiw-merge .board .pb-type{align-self:flex-start}
.hiw-merge .board b{font-family:var(--alt-font);font-size:17px;line-height:1.3;color:var(--pb-ink);letter-spacing:-.2px}
.hiw-merge .board small{font-size:12px;color:var(--medium-gray)}
/* 2. type cards with miniature widgets */
.hiw-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 22px}
.hiw-typecard{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:18px;box-shadow:var(--pb-shadow);position:relative;overflow:hidden;display:flex;flex-direction:column}
.hiw-typecard::before{content:'';position:absolute;left:0;right:0;top:0;height:4px}
.hiw-typecard.t-poll::before{background:linear-gradient(90deg,#2f6fed,#5b8cff)}.hiw-typecard.t-stance::before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.hiw-typecard.t-open::before{background:linear-gradient(90deg,#22c48a,#5eead4)}
.hiw-typecard .top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.hiw-typecard .top small{font-size:12px;color:var(--medium-gray);font-weight:600}
.hiw-typecard > b{font-family:var(--alt-font);font-size:15px;color:var(--pb-ink);line-height:1.3;margin-bottom:12px;letter-spacing:-.2px}
.hiw-typecard .widget{background:var(--pb-soft);border-radius:10px;padding:12px 12px 10px;margin-bottom:12px}
.hiw-typecard .widget .pb-opt{margin-bottom:8px}.hiw-typecard .widget .pb-opt:last-child{margin-bottom:0}
.hiw-typecard .widget .pb-opt .l{font-size:12.5px}.hiw-typecard .widget .pb-opt .v{font-size:12px}.hiw-typecard .widget .pb-opt .pb-bar{height:6px}
.hiw-typecard p{font-size:13px;color:#4b5160;line-height:1.5;margin:auto 0 0}
.hiw-hist{display:flex;align-items:flex-end;gap:3px;height:64px;position:relative;margin-top:14px}
.hiw-hist span{flex:1;background:#d5dbe7;border-radius:3px 3px 1px 1px;min-height:2px}
.hiw-hist span.hi{background:linear-gradient(180deg,#fbbf24,#f59e0b)}
.hiw-hist .mean{position:absolute;top:-4px;bottom:0;width:2px;background:var(--pb-ink);border-radius:2px;transform:translateX(-50%)}
.hiw-hist .mean b{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:10.5px;font-weight:700;color:var(--pb-ink);white-space:nowrap;background:#fff;padding:0 5px;border-radius:4px;box-shadow:0 1px 2px rgba(20,24,38,.1)}
.hiw-typecard .pb-hist-axis{font-size:10.5px}
.hiw-ans{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:6px 8px;border-radius:7px;background:#fff;margin-bottom:5px;border:1px solid var(--pb-line)}
.hiw-ans span{font-weight:600;color:var(--pb-ink)}
.hiw-ans em{font-style:normal;font-size:10.5px;color:var(--medium-gray);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hiw-ans b{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--pb-ink)}
.hiw-ans.own{border-style:dashed;background:transparent;margin-bottom:0}
.hiw-ans.own i{color:var(--base-color)}.hiw-ans.own span{font-weight:500;color:var(--medium-gray)}
/* 3. two numbers demo */
.hiw-demo{background:linear-gradient(135deg,#f6f9ff,#f3f0ff);border:1px solid #e3e7f5;border-radius:14px;padding:18px 20px;margin:6px 0 18px}
.hiw-demo .head{font-size:14px;color:#4b5160;line-height:1.5;margin-bottom:14px}
.hiw-demo .head b{color:var(--pb-ink)}
.hiw-demo .voters{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:16px}
.hiw-demo .voter{display:grid;grid-template-columns:34px minmax(90px,.6fr) auto 64px;align-items:center;gap:12px;background:#fff;border:1px solid var(--pb-line);border-radius:12px;padding:8px 12px}
.hiw-demo .voter .who b{display:block;font-size:14px;color:var(--pb-ink);line-height:1.2}
.hiw-demo .voter .who small{font-size:12px;color:var(--medium-gray)}
.hiw-demo .voter[data-side="for"] .who small{color:#1f4fc4}
.hiw-demo .voter .q{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.hiw-demo .voter .q button{border:1px solid var(--pb-line);background:#fff;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;color:#4b5160;cursor:pointer;transition:all .12s}
.hiw-demo .voter .q button:hover{border-color:var(--pb-ink);color:var(--pb-ink)}
.hiw-demo .voter .q button.on{background:var(--pb-grad);border-color:transparent;color:#fff;box-shadow:0 4px 10px -4px rgba(47,111,237,.7)}
.hiw-demo .voter .w{font-family:var(--alt-font);font-weight:800;font-size:15px;text-align:right;color:var(--pb-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.hiw-demo .voter .w.q1{color:#b42318}.hiw-demo .voter .w.q2{color:#b45309}.hiw-demo .voter .w.q3{color:#15803d}
.hiw-demo .pb-scoreboard{background:#fff;margin-bottom:14px}
.hiw-demo .bars{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hiw-demo .bars .pb-bar span{transition:width .35s ease}
.hiw-demo .legend{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:12px;color:var(--medium-gray);margin-top:14px;padding-top:12px;border-top:1px solid #e3e7f5}
.hiw-demo .legend b{color:var(--pb-ink);font-weight:600}
.hiw-demo .legend em{font-style:normal;margin-left:auto}
/* 4. annotated take */
.hiw-annot{margin:6px 0 20px}
.hiw-annot .hiw-mock{margin-bottom:14px}
.hiw-annot .hiw-mock .pb-take-top > span.hiw-n{margin-right:-6px}
.hiw-annot .hiw-mock .pb-srcdrop summary .hiw-n{margin-right:0}
.hiw-annot .hiw-mock .pb-rate > span{display:inline-flex;align-items:center;gap:2px}
.hiw-annot .hiw-mock .pb-why label{cursor:default}
.hiw-annot .hiw-mock .pb-take-body p{margin:0 0 10px;font-size:14.5px}
.hiw-annot .hiw-mock .pb-take-body a{color:var(--base-color)}
.hiw-annot .keys{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.hiw-annot .keys li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:#4b5160}
.hiw-annot .keys li .hiw-n{margin-top:2px}
.hiw-annot .keys li b{display:block;color:var(--pb-ink)}
/* 5. standing track and ladder on a light card */
.hiw-track{display:flex;gap:3px;height:12px;margin:38px 0 36px;position:relative}
.hiw-track span{display:block;border-radius:999px;position:relative;opacity:.9}
.hiw-track span em{position:absolute;left:0;top:16px;font-style:normal;font-size:10.5px;font-weight:700;color:var(--medium-gray);font-variant-numeric:tabular-nums}
.hiw-track span.toxic{background:#f87171}.hiw-track span.contributor{background:#9ca3af}.hiw-track span.member{background:#5b8def}.hiw-track span.trusted{background:#34d399}.hiw-track span.respected{background:#fbbf24}.hiw-track span.pillar{background:#a78bfa}
.hiw-track > i{position:absolute;top:-4px;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--pb-ink);transform:translateX(-50%);box-shadow:0 2px 8px rgba(20,24,38,.3)}
.hiw-track > i b{position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;color:var(--pb-ink);white-space:nowrap;background:#fff;border:1px solid var(--pb-line);border-radius:6px;padding:2px 8px;box-shadow:var(--pb-shadow)}
.hiw-ladder{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hiw-ladder li{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--pb-line);background:#fff}
.hiw-ladder li > svg.crest.lg{width:30px;height:30px;flex:none;filter:drop-shadow(0 2px 4px rgba(20,24,38,.2))}
.hiw-ladder li div{flex:1;min-width:0}
.hiw-ladder li b{display:block;font-size:14px;color:var(--pb-ink);line-height:1.3}
.hiw-ladder li b span{font-weight:500;font-size:11.5px;color:var(--medium-gray);margin-left:6px;font-variant-numeric:tabular-nums}
.hiw-ladder li small{display:block;font-size:12.5px;line-height:1.45;color:#4b5160;margin-top:2px}
.hiw-ladder li em{font-style:normal;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:5px;padding:2px 6px;flex:none;margin-top:3px;background:var(--pb-tint);color:#1f4fc4}
.hiw-ladder li em.warn{background:var(--lv-toxic-soft);color:var(--lv-toxic)}
.hiw-ladder li.toxic{border-color:#f3caca;background:#fff8f8}
.hiw-ladder li.contributor{border-color:#dfe3ea}.hiw-ladder li.member{border-color:#cfdcff}.hiw-ladder li.trusted{border-color:#bfead3}.hiw-ladder li.respected{border-color:#fde3b0}.hiw-ladder li.pillar{border-color:#dcd0ff}
/* 6. reply thread */
.hiw-thread{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:16px 20px;margin:6px 0 18px;box-shadow:var(--pb-shadow)}
.hiw-thread .take{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--pb-soft);font-size:14px}
.hiw-thread .take .pb-avatar{width:30px;height:30px;font-size:11px}
.hiw-thread .take b{color:var(--pb-ink)}
.hiw-thread .t{font-size:12px;color:var(--medium-gray);margin-left:8px}
.hiw-thread .pb-reply{padding:12px 0 12px 14px}
.hiw-thread .pb-reply .m span:not(.pb-badge){font-size:11.5px;color:var(--medium-gray)}
.hiw-thread .pb-grant{margin:4px 0 4px 14px;font-size:13px}
.hiw-thread .locked{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--pb-soft);font-size:12.5px;color:var(--medium-gray)}
.hiw-thread .locked a{opacity:.6;cursor:not-allowed;padding:5px 14px;font-size:12.5px}
/* 7. two panels with bridged meters; also used for public and private */
.hiw-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 18px}
.hiw-panel{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:18px 20px;box-shadow:var(--pb-shadow)}
.hiw-panel h5{display:flex;align-items:center;gap:8px;font-family:var(--alt-font);font-size:15px;font-weight:700;margin:0 0 12px;color:var(--pb-ink)}
.hiw-panel h5 i{width:26px;height:26px;border-radius:8px;background:var(--pb-tint);color:var(--base-color);display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.hiw-panel .pb-note,.hiw-panel .pb-fit{margin:0 0 12px;max-width:none}
.hiw-panel .bridge{display:grid;gap:8px;margin-bottom:12px}
.hiw-panel .bridge > div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;font-size:12px;color:var(--medium-gray)}
.hiw-panel .bridge > div .pb-bar{grid-column:1/2;height:6px}
.hiw-panel .bridge > div span{grid-column:1}
.hiw-panel .bridge > div b{grid-column:2;grid-row:1/3;font-variant-numeric:tabular-nums;color:var(--pb-ink);font-size:13px}
.hiw-panel p{font-size:13.5px;color:#4b5160;line-height:1.55;margin:0}
.hiw-two.tight .hiw-panel ul{padding-left:18px;margin:0;font-size:14px}
.hiw-two.tight .hiw-panel li{margin-bottom:6px;line-height:1.5}
/* 9. account marks */
.hiw-marks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 12px}
.hiw-marks > div{background:var(--pb-soft);border-radius:12px;padding:14px 16px}
.hiw-marks .pb-acct{cursor:default;margin-bottom:8px;font-size:11px}
.hiw-marks p{font-size:13.5px;color:#4b5160;line-height:1.5;margin:0}
.hiw-collapsed{margin:0 0 16px}
/* 10. closing CTA row */
.hiw-ctarow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid var(--pb-line)}
.hiw-ctarow .btn-pb,.hiw-ctarow .btn-pb-ghost{padding:11px 22px}
@media(max-width:991px){.hiw-ladder,.hiw-annot .keys{grid-template-columns:1fr}.hiw-types{grid-template-columns:1fr}}
@media(max-width:767px){.hiw-ladder li{flex-wrap:wrap}.hiw-ladder li div{flex:1 1 calc(100% - 42px)}.hiw-ladder li em{order:3;margin:0 0 0 42px}}
@media(max-width:767px){.hiw-merge{grid-template-columns:1fr}.hiw-merge .join{display:none}.hiw-merge .asks{margin-bottom:12px}.hiw-two,.hiw-marks,.hiw-demo .bars{grid-template-columns:1fr}.hiw-demo .voter{grid-template-columns:34px 1fr auto;gap:8px}.hiw-demo .voter .q{grid-column:1/4;justify-content:flex-start}.hiw-demo .legend em{margin-left:0;width:100%}.hiw-track{margin-bottom:40px}.pb-prose.hiw .steps{grid-template-columns:1fr}}
/* how it works: weight explainer */
.hiw-weight{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:22px 26px;margin:6px 0 30px;box-shadow:var(--pb-shadow)}
.hiw-weight h3{font-family:var(--alt-font);font-size:18px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.hiw-weight h3 i{width:30px;height:30px;border-radius:9px;background:var(--pb-tint);color:var(--base-color);display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.hiw-weight ol{margin:0 0 18px;padding-left:22px}
.hiw-weight ol li{margin-bottom:8px;font-size:14.5px;line-height:1.55;color:#2a2f3a}
.hiw-weight .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start}
.hiw-table{width:100%;border-collapse:collapse;font-size:13.5px}
.hiw-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);padding:6px 8px;border-bottom:1px solid var(--pb-line)}
.hiw-table td{padding:8px;border-bottom:1px solid var(--pb-soft);vertical-align:middle}
.hiw-table td svg.crest{margin-right:4px}
.hiw-table small{color:var(--medium-gray)}
.hiw-weight .note{background:var(--pb-amber-soft);border:1px solid #fde3b0;border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.55}
@media(max-width:767px){.hiw-weight .grid{grid-template-columns:1fr}}
/* explore sidebar categories: never break a word, tighten the tiles */
.pb-catmini{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pb-catmini a{padding:12px 12px;gap:10px;min-width:0}
.pb-catmini a span{min-width:0;overflow-wrap:normal;word-break:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.pb-catmini a span small{white-space:nowrap}
.pb-catmini a i{flex:none;width:34px;height:34px;font-size:15px}
/* explore sidebar categories: one per row so a name never clips */
.pb-catmini{grid-template-columns:1fr;gap:6px}
.pb-catmini a{padding:8px 10px;gap:10px}
.pb-catmini a span{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex:1;white-space:normal;overflow:visible;text-overflow:clip}
.pb-catmini a span small{margin-left:auto;font-variant-numeric:tabular-nums}
.pb-catmini a i{width:30px;height:30px;font-size:14px}

/* rating reasons panel */
.pb-whybox{margin:10px 0 4px;border:1px solid var(--pb-line);border-radius:12px;background:var(--pb-soft);padding:14px 16px}
.pb-whybox .h b{display:block;font-size:14px;color:var(--pb-ink)}
.pb-whybox .h span{display:block;font-size:12.5px;color:var(--medium-gray);margin:2px 0 10px;line-height:1.45}
.pb-whybox .opts{display:flex;flex-wrap:wrap;gap:8px}
.pb-whybox .opts label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--pb-line);color:var(--pb-ink);user-select:none}
.pb-whybox .opts label:hover{border-color:var(--base-color)}
.pb-whybox .opts label.on{background:var(--pb-ink);border-color:var(--pb-ink);color:#fff}
.pb-whybox .opts label i{font-size:12px}
.pb-whybox .foot{display:flex;align-items:center;gap:10px;margin-top:12px}
.pb-whybox .foot .msg{flex:1;font-size:12.5px;color:var(--medium-gray)}
.pb-whybox .foot .msg.bad{color:#b42318;font-weight:600}
.pb-whybox .foot .btn-pb,.pb-whybox .foot .btn-pb-ghost{padding:7px 16px;font-size:13px}
.pb-whybox .foot .btn-pb.disabled{opacity:.45;pointer-events:none}
.pb-ratenote{margin:10px 0 4px;background:var(--pb-red-soft);border:1px solid #f6c5c5;color:#9a1b1b;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.5}
/* replies */
.pb-replyform .row .msg{flex:1;font-size:12px;color:var(--medium-gray)}
.pb-replyform .row .msg.bad{color:#b42318;font-weight:600}
.pb-reply .m .pb-badge{height:18px;font-size:9.5px}
.pb-take-foot .act a.locked{opacity:.6}

/* notifications page: calmer rows */
.pb-notifpage .pb-notif{align-items:center;gap:14px;padding:14px 20px;border-radius:14px;transition:border-color .15s,box-shadow .15s}
.pb-notifpage .pb-notif:hover{border-color:#c7d3f2;box-shadow:0 6px 18px -10px rgba(20,24,38,.25)}
.pb-notifpage .pb-notif::before{display:none}
.pb-notifpage .pb-notif .ic{width:40px;height:40px;border-radius:12px;font-size:15px;font-weight:700;flex:none}
.pb-notifpage .pb-notif .ic.pb-avatar{border-radius:50%;background:var(--pb-grad);color:#fff}
.pb-notifpage .pb-notif .body{font-size:14.5px;line-height:1.5;color:#2a2f3a}
.pb-notifpage .pb-notif .body b{font-weight:600}
.pb-notifpage .pb-notif .body .sub{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:12px;font-weight:600;color:var(--medium-gray);text-transform:uppercase;letter-spacing:.06em}
.pb-notifpage .pb-notif .body .sub i{font-size:11px}
.pb-notifpage .pb-notif.unread .body .sub{color:var(--base-color)}
.pb-notifpage .pb-notif.unread{border-left:3px solid var(--base-color)}
.pb-notifpage .pb-notif .when{font-size:12px;align-self:flex-start;padding-top:2px}
.pb-notifpage .day{margin:22px 4px 10px}
.pb-trend .how{font-size:12.5px;line-height:1.5;color:var(--medium-gray);margin:12px 0 0}
.pb-trend svg{cursor:crosshair}
.pb-trend h3 i#trend-read{font-weight:600;color:var(--pb-ink)}

/* submit: the Require sources toggle, deliberately eye-catching */
.pb-srcreq{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border:2px solid #f4c15a;background:linear-gradient(135deg,#fff8e6,#fff);border-radius:14px;cursor:pointer;transition:border-color .15s,background .15s}
.pb-srcreq:hover{border-color:#e8a423}
.pb-srcreq .ic{width:42px;height:42px;border-radius:12px;background:#fde9b8;color:#a8620a;display:inline-flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.pb-srcreq .tx{flex:1;min-width:0}
.pb-srcreq .tx b{display:block;font-size:15px;color:var(--pb-ink)}
.pb-srcreq .tx small{display:block;font-size:13px;line-height:1.5;color:#6b5a2e;margin-top:2px}
.pb-srcreq:has(input:checked){border-color:var(--pb-red);background:linear-gradient(135deg,var(--pb-red-soft),#fff)}
.pb-srcreq:has(input:checked) .ic{background:#fad4d4;color:var(--pb-red)}
/* sourced / unsourced badges (boards that highlight sources) */
.pb-badge.src{display:inline-flex;align-items:center;gap:5px;padding:0 8px 0 5px}
.pb-badge.src svg.crest{width:14px;height:14px;margin:0;filter:none}
.pb-badge.src.yes{background:#e3f7ec;color:#15803d}
.pb-badge.src.no{background:#fff1dc;color:#b45309}
/* take accent strip: a rounded sliver that follows the card's corners (clipped to 4px) */
.pb-take::before{left:-1px;top:-1px;bottom:-1px;width:16px;border-radius:14px 0 0 14px;clip-path:inset(0 12px 0 0)}
.pb-take .for.pb-tip::after{width:230px}
.pb-take-top .for{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}
.pb-take-top .for b{margin-left:0}
/* similarity pills and the close-match list */
.pb-dupe .sim,.pb-simlist .sim{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px;margin-right:6px}
.pb-dupe .sim.hi,.pb-simlist .sim.hi{background:var(--pb-red-soft);color:#b91c1c}
.pb-dupe .sim.mid,.pb-simlist .sim.mid{background:var(--pb-amber-soft);color:#b45309}
.pb-dupe .sim.lo,.pb-simlist .sim.lo{background:var(--pb-soft);color:var(--medium-gray)}
.pb-dupe .why,.pb-simlist .why{display:block;font-size:12px;color:var(--medium-gray);margin-top:4px}
.pb-simlist{list-style:none;margin:14px 0 18px;padding:0}
.pb-simlist li{padding:10px 0;border-top:1px solid var(--pb-line)}
.pb-simlist li a{font-weight:600;color:var(--pb-ink);text-decoration:none}
/* held, duplicate and rejected boards; the review queue */
.pb-statusbar{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff}
.pb-statusbar i{font-size:20px;margin-top:2px}
.pb-statusbar b{display:block;font-size:14.5px}
.pb-statusbar span{display:block;font-size:13px;opacity:.85;margin-top:3px;line-height:1.5}
.pb-statusbar a{display:inline-block;margin-top:6px;color:#fff;font-weight:700;text-decoration:underline}
.pb-statusbar.held{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.5)}
.pb-statusbar.rejected{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}
.pb-reviewitem{margin-bottom:18px}
.pb-reviewnote,.pb-reviewmatch{background:var(--pb-soft);border-radius:10px;padding:12px 14px;margin:12px 0;font-size:14px;line-height:1.55}
.pb-reviewnote b,.pb-reviewmatch b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin-bottom:4px}
.pb-reviewmatch ul{list-style:none;margin:0;padding:0}
.pb-reviewmatch li{display:flex;align-items:center;gap:10px;padding:5px 0;flex-wrap:wrap}
.pb-reviewmatch li a{font-weight:600;color:var(--pb-ink);text-decoration:none}
.pb-reviewmatch li small{color:var(--medium-gray);flex-basis:100%}
.pb-reviewacts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.pb-reviewacts form{margin:0}
.pb-reviewacts .rej{display:flex;gap:8px;flex:1;min-width:260px}
.pb-reviewacts .rej input{flex:1;height:40px}
.pb-contest{margin-top:16px}
/* does this board exist: one verdict, compact match rows */
.pb-dupe .state{font-size:13px;line-height:1.5;padding:9px 12px;border-radius:10px;margin:2px 0 12px;font-weight:500;background:var(--pb-soft);color:var(--medium-gray)}
.pb-dupe .state.new{background:#e8f7ee;color:#157347}
.pb-dupe .state.soft{background:var(--pb-soft);color:var(--pb-ink)}
.pb-dupe .state.flag{background:var(--pb-amber-soft);color:#92400e}
.pb-dupe .state.hold,.pb-dupe .state.block{background:var(--pb-red-soft);color:#b91c1c;font-weight:600}
.pb-dupe ul.sims{list-style:none;margin:0;padding:0}
.pb-dupe ul.sims li{padding:10px 12px;border:1px solid var(--pb-line);border-radius:10px;margin-bottom:8px}
.pb-dupe ul.sims li .m{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;justify-content:flex-start;margin-top:6px;font-size:12px}
.pb-dupe ul.sims li .m .pb-type{font-size:10.5px;padding:2px 8px}
.pb-dupe ul.sims li .m .sim{margin:0 0 0 auto}
.pb-dupe ul.sims li .why{font-size:11.5px;color:var(--medium-gray);margin-top:5px}
.pb-dupe .answer{display:block;text-align:center;margin-top:12px}
.pb-appeal{margin:0 0 18px;padding:16px;border-radius:12px;background:var(--pb-soft);border:1px solid var(--pb-line)}
.pb-appeal b{display:block;font-size:14.5px;margin-bottom:4px}
.pb-appeal span{display:block;font-size:13px;color:var(--medium-gray);margin-bottom:10px}
.pb-appeal textarea{width:100%;margin-bottom:10px}
.pb-appeal em{font-style:normal;color:#b91c1c;font-size:13px;margin-left:10px}

/* Doc review: the document panel, the room summary, take anchors, the submit picker */
.pb-docpanel{display:flex;align-items:center;gap:16px;margin:0 0 18px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--pb-line);box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06)}
.pb-docpanel .ic{width:48px;height:48px;border-radius:12px;background:var(--pb-red-soft);color:#b91c1c;display:grid;place-items:center;font-size:24px;flex:none}
.pb-docpanel .thumb{flex:none;width:72px;height:72px;border-radius:10px;overflow:hidden;border:1px solid var(--pb-line)}
.pb-docpanel .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pb-docpanel .tx{flex:1;min-width:0}
.pb-docpanel .tx b{display:block;font-size:14.5px}
.pb-docpanel .tx span{display:block;font-size:13px;color:var(--pb-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pb-docpanel .tx small{display:block;font-size:12px;color:var(--medium-gray);margin-top:2px}
@media(max-width:620px){.pb-docpanel{flex-wrap:wrap}.pb-docpanel .btn-pb{width:100%;text-align:center}}
.pb-room{margin:0 0 18px;padding:18px;border-radius:14px;background:#fff;border:1px solid var(--pb-line)}
.pb-room h4{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 4px}
.pb-room .sub,.pb-room .empty{font-size:13px;color:var(--medium-gray);margin:0 0 12px}
.pb-room .sides{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.pb-room .side{background:var(--pb-soft);border-radius:10px;padding:12px}
.pb-room .side h5{font-size:13px;margin:0 0 8px;display:flex;justify-content:space-between;gap:8px}
.pb-room .side h5 span{font-weight:500;color:var(--medium-gray)}
.pb-room .q{display:block;font-size:13px;line-height:1.45;color:var(--pb-ink);text-decoration:none;padding:6px 0;border-top:1px solid var(--pb-line)}
.pb-room .q b{font-weight:700}
.pb-room .cited{margin-top:14px}
.pb-room .cited h5{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin:0 0 8px}
.pb-room .chip{display:inline-block;margin:0 6px 6px 0;padding:4px 10px;border-radius:999px;background:var(--pb-amber-soft);color:#92400e;font-size:12.5px;font-weight:600}
.pb-room .chip em{font-style:normal;opacity:.7;margin-left:4px}
.pb-anchor{display:inline-flex;align-items:center;gap:6px;margin:8px 0 2px;padding:3px 10px;border-radius:999px;background:var(--pb-amber-soft);color:#92400e;font-size:12.5px;font-weight:600}
.pb-docpick .pb-label small,.pb-takepanel .pb-label small{font-weight:500;color:var(--medium-gray);text-transform:none;letter-spacing:0}

/* document picker v2 */
.pb-docpick{margin:18px 0;padding:18px;border:1px solid var(--pb-line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.pb-docpick .hd{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.pb-docpick .hd .ic{width:38px;height:38px;border-radius:10px;background:var(--pb-red-soft);color:#b91c1c;display:grid;place-items:center;font-size:19px;flex:none}
.pb-docpick .hd b{display:block;font-size:15px;line-height:1.3}
.pb-docpick .hd small{display:block;font-size:12.5px;color:var(--medium-gray);margin-top:2px;line-height:1.45}
.pb-seg{display:inline-flex;padding:4px;border-radius:12px;background:var(--pb-soft);gap:2px;flex-wrap:wrap}
.pb-seg label{margin:0;cursor:pointer;display:block}
.pb-seg input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.pb-seg span{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--medium-gray);white-space:nowrap;transition:background .15s,color .15s}
.pb-seg input:checked + span{background:#fff;color:var(--pb-ink);box-shadow:0 1px 3px rgba(15,23,42,.14)}
.pb-seg input:focus-visible + span{outline:2px solid var(--base-color);outline-offset:1px}
#doc-file,#doc-link{margin-top:14px}
.pb-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin:0;padding:22px 16px;border:2px dashed #cbd5e1;border-radius:12px;background:var(--pb-soft);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.pb-drop:hover,.pb-drop.on{border-color:var(--base-color);background:#eef3ff}
.pb-drop i{font-size:28px;color:var(--base-color);line-height:1}
.pb-drop b{font-size:14.5px;color:var(--pb-ink)}
.pb-drop span{font-size:12.5px;color:var(--medium-gray)}
.pb-filechip{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#e8f7ee;color:#157347;font-size:14px}
.pb-filechip i{font-size:20px}
.pb-filechip .nm{font-weight:600;color:var(--pb-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.pb-filechip em{font-style:normal;font-size:12.5px;color:var(--medium-gray)}
.pb-filechip a{font-size:12.5px;font-weight:600;color:#b91c1c;text-decoration:none}
.pb-filechip.bad{background:var(--pb-red-soft);color:#b91c1c}
.pb-docpick .note{display:flex;gap:9px;align-items:flex-start;margin:14px 0 0;padding:10px 12px;border-radius:10px;background:var(--pb-amber-soft);color:#92400e;font-size:12.5px;line-height:1.5}
.pb-docpick .note i{margin-top:2px}

.pb-anchorbox{margin:14px 0 6px;padding:12px 14px;border-radius:12px;background:var(--pb-amber-soft);border:1px solid #f6d9a8}
.pb-anchorbox .pb-label{text-transform:none;letter-spacing:0;font-size:14px;font-weight:700;color:#92400e;margin-bottom:8px}
.pb-anchorbox .pb-label small{color:#b45309;font-weight:500}
.pb-anchorbox .pb-help{margin-top:8px;font-size:12.5px;line-height:1.5;color:#92400e}
.pb-docpanel .tx b{color:var(--pb-ink)}
.pb-docpanel .tx span{color:var(--pb-ink)}
.pb-docpanel .tx small{color:var(--medium-gray)}
.pb-roomwrap{margin:0 0 18px}
.pb-roomwrap .pb-room{margin:0;box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06)}

/* flags */
.pb-take .act{position:relative}
.pb-flagpop{position:absolute;z-index:30;left:0;top:calc(100% + 6px);width:300px;max-width:92vw;background:#fff;border:1px solid var(--pb-line);border-radius:12px;padding:14px;box-shadow:0 12px 32px rgba(15,23,42,.18);color:var(--pb-ink);font-size:13.5px;text-align:left}
.pb-flagpop b{display:block;margin-bottom:8px;font-size:14px}
.pb-flagpop label{display:flex;gap:8px;align-items:center;margin:0 0 6px;font-weight:500;cursor:pointer}
.pb-flagpop textarea{width:100%;margin:6px 0 8px;border:1px solid var(--pb-line);border-radius:8px;padding:8px;font-size:13px;resize:vertical}
.pb-flagpop .row{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.pb-flagpop .msg{flex:1;color:#b91c1c;font-size:12.5px}
.pb-flagpop .cancel{color:var(--medium-gray);text-decoration:none;font-weight:600}
.pb-flagpop .btn-pb{padding:6px 14px;font-size:13px}
.pb-flagpop small{display:block;margin-top:8px;color:var(--medium-gray);font-size:11.5px;line-height:1.45}
.pb-take .flagged,.pb-reply .flagged{color:#b45309;font-size:13px;font-weight:600}
/* flag popover, reset against the global label and button styles */
.pb-flagpop{text-align:left;line-height:1.4}
.pb-flagpop label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:auto;margin:0 0 4px;padding:6px 8px;border-radius:8px;text-align:left;font-size:13.5px;font-weight:500;line-height:1.3}
.pb-flagpop label:hover{background:var(--pb-soft)}
.pb-flagpop input[type=radio]{width:16px;height:16px;margin:0;padding:0;flex:none}
.pb-flagpop textarea{display:block;width:100%;min-height:64px;margin:8px 0 10px}
.pb-flagpop .row{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:14px}
.pb-flagpop .row .cancel{display:inline-block;padding:0}
.pb-flagpop .row a.btn-pb.send{display:inline-block;width:auto;flex:none;padding:8px 18px;color:#fff;text-align:center}
.pb-flagpop .row{flex-wrap:nowrap;margin:0;--bs-gutter-x:0}
.pb-flagpop .row>*{width:auto;max-width:none;padding:0;margin:0;flex:none}
.pb-flagpop .row .msg{flex:1}

/* bot notice on your own profile */
.pb-botnote{margin:18px 0;padding:18px;border-radius:14px;background:#fff;border:1px solid #f3c2c2;box-shadow:0 8px 24px rgba(185,28,28,.08)}
.pb-botnote .hd{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.pb-botnote .hd>i{width:40px;height:40px;border-radius:10px;background:var(--pb-red-soft);color:#b91c1c;display:grid;place-items:center;font-size:20px;flex:none}
.pb-botnote .hd b{display:block;font-size:15.5px;color:var(--pb-ink)}
.pb-botnote .hd span{display:block;font-size:13.5px;color:var(--medium-gray);line-height:1.5;margin-top:2px}
.pb-botnote .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.pb-botnote .st{padding:14px;border-radius:12px;background:var(--pb-soft);color:var(--pb-ink);font-size:13.5px}
.pb-botnote .st>b{display:block;margin-bottom:6px}
.pb-botnote .st>span{display:block;color:var(--medium-gray);margin-bottom:8px}
.pb-botnote .st.done{background:#e8f7ee}
.pb-botnote .st.done>span{color:#157347;font-weight:600}
.pb-botnote textarea{width:100%;margin:6px 0 10px;border:1px solid var(--pb-line);border-radius:8px;padding:8px;font-size:13px}
.pb-botnote fieldset{margin:0 0 12px;padding:0;border:0}
.pb-botnote legend{font-size:13.5px;font-weight:700;margin:0 0 6px;float:none;width:auto;padding:0}
.pb-botnote fieldset label{display:flex;flex-direction:row;align-items:center;gap:8px;width:auto;margin:0 0 4px;padding:4px 6px;font-weight:500;font-size:13.5px;cursor:pointer;text-align:left}
.pb-botnote input[type=radio]{width:16px;height:16px;margin:0;flex:none}
.pb-botnote em{font-style:normal;color:#b91c1c;font-size:12.5px;margin-left:10px}

.pb-toxicnote .st{margin-top:12px}
.pb-toxicnote .why ul{list-style:none;margin:6px 0 8px;padding:0}
.pb-toxicnote .why li{padding:8px 0;border-top:1px solid #e3e7ef}
.pb-toxicnote .why li strong{display:block;color:var(--pb-ink);font-size:13.5px}
.pb-toxicnote .why li span{display:block;color:var(--medium-gray);font-size:12.5px;line-height:1.5;margin-top:2px}
.pb-toxicnote .why small{color:var(--medium-gray);font-size:12px}
.pb-toxicnote .st>span{display:block;color:var(--medium-gray);line-height:1.55}

/* edit history and reply editing */
a.histbtn,#framing-ver.has{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px;color:inherit}
.pb-histmodal{position:fixed;inset:0;z-index:2000;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.pb-histmodal .box{background:#fff;color:var(--pb-ink);border-radius:16px;width:100%;max-width:680px;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(15,23,42,.35)}
.pb-histmodal .hd{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--pb-line)}
.pb-histmodal .hd b{font-size:16px}
.pb-histmodal .hd .x{color:var(--medium-gray);font-size:16px;text-decoration:none}
.pb-histmodal .bd{padding:16px 20px;overflow:auto}
.pb-histmodal .key{font-size:12.5px;color:var(--medium-gray);margin:0 0 12px}
.pb-histmodal .ver{padding:12px 0;border-top:1px solid var(--pb-line)}
.pb-histmodal .ver:first-of-type{border-top:0}
.pb-histmodal .vh{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--medium-gray);margin-bottom:6px}
.pb-histmodal .vh b{color:var(--pb-ink)}
.pb-histmodal .vt{font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.pb-histmodal ins{background:#dcfce7;color:#14532d;text-decoration:none;border-radius:3px;padding:0 2px}
.pb-histmodal del{background:#fee2e2;color:#7f1d1d;border-radius:3px;padding:0 2px}
.pb-histmodal .empty{color:var(--medium-gray);font-size:14px}
.redit-form{margin:6px 0}
.redit-form textarea{width:100%;border:1px solid var(--pb-line);border-radius:8px;padding:8px;font-size:13.5px}
.redit-form .row2{display:flex;align-items:center;gap:14px;justify-content:flex-end;margin-top:6px}
.redit-form .msg{flex:1;color:#b91c1c;font-size:12.5px}
.redit-form .cancel{color:var(--medium-gray);text-decoration:none;font-weight:600}
.redit-form .btn-pb{padding:6px 14px;font-size:13px}

/* notes on the opening */
.pb-ctxnotes{padding:18px;border-radius:14px;background:#fff;border:1px solid var(--pb-line);box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06);color:var(--pb-ink)}
.pb-ctxnotes h4{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 4px}
.pb-ctxnotes .sub,.pb-ctxnotes .empty,.pb-ctxnotes .nlock{font-size:13px;color:var(--medium-gray);margin:0 0 12px;line-height:1.5}
.pb-ctxnotes .grp{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin:14px 0 8px}
.pb-ctxnotes .note{padding:12px 14px;border-radius:10px;background:var(--pb-soft);margin-bottom:8px;border-left:4px solid #cbd5e1}
.pb-ctxnotes .note.public{background:var(--pb-amber-soft);border-left-color:#f59e0b}
.pb-ctxnotes .note.pending{border-left-color:#3b82f6}
.pb-ctxnotes .note.resolved{padding:8px 12px;background:transparent;border-left-color:#86efac}
.pb-ctxnotes .note p{margin:0 0 6px;font-size:14px;line-height:1.55}
.pb-ctxnotes .note small{display:block;font-size:12px;color:var(--medium-gray)}
.pb-ctxnotes .note small.done{color:#157347;margin-top:6px}
.pb-ctxnotes .nact{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:12.5px}
.pb-ctxnotes .nact span{color:var(--medium-gray)}
.pb-ctxnotes .nact a,.pb-ctxnotes .nwd{font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--pb-line);color:var(--pb-ink);text-decoration:none;display:inline-block;margin-top:6px}
.pb-ctxnotes .nwd{color:#b91c1c}
.pb-ctxnotes .nform{margin-top:10px}
.pb-ctxnotes .nform textarea{width:100%;border:1px solid var(--pb-line);border-radius:8px;padding:8px;font-size:13.5px}
.pb-ctxnotes .row2{display:flex;align-items:center;gap:14px;justify-content:flex-end;margin-top:6px}
.pb-ctxnotes .msg{flex:1;color:#b91c1c;font-size:12.5px}
.pb-ctxnotes .cancel{color:var(--medium-gray);text-decoration:none;font-weight:600}
.pb-ctxnotes .btn-pb{padding:6px 14px;font-size:13px}

.pb-ctxnotes .note.overdue{border-left-color:#dc2626;background:#fff5f5}
.pb-ctxnotes .note .late{display:block;margin:0 0 8px;font-size:12.5px;font-weight:600;color:#b91c1c;line-height:1.45}

.pb-ctxnotes .note{position:relative}
.pb-ctxnotes .nflag{position:relative;margin-top:6px;font-size:12.5px}
.pb-ctxnotes .nflag a{color:var(--medium-gray);text-decoration:none;font-weight:600}
.pb-ctxnotes .nflag .flagged{color:#b45309;font-weight:600}

/* fit check */
#fit-side .fitnote{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:10px 12px;border-radius:10px;background:var(--pb-amber-soft);color:#92400e;font-size:13px;font-weight:600;line-height:1.45}
#fit-side .fitsub{font-size:12.5px;color:var(--medium-gray);margin:0 0 10px;line-height:1.5}
#fit-side .fitbtns{display:flex;gap:8px;flex-wrap:wrap}
#fit-side .fitbtns a{padding:6px 14px;border-radius:999px;background:var(--pb-soft);color:var(--pb-ink);font-size:13px;font-weight:600;text-decoration:none;border:1px solid var(--pb-line)}
#fit-side .fitbtns a:hover{border-color:var(--base-color);color:var(--base-color)}

#fit-side .fitgo{display:block;width:100%;text-align:center;margin:2px 0 8px}
#fit-side .fitnote{margin-bottom:12px}

.pb-about li.flagrow{position:relative}
.pb-about li.flagrow a{display:inline-flex;gap:6px;align-items:center}
.pb-about li.flagrow .pb-flagpop{left:auto;right:0;top:calc(100% + 4px)}

/* the site's own dialog */
.pb-dialog{position:fixed;inset:0;z-index:3000;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:16px;animation:pbfade .12s ease-out}
.pb-dialog .box{background:#fff;color:var(--pb-ink);border-radius:18px;width:100%;max-width:440px;padding:24px;box-shadow:0 24px 60px rgba(15,23,42,.35);display:grid;grid-template-columns:auto 1fr;gap:4px 16px}
.pb-dialog .ic{width:44px;height:44px;border-radius:12px;background:#e8f0ff;color:var(--base-color);display:grid;place-items:center;font-size:22px;grid-row:1}
.pb-dialog .box.danger .ic{background:var(--pb-red-soft);color:#b91c1c}
.pb-dialog .box.warn .ic{background:var(--pb-amber-soft);color:#b45309}
.pb-dialog .tx h3{font-size:17px;margin:2px 0 6px;line-height:1.3}
.pb-dialog .tx p{font-size:14px;color:var(--medium-gray);margin:0 0 8px;line-height:1.55}
.pb-dialog .tx ul{margin:0;padding-left:18px;font-size:13.5px;color:var(--pb-ink);line-height:1.55}
.pb-dialog .tx li{margin-bottom:3px}
.pb-dialog .acts{grid-column:1 / -1;display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.pb-dialog .acts a{display:inline-block;padding:9px 18px}
.pb-dialog .box.danger .yes{background:#dc2626;background-image:none;box-shadow:none}
@keyframes pbfade{from{opacity:0}to{opacity:1}}

.pb-dialog .box{border:1px solid var(--pb-line)}
.pb-dialog .tx h3{font-weight:700;font-family:var(--alt-font);color:var(--pb-ink);letter-spacing:-.2px}
.pb-dialog .tx p{margin:0 0 6px}
.pb-dialog .tx ul{list-style:disc !important;margin:8px 0 0 !important;padding-left:18px !important}
.pb-dialog .tx ul li{list-style:disc !important;padding:0;margin:0 0 4px}
.pb-dialog .acts .btn-pb,.pb-dialog .acts .btn-pb-ghost{min-width:96px;text-align:center}

/* share menu */
.pb-sharepop{position:absolute;z-index:2500;width:300px;max-width:94vw;background:#fff;color:var(--pb-ink);border:1px solid var(--pb-line);border-radius:14px;padding:14px;box-shadow:0 14px 36px rgba(15,23,42,.22);text-align:left}
.pb-sharepop>b{display:block;font-size:14px;margin-bottom:10px}
.pb-sharepop .copy{display:flex;gap:8px;margin-bottom:12px}
.pb-sharepop .copy input{flex:1;min-width:0;border:1px solid var(--pb-line);border-radius:8px;padding:7px 9px;font-size:12.5px;background:var(--pb-soft)}
.pb-sharepop .copy .cp{white-space:nowrap;padding:7px 12px;border-radius:8px;background:var(--base-color);color:#fff;font-size:12.5px;font-weight:700;text-decoration:none}
.pb-sharepop .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pb-sharepop .grid a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:10px;background:var(--pb-soft);color:var(--pb-ink);font-size:12px;font-weight:600;text-decoration:none}
.pb-sharepop .grid a i{font-size:18px}
.pb-sharepop .grid a:hover{background:#e8f0ff;color:var(--base-color)}
.pb-take.hl{outline:3px solid #f59e0b;outline-offset:2px;transition:outline-color .3s}

/* hero filter bar: one tidy row that wraps from the left, no stranded group on the right */
.pb-filters{gap:10px 12px}
.pb-filters .pb-search{flex:1 1 220px;max-width:300px;min-width:180px}
.pb-filters .pb-filters-end{margin-left:0;flex:0 1 auto}
.pb-filters .pb-select{height:42px;min-width:0}
.pb-seg small{opacity:.6;margin-left:4px;font-weight:700}
.pb-seg a.on small{opacity:.8}
.pb-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pb-chips .lbl{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--medium-gray);margin-right:4px}
.pb-chips .pb-chip{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--pb-line);color:var(--pb-ink);font-size:13px;font-weight:600;text-decoration:none}
.pb-table td.t-act{text-align:right;white-space:nowrap}
.pb-table .pb-avatar.sm{width:26px;height:26px;font-size:11px;margin-right:6px;vertical-align:middle}

/* the engine's sign-in screens, skinned to match (password, email, two-factor, devices) */
.pb-engine .account-card{background:#fff;border:1px solid var(--pb-line);border-radius:16px;padding:26px;box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.05);color:var(--pb-ink);margin-bottom:18px}
.pb-engine .account-card h3{font-family:var(--alt-font);font-size:18px;font-weight:700;margin:0 0 4px;color:var(--pb-ink)}
.pb-engine .account-card .card-sub,.pb-engine .account-card p.text-muted,.pb-engine .form-text{color:var(--medium-gray)!important;font-size:13.5px;line-height:1.55}
.pb-engine .card-sub{margin-bottom:18px}
.pb-engine .form-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--medium-gray);margin:0 0 6px}
.pb-engine .form-control,.pb-engine .form-select{height:44px;border-radius:12px;border:1.5px solid var(--pb-line);background:var(--pb-soft);padding:0 14px;font-size:14.5px;color:var(--pb-ink);box-shadow:none;width:100%}
.pb-engine .form-control:focus,.pb-engine .form-select:focus{outline:0;border-color:var(--base-color);background:#fff;box-shadow:0 0 0 4px rgba(47,111,237,.14);color:var(--pb-ink)}
.pb-engine .readonly-field,.pb-engine .readonly{padding:10px 14px;border-radius:12px;background:var(--pb-soft);border:1px dashed var(--pb-line);color:var(--pb-ink);font-size:14px;word-break:break-all}
.pb-engine .btn.btn-primary,.pb-engine button.btn-primary{background:var(--pb-grad);background-image:linear-gradient(135deg,#2f6fed,#7c5cff);border:0;color:#fff;border-radius:999px;padding:11px 24px;font-weight:700;font-size:14px;box-shadow:0 8px 20px -8px rgba(47,111,237,.7)}
.pb-engine .btn.btn-outline-secondary,.pb-engine .btn.btn-secondary,.pb-engine .btn.btn-outline-danger,.pb-engine .btn.btn-danger,.pb-engine .btn.btn-outline-primary{border-radius:999px;padding:10px 20px;font-weight:600;font-size:14px}
.pb-engine .btn.btn-danger,.pb-engine .btn.btn-outline-danger{border-color:#dc2626;color:#b91c1c;background:#fff}
.pb-engine .btn.btn-danger{background:#dc2626;color:#fff}
.pb-engine table{width:100%;border-collapse:collapse;font-size:14px;color:var(--pb-ink)}
.pb-engine table th{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--medium-gray);text-align:left;padding:8px 10px;border-bottom:1px solid var(--pb-line)}
.pb-engine table td{padding:12px 10px;border-bottom:1px solid #eef0f5;vertical-align:top}
.pb-engine .badge{border-radius:999px;padding:4px 10px;font-weight:700;font-size:11.5px}
.pb-engine .alert{border-radius:12px;font-size:14px}
.pb-engine code,.pb-engine .backup-code{background:var(--pb-soft);border-radius:8px;padding:2px 8px;color:var(--pb-ink)}
.pb-engine img{max-width:100%}
.pb-flash.err{background:var(--pb-red-soft);color:#b91c1c;border-color:#f3c2c2}

/* reply ratings, poll option suggestions, where you differ */
.pb-reply .rrate{display:inline-flex;gap:4px;margin-left:8px}
.pb-reply .rrate a{font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--pb-soft);color:var(--medium-gray);text-decoration:none;border:1px solid transparent}
.pb-reply .rrate a:hover{border-color:var(--base-color);color:var(--base-color)}
.pb-reply .rrate a.on{background:var(--pb-ink);color:#fff}
.pb-suggest{margin:12px 0 0}
.pb-suggest>a{font-size:13px;font-weight:600;color:var(--base-color);text-decoration:none}
.pb-suggest #opt-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.pb-suggest #opt-form input{flex:1;min-width:160px;height:40px;border-radius:999px;border:1.5px solid var(--pb-line);padding:0 14px;font-size:14px}
.pb-suggest #opt-form .btn-pb{padding:8px 18px}
.pb-suggest .msg{flex-basis:100%;color:#b91c1c;font-size:12.5px}
.pb-proposals{margin:14px 0 0;padding:12px;border-radius:12px;background:var(--pb-amber-soft)}
.pb-proposals b{display:block;font-size:12.5px;color:#92400e;margin-bottom:6px}
.pb-proposals .p{display:flex;gap:10px;align-items:center;padding:5px 0;font-size:13.5px}
.pb-proposals .p span{flex:1}.pb-proposals .p small{color:var(--medium-gray)}
.pb-proposals .optdec{font-size:12px;font-weight:700;padding:3px 11px;border-radius:999px;text-decoration:none;background:#fff;border:1px solid var(--pb-line);color:var(--pb-ink)}
.pb-proposals .optdec.yes{background:var(--base-color);border-color:var(--base-color);color:#fff}
.pb-differ ul{list-style:none;margin:0;padding:0}
.pb-differ li{padding:9px 0;border-top:1px solid var(--pb-line)}.pb-differ li:first-child{border-top:0}
.pb-differ li a{font-weight:600;color:var(--pb-ink);text-decoration:none;font-size:13.5px;display:block}
.pb-differ li small{display:block;color:var(--medium-gray);font-size:12px;margin-top:2px}

.pb-histmodal .vr{font-size:12px;color:#92400e;background:var(--pb-amber-soft);display:inline-block;border-radius:999px;padding:2px 10px;margin:0 0 8px}

/* manage area */
.pb-mtiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.pb-mtile{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.pb-mtile b{display:block;font-family:var(--alt-font);font-size:26px;color:var(--pb-ink);line-height:1.1}
.pb-mtile span{font-size:12px;color:var(--medium-gray);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.pb-mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:8px}
.pb-mchart{padding:16px}
.pb-mchart .hd{display:flex;flex-direction:column;margin-bottom:10px}
.pb-mchart .hd b{font-size:14px}.pb-mchart .hd span{font-size:12px;color:var(--medium-gray)}
.pb-mchart .big{font-family:var(--alt-font);font-size:40px;font-weight:800;color:var(--pb-ink)}
.pb-mh{font-size:15px;margin:26px 0 10px}
.pb-ok{color:#157347;font-weight:700}.pb-bad{color:#b91c1c;font-weight:700}
.pb-mrows{display:flex;flex-direction:column}
.pb-mrow{display:grid;grid-template-columns:minmax(200px,1fr) minmax(220px,1.2fr);gap:18px;padding:12px 0;border-top:1px solid var(--pb-line);align-items:start}
.pb-mrow:first-child{border-top:0}
.pb-mrow>label{display:block;margin:0;padding-top:8px}.pb-mrow>label b{display:block;font-size:14px;color:var(--pb-ink)}.pb-mrow>label small{display:block;font-size:12.5px;color:var(--medium-gray);line-height:1.45;margin-top:2px}
.pb-mrow .in small{display:block;font-size:12px;color:var(--medium-gray);margin-top:5px}
.pb-mrow .in input.pb-input{height:42px}
.pb-chk{font-size:12.5px;margin:6px 0 0;display:flex;gap:6px;align-items:center;text-transform:none;letter-spacing:0;font-weight:500}
.pb-diff summary{cursor:pointer;color:var(--base-color);font-size:12.5px;margin-top:4px}
.pb-diff .two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.pb-diff pre{margin:0;padding:10px;border-radius:8px;background:var(--pb-soft);font-size:12px;overflow:auto;max-height:240px;white-space:pre-wrap}
.pb-pager{display:flex;gap:14px;align-items:center;justify-content:center;margin:18px 0;font-size:13.5px}.pb-pager a{font-weight:700}
@media(max-width:700px){.pb-mrow{grid-template-columns:1fr}.pb-diff .two{grid-template-columns:1fr}}
.pb-kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;font-size:14px}.pb-kv span{color:var(--medium-gray)}.pb-kv b{font-weight:600;color:var(--pb-ink);word-break:break-word}
.pb-mini label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--medium-gray);margin-bottom:6px}
.pb-mini .row2{display:grid;grid-template-columns:90px 1fr auto;gap:8px;align-items:center}
.pb-mini .pb-input{height:42px}
@media(max-width:700px){.pb-mini .row2{grid-template-columns:1fr}}
/* Data notes */
.pb-notefeature{display:flex;gap:24px;align-items:center;padding:28px;border-radius:18px;background:#fff;border:1px solid var(--pb-line);box-shadow:0 8px 28px rgba(15,23,42,.07);text-decoration:none;color:var(--pb-ink);margin-bottom:22px}
.pb-notefeature .tx{flex:1}.pb-notefeature h2{font-size:28px;margin:6px 0 8px;line-height:1.25}.pb-notefeature p{color:var(--medium-gray);margin:0 0 10px;line-height:1.55}
.pb-notefeature img{width:320px;max-width:38%;border-radius:12px;object-fit:cover;align-self:stretch}
.pb-notefeature .k,.pb-notecard .k{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--base-color)}
.pb-notegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.pb-notecard{display:block;padding:20px;border-radius:16px;background:#fff;border:1px solid var(--pb-line);text-decoration:none;color:var(--pb-ink);transition:transform .15s,box-shadow .15s}
.pb-notecard:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(15,23,42,.09)}
.pb-notecard h3{font-size:18px;margin:6px 0;line-height:1.3}.pb-notecard p{color:var(--medium-gray);font-size:14px;margin:0 0 8px;line-height:1.5}
.pb-notefeature small,.pb-notecard small{color:var(--medium-gray);font-size:12.5px}
.pb-noteby{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:13px;color:#cbd5e1}.pb-noteby a{color:#fff;font-weight:700;text-decoration:none}
.pb-notebody{font-size:17px;line-height:1.75;color:#1f2937}.pb-notebody h2{font-size:24px;margin:34px 0 10px}.pb-notebody img{max-width:100%;border-radius:12px}
.pb-trendfig{margin:26px 0;padding:18px;border-radius:14px;border:1px solid var(--pb-line);background:#fff}
.pb-trendfig figcaption{display:flex;flex-direction:column;margin-bottom:10px}.pb-trendfig figcaption a{font-weight:700;color:var(--pb-ink);text-decoration:none}.pb-trendfig figcaption span{font-size:12.5px;color:var(--medium-gray)}
.pb-trendfig .key{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--medium-gray);margin-top:6px}.pb-trendfig .key i{display:inline-block;width:14px;height:4px;border-radius:2px}
@media(max-width:760px){.pb-notefeature{flex-direction:column;align-items:stretch}.pb-notefeature img{width:100%;max-width:none;height:180px}}

/* Category tree */
.pb-subchips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}
.pb-subchips a{display:inline-block;padding:4px 11px;border-radius:999px;background:var(--pb-soft);border:1px solid var(--pb-line);color:var(--pb-ink);font-size:12.5px;font-weight:600;text-decoration:none;line-height:1.5}
.pb-subchips a:hover{border-color:var(--base-color);color:var(--base-color)}
.pb-subchips a.more{background:transparent;color:var(--medium-gray)}
.pb-subchips.on-dark{margin:16px 0 0;align-items:center}
.pb-subchips.on-dark .lbl{font-size:12.5px;color:#aab3c5;margin-right:4px}
.pb-subchips.on-dark a{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}
.pb-subchips.on-dark a:hover{background:rgba(255,255,255,.2);color:#fff}
.pb-subchips.on-dark a.cur{background:#fff;color:var(--pb-ink)}
/* Category picker on the open-a-board form */
.pb-catpick{position:relative}
.pb-catpick .box{position:relative}
.pb-catpick input.pb-input{width:100%;padding-right:38px}
.pb-catpick .box > i{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--medium-gray);pointer-events:none}
.pb-catpick .list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);max-height:320px;overflow:auto;background:#fff;border:1px solid var(--pb-line);border-radius:12px;box-shadow:0 14px 34px rgba(23,26,33,.16);padding:6px;display:none}
.pb-catpick.open .list{display:block}
.pb-catpick .list h6{margin:8px 10px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--medium-gray);font-weight:800}
.pb-catpick .opt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--pb-ink);cursor:pointer}
.pb-catpick .opt:hover,.pb-catpick .opt.act{background:#eef3ff}
.pb-catpick .opt small{margin-left:auto;color:var(--medium-gray);font-size:12px}
.pb-catpick .opt.req{color:#b91c1c;font-weight:600}
.pb-catpick .picked{display:none;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--pb-line);border-radius:10px;background:#eef3ff;font-size:14px}
.pb-catpick.has .picked{display:flex}.pb-catpick.has .box{display:none}
.pb-catpick .picked b{font-weight:700}.pb-catpick .picked small{color:var(--medium-gray)}
.pb-catpick .picked a{margin-left:auto;font-size:12.5px;font-weight:600;color:#b91c1c;text-decoration:none}
.pb-catpick .reqnote{margin-top:6px;font-size:12.5px;color:#92400e;background:var(--pb-amber-soft);border-radius:8px;padding:8px 10px;display:none}
.pb-catpick.isreq .reqnote{display:block}

/* Logo images in the header and footer */
.pb-nav .navbar-brand{display:inline-flex;align-items:center;line-height:1}
.pb-nav .navbar-brand img{height:30px;width:auto;display:block}
.pb-footer .brand img,footer .brand img{height:32px;width:auto;display:block}

/* Home hero second line */
.pb-hero h1 .pb-h1-2{display:block;margin-top:6px}
.pb-hero h1 .pb-h1-2 b{font-weight:800;color:#7db4ff;-webkit-text-fill-color:#7db4ff}

/* Sidebars stay in view and scroll on their own when taller than the window */
@media(min-width:992px){
  .pb-side-col{position:sticky;top:92px;align-self:flex-start;max-height:calc(100vh - 108px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9cfdb transparent;padding-bottom:8px}
  .pb-side-col .pb-sticky{position:static}
  .pb-side-col::-webkit-scrollbar{width:6px}
  .pb-side-col::-webkit-scrollbar-thumb{background:#c9cfdb;border-radius:6px}
}

/* Category picker rows stay on one line and the list can be wider than the box */
.pb-catpick .list{min-width:min(100%,420px);width:max-content;max-width:min(560px,92vw)}
.pb-catpick .opt span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-catpick .opt small{flex:none;white-space:nowrap;padding-left:12px}
.pb-catpick .opt.req span{white-space:normal}

/* About-this-board rows: labels never wrap, values take the rest of the line */
.pb-about ul li > a{white-space:nowrap;flex:none}
.pb-about ul li small{max-width:none;flex:1;min-width:0}

/* Category search */
.pb-catsearch{position:relative;max-width:640px;margin:0 0 22px}
.pb-catsearch input{width:100%;height:52px;padding:0 18px 0 46px;border-radius:999px;border:1.5px solid var(--pb-line);background:#fff;font-size:15.5px;color:var(--pb-ink);box-shadow:0 4px 16px rgba(23,26,33,.06)}
.pb-catsearch input:focus{outline:0;border-color:var(--base-color);box-shadow:0 0 0 4px rgba(47,111,237,.12)}
.pb-catsearch i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--medium-gray)}
.pb-catres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pb-catres a{display:flex;align-items:baseline;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--pb-line);border-radius:12px;text-decoration:none;color:var(--pb-ink);min-width:0}
.pb-catres a:hover{border-color:var(--base-color);box-shadow:0 8px 22px rgba(23,26,33,.08)}
.pb-catres b{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pb-catres span{font-size:12px;color:var(--medium-gray);white-space:nowrap;flex:none;margin-left:auto}
.pb-catres small{font-size:11.5px;color:var(--medium-gray);white-space:nowrap;flex:none}
@media(max-width:991px){.pb-catres{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pb-catres{grid-template-columns:1fr}}

.pb-catbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:0 0 18px}
.pb-catfilters{display:flex;gap:10px;flex-wrap:wrap}
.pb-catfilters .pb-select{height:42px;min-width:160px}
.pb-seg button{border:0;background:transparent;padding:8px 16px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--medium-gray);cursor:pointer;white-space:nowrap}
.pb-seg button.on{background:#fff;color:var(--pb-ink);box-shadow:0 1px 3px rgba(15,23,42,.14)}
#cat-pager{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;margin:22px 0 8px}
#cat-pager a,#cat-pager span{min-width:38px;height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--pb-line);background:#fff;color:var(--pb-ink);font-size:14px;font-weight:600;text-decoration:none}
#cat-pager span{border:0;background:transparent;color:var(--medium-gray);min-width:0;padding:0 2px}
#cat-pager a.on{background:var(--base-color);border-color:var(--base-color);color:#fff}
#cat-pager a.off{opacity:.4;pointer-events:none}
#cat-pager[hidden],#cat-results[hidden],#cat-grid[hidden],#cat-filters[hidden]{display:none}

/* Standing tiers on the guidelines page */
.pb-tiers{margin:18px 0 6px;border:1px solid var(--pb-line);border-radius:14px;overflow:hidden}
.pb-tiers .t{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-top:1px solid var(--pb-line);background:#fff}
.pb-tiers .t:first-child{border-top:0}
.pb-tiers .t svg.crest{width:40px;height:40px;margin-top:2px;vertical-align:baseline}
.pb-tiers .t b{display:block;font-family:var(--alt-font);font-size:17px;font-weight:700;color:var(--pb-ink);margin-bottom:2px}
.pb-tiers .t p{margin:0;font-size:15px;line-height:1.6;color:#2f3542}
.pb-tiers .t.toxic{background:#fff7f7}

.pb-auth-side .brand{display:inline-block;line-height:0}
.pb-auth-side .brand img{height:34px;width:auto;display:block}

/* Take a side card: the Log in button was white on white */
.pb-side.pb-cta .btn-pb-ghost{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.pb-side.pb-cta .btn-pb-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff}
/* Today on Piotboard: descriptions wrap instead of spilling out */
.pb-side.pb-today li small{white-space:normal;overflow-wrap:anywhere;max-width:100%}
/* Category filter on All boards */
.pb-catfilter{width:230px}
.pb-catfilter input.pb-input{height:44px;cursor:pointer}
.pb-catfilter .list{width:max-content;min-width:100%;max-width:min(420px,92vw)}

/* Boards page: the category list must open over the content below the hero */
.pb-pagehead:has(.pb-catfilter){overflow:visible;z-index:6}
/* Data notes */
.pb-stats.dark .wide{flex:1 1 220px}
.pb-stats.dark .wide b a{color:#fff;text-decoration:none;font-size:16px}
.pb-stats.dark .wide b a:hover{text-decoration:underline}
.pb-notefeature{display:grid;grid-template-columns:1.1fr 1fr;gap:0;padding:0;overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--pb-line);box-shadow:0 16px 44px rgba(15,23,42,.1);text-decoration:none;color:var(--pb-ink);margin-bottom:34px}
.pb-notefeature .tx{padding:34px 36px;display:flex;flex-direction:column;justify-content:center}
.pb-notefeature h2{font-size:30px;line-height:1.2;margin:8px 0 10px;letter-spacing:-.6px}
.pb-notefeature p{font-size:16px;line-height:1.6;color:#4b5563;margin:0 0 16px}
.pb-notefeature .k{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pb-red,#dc2626)}
.pb-notefeature .by{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--medium-gray);margin-bottom:18px}
.pb-notefeature .by i{margin-right:5px}
.pb-notefeature .go{font-weight:700;color:var(--base-color);font-size:15px}
.pb-notefeature .art{background:linear-gradient(135deg,#141826,#233a7a 60%,#5b45c9);display:flex;align-items:center;justify-content:center;padding:28px;min-height:260px}
.pb-notefeature .art > i{font-size:72px;color:rgba(255,255,255,.35)}
.pb-notefeature .art img{width:100%;height:100%;object-fit:cover}
.pb-notefeature .chartcard{width:100%;background:rgba(255,255,255,.95);border-radius:14px;padding:14px 16px 8px}
.pb-notefeature .chartcard small{display:block;font-size:11.5px;font-weight:700;color:var(--medium-gray);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.pb-thumbsvg{width:100%;height:120px;display:block}
.pb-noteh{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--medium-gray);margin:0 0 14px}
.pb-notegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.pb-notecard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--pb-line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--pb-ink);transition:transform .15s,box-shadow .15s}
.pb-notecard:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(15,23,42,.12)}
.pb-notecard .thumb{background:linear-gradient(180deg,#f3f6ff,#fff);padding:16px 18px 6px;border-bottom:1px solid var(--pb-line);min-height:132px;display:flex;align-items:center;justify-content:center}
.pb-notecard .thumb > i{font-size:44px;color:#c3cdea}
.pb-notecard .bd{padding:18px 20px 20px}
.pb-notecard h3{font-size:18px;line-height:1.3;margin:0 0 8px}
.pb-notecard p{font-size:14px;color:#4b5563;line-height:1.55;margin:0 0 10px}
.pb-notecard small{font-size:12.5px;color:var(--medium-gray)}
.pb-postnav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
.pb-postnav a{display:block;padding:16px 18px;border:1px solid var(--pb-line);border-radius:14px;background:#fff;text-decoration:none;color:var(--pb-ink)}
.pb-postnav a:hover{border-color:var(--base-color);box-shadow:0 8px 22px rgba(15,23,42,.08)}
.pb-postnav a.r{text-align:right}
.pb-postnav small{display:block;font-size:12px;color:var(--medium-gray);margin-bottom:4px}
.pb-postnav b{font-size:15px;line-height:1.35}
@media(max-width:860px){.pb-notefeature{grid-template-columns:1fr}.pb-notefeature .art{min-height:200px}.pb-postnav{grid-template-columns:1fr}}

/* One look for every dropdown list: native selects, the category pickers and the filters */
.pb-dd{position:fixed;z-index:2000;max-height:320px;overflow:auto;background:#fff;border:1px solid var(--pb-line);border-radius:12px;box-shadow:0 14px 34px rgba(23,26,33,.16);padding:6px;scrollbar-width:thin}
.pb-dd .o{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;padding:8px 10px;border-radius:8px;font-family:var(--primary-font);font-size:14px;font-weight:500;line-height:1.3;color:var(--pb-ink);text-align:left;cursor:pointer;white-space:nowrap}
.pb-dd .o:hover,.pb-dd .o.act{background:#eef3ff}
.pb-dd .o.on{font-weight:700;color:var(--base-color)}
.pb-dd .o.on::after{content:'\2713';font-size:13px}
.pb-dd .o[disabled]{opacity:.4;cursor:default}
.pb-dd h6{margin:8px 10px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--medium-gray);font-weight:800}
select.pb-select,select.pb-input{cursor:pointer}

/* Logged-out vote box: a clear card over a softened preview, with matching buttons */
.pb-vote .lock{background:rgba(245,247,252,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.pb-vote .lock .card{background:#fff;border:1px solid var(--pb-line);border-radius:16px;padding:22px 24px;box-shadow:0 16px 40px rgba(23,26,33,.14);max-width:290px;width:100%;margin:0}
.pb-vote .lock .card b{display:block;font-size:18px;margin-bottom:6px}
.pb-vote .lock .row2{display:flex;gap:10px;justify-content:center}
.pb-vote .lock .row2 a{flex:1 1 0;min-width:0;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;box-sizing:border-box;font-size:14px;line-height:1}
.pb-vote .lock .row2{align-items:stretch}
.pb-vote .lock .row2 a{margin:0!important;transform:none!important;vertical-align:top}

/* Group chips: ten shown, See all for the rest */
.pb-subchips .seeall{display:inline-block;padding:4px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:12.5px;font-weight:700;line-height:1.5;cursor:pointer}
.pb-subchips .seeall:hover{background:rgba(255,255,255,.16)}
.pb-subchips a[hidden]{display:none}
/* Header action buttons all the same size */
.pb-listhead .acts .pb-follow,.pb-listhead .acts .btn-pb,.pb-listhead .acts .btn-pb-ghost{height:44px;min-width:150px;padding:0 22px;margin:0;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border-radius:999px;box-sizing:border-box;line-height:1}
.pb-listhead .acts .pb-follow{border:1.5px solid rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.08)}
.pb-listhead .acts .pb-follow:hover{background:rgba(255,255,255,.18);border-color:#fff}
.pb-listhead .acts .pb-follow i,.pb-listhead .acts .btn-pb i{margin:0}

/* Admin tables: one line per row, centered numbers, status as a pill */
#members-tbl th,#members-tbl td,#boards-tbl th,#boards-tbl td{white-space:nowrap;vertical-align:middle}
#members-tbl th:first-child,#members-tbl td:first-child{width:auto;min-width:230px;white-space:normal}
#boards-tbl th:first-child,#boards-tbl td:first-child{width:auto;min-width:260px;white-space:normal}
#members-tbl th:nth-child(2),#members-tbl td:nth-child(2),#members-tbl th:nth-child(3),#members-tbl td:nth-child(3),#members-tbl th:nth-child(4),#members-tbl td:nth-child(4),#members-tbl th:nth-child(5),#members-tbl td:nth-child(5),
#boards-tbl th:nth-child(3),#boards-tbl td:nth-child(3),#boards-tbl th:nth-child(4),#boards-tbl td:nth-child(4){text-align:center}
#members-tbl th:nth-child(6),#members-tbl td:nth-child(6),#members-tbl th:nth-child(7),#members-tbl td:nth-child(7),#boards-tbl th:nth-child(5),#boards-tbl td:nth-child(5){text-align:left}
#members-tbl th:last-child,#members-tbl td:last-child,#boards-tbl th:nth-child(2),#boards-tbl td:nth-child(2){text-align:left}
#members-tbl .pb-ok,#members-tbl .pb-bad,#boards-tbl .pb-ok,#boards-tbl .pb-bad{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}
#members-tbl .pb-ok,#boards-tbl .pb-ok{background:#e8f7ee;color:#157347}
#members-tbl .pb-bad,#boards-tbl .pb-bad{background:#fdecec;color:#b42318}
#members-tbl th,#boards-tbl th{padding-left:16px!important;padding-right:24px!important}

/* Admin board page */
.pb-bsum{padding:22px 24px;margin-bottom:18px}
.pb-bsum h2{font-family:var(--alt-font);font-size:24px;font-weight:800;letter-spacing:-.4px;margin:0 0 12px}
.pb-bsum .chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pb-bsum .num{font-size:14px;color:var(--medium-gray);margin-left:4px}
.pb-bsum .num b{color:var(--pb-ink);font-size:15px}
.pb-bsum .why{margin:12px 0 0;font-size:13.5px;color:#4b5563}
.pb-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}
.pb-pill.ok{background:#e8f7ee;color:#157347}.pb-pill.warn{background:#fff3e0;color:#b2620c}.pb-pill.bad{background:#fdecec;color:#b42318}.pb-pill.plain{background:var(--pb-soft);color:#4b5563;border:1px solid var(--pb-line)}
.pb-mgrid .pb-card h3{font-size:18px}
.pb-mgrid .pb-help{line-height:1.5;font-size:12.5px;margin:0 0 12px}
.pb-mgrid .pb-label{display:block;margin-bottom:6px}
.pb-hrs{border:0;border-top:1px solid var(--pb-line);margin:20px 0}
.pb-mgrid .btn-pb-ghost{height:42px;padding:0 20px;display:inline-flex;align-items:center}
.pb-mgrid .btn-pb{height:42px;padding:0 24px;display:inline-flex;align-items:center;margin-top:12px}

/* The official Piotboard account */
.pb-badge.official{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#2f6fed,#7c5cff);color:#fff;border-radius:999px;padding:2px 9px 2px 7px;font-size:10px;letter-spacing:.06em;vertical-align:middle;margin-left:6px}
.pb-badge.official i{font-size:11px}

/* Back to top */
.pb-totop{position:fixed;right:22px;bottom:22px;z-index:1500;width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,#2f6fed,#7c5cff);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 26px rgba(47,111,237,.45);transition:transform .15s,opacity .2s}
.pb-totop:hover{transform:translateY(-3px)}
.pb-totop[hidden]{display:none}
@media(max-width:600px){.pb-totop{right:14px;bottom:14px;width:42px;height:42px}}

/* Manage > Status */
.pb-statusbar{display:flex;gap:16px;align-items:center;padding:20px 24px;border-radius:16px;margin:0 0 18px;border:1px solid}
.pb-statusbar > i{font-size:30px}
.pb-statusbar b{display:block;font-size:19px;font-family:var(--alt-font)}
.pb-statusbar span{font-size:14px}
.pb-statusbar.ok{background:#e8f7ee;border-color:#bfe6cf;color:#157347}
.pb-statusbar.bad{background:#fff3e0;border-color:#f6d9a8;color:#92400e}
.pb-stiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 8px}
.pb-stile{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;background:#fff;border:1px solid var(--pb-line);border-radius:14px;box-shadow:0 1px 2px rgba(20,24,38,.04)}
.pb-stile .ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.pb-stile.ok .ic{background:#e8f7ee;color:#157347}.pb-stile.bad .ic{background:#fdecec;color:#b42318}.pb-stile.warn .ic{background:#eef3ff;color:var(--base-color)}
.pb-stile .k{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--medium-gray);margin-bottom:2px}
.pb-stile b{display:block;font-size:20px;font-family:var(--alt-font);letter-spacing:-.3px}
.pb-stile small{display:block;font-size:12.5px;color:var(--medium-gray);margin-top:3px;line-height:1.45}
.pb-mon{padding:20px 24px;margin-top:20px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.pb-mon .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pb-mon code{background:var(--pb-soft);border:1px solid var(--pb-line);border-radius:8px;padding:8px 12px;font-size:13px}
@media(max-width:900px){.pb-stiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pb-stiles{grid-template-columns:1fr}}

/* Mobile: footer in a tidy grid, home hero headline about 15% smaller */
@media(max-width:767px){
  footer.pb-footer{padding:40px 0 30px}
  footer.pb-footer .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  footer.pb-footer .cols .col{flex:none!important;min-width:0}
  footer.pb-footer .cols .col:first-child{grid-column:1/-1}
  footer.pb-footer .tag{max-width:none;font-size:13.5px}
  footer.pb-footer .brand img{height:28px}
  footer.pb-footer .col h5{margin-bottom:10px}
  footer.pb-footer .col a{padding:3px 0;margin-bottom:6px;font-size:14px}
  footer.pb-footer .bottom{margin-top:26px;padding-top:16px}
  .pb-hero h1{font-size:25.5px;line-height:1.15;letter-spacing:-.9px}
  .pb-hero h1 .pb-h1-2{margin-top:4px}
}

/* Mobile pass 2: tighter footer links, side padding in the page heroes, fewer chips on the home hero */
@media(max-width:767px){
  footer.pb-footer .cols{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:24px 14px}
  footer.pb-footer .col a{line-height:1.35;padding:5px 0;margin:0}
  footer.pb-footer .col h5{margin-bottom:8px}
  .pb-hero .pb-hero-inner,.pb-pagehead .pb-pagehead-inner{padding-left:22px!important;padding-right:22px!important}
  .pb-hero .pb-chips .pb-chip:last-child{display:none}
}

.pb-take-top a.u .pb-badge.official,.pb-reply .m b .pb-badge.official,.who .pb-badge.official{margin-left:0}

/* The name sits inside the level chip */
.pb-lvl .nm{font-weight:700;text-transform:none;letter-spacing:0}
.pb-take-top a.u{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.pb-take-top a.u .pb-lvl{font-size:13px;padding:4px 12px 4px 8px}
.pb-lvl.hero .nm{font-size:inherit}
@media(max-width:767px){.pb-hero .pb-chips .pb-chip:nth-child(5){display:none}.pb-hero .pb-chips{gap:6px}.pb-hero .pb-chips .pb-chip{padding:5px 11px;font-size:12.5px}}
@media(max-width:767px){.pb-hero .pb-chips .pb-chip:last-child{display:inline-flex}}
.pb-lvl .nm::before{content:none}
.pb-lvl .nm{opacity:1;font-weight:700}

/* Tooltips take no room until they are shown (they were widening the page on phones) */
.pb-tip::after{display:none}
.pb-tip:hover::after,.pb-tip:focus::after,.pb-tip:focus-within::after{display:block}
@media(max-width:600px){.pb-tip::after{width:min(250px,calc(100vw - 56px))!important;max-width:calc(100vw - 56px)}}
/* Vote button in the board header and the modal it opens */
.pb-voteopen{height:44px;padding:0 24px;border-radius:999px;font-weight:800;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.pb-boardmeta .actions{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center}
.pb-vmodal{position:fixed;inset:0;z-index:2100;background:rgba(14,18,30,.58);display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.pb-vmodal .sheet{position:relative;background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:calc(100vh - 32px);overflow:auto;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.pb-vmodal .x{position:absolute;right:14px;top:14px;z-index:5;width:34px;height:34px;border-radius:50%;border:0;background:var(--pb-soft);color:var(--pb-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.pb-vmodal .pb-vote{margin:0;box-shadow:none;padding-top:26px}
@media(max-width:767px){
  .pb-boardmeta .actions{display:flex;width:100%;margin:8px 0 0!important}
  .pb-boardmeta .actions > *{flex:1 1 0;height:46px;display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;font-size:14px;box-sizing:border-box}
  .pb-boardmeta .actions .pb-voteopen{flex:1 1 100%;order:-1;height:50px;font-size:16px}
  .pb-vmodal{align-items:flex-end;padding:0}
  .pb-vmodal .sheet{max-width:none;border-radius:20px 20px 0 0;max-height:92vh}
}
/* The vote modal sits in the middle of the screen at every size */
.pb-vmodal,.pb-vmodal[class]{align-items:center!important;justify-content:center!important;padding:16px!important}
.pb-vmodal .sheet{max-width:500px!important;border-radius:20px!important;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto}

/* Test account: a deliberate bot, green (the red one is Suspected bot) */
.pb-badge.test{display:inline-flex;align-items:center;gap:4px;background:#e8f7ee;color:#157347;border:1px solid #bfe6cf;border-radius:999px;padding:2px 9px 2px 7px;font-size:10px;letter-spacing:.06em;vertical-align:middle;margin-left:6px}
.pb-badge.test i{font-size:11px}

/* Board header: Vote, Follow and Share sit left on their own row, all the same size */
@media(min-width:768px){
  .pb-boardmeta .actions{order:99;flex:0 0 100%;width:100%;margin:10px 0 0!important;justify-content:flex-start;gap:10px}
  .pb-boardmeta .actions > .pb-voteopen,.pb-boardmeta .actions > .pb-follow{width:150px;height:44px;padding:0 18px;margin:0!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:700;border-radius:999px;box-sizing:border-box;white-space:nowrap}
  .pb-boardmeta .actions > .pb-follow{border-width:1.5px}
  .pb-boardmeta .actions > .pb-voteopen i,.pb-boardmeta .actions > .pb-follow i{margin:0;font-size:15px}
}

/* Home hero on phones: the first line stays on one line, the second is a step smaller */
@media(max-width:600px){
  .pb-hero h1{font-size:min(4.8vw,25.5px);white-space:nowrap;letter-spacing:-.6px}
  .pb-hero h1 .pb-h1-2{font-size:.82em;margin-top:5px}
}