/* HEZZ community cards: original palette, clearer surfaces and readable action pills. */
body{background:#f6f7f8!important}
.question-card,.related-card,.profile-question,.hezz-result{background:#fff!important;border:1px solid #e4e7ec!important;border-radius:18px!important;box-shadow:0 4px 16px rgba(14,33,68,.045)!important;overflow:hidden}
.question-card:hover,.related-card:hover,.profile-question:hover{border-color:#cbb788!important;box-shadow:0 8px 26px rgba(14,33,68,.085)!important}
.question-card{display:block!important;padding:0!important}
.question-card .post-content{display:grid!important;position:relative;grid-template-columns:minmax(0,1fr) 104px!important;grid-template-areas:'meta thumb' 'title thumb' 'desc thumb' 'read thumb'!important;gap:0 16px!important;min-height:116px;padding:18px!important;color:inherit;text-decoration:none}
.question-card .post-content:not(:has(.question-thumb)){grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'meta' 'title' 'desc' 'read'!important}
.question-card .post-content .meta{grid-area:meta}.question-card .post-content h3{grid-area:title}.question-card .post-content p{grid-area:desc}.question-card .post-content .read-more{grid-area:read}
.question-card .post-content h3{color:#0e2144}
.question-card .question-thumb{position:static!important;grid-area:thumb;align-self:center;justify-self:end;margin:0!important;border-radius:10px!important;width:104px!important;height:88px!important;aspect-ratio:auto!important;object-fit:cover}
.post-engagement{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:14px 20px;border-top:1px solid #eef0f3;background:#fff}
.engagement-pill{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px!important;margin:0;border:1px solid transparent!important;border-radius:999px!important;background:#f0f3f6!important;color:#34455f!important;font:500 13px/1.2 Ubuntu,system-ui,sans-serif;text-decoration:none!important;white-space:nowrap;box-shadow:none!important}
button.engagement-pill,a.engagement-pill{cursor:pointer}
button.engagement-pill:hover,a.engagement-pill:hover{background:#fff5e3!important;border-color:#e3cca0!important;color:#76591f!important}
.engagement-pill svg{width:17px;height:17px;flex-shrink:0}
.engagement-pill:focus-visible,.post-content:focus-visible{outline:2px solid #b58a34;outline-offset:3px}
.article-shell{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:24px auto 64px!important;max-width:880px}
.hezz-question-block,.hezz-answer-block,.qa-answer,.comment,.answer-composer,.answer-login,.comment-composer,.comment-gate,.qa-empty,.empty-discussion{background:#fff!important;border:1px solid #e4e7ec!important;border-radius:20px!important;padding:26px!important;margin-bottom:20px!important;box-shadow:0 5px 22px rgba(14,33,68,.05)!important}
.hezz-question-block .article-featured{border-radius:14px;margin-bottom:20px;width:100%;object-fit:cover}
.hezz-question-block h1{margin-top:12px;color:#0e2144;letter-spacing:-.7px}
.hezz-question-block .post-engagement{padding:18px 0 0;margin-top:22px}
.hezz-answer-block .article-body{padding:0!important}
.hezz-answer-block .answer-actions{padding-top:18px}
.hezz-answer-block .quick-answer{margin-top:0}
.unified-answers,.comments-box,.related{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin-top:30px}
.answer-section-title,.discussion-head{padding:0 4px 12px!important}
.qa-answer.official{border-top:3px solid #b58a34!important}
.comment-list{display:grid;gap:14px;border:0!important}
.comment{margin:0!important;padding:22px!important}
.comment-gate{align-items:center}
.auth-shell,.delete-account-shell,.goodbye-shell{background:transparent!important}
.auth-card,.delete-account-card,.goodbye-card{background:#fff!important;border:1px solid #e4e7ec!important;border-radius:24px!important;box-shadow:0 16px 50px rgba(14,33,68,.09)!important}
.auth-card .auth-secondary{margin-top:18px}
.profile-question,.related-card{display:block!important;padding:20px!important}
.profile-question .post-content,.related-card .post-content{color:inherit;text-decoration:none;display:block;position:relative}
.related-card .post-content{padding-right:96px;min-height:100px}
.related-card .post-engagement,.profile-question .post-engagement{padding:14px 0 0;margin-top:14px}
.hezz-search-page,.hezz-search{background:transparent!important}
.hezz-result .post-engagement{padding:16px 0 0;margin-top:16px}
.site-footer a[href='/delete-account.php']{color:inherit}
@media(max-width:600px){
 .article-shell{margin:18px 14px 44px!important}
 .hezz-question-block,.hezz-answer-block,.qa-answer,.comment-composer,.comment-gate,.answer-composer,.answer-login{padding:20px!important;border-radius:18px!important}
 .question-card .post-content{grid-template-columns:minmax(0,1fr) 78px!important;gap:0 12px!important;padding:16px!important;min-height:112px}
 .home-block .section-head{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
 .home-block .section-head>div{width:100%;min-width:0}
 .home-block .section-head .view-all{align-self:flex-end;line-height:1.4}
 .question-card .question-thumb{width:78px!important;height:78px!important}
 .post-engagement{padding:12px 16px;gap:6px}
 .engagement-pill{padding:8px 10px!important;font-size:12px;min-height:36px}
 .engagement-pill svg{width:16px;height:16px}
 .hezz-question-block h1{font-size:27px;line-height:1.22}
 .comment{padding:18px!important}
}

/* Question and article lists share the compact thumbnail layout above. */
.attachment-label{display:block;margin:16px 0;font-size:14px;font-weight:600;color:#34455f}
.attachment-label input{display:block;margin-top:8px;max-width:100%;font:inherit}
.attachment-label small{display:block;margin-top:6px;color:#526176;font-weight:400}
.comment-image{display:inline-flex;flex-direction:column;gap:5px;padding:0;margin-top:12px;background:transparent;border:0;color:#76591f;font:500 12px Ubuntu,system-ui;cursor:pointer;box-shadow:none}
.comment-image img,.attachment-preview{width:96px;height:76px;object-fit:cover;border:1px solid #e4e7ec;border-radius:10px}
.image-viewer{width:min(90vw,1000px);max-height:92vh;padding:18px;background:#fff;border:0;border-radius:18px;box-shadow:0 24px 80px #0004}
.image-viewer::backdrop{background:#0e2144b3}.image-viewer img{display:block;max-width:100%;max-height:76vh;margin:auto;object-fit:contain}.image-viewer button{display:block;margin:12px 0 0 auto;border:1px solid #b58a34;background:#fff;color:#76591f;padding:10px 18px;border-radius:10px;cursor:pointer}

.hezz-live-search{position:relative;overflow:visible!important}.hezz-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1000;max-height:360px;overflow:auto;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 18px 45px #0e214422;text-align:left}.hezz-suggestions[hidden]{display:none}.hezz-suggestions a{display:flex!important;flex-direction:column;gap:4px;padding:14px 18px;color:#0e2144!important;text-decoration:none!important;border-bottom:1px solid #eef0f3}.hezz-suggestions a:hover,.hezz-suggestions a[aria-selected=true]{background:#fff8e9}.hezz-suggestions strong{font-size:15px;line-height:1.4}.hezz-suggestions small,.hezz-suggestions p{color:#526176;font-size:12px}.hezz-suggestions p{padding:12px 18px}

.comment-reply{margin-top:16px!important;margin-bottom:0!important;padding:16px!important;box-shadow:none!important;background:#f8f9fa!important;border-left:3px solid #dfd4b9!important;border-radius:12px!important}.comment-main{min-width:0;flex:1}.comment-reply-button{display:block;margin-top:14px;border:0;border-radius:999px;padding:9px 14px;background:#f0f3f6;color:#526176;font:500 13px Ubuntu,system-ui;cursor:pointer}.reply-composer{padding:16px 0}.reply-composer textarea{display:block;width:100%;box-sizing:border-box;min-height:96px;margin-top:8px;padding:14px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;font:inherit}.reply-composer label{font-size:13px}.reply-composer button{border-radius:10px}.comment [hidden]{display:none!important}

/* Keep the header pinned when scroll locking changes Safari's sticky container. */
body.drawer-open{padding-top:var(--hezz-drawer-header-space,68px)!important}
body.drawer-open .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:130!important}
body.drawer-open .site-drawer,body.drawer-open .drawer-backdrop{top:var(--hezz-drawer-header-space,68px)!important}
body.drawer-open .drawer-external-close{min-width:0!important;min-height:0!important;width:42px!important;height:42px!important;top:calc(var(--hezz-drawer-header-space,68px) + 12px)!important}
@media(max-width:850px){body.drawer-open .site-drawer{width:min(82vw,330px)!important}body.drawer-open .drawer-external-close{left:calc(min(82vw,330px) + 10px)!important}}

/* Latest uses inline media; Popular and other lists keep their right thumbnails. */
#latest-questions .question-card .post-content,.latest-grid .question-card .post-content{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'meta' 'title' 'desc' 'thumb' 'read'!important;padding:18px!important;min-height:0!important}
#latest-questions .question-card .question-thumb,.latest-grid .question-card .question-thumb{width:100%!important;height:auto!important;max-height:420px!important;aspect-ratio:auto!important;object-fit:contain!important;justify-self:stretch!important;margin:10px 0 12px!important;border-radius:12px!important;background:#f3f4f6!important}
.article-shell .hezz-question-block,.article-shell .hezz-answer-block{margin-bottom:12px!important}
.article-shell .hezz-answer-block{border-color:#ddc995!important;background:#fffaf0!important;box-shadow:0 2px 12px #76591f08!important}
.article-shell .unified-answers,.article-shell .comments-box{margin-top:12px!important}
.answer-section-title,.discussion-head{padding:0 2px 8px!important;margin:0!important}.answer-section-title h2,.discussion-head h2{margin:0 0 6px!important}
.answer-thread-list,.comment-list{background:#fff!important;border:1px solid #e4e7ec!important;border-radius:16px!important;padding:0 16px!important;gap:0!important;overflow:hidden}
.answer-thread-list:empty{display:none}
.unified-answers .qa-answer,.comment-list .comment{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:16px 0!important;margin:0!important}
.answer-thread-list>.qa-answer+.qa-answer,.comment-list>.comment+.comment{border-top:1px solid #eef0f3!important}
.unified-answers .qa-answer.answer-highlight{background:#fffaf0!important;border:1px solid #d8bd7e!important;border-top:3px solid #b58a34!important;border-radius:16px!important;padding:18px!important;margin-bottom:10px!important;box-shadow:0 2px 12px #76591f08!important}
.qa-answer .answer-author{margin:0 0 8px!important;gap:9px!important}.qa-answer .answer-avatar,.comment-list .comment-avatar{width:28px!important;height:28px!important;flex:0 0 28px!important;font-size:13px!important}
.qa-answer .answer-body{font-size:16px!important;line-height:1.55!important;margin:0!important;padding-left:37px!important}.qa-answer .answer-actions-row{padding-left:37px!important;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px!important;border:0!important}
.qa-answer .answer-actions-row>a,.qa-answer .comment-reply-button{min-height:32px!important;min-width:0!important;margin:0!important;padding:6px 10px!important;border:0!important;border-radius:999px!important;background:#f0f3f6!important;font-size:12px!important;box-shadow:none!important}
.answer-replies{margin:10px 0 0 14px;padding-left:14px;border-left:2px solid #e2e6eb}
.unified-answers .qa-answer.answer-reply{padding:12px 0 4px!important}
.comment-list .comment{display:flex!important;gap:9px!important;align-items:flex-start!important}.comment-list .comment-main>p{font-size:16px!important;line-height:1.55!important;margin:6px 0 0!important}
.comment-list .comment-reply{margin:8px 0 0 4px!important;padding:12px 0 2px 12px!important;border-left:2px solid #e2e6eb!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.comment-meta{gap:6px!important}.comment-meta time,.answer-author small{font-size:11px!important;color:#667085!important}
.comment-reply-button{min-width:0!important;min-height:32px!important;padding:6px 10px!important;margin-top:8px!important;font-size:12px!important}
.comment-image{display:flex!important;width:max-content;max-width:100%;margin:8px 0 0!important;min-width:0!important;min-height:0!important;align-items:flex-start!important;gap:3px!important}
.comment-image img{width:112px!important;height:84px!important;border-radius:8px!important}.comment-image span{font-size:11px!important}
.answer-composer,.answer-login,.comment-composer,.comment-gate{margin-top:10px!important;margin-bottom:10px!important;padding:16px!important}
.reply-composer{padding:10px 0!important}.reply-composer textarea{min-height:76px!important}.reply-composer .attachment-label{margin:10px 0!important}
.qa-answer [hidden]{display:none!important}
@media(max-width:600px){#latest-questions .question-card .question-thumb,.latest-grid .question-card .question-thumb{max-height:320px!important}.hezz-question-block,.hezz-answer-block{padding:18px!important}.qa-answer .answer-body,.comment-list .comment-main>p{font-size:15px!important}.article-shell .related{margin-top:18px!important}}