/* OKPAN v203 HOTFIX117: stronger desktop navigation and corrected mobile menu layout. */
html body[data-share-kind] .topbar,html body.note-share-page .topbar,html body.collection-share-page .topbar{height:64px!important;min-height:64px!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif!important}
html body[data-share-kind] .topbar .topbar-inner,html body.note-share-page .topbar .topbar-inner,html body.collection-share-page .topbar .topbar-inner{height:64px!important;min-height:64px!important}
html body[data-share-kind] .topbar .nav,html body.note-share-page .topbar .nav,html body.collection-share-page .topbar .nav{height:64px!important;align-items:stretch!important;gap:28px!important}
html body[data-share-kind] .topbar .nav>a,html body.note-share-page .topbar .nav>a,html body.collection-share-page .topbar .nav>a,html body[data-share-kind] .topbar .more-trigger,html body.note-share-page .topbar .more-trigger,html body.collection-share-page .topbar .more-trigger{height:64px!important;min-height:0!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif!important;font-size:16px!important;line-height:1!important;font-weight:900!important}
html body[data-share-kind] .topbar .nav>a.active::before,html body.note-share-page .topbar .nav>a.active::before,html body.collection-share-page .topbar .nav>a.active::before{display:none!important;content:none!important}
html body[data-share-kind] .topbar .nav>a.active::after,html body.note-share-page .topbar .nav>a.active::after,html body.collection-share-page .topbar .nav>a.active::after{bottom:3px!important;height:3px!important}
:where(body[data-share-kind],body.note-share-page,body.collection-share-page) .topbar .brand-title{
  color:#151f31!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.25px!important;
}

.public-unavailable{min-height:520px;display:flex;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:#fff}
.public-unavailable-card{width:min(520px,100%);margin:auto}
.public-unavailable-icon{display:grid;width:64px;height:64px;margin:0 auto 20px;place-items:center;border-radius:20px;background:#edf4ff;color:#2563df}
.public-unavailable-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.public-unavailable h1{margin:0;color:#1d2738;font-size:24px;line-height:1.35;font-weight:850}
.public-unavailable p{margin:12px auto 0;color:#66758a;font-size:14px;line-height:1.75;font-weight:600}
.public-unavailable-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px}
.public-unavailable-actions a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 18px;border:1px solid #d7e0ef;border-radius:11px;color:#334155;background:#fff;font-size:14px;font-weight:750;text-decoration:none}
.public-unavailable-actions a.primary{border-color:#2458d7;background:#2458d7;color:#fff;box-shadow:0 8px 20px rgba(36,88,215,.18)}
@media(max-width:860px){.public-unavailable{min-height:420px;padding:36px 18px}.public-unavailable h1{font-size:21px}.public-unavailable-actions{flex-direction:column}.public-unavailable-actions a{width:100%}}
:where(body[data-share-kind],body.note-share-page,body.collection-share-page) .topbar .nav{
  align-items:stretch!important;
  gap:28px!important;
}
:where(body[data-share-kind],body.note-share-page,body.collection-share-page) .topbar .nav>a,
:where(body[data-share-kind],body.note-share-page,body.collection-share-page) .topbar .more-trigger{
  position:relative!important;
  display:inline-flex!important;
  height:64px!important;
  min-height:0!important;
  align-items:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#202a38!important;
  font-size:16px!important;
  line-height:1!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif!important;
  font-weight:900!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
:where(body[data-share-kind],body.note-share-page,body.collection-share-page) .topbar .nav>a:hover,
:where(body[data-share-kind],body.note-share-page,body.collection-share-page) .topbar .nav>a.active,
:where(body[data-share-kind],body.note-share-page,body.collection-share-page) .topbar .more-trigger:hover{
  color:#1266d7!important;
}
:where(body[data-share-kind],body.note-share-page,body.collection-share-page) .topbar .nav>a.active::after{
  position:absolute!important;
  right:0!important;
  bottom:3px!important;
  left:0!important;
  width:auto!important;
  height:3px!important;
  border-radius:3px 3px 0 0!important;
  background:#1683f8!important;
  content:""!important;
}
.public-share-kicker,
.collection-share-page .collection-kicker{
  margin:0 0 3px;
  color:#1677ff;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
body[data-share-kind] .share-display-title,
.collection-share-page .share-account-line strong,
.note-share-page .shared-note-document .note-reader-head h1{
  margin:0;
  color:#202a37;
  font-size:20px!important;
  line-height:1.35;
  font-weight:850!important;
  letter-spacing:-.15px;
}
body[data-share-kind] .share-account-line strong{
  color:#4b586c;
  font-size:13px;
  font-weight:750;
}
body[data-share-kind] .summary-copy:not(:has(.share-display-title)) .share-account-line strong{
  color:#202a37;
  font-size:20px;
  font-weight:850;
}
:where(body[data-share-kind],body.note-share-page,body.collection-share-page) .share-account-meta,
.note-share-page .note-reader-info{
  color:#66758a;
  font-size:13px;
  line-height:1.6;
  font-weight:650;
}
@media(max-width:860px){
  html body[data-share-kind] .topbar,html body.note-share-page .topbar,html body.collection-share-page .topbar,html body[data-share-kind] .topbar .topbar-inner,html body.note-share-page .topbar .topbar-inner,html body.collection-share-page .topbar .topbar-inner{height:58px!important;min-height:58px!important}
  :where(body[data-share-kind],body.note-share-page,body.collection-share-page) .topbar .brand-title{font-size:19px!important}
  html body[data-share-kind] .topbar .nav,html body.note-share-page .topbar .nav,html body.collection-share-page .topbar .nav{position:absolute!important;top:0!important;left:0!important;width:0!important;height:0!important;min-height:0!important;display:block!important;overflow:visible!important;gap:0!important}
  html body[data-share-kind] .topbar .nav>a,html body.note-share-page .topbar .nav>a,html body.collection-share-page .topbar .nav>a,
  html body[data-share-kind] .topbar .more-trigger,html body.note-share-page .topbar .more-trigger,html body.collection-share-page .topbar .more-trigger{
    display:none!important;height:0!important;min-height:0!important;font-size:15px!important;
  }
  html body[data-share-kind] .topbar .mobile-nav-btn,html body.note-share-page .topbar .mobile-nav-btn,html body.collection-share-page .topbar .mobile-nav-btn{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important}
  body[data-share-kind] .share-display-title,
  .collection-share-page .share-account-line strong,
  .note-share-page .shared-note-document .note-reader-head h1{font-size:18px!important}
  body[data-share-kind] .summary-copy:not(:has(.share-display-title)) .share-account-line strong{font-size:18px}
}