/* =========================================================
   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; }