/* =========================================================
   New5 single-post page — CLEAN REFERENCE LAYER
   Rebuilt from scratch for single posts only.
   No stacked legacy post overrides.
   ========================================================= */

html body.new5-single-ui,
body.new5-single-ui{
  background:#000!important;
  color:#ccc!important;
  font-family:'Open Sans',Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.2!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
body.new5-single-ui .new5-site-main{
  background:#000!important;
  padding-top:0!important;
  padding-bottom:25px!important;
}

/* ---------- exact reference outer frame / notice / Home button ---------- */
body.new5-single-ui .new5-single-main{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding-top:0!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-bottom:25px!important;
  background:#000!important;
}
body.new5-single-ui .new5-after-header-break,
body.new5-single-ui .new5-inside-content-break{display:block!important}
body.new5-single-ui .new5-single-content-wrapper{
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Defensive reset in case a notice wrapper is introduced by another template. */
body.new5-single-ui .new5-single-content-wrapper>.container.content-wrapper{
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.new5-single-ui .new5-single-content-wrapper .sitewide-notice{
  width:auto!important;
  margin-top:-15px!important;
  margin-right:0!important;
  margin-bottom:20px!important;
  margin-left:0!important;
  padding:0!important;
  background:#000!important;
  border:0!important;
  border-radius:0!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.45!important;
  text-align:center!important;
  box-shadow:none!important;
}
body.new5-single-ui .new5-single-content-wrapper .sitewide-notice .alerrt{
  margin-right:10px!important;
  margin-bottom:10px!important;
  margin-left:10px!important;
}
body.new5-single-ui .new5-notice-rule{
  height:1px!important;
  border:0!important;
  background:#3f3f3f!important;
  margin:0!important;
  padding:0!important;
}
body.new5-single-ui .new5-single-home-text{
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}
body.new5-single-ui .new5-single-home-text p{margin:10px 4px!important}
body.new5-single-ui .new5-single-home-link{
  outline:0!important;
  background:#333!important;
  border-radius:3px!important;
  padding:5px!important;
  color:#fff!important;
  display:inline!important;
  font-size:14px!important;
  font-family:'Open Sans',Arial,sans-serif!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
body.new5-single-ui .new5-single-home-link:hover{background:#444!important;color:#fff!important}

/* ---------- reference two-column post layout with right sidebar ---------- */
body.new5-single-ui .new5-single-row{
  margin-left:-15px!important;
  margin-right:-15px!important;
  background:#000!important;
}
body.new5-single-ui .left-wrapper{margin-top:5px!important}
@media (min-width:992px){
  body.new5-single-ui .left-wrapper.col-md-8{width:66.66666667%!important;float:left!important}
  body.new5-single-ui .left-wrapper.col-md-12{width:100%!important;float:none!important}
  body.new5-single-ui .new5-single-sidebar{width:33.33333333%!important;float:left!important}
}

/* ---------- title bars ---------- */
body.new5-single-ui .category-name,
body.new5-single-ui .page-title,
body.new5-single-ui .widget-title{
  color:#fff!important;
  margin-bottom:10px!important;
  margin-top:-5px!important;
  font-size:17px!important;
  font-family:'Open Sans',Arial,sans-serif!important;
  font-weight:400!important;
  line-height:1.1!important;
  background:#141414!important;
  padding:11px 4px!important;
  border:0!important;
  border-radius:3px!important;
  box-shadow:0 0 1px rgba(204,197,185,.5)!important;
  white-space:normal!important;
}
body.new5-single-ui .left-wrapper .page-title,
body.new5-single-ui .left-wrapper .widget-title{
  font-size:23px!important;
}
body.new5-single-ui .material-icons{
  font-family:'Material Icons'!important;
  font-weight:normal!important;
  font-style:normal!important;
  font-size:24px!important;
  line-height:1!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  display:inline-block!important;
  white-space:nowrap!important;
  word-wrap:normal!important;
  direction:ltr!important;
  -webkit-font-feature-settings:'liga'!important;
  -webkit-font-smoothing:antialiased!important;
}
body.new5-single-ui .material-text{
  position:relative!important;
  top:-5px!important;
  left:2px!important;
}
body.new5-single-ui .left-wrapper .material-text{
  top:-4px!important;
  font-size:20px!important;
  font-weight:600!important;
}

/* ---------- post meta ---------- */
body.new5-single-ui .page-meta{
  margin-bottom:7px!important;
  color:#fff!important;
}
body.new5-single-ui .page-meta span,
body.new5-single-ui .page-meta a{
  background:#fff!important;
  border:0!important;
  padding:4px 10px 3px!important;
  margin:0 5px 8px 0!important;
  display:inline-block!important;
  color:#444!important;
  border-radius:3px!important;
  box-shadow:0 0 1px rgba(204,197,185,.5)!important;
  font-family:'Open Sans',Arial,sans-serif!important;
  line-height:1.42857!important;
  transition:.2s!important;
}
body.new5-single-ui .page-meta span{
  font-weight:600!important;
  background:#4285f4!important;
  color:#fff!important;
}
body.new5-single-ui .page-meta a:hover{
  background:#444!important;
  color:#fff!important;
  text-decoration:none!important;
}
body.new5-single-ui .page-meta .material-icons{font-size:18px!important}
body.new5-single-ui .page-meta .material-text{
  font-size:14px!important;
  font-weight:500!important;
  font-style:normal!important;
  top:-3px!important;
}
body.new5-single-ui .new5-post-title-rule{
  height:2px!important;
  border:0!important;
  color:#252525!important;
  background:#252525!important;
  margin:3px 20px 0!important;
  padding:0!important;
}

/* ---------- post body: exact black reference surface ---------- */
body.new5-single-ui .page-body,
body.new5-single-ui .new5-reference-post-body{
  display:block!important;
  background:#000!important;
  color:#ccc!important;
  font-family:'Open Sans',Arial,sans-serif!important;
  font-size:16px!important;
  line-height:27.2px!important;
  text-align:center!important;
  margin:0 0 20px!important;
  padding:0 5px!important;
  border:0!important;
  box-shadow:none!important;
  overflow-wrap:anywhere!important;
}
body.new5-single-ui .page-body p{
  margin:10px 4px!important;
  color:inherit!important;
  font-size:16px!important;
  line-height:27.2px!important;
}
body.new5-single-ui .page-body a{
  color:#0087fc!important;
  text-decoration:none!important;
}
body.new5-single-ui .page-body a:hover,
body.new5-single-ui .page-body a:focus{
  color:#ccc!important;
  text-decoration:none!important;
}
body.new5-single-ui .page-body h1,
body.new5-single-ui .page-body h2,
body.new5-single-ui .page-body h3,
body.new5-single-ui .page-body h4,
body.new5-single-ui .page-body h5,
body.new5-single-ui .page-body h6{
  font-family:'Open Sans',Arial,sans-serif!important;
  color:#fff!important;
  line-height:1.1!important;
  font-style:normal!important;
}
body.new5-single-ui .page-body h2{font-size:20px!important;font-weight:400!important;margin:20px 0 10px!important}
body.new5-single-ui .page-body h3{font-size:18px!important;font-weight:100!important;margin:20px 0 10px!important}
body.new5-single-ui .page-body h4{font-size:18px!important;font-weight:700!important;margin:25px 0 20px!important}
body.new5-single-ui .page-body h5{font-size:16px!important}
body.new5-single-ui .page-body img{
  display:block!important;
  max-width:100%!important;
  width:350px;
  height:auto!important;
  margin:0 auto!important;
  text-align:center!important;
  position:relative!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
body.new5-single-ui .page-body hr{
  box-sizing:content-box!important;
  height:0!important;
  border:0!important;
  border-top:3px solid #252525!important;
  margin:3px 20px 0!important;
  background:transparent!important;
}
body.new5-single-ui .page-body iframe,
body.new5-single-ui .page-body video,
body.new5-single-ui .page-body object,
body.new5-single-ui .page-body embed{
  max-width:100%!important;
  border:0!important;
}
body.new5-single-ui .responsive-embed-container{
  position:relative!important;
  overflow:hidden!important;
  padding-bottom:56.25%!important;
  height:0!important;
  max-width:100%!important;
}
body.new5-single-ui .responsive-embed-container iframe,
body.new5-single-ui .responsive-embed-container object,
body.new5-single-ui .responsive-embed-container embed{
  position:absolute!important;
  left:0!important;
  top:0!important;
  height:100%!important;
  width:100%!important;
}
body.new5-single-ui .meta-label{color:cornflowerblue!important}

/* reference download-button treatment */
body.new5-single-ui .page-body .buttn{
  line-height:25px!important;
  font-size:15px!important;
  font-weight:400!important;
  font-family:'Open Sans',Arial,sans-serif!important;
  text-transform:capitalize!important;
  text-decoration:none!important;
  border-radius:1px!important;
  padding:9px 14px 9px 0!important;
  margin-right:10px!important;
  opacity:.96!important;
  box-shadow:4px 4px 3px 0 rgba(0,0,0,.2)!important;
  margin-top:20px!important;
  display:inline-block!important;
}
body.new5-single-ui .page-body .red{color:#fff!important;border:2px solid red!important;padding-left:20px!important;background:#367e08!important}
body.new5-single-ui .page-body .no{color:#fff!important;border:2px solid red!important;padding-left:20px!important;background:#085990!important}
body.new5-single-ui .page-body .h{color:#fff!important;border:1px solid #b83411!important;padding-left:20px!important;background:#e23d10!important;width:auto!important}
body.new5-single-ui .page-body .up,
body.new5-single-ui .page-body .in,
body.new5-single-ui .page-body .cl{color:#fff!important;border:1px solid #b83411!important;padding-left:20px!important;background:#454140!important;width:auto!important}

/* ---------- comments: no invented title bar; keep native form/list ---------- */
body.new5-single-ui .new5-comments-wrap,
body.new5-single-ui #comments{
  margin:0 auto!important;
  color:#ccc!important;
  background:#000!important;
}

/* ---------- responsive ---------- */
@media (max-width:991px){
  body.new5-single-ui .left-wrapper{width:100%!important;float:none!important}
}
@media (max-width:500px){
  body.new5-single-ui .new5-single-row{margin-left:-10px!important;margin-right:-10px!important}
  body.new5-single-ui .left-wrapper{padding-left:10px!important;padding-right:10px!important}
  body.new5-single-ui .left-wrapper .page-title{font-size:17px!important}
  body.new5-single-ui .left-wrapper .material-text{font-size:16px!important}
  body.new5-single-ui .page-meta span,
  body.new5-single-ui .page-meta a{padding:4px 7px 3px!important;margin-right:3px!important;font-size:12px!important}
  body.new5-single-ui .page-body,
  body.new5-single-ui .page-body p{font-size:15px!important;line-height:25px!important}
}

/* =========================================================
   Reference-style reactions + comments — post only
   Rebuilt cleanly; replaces the previous comments presentation.
   ========================================================= */
body.new5-single-ui .new5-community{
  width:100%!important;
  max-width:1100px!important;
  margin:18px auto 40px!important;
  padding:0!important;
  background:#000!important;
  color:#b2b2b2!important;
  font-family:'Open Sans',Arial,sans-serif!important;
}
body.new5-single-ui .new5-reactions{
  text-align:center!important;
  padding:0 10px 22px!important;
}
body.new5-single-ui .new5-reaction-title{
  margin:0 0 34px!important;
  padding:0!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
body.new5-single-ui .new5-reaction-total{
  margin:0 0 18px!important;
  color:#0087fc!important;
  font-size:15px!important;
  font-weight:700!important;
}
body.new5-single-ui .new5-reaction-row{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
body.new5-single-ui .new5-reaction-item{min-width:92px!important}
body.new5-single-ui .new5-reaction-button{
  min-width:94px!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 12px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:5px!important;
  background:#515151!important;
  color:#fff!important;
  font:700 12px/1 'Open Sans',Arial,sans-serif!important;
  box-shadow:none!important;
  outline:0!important;
  transition:background-color .16s ease!important;
}
body.new5-single-ui .new5-reaction-button:hover,
body.new5-single-ui .new5-reaction-button.is-active{
  background:#0087fc!important;
  color:#fff!important;
  transform:none!important;
}
body.new5-single-ui .new5-reaction-emoji{
  width:30px!important;
  height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 30px!important;
  line-height:1!important;
  overflow:visible!important;
}
body.new5-single-ui .new5-reaction-emoji-anim{
  width:30px!important;
  height:30px!important;
  display:block!important;
  object-fit:contain!important;
  pointer-events:none!important;
  user-select:none!important;
}
body.new5-single-ui .new5-reaction-count{
  margin-top:7px!important;
  color:#0087fc!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:600!important;
}

body.new5-single-ui .new5-comments-ui{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
}
body.new5-single-ui .new5-subscribe-row{
  min-height:42px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid #4a4a4a!important;
  text-align:left!important;
}
body.new5-single-ui .new5-subscribe-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:7px 0!important;
  border:0!important;
  background:transparent!important;
  color:#777!important;
  font:400 14px/1.2 'Open Sans',Arial,sans-serif!important;
  box-shadow:none!important;
}
body.new5-single-ui .new5-subscribe-toggle:hover{color:#aaa!important}
body.new5-single-ui .new5-mail-icon{font-size:15px!important;color:#777!important}
body.new5-single-ui .new5-subscribe-caret{font-size:12px!important}
body.new5-single-ui .new5-subscribe-form{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:5px 0 8px!important;
  flex-wrap:wrap!important;
}
body.new5-single-ui .new5-subscribe-form[hidden]{display:none!important}
body.new5-single-ui .new5-subscribe-form input{
  width:min(360px,100%)!important;
  height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #555!important;
  border-radius:3px!important;
  background:#111!important;
  color:#ddd!important;
  font-size:13px!important;
}
body.new5-single-ui .new5-subscribe-form button{
  height:38px!important;
  margin:0!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:3px!important;
  background:#0087fc!important;
  color:#fff!important;
  font-weight:600!important;
}
body.new5-single-ui .new5-subscribe-status{font-size:12px!important;color:#999!important}

body.new5-single-ui .new5-comment-form{
  margin:24px 0 64px!important;
  padding:0!important;
  background:#000!important;
}
body.new5-single-ui .new5-discussion-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:13px!important;
}
body.new5-single-ui .new5-discussion-avatar,
body.new5-single-ui .new5-comment-avatar{
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
}
body.new5-single-ui .new5-avatar-img{
  display:block!important;
  width:58px!important;
  height:58px!important;
  margin:0!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  background:#d9d9d9!important;
  object-fit:cover!important;
}
body.new5-single-ui .new5-discussion-main{flex:1 1 auto!important;min-width:0!important}
body.new5-single-ui .new5-textarea-wrap{position:relative!important}
body.new5-single-ui .new5-textarea-wrap textarea{
  display:block!important;
  width:100%!important;
  min-height:56px!important;
  max-height:180px!important;
  resize:vertical!important;
  margin:0!important;
  padding:16px 48px 12px 15px!important;
  border:1px solid #d4d4d4!important;
  border-radius:5px!important;
  outline:0!important;
  background:#fff!important;
  color:#666!important;
  font:400 16px/1.4 'Open Sans',Arial,sans-serif!important;
  box-shadow:0 0 3px rgba(0,0,0,.25) inset!important;
}
body.new5-single-ui .new5-textarea-wrap textarea::placeholder{color:#777!important;opacity:1!important}
body.new5-single-ui .new5-textarea-wrap textarea:focus{border-color:#b9b9b9!important;box-shadow:0 0 4px rgba(0,135,252,.24)!important}
body.new5-single-ui .new5-char-count{
  position:absolute!important;
  top:4px!important;
  right:6px!important;
  color:#888!important;
  font-size:9px!important;
  line-height:1!important;
}
body.new5-single-ui .new5-guest-fields{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:8px!important;
}
body.new5-single-ui .new5-guest-fields[hidden]{display:none!important}
body.new5-single-ui .new5-guest-fields input{
  height:39px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid #555!important;
  border-radius:3px!important;
  background:#111!important;
  color:#ddd!important;
}
body.new5-single-ui .new5-comment-submit-row{margin-top:8px!important;text-align:right!important}
body.new5-single-ui .new5-comment-submit-row[hidden]{display:none!important}
body.new5-single-ui .new5-comment-submit{
  margin:0!important;
  padding:9px 17px!important;
  border:0!important;
  border-radius:3px!important;
  background:#0087fc!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:600!important;
}

body.new5-single-ui .new5-comment-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  height:42px!important;
  margin:0!important;
  padding:0 5px!important;
  border-bottom:2px solid #989898!important;
  color:#b2b2b2!important;
}
body.new5-single-ui .new5-comment-count-label{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  padding:0 5px!important;
  border-bottom:2px solid #0087fc!important;
  margin-bottom:-2px!important;
  color:#ddd!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.5px!important;
}
body.new5-single-ui .new5-comment-sort{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  height:100%!important;
  padding:0 12px!important;
  border-bottom:2px solid #e5aa00!important;
  margin-bottom:-2px!important;
  font-size:14px!important;
}
body.new5-single-ui .new5-sort-bolt{color:#ffc400!important;font-size:18px!important}

body.new5-single-ui .new5-comment-list,
body.new5-single-ui .new5-comment-list .children{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
body.new5-single-ui .new5-comment-list{padding-top:30px!important}
body.new5-single-ui .new5-comment-list .children{margin-left:72px!important}
body.new5-single-ui .new5-comment-item{margin:0 0 24px!important;padding:0!important}
body.new5-single-ui .new5-comment-card{
  display:flex!important;
  align-items:flex-start!important;
  gap:18px!important;
  background:transparent!important;
  color:#c9c9c9!important;
}
body.new5-single-ui .new5-comment-main{flex:1 1 auto!important;min-width:0!important;padding-top:5px!important}
body.new5-single-ui .new5-comment-meta-line{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-bottom:13px!important;
}
body.new5-single-ui .new5-comment-author{color:#0087fc!important;font-size:15px!important;font-weight:600!important}
body.new5-single-ui .new5-comment-time{color:#aaa!important;font-size:11px!important;font-weight:400!important}
body.new5-single-ui .new5-comment-awaiting{color:#f2b200!important;font-size:12px!important;margin-bottom:7px!important}
body.new5-single-ui .new5-comment-text,
body.new5-single-ui .new5-comment-text p{
  margin:0!important;
  padding:0!important;
  color:#ddd!important;
  font-size:14px!important;
  line-height:1.55!important;
  text-align:left!important;
}
body.new5-single-ui .new5-comment-actions{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:9px!important;
  color:#777!important;
  font-size:12px!important;
}
body.new5-single-ui .new5-comment-vote{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#777!important;
  font-size:12px!important;
  box-shadow:none!important;
}
body.new5-single-ui .new5-comment-vote:hover,
body.new5-single-ui .new5-comment-vote.is-active{color:#0087fc!important}
body.new5-single-ui .new5-comment-reply-icon{color:#777!important;font-size:17px!important;line-height:1!important}
body.new5-single-ui .new5-comment-actions .comment-reply-link{color:#aaa!important;font-size:12px!important}
body.new5-single-ui .new5-comment-actions .comment-reply-link:hover{color:#0087fc!important}
body.new5-single-ui .new5-comments-closed{padding:22px 0!important;color:#888!important;text-align:center!important}

@media(max-width:700px){
  body.new5-single-ui .new5-community{margin-top:10px!important}
  body.new5-single-ui .new5-reaction-title{font-size:23px!important;margin-bottom:24px!important}
  body.new5-single-ui .new5-reaction-row{gap:5px!important}
  body.new5-single-ui .new5-reaction-item{min-width:82px!important}
  body.new5-single-ui .new5-reaction-button{min-width:82px!important;height:40px!important;padding:0 8px!important}
  body.new5-single-ui .new5-reaction-label{font-size:11px!important}
  body.new5-single-ui .new5-reaction-emoji,body.new5-single-ui .new5-reaction-emoji-anim{width:27px!important;height:27px!important} body.new5-single-ui .new5-reaction-emoji{flex-basis:27px!important}
  body.new5-single-ui .new5-discussion-row{gap:9px!important}
  body.new5-single-ui .new5-discussion-avatar,
  body.new5-single-ui .new5-comment-avatar,
  body.new5-single-ui .new5-avatar-img{width:46px!important;height:46px!important;flex-basis:46px!important}
  body.new5-single-ui .new5-textarea-wrap textarea{min-height:52px!important;font-size:14px!important;padding-left:11px!important}
  body.new5-single-ui .new5-guest-fields{grid-template-columns:1fr!important}
  body.new5-single-ui .new5-comment-list .children{margin-left:28px!important}
  body.new5-single-ui .new5-comment-card{gap:10px!important}
  body.new5-single-ui .new5-comment-toolbar{padding:0!important}
  body.new5-single-ui .new5-comment-count-label,
  body.new5-single-ui .new5-comment-sort{font-size:12px!important;padding-left:5px!important;padding-right:5px!important}
}

/* ---------- Screen-Shots only: same wrapped image flow as reference ---------- */
body.new5-single-ui .page-body .new5-screenshot-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:flex-start!important;
  column-gap:5px!important;
  row-gap:0!important;
  width:100%!important;
  margin:20px auto 10px!important;
  padding:0!important;
  text-align:center!important;
  line-height:0!important;
}
body.new5-single-ui .page-body .new5-screenshot-grid>br{
  display:none!important;
}
body.new5-single-ui .page-body .new5-screenshot-grid>a{
  display:block!important;
  flex:0 0 350px!important;
  width:350px!important;
  max-width:calc(33.333% - 4px)!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
body.new5-single-ui .page-body .new5-screenshot-grid>a>img,
body.new5-single-ui .page-body .new5-screenshot-grid>img{
  display:block!important;
  width:350px!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
@media (max-width:767px){
  body.new5-single-ui .page-body .new5-screenshot-grid{
    column-gap:4px!important;
  }
  body.new5-single-ui .page-body .new5-screenshot-grid>a{
    flex-basis:calc(50% - 2px)!important;
    width:calc(50% - 2px)!important;
    max-width:calc(50% - 2px)!important;
  }
  body.new5-single-ui .page-body .new5-screenshot-grid>a>img,
  body.new5-single-ui .page-body .new5-screenshot-grid>img{
    width:100%!important;
  }
}

/* =========================================================
   v8.0 — frame-by-frame comment interaction match
   Based on the supplied 2026-09-04 reference recording.
   ========================================================= */
body.new5-single-ui .new5-subscribe-row{
  position:relative!important;
  min-height:49px!important;
  padding:0 0 0!important;
  border-bottom:0!important;
}
body.new5-single-ui .new5-subscribe-row::after{
  content:""!important;
  position:absolute!important;
  top:47px!important;
  left:0!important;
  right:0!important;
  height:1px!important;
  background:#4a4a4a!important;
  pointer-events:none!important;
}
body.new5-single-ui .new5-subscribe-toggle{
  height:47px!important;
  padding:0!important;
  gap:7px!important;
  color:#6f6f78!important;
  font-size:14px!important;
}
body.new5-single-ui .new5-subscribe-toggle[aria-expanded="true"] .new5-subscribe-caret{transform:rotate(180deg)!important}
body.new5-single-ui .new5-mail-icon{
  font-family:'Material Icons'!important;
  font-size:18px!important;
  line-height:1!important;
}
body.new5-single-ui .new5-subscribe-form{
  display:grid!important;
  grid-template-columns:auto minmax(260px,1fr) minmax(180px,330px) 40px auto!important;
  align-items:center!important;
  gap:5px!important;
  padding:20px 0 11px!important;
  margin:0!important;
  opacity:0!important;
  transform:translateY(-3px)!important;
  transition:opacity .14s ease,transform .14s ease!important;
}
body.new5-single-ui .new5-subscribe-form.is-visible{opacity:1!important;transform:translateY(0)!important}
body.new5-single-ui .new5-subscribe-form[hidden]{display:none!important}
body.new5-single-ui .new5-notify-label{
  color:#fff!important;
  font-size:14px!important;
  white-space:nowrap!important;
}
body.new5-single-ui .new5-subscribe-form select,
body.new5-single-ui .new5-subscribe-form input{
  height:30px!important;
  margin:0!important;
  padding:3px 9px!important;
  border:1px solid #d0d0d0!important;
  border-radius:2px!important;
  outline:0!important;
  background:#fff!important;
  color:#999!important;
  font:400 13px/1.2 'Open Sans',Arial,sans-serif!important;
  box-shadow:none!important;
}
body.new5-single-ui .new5-subscribe-form select{width:100%!important}
body.new5-single-ui .new5-subscribe-form input{width:100%!important;color:#555!important}
body.new5-single-ui .new5-subscribe-form input:focus{border-color:#0087fc!important;box-shadow:0 0 0 1px #0087fc!important}
body.new5-single-ui .new5-subscribe-send{
  width:40px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:3px!important;
  background:#0087fc!important;
  color:#fff!important;
  font:700 23px/1 Arial,sans-serif!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.new5-single-ui .new5-subscribe-status{min-width:12px!important;color:#00b56a!important;font-size:15px!important}

body.new5-single-ui .new5-comment-form{margin-top:24px!important}
body.new5-single-ui .new5-textarea-wrap textarea{
  min-height:54px!important;
  height:54px;
  resize:vertical!important;
  padding:14px 40px 12px 15px!important;
}
body.new5-single-ui .new5-char-count{
  display:block!important;
  top:5px!important;
  right:6px!important;
  color:#7f8790!important;
  font-size:9px!important;
  z-index:2!important;
}
body.new5-single-ui .new5-comment-controls{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:100%!important;
  max-height:0!important;
  margin-top:0!important;
  opacity:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-4px)!important;
  transition:max-height .18s ease,margin-top .18s ease,opacity .15s ease,transform .15s ease!important;
}
body.new5-single-ui .new5-comment-controls[hidden]{display:none!important}
body.new5-single-ui .new5-comment-form:focus-within .new5-comment-controls,
body.new5-single-ui .new5-comment-controls.is-visible{
  max-height:110px!important;
  margin-top:8px!important;
  opacity:1!important;
  overflow:visible!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
body.new5-single-ui .new5-guest-fields{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  flex:0 1 48%!important;
  width:48%!important;
  margin:0!important;
}
body.new5-single-ui .new5-guest-fields input{
  width:100%!important;
  height:30px!important;
  margin:0!important;
  padding:4px 10px!important;
  border:1px solid #d5d5d5!important;
  border-radius:1px!important;
  background:#fff!important;
  color:#555!important;
  font-size:12px!important;
  box-shadow:none!important;
}
body.new5-single-ui .new5-guest-fields input::placeholder{color:#777!important;opacity:1!important}
body.new5-single-ui .new5-comment-submit-row{
  flex:1 0 auto!important;
  min-width:130px!important;
  margin:0!important;
  padding:0!important;
  text-align:right!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
body.new5-single-ui .new5-comment-submit{
  min-width:89px!important;
  height:30px!important;
  padding:0 13px!important;
  border-radius:2px!important;
  font-size:11px!important;
  line-height:30px!important;
}
body.new5-single-ui .new5-comment-submit.is-loading{opacity:.65!important}
body.new5-single-ui .new5-comment-form-status{font-size:11px!important;color:#9a9a9a!important;white-space:nowrap!important}

body.new5-single-ui .new5-comment-toolbar{position:relative!important;overflow:visible!important}
body.new5-single-ui .new5-comment-sort-wrap{
  position:relative!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:stretch!important;
  border-bottom:2px solid #e5aa00!important;
  margin-bottom:-2px!important;
}
body.new5-single-ui .new5-comment-sort{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b2b2b2!important;
  box-shadow:none!important;
  margin:0!important;
  padding:0 11px!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font:400 14px/1.2 'Open Sans',Arial,sans-serif!important;
}
body.new5-single-ui .new5-comment-sort-wrap > .new5-comment-sort{border-bottom:0!important;margin-bottom:0!important}
body.new5-single-ui .new5-sort-menu{
  position:absolute!important;
  top:calc(100% + 1px)!important;
  right:0!important;
  z-index:50!important;
  width:92px!important;
  padding:4px 0!important;
  border:1px solid #d8d8d8!important;
  border-radius:1px!important;
  background:#fff!important;
  box-shadow:0 2px 4px rgba(0,0,0,.22)!important;
  opacity:1!important;
}
body.new5-single-ui .new5-sort-menu[hidden]{display:none!important}
body.new5-single-ui .new5-sort-menu button{
  display:block!important;
  width:100%!important;
  height:27px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  background:#fff!important;
  color:#777!important;
  text-align:left!important;
  font:400 11px/27px 'Open Sans',Arial,sans-serif!important;
  box-shadow:none!important;
}
body.new5-single-ui .new5-sort-menu button:hover{background:#f1f1f1!important;color:#333!important}
body.new5-single-ui .new5-sort-menu button[hidden]{display:none!important}

body.new5-single-ui .new5-vote-icon,
body.new5-single-ui .new5-comment-reply-icon{
  font-family:'Material Icons'!important;
  font-size:17px!important;
  line-height:1!important;
  color:#696969!important;
}
body.new5-single-ui .new5-comment-vote{
  gap:5px!important;
  color:#8a8a8a!important;
}
body.new5-single-ui .new5-comment-vote.is-active .new5-vote-icon,
body.new5-single-ui .new5-comment-vote:hover .new5-vote-icon{color:#0087fc!important}
body.new5-single-ui .new5-comment-reply-link{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#aaa!important;
  font:400 12px/1.2 'Open Sans',Arial,sans-serif!important;
  box-shadow:none!important;
}
body.new5-single-ui .new5-comment-reply-link:hover,
body.new5-single-ui .new5-comment-reply-link[aria-expanded="true"]{color:#0087fc!important}

body.new5-single-ui .new5-inline-reply-holder{
  margin:18px 0 24px!important;
  padding:0!important;
  opacity:0!important;
  transform:translateY(-5px)!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
body.new5-single-ui .new5-inline-reply-holder.is-visible{opacity:1!important;transform:translateY(0)!important}
body.new5-single-ui .new5-inline-reply-form{
  margin:0!important;
  padding:0!important;
  background:#000!important;
}
body.new5-single-ui .new5-inline-reply-form .new5-comment-controls{max-height:none!important;margin-top:8px!important;opacity:1!important;overflow:visible!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}

@media(max-width:700px){
  body.new5-single-ui .new5-subscribe-form{
    grid-template-columns:auto 1fr 34px!important;
    gap:5px!important;
  }
  body.new5-single-ui .new5-subscribe-form .new5-notify-label{grid-column:1!important}
  body.new5-single-ui .new5-subscribe-form select{grid-column:2 / 4!important}
  body.new5-single-ui .new5-subscribe-form input{grid-column:1 / 3!important}
  body.new5-single-ui .new5-subscribe-send{grid-column:3!important;width:34px!important}
  body.new5-single-ui .new5-subscribe-status{grid-column:1 / -1!important}
  body.new5-single-ui .new5-comment-controls{gap:8px!important}
  body.new5-single-ui .new5-guest-fields{width:65%!important;flex-basis:65%!important}
  body.new5-single-ui .new5-comment-submit-row{min-width:100px!important}
}

.new5-reaction-static-emoji{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:27px;line-height:1}


/* ---------- v8.6 right sidebar: reference search / categories / thumbnail grid ---------- */
body.new5-single-ui .new5-single-sidebar{
  margin-top:5px!important;
  padding-left:12px!important;
  padding-right:15px!important;
  color:#ccc!important;
}
body.new5-single-ui .new5-single-sidebar .new5-sidebar-title{
  display:block!important;
  margin:-5px 0 0!important;
  padding:10px 8px!important;
  background:#141414!important;
  color:#fff!important;
  border:0!important;
  border-radius:3px!important;
  box-shadow:0 0 1px rgba(204,197,185,.5)!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:600!important;
}
body.new5-single-ui .new5-single-sidebar .new5-sidebar-title .material-icons{font-size:19px!important;vertical-align:middle!important}
body.new5-single-ui .new5-single-sidebar .new5-sidebar-title .material-text{position:static!important;top:auto!important;left:auto!important;font-size:16px!important}
body.new5-single-ui .new5-sidebar-search-body,
body.new5-single-ui .new5-sidebar-category-body{
  margin:0 0 14px!important;
  padding:10px!important;
  background:#0d0d0d!important;
  border:1px solid #222!important;
  border-top:0!important;
}
body.new5-single-ui .new5-sidebar-search-row{display:flex!important;width:100%!important;gap:0!important}
body.new5-single-ui .new5-sidebar-search-row input[type="text"]{
  flex:1 1 auto!important;min-width:0!important;height:34px!important;margin:0!important;padding:6px 8px!important;
  background:#fff!important;color:#222!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
body.new5-single-ui .new5-sidebar-search-row input[type="submit"]{
  flex:0 0 auto!important;height:34px!important;margin:0!important;padding:0 11px!important;
  background:#e8e8e8!important;color:#222!important;border:0!important;border-radius:0!important;font-weight:600!important;
}
body.new5-single-ui .new5-sidebar-category-body select{
  display:block!important;width:100%!important;height:34px!important;margin:0!important;padding:4px 8px!important;
  background:#fff!important;color:#222!important;border:0!important;border-radius:0!important;
}
body.new5-single-ui .new5-sidebar-recent{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
  margin:0!important;padding:0!important;background:#000!important;
}
body.new5-single-ui .new5-sidebar-recent>.thumb{
  display:block!important;float:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;background:#141414!important;border:0!important;box-shadow:0 0 1px rgba(204,197,185,.35)!important;
}
body.new5-single-ui .new5-sidebar-recent>.thumb figure{
  position:relative!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;
  overflow:hidden!important;border:0!important;background:#111!important;
}
body.new5-single-ui .new5-sidebar-recent>.thumb figure img{
  display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:cover!important;
  margin:0!important;padding:0!important;transform:none!important;
}
body.new5-single-ui .new5-sidebar-recent>.thumb .thumb-hover{display:none!important}
body.new5-single-ui .new5-sidebar-recent>.thumb figcaption{
  position:static!important;display:block!important;width:100%!important;min-height:58px!important;margin:0!important;padding:0!important;
  background:#141414!important;text-align:left!important;
}
body.new5-single-ui .new5-sidebar-recent>.thumb figcaption a{display:block!important;color:#eee!important;text-decoration:none!important}
body.new5-single-ui .new5-sidebar-recent>.thumb figcaption p{
  display:block!important;margin:0!important;padding:6px 6px 8px!important;color:#eee!important;
  font-size:11px!important;line-height:1.35!important;font-weight:600!important;text-align:left!important;
  display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
@media(max-width:991px){
  body.new5-single-ui .new5-single-sidebar{display:none!important}
}


/* v8.9: static WordPress Pages use the exact same new5 shell as posts. */
body.new5-page-ui .new5-static-page-wrapper{margin-top:0!important}
body.new5-page-ui .new5-static-page-title{margin-top:0!important}
body.new5-page-ui .new5-static-page-body{min-height:120px!important}
body.new5-page-ui .new5-static-page-body>:first-child{margin-top:0!important}
body.new5-page-ui .new5-static-page-body>:last-child{margin-bottom:0!important}
body.new5-page-ui .ref-content-layout,
body.new5-page-ui .ref-article,
body.new5-page-ui .ref-post-title,
body.new5-page-ui .ref-post-body,
body.new5-page-ui .ref-static-page{all:unset}

/* v8.15 — unified reference-style utility pages */
.new5-utility-page{color:#d4d4d4;font-size:14px;line-height:1.7}
.new5-utility-page .new5-utility-lead{margin:4px 0 22px;padding:14px 16px;background:#111;border:1px solid #282828;border-left:3px solid #f0a323;color:#e4e4e4}
.new5-utility-page h2{font-size:18px!important;line-height:1.35!important;color:#fff!important;margin:24px 0 10px!important;font-weight:600!important}
.new5-utility-page p{margin:0 0 14px;color:#c8c8c8}
.new5-utility-page a{color:#ffb02e;text-decoration:none}
.new5-utility-page a:hover{color:#ffc55a}
.new5-utility-list{margin:0 0 18px 20px;padding:0;color:#c8c8c8}
.new5-utility-list li{margin:7px 0;padding-left:2px}
.new5-community-card{display:flex;align-items:center;gap:14px;padding:16px;margin:10px 0 24px;background:#111;border:1px solid #2d2d2d}
.new5-community-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #444;border-radius:50%;font-size:20px;color:#ffb02e;flex:0 0 auto}
.new5-community-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.new5-community-copy strong{color:#fff;font-size:15px}.new5-community-copy span{color:#aaa;font-size:12px}
.new5-utility-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;background:#e58b16!important;border:1px solid #ffb13c!important;color:#111!important;font-weight:700!important;text-decoration:none!important;cursor:pointer}
.new5-utility-btn:hover{background:#f3a225!important;color:#111!important}.new5-utility-btn.is-disabled{background:#222!important;border-color:#333!important;color:#777!important;cursor:default}
.new5-step-list{display:grid;gap:8px;margin:10px 0 24px}.new5-step{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#111;border:1px solid #262626}.new5-step>b{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e58b16;color:#111;flex:0 0 auto}.new5-step>div{display:flex;flex-direction:column}.new5-step strong{color:#fff;font-size:14px}.new5-step span{color:#aaa;font-size:12px;margin-top:2px}
.new5-utility-note{padding:11px 13px!important;background:#151515;border:1px solid #2b2b2b;color:#aaa!important}
.new5-request-form{margin:10px 0 18px;padding:16px;background:#101010;border:1px solid #292929}.new5-request-form label{display:block;margin:0 0 13px}.new5-request-form label>span{display:block;color:#ddd;font-size:12px;margin-bottom:5px}.new5-request-form input,.new5-request-form textarea{width:100%;box-sizing:border-box;background:#181818;color:#eee;border:1px solid #373737;border-radius:0;padding:10px 11px;outline:none;font:inherit}.new5-request-form input:focus,.new5-request-form textarea:focus{border-color:#e58b16}.new5-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.new5-request-submit{border-radius:0}.new5-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.new5-request-status{margin:0 0 14px;padding:11px 13px;border:1px solid}.new5-request-status.is-success{background:#102014;border-color:#225c31;color:#9bd3a9}.new5-request-status.is-error{background:#251111;border-color:#713232;color:#e4a0a0}
@media(max-width:700px){.new5-community-card{align-items:flex-start;flex-wrap:wrap}.new5-community-card .new5-utility-btn{width:100%}.new5-request-grid{grid-template-columns:1fr}}


/* v8.42 — all WordPress Pages use the reference library-books heading icon. */
body.new5-page-ui .new5-static-page-title .new5-page-heading-icon{
  display:inline-block!important;
  font-family:"Material Icons"!important;
  font-size:21px!important;
  font-weight:normal!important;
  font-style:normal!important;
  line-height:1!important;
  vertical-align:-3px!important;
  margin-right:5px!important;
  color:#fff!important;
}