/* Header, footer, search pill. Shared by the start page. */
.topbar:has(~ .subnav),
[data-theme="day"] .topbar:has(~ .subnav){box-shadow:none}
/* Leaflet panes are 400–700 and the zoom bar is 1000. Isolate the map so those stay inside it. */
.leaflet-container,
.hae-map{isolation:isolate}
.subnav{
	position:relative;z-index:25;
	display:flex;align-items:stretch;gap:2px;
	height:40px;padding:0 48px;box-sizing:border-box;min-width:0;max-width:100%;
	background:var(--bg);color:var(--muted);
	font:500 13px/1 var(--font);font-stretch:100%;letter-spacing:0;
	white-space:nowrap;overflow-x:visible;scrollbar-width:none;
	box-shadow:0 1px 0 rgba(255,255,255,.04), 0 14px 18px -14px rgb(197 245 74 / 16%);
}
.subnav::-webkit-scrollbar{display:none}
@media (min-width:1201px){
	#ride-subnav > .bb-rider{margin-bottom:-2px}
}
[data-theme="day"] .subnav{box-shadow:0 1px 0 rgba(28,28,28,.08), 0 10px 10px -10px rgba(28,28,28,.55)}
.subnav button,.subnav a{
	display:flex;align-items:flex-start;min-height:40px;padding:4px 16px 0 0;
	border:0;background:none;color:inherit;font:inherit;line-height:1;
	cursor:pointer;white-space:nowrap;box-sizing:border-box;letter-spacing:0;
}
.subnav button:hover,.subnav button.on,.subnav a:hover,.subnav a.on{color:var(--accent)}
.subnav a[data-sparte].on,
.subnav a[data-sparte].on:hover{
	align-self:flex-start;align-items:center;min-height:0;height:22px;
	margin-right:16px;padding:0 12px;border-radius:999px;
	background:var(--fill);color:var(--on-fill);font-weight:700
}
.subnav a.hot{font-weight:700}
.subnav .subnav-streams{position:relative;display:flex;align-items:flex-start}
.subnav .subnav-streams > summary{
	display:flex;align-items:flex-start;gap:6px;min-height:40px;padding:4px 16px 0 0;
	list-style:none;cursor:pointer;color:inherit;font:inherit;line-height:1;box-sizing:border-box
}
.subnav .subnav-streams > summary::-webkit-details-marker{display:none}
.subnav .subnav-streams > summary::marker{content:""}
.subnav .subnav-streams > summary::after{
	content:"";width:7px;height:7px;margin-top:2px;flex:none;
	border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg)
}
.subnav .subnav-streams > summary:hover,
.subnav .subnav-streams > summary.on,
.subnav .subnav-streams[open] > summary{color:var(--accent)}
.subnav .subnav-streams > .sub-panel{left:0;right:auto;top:100%;min-width:280px}
.subnav .subnav-streams > .sub-panel .v27-menu-label:first-child{margin-top:4px}
.subnav .subnav-streams > .sub-panel a{
	align-items:center;min-height:0;height:auto;padding:10px 12px;color:var(--ink)
}
.subnav .subnav-streams > .sub-panel a:hover,
.subnav .subnav-streams > .sub-panel a.on{color:var(--accent);background:var(--hover)}
.topbar{
	position:relative;z-index:30;
	display:flex;align-items:center;gap:28px;height:64px;padding:0 48px;
	box-sizing:border-box;min-width:0;max-width:100%;
	background:var(--bg);color:var(--ink);border-bottom:1px solid transparent;
	font-family:var(--font);line-height:1;
	box-shadow:0 1px 0 rgba(255,255,255,.04), 0 14px 18px -14px rgba(0,0,0,.8);
}
[data-theme="day"] .topbar{box-shadow:0 1px 0 rgba(28,28,28,.08), 0 10px 10px -10px rgba(28,28,28,.55)}
.topbar a{color:var(--ink)}
.topbar a:hover{color:var(--accent)}
.topbar a.register,
.topbar a.register:hover,
.topbar button.register,
.topbar button.register:hover{background:var(--fill);color:var(--on-fill);font-size:13px;font-weight:700;padding:0 16px}
.topbar > a:first-child{flex:none;line-height:0}
.topbar .bb-logo{display:block;width:auto;height:24px;max-width:none}
.topnav{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:22px;font:600 15px/1 var(--font);font-stretch:100%;letter-spacing:0}
.topnav a{flex:none;white-space:nowrap;font:inherit;line-height:1;letter-spacing:0;box-sizing:border-box}
.topnav a[aria-current="page"]{color:var(--accent)}
.nav-more{position:relative;flex:none;display:flex;align-items:center}
.nav-more[hidden]{display:none !important}
.nav-more-btn{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}
.nav-more-btn::after{content:'';display:inline-block;margin-left:6px;border:4px solid transparent;border-top-color:currentColor;border-bottom:0;vertical-align:2px}
.nav-more-btn:hover,.nav-more-btn[aria-expanded="true"],.nav-more.has-current .nav-more-btn{color:var(--accent)}
.nav-more .sub-panel{left:0;right:auto;top:calc(100% + 10px)}
.nav-more .sub-panel a{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:8px;color:var(--ink);font:600 15px/1 var(--font);font-stretch:100%;white-space:nowrap}
.nav-more .sub-panel a:hover,.nav-more .sub-panel a[aria-current="page"]{color:var(--accent)}
.nav-more .sub-panel a:hover{background:var(--hover)}
.toptools{margin-left:auto;display:flex;align-items:center;gap:8px;position:relative;min-width:0}
.searchpill{display:flex;align-items:center;gap:8px;height:36px;margin:0;box-sizing:border-box;flex:none;padding:0 14px 0 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--field);color:var(--ink);font:600 14px/1 var(--font);cursor:pointer}
.searchpill:hover{border-color:var(--ink)}
.searchpill svg{flex:none}
.util{position:relative;flex:none}
.util-btn{display:flex;align-items:center;justify-content:center;height:36px;min-width:36px;padding:0 10px;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink);font:500 12px/1 var(--mono);letter-spacing:.04em;cursor:pointer}
.util-btn:hover{border-color:var(--ink)}
.sub-panel{position:absolute;z-index:40;top:calc(100% + 8px);right:0;min-width:180px;padding:8px;border-radius:16px;border:1px solid var(--line);background:var(--field);color:var(--ink);box-shadow:0 16px 48px rgba(0,0,0,.28);display:flex;flex-direction:column}
.sub-panel[hidden]{display:none}
.sub-panel button{display:flex;align-items:center;height:36px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--ink);font:500 14px/1 var(--font);font-stretch:100%;text-align:left;cursor:pointer;white-space:nowrap}
.sub-panel button:hover,.sub-panel button.on{color:var(--accent)}
.sub-panel button:hover{background:var(--hover)}
.nav-extra,.lang-extra-list{display:none}
.topbar button.login,.topbar .nav-extra-login{border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.login-beacon{display:none;align-items:center;justify-content:center;width:36px;height:36px;flex:none;padding:0;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:999px;background:var(--field);color:var(--ink);cursor:pointer}
.login-beacon:hover{border-color:var(--ink)}
.userbox{position:relative;flex:none}
.userpill{position:relative;display:flex;align-items:center;gap:8px;height:36px;max-width:180px;padding:0 10px 0 4px;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink);font:600 13px/1 var(--font);cursor:pointer;overflow:visible}
.userpill > .user-count{display:inline-flex}
.user-phone{display:none}
.user-phone a{display:flex;align-items:center;justify-content:space-between;gap:12px}
.user-phone .user-count{position:static;margin-left:auto}
.userpill:hover,.userpill[aria-expanded="true"]{border-color:var(--ink)}
.userface{position:relative;width:28px;height:28px;flex:none}
.userface img,.userletter{position:absolute;inset:0;width:28px;height:28px;border-radius:999px}
.userface img{object-fit:cover;z-index:1}
.userletter{display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--bg);font:700 12px/1 var(--font)}
.user-toolwrap{position:relative;flex:none}
.user-tool{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;box-sizing:border-box;padding:0;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink);text-decoration:none;cursor:pointer}
.topbar a.user-tool:hover,.user-tool:hover,.user-tool[aria-expanded="true"]{border-color:var(--ink);color:var(--ink)}
.user-feed{width:min(360px,calc(100vw - 24px));max-height:min(70vh,calc(100dvh - 80px));overflow:hidden;padding:12px 10px}
.user-feed-head,
.user-feed > .v27-menu-label,
.user-feed > a.user-feed-compose,
.user-feed > a.user-feed-all{flex:none}
.user-feed-list{min-height:0;overflow:auto}
.user-feed-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 4px 8px 14px}
.user-feed .v27-menu-label,.user-feed-head .v27-menu-label{margin:0}
.user-feed > .v27-menu-label{margin:2px 14px 8px}
.user-feed a.user-feed-gear,
.user-feed a.user-feed-gear:hover{
	display:flex;align-items:center;justify-content:center;flex:none;
	width:32px;height:32px;padding:0;box-sizing:border-box;
	border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink)
}
.user-feed a.user-feed-gear:hover{border-color:var(--ink)}
.user-feed a.user-feed-gear svg{width:16px;height:16px}
.user-feed a.user-feed-compose,
.user-feed a.user-feed-compose:hover{
	display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;
	height:32px;min-height:0;margin:0 4px 8px;padding:0 12px;border-radius:999px;
	background:var(--fill);color:var(--on-fill);font:600 13px/1 var(--font);font-stretch:100%
}
.user-feed a.user-feed-compose span{font:600 13px/1 var(--font);font-stretch:100%;letter-spacing:0}
.user-feed a.user-feed-compose:hover{filter:brightness(1.05)}
.user-feed a.user-feed-compose svg{width:13px;height:13px;flex:none}
.user-feed a.user-feed-item{display:flex;align-items:center;height:auto;min-height:52px;padding:8px 10px;gap:12px;font:500 14px/1.3 var(--font);font-stretch:100%;letter-spacing:0;border-top:1px dashed #d8d8d8;border-radius:0}
[data-theme="night"] .user-feed a.user-feed-item{border-top-color:#4B525B}
.userface.userface-sm{width:36px;height:36px;flex:none}
.userface.userface-sm img,.userface.userface-sm .userletter{width:36px;height:36px;font-size:14px}
.user-feed a.user-feed-item.is-new .userface::after{content:'';position:absolute;top:0;right:0;width:8px;height:8px;border-radius:999px;background:#C1121C;box-shadow:0 0 0 2px var(--field);z-index:2}
[data-theme="night"] .user-feed a.user-feed-item.is-new .userface::after{background:#FF6B73}
.user-feed-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.user-feed a.user-feed-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px/1.3 var(--font);font-stretch:100%;letter-spacing:0;color:var(--ink);line-height:1.5;}
.user-feed a.user-feed-item.is-react strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.user-feed a.user-feed-item.is-new strong{font-weight:700}
.user-feed a.user-feed-item:hover strong{color:var(--accent)}
.user-feed a.user-feed-item .user-feed-copy > span{font:500 14px/1.3 var(--font);font-stretch:100%;letter-spacing:0;color:var(--faint)}
.user-feed-empty{margin:8px 14px 12px;color:var(--muted);font:500 14px/1.3 var(--font);font-stretch:100%}
.user-feed a.user-feed-all{position:relative;display:flex;align-items:center;height:40px;padding:0 14px;border-radius:8px;background:var(--hover);font:600 15px/1 var(--font);font-stretch:100%;color:var(--ink)}
.user-feed a.user-feed-all:hover{background:var(--hover);color:var(--accent)}
.user-feed a.user-feed-all:last-child{margin-top:11px;border-radius:8px}
.user-feed a.user-feed-all:last-child::before{content:'';position:absolute;left:0;right:0;top:-11px;border-top:1px solid var(--line)}
.user-count{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:#C1121C;color:#fff;font:700 10px/1 var(--font)}
.username{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.userchev{flex:none;color:var(--muted)}
.user-panel{min-width:220px;max-height:70vh;overflow:auto;padding:8px}
.user-panel > a{height:36px;padding:0 12px;border-radius:8px;font:600 15px/1 var(--font);font-stretch:100%;letter-spacing:0;justify-content:flex-start}
.user-panel a.user-reports,.user-extra-list a.user-reports{display:flex;align-items:center;justify-content:space-between;gap:12px}
.user-panel a.user-reports .user-count,.user-extra-list a.user-reports .user-count{position:static;margin-left:auto}
.user-panel > a:hover{color:var(--accent)}
.v27-menu-label{margin:12px 12px 0;font:600 11px/1 var(--font);font-stretch:100%;letter-spacing:0;text-transform:none;color:var(--faint)}
.user-panel > .v27-menu-label:first-of-type{margin-top:2px}
.user-panel .user-phone a{height:36px;padding:0 12px;border-radius:8px;color:var(--ink);font:600 15px/1 var(--font);font-stretch:100%}
.user-panel .user-phone a:hover{color:var(--accent);background:var(--hover)}
.user-panel a.user-out{margin-top:6px;border-top:1px solid var(--line);border-radius:0}
.topbar button.register{border:0;cursor:pointer}
.login,.register{font-size:14px;font-weight:600}
.register{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:var(--fill);color:var(--on-fill)}
.register:hover{color:var(--on-fill);filter:brightness(1.05)}
.nav-toggle{display:none;align-items:center;justify-content:center;box-sizing:border-box;width:36px;height:36px;padding:0;border:1px solid var(--line-strong);border-radius:999px;background:var(--field);color:var(--ink);cursor:pointer;flex:none}
.site-foot{margin-top:auto;background:var(--footer);color:var(--footer-ink);border-top:1px solid var(--line);padding:48px 48px 36px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;font-size:14px}
.site-foot a{color:var(--footer-ink)}
.site-foot a:hover{color:var(--accent)}
.foot-brand{grid-column:span 5;display:flex;flex-direction:column;gap:16px;min-width:0}
.site-foot .logo-day,.site-foot .logo-night{display:block;height:42px;width:auto;max-width:100%}
.foot-label{font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--footer-muted)}
.foot-brand .foot-label{font-size:12px}
.foot-links{grid-column:span 2;display:flex;flex-direction:column;gap:10px;min-width:0}
.foot-links.is-wide{grid-column:span 4}
.foot-stats{grid-column:span 3;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start;min-width:0}
.foot-stats a{display:flex;flex-direction:column}
.foot-stats strong{display:block;font-size:32px;font-weight:900;font-stretch:68%;color:var(--footer-ink);white-space:nowrap}
.foot-stats span{font-size:12px;color:var(--footer-muted)}
.foot-meta{grid-column:span 12;display:flex;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid var(--line);font:11px var(--mono);color:var(--footer-muted);min-width:0}
.foot-meta span{min-width:0}
.directory{padding:0 48px 64px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}
.dir-head{grid-column:span 4;display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0}
.directory h2{margin:0;font-size:28px;font-weight:900;font-stretch:88%;letter-spacing:0;line-height:1;text-transform:uppercase}
.directory h2 a,.directory h2 a:hover{color:inherit;text-decoration:none}
.directory a,.directory a:hover{color:var(--ink);text-decoration:none}
.directory .block-more,.directory .block-more:hover{font:500 12px var(--mono);color:var(--muted);white-space:nowrap}
.dir-card{display:flex;flex-direction:column;gap:8px;min-width:0}
.dir-card strong{font-size:14px;font-weight:700;line-height:1.3}
.dir-card span{font-size:12px;line-height:1.35;color:var(--muted)}
.directory .shot{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center;border-radius:6px;background:var(--shot)}
.directory .shot-sm{aspect-ratio:168/112;border-radius:8px}
.dir-card .shot[data-mark="logo"]{object-fit:cover;object-position:center;padding:0;background:var(--logo-bg, var(--card))}
@media (max-width: 1100px){
	.directory{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:16px;padding-right:16px}
	.dir-head{grid-column:span 2}
}
.nl{display:flex;gap:8px;min-width:0;position:relative}
.nl-hp{position:absolute;left:-9999px;height:0;width:0;opacity:0;padding:0;border:0}
.nl input{flex:1;min-width:0;width:100%;height:48px;border:1px solid var(--line-strong);border-radius:999px;background:var(--field);padding:0 18px;color:var(--ink);font:14px var(--font)}
.nl button{height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--fill);color:var(--on-fill);font:700 14px var(--font);cursor:pointer}
.topbar.is-beacon .nav-toggle{display:flex}
.topbar.is-beacon .nav-more{display:none !important}
.topbar.is-beacon .topnav{display:none;position:absolute;left:0;right:0;top:64px;flex:none;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:var(--card);border-bottom:1px solid var(--line)}
.topbar.is-beacon.is-open .topnav{display:flex;z-index:1;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow:auto}
.topbar.is-beacon.is-open::before{content:"";position:fixed;z-index:-1;left:0;right:0;top:64px;bottom:0;background:rgb(14 15 17 / 56%)}
@media (max-width:720px){
	.topbar.is-beacon.is-open::before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
}
.topbar.is-beacon .topnav a{padding:12px 16px}
.topbar.is-beacon .login{display:none}
.topbar.is-beacon .login-beacon{display:flex}
.topbar.is-beacon.is-open .nav-extra-lang{display:flex;width:100%;padding:12px 16px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:600 16px/1.2 var(--font);font-stretch:100%;text-align:left;cursor:pointer;box-sizing:border-box}
.topbar.is-beacon #user-extra-list{display:none !important}
.topbar.is-beacon.is-open .nav-extra-lang{margin-top:8px;border-bottom:0;border-radius:10px;background:var(--hover)}
.topbar.is-beacon.is-open .lang-extra-list:not([hidden]){display:block}
.lang-extra-list[hidden]{display:none !important}
.lang-extra-list button,.lang-extra-list a{display:block;width:100%;padding:12px 16px 12px 28px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--muted);font:600 16px/1.2 var(--font);text-align:left;cursor:pointer;text-decoration:none}
.lang-extra-list button.on,.lang-extra-list a.on{color:var(--accent)}
.user-extra-list a{display:flex;align-items:center;font:600 16px/1.2 var(--font);font-stretch:100%;letter-spacing:0}
.user-extra-list .v27-menu-label{padding:14px 16px 4px 28px;margin:0}
.user-extra-list a.user-out{border-top:1px solid var(--line)}
@media (max-width: 980px){
	.subnav{overflow-x:auto}
	.topbar,.subnav{padding-left:16px;padding-right:16px}
	.topbar{gap:12px}
	.topbar .bb-logo{height:16px}
	.register,.util{display:none}
	.username{display:none}
	.userpill{padding-right:8px;gap:0}
	.site-foot{grid-template-columns:1fr 1fr;padding:36px 24px 28px;gap:28px 20px}
	.foot-brand,.foot-stats,.foot-meta,.foot-links.is-wide{grid-column:1 / -1}
	.foot-meta{flex-direction:column}
	.directory{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:16px;padding-right:16px}
	.dir-head{grid-column:span 2}
}
.jump-pill{position:fixed;right:22px;bottom:24px;z-index:40;display:flex;flex-direction:column;gap:8px;opacity:1;transition:opacity .28s ease}
.jump-pill.is-gone{opacity:0;pointer-events:none}
.jump-pill button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(14,15,17,.55);color:#fff;cursor:pointer}
.jump-pill button:hover{background:rgba(14,15,17,.75)}
.jump-pill svg{width:18px;height:18px}
@media (max-width: 720px){
	.dir-head{grid-column:1 / -1}
	.directory > .dir-haendler{order:1}
	.directory > .dir-head + .dir-head{order:2}
	.directory > .dir-hotel{order:3}
	.jump-pill{right:14px;bottom:14px;gap:8px}
	.jump-pill button{width:40px;height:40px}
	.jump-pill svg{width:16px;height:16px}
}
@media (max-width: 560px){
	.topbar{gap:6px;padding-left:10px;padding-right:10px}
	.toptools{gap:4px}
	.nav-toggle,.searchpill,.login-beacon,.user-tool,.userpill{width:32px;height:32px;min-width:32px}
	.theme-toggle{width:48px;height:28px}
	.theme-toggle::before{top:3px;left:23px;width:22px;height:22px}
	.theme-toggle::after{top:6px;left:4px;width:16px;height:16px}
	[data-theme="night"] .theme-toggle::before,
	html[data-theme="night"] .theme-toggle::before{left:3px}
	[data-theme="night"] .theme-toggle::after,
	html[data-theme="night"] .theme-toggle::after{left:auto;right:4px}
	.searchpill{padding:0;justify-content:center}
	.searchpill span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.searchpill svg{width:15px;height:15px}
	.topbar .user-feed{
		position:fixed;top:68px;left:8px;right:8px;width:auto;max-width:none;
		max-height:min(70vh,calc(100dvh - 84px));padding:10px 8px
	}
	.user-feed-head{margin-left:10px}
	.user-feed a.user-feed-gear,.user-feed a.user-feed-gear:hover{width:32px;height:32px}
	.user-feed a.user-feed-compose,.user-feed a.user-feed-compose:hover{height:32px;font-size:13px}
	.user-feed a.user-feed-item{min-height:48px;padding:8px;gap:10px;font-size:14px}
	.user-feed a.user-feed-item strong,
	.user-feed a.user-feed-item .user-feed-copy > span{font-size:13px}
	.userface.userface-sm,.userface.userface-sm img,.userface.userface-sm .userletter{width:32px;height:32px;font-size:13px}
	.user-phone{display:none}
	.user-panel > .user-phone + .v27-menu-label{margin-top:12px}
	.userpill > .user-count{display:inline-flex}
	.userchev{display:none}
	.userpill{padding:0;border:0;justify-content:center;overflow:visible}
	.userpill .userface,
	.userpill .userface img,
	.userpill .userletter{width:32px;height:32px}
	.userpill > .user-count{
		top:-4px;right:-4px;z-index:2;min-width:16px;height:16px;padding:0 4px;
		font-size:10px;box-shadow:0 0 0 2px var(--bg)
	}
}

/* Page and form messages. ok follows --accent (red by day, lime at night). */
.v27-note{
	box-sizing:border-box;
	margin:0 0 16px;
	padding:14px 16px 14px 14px;
	border:1px solid var(--line);
	border-left:3px solid var(--muted);
	border-radius:10px;
	background:var(--card);
	color:var(--ink);
	font-size:15px;
	line-height:1.45;
}
.v27-note.ok{
	border-color:var(--fill);
	background:var(--fill);
	color:var(--on-fill);
	font-weight:650;
}
.v27-note.warn{border-left-color:var(--ink)}