.community-page-heading{gap:10px}
.community-page-heading h1{white-space:nowrap}
.community-page-heading h1>small{font-size:12px;font-weight:500;color:#9b9d90;margin-left:4px}
.community-heading-actions{display:flex;align-items:center;gap:7px}
.community-tag-trigger{display:inline-flex;align-items:center;gap:4px;height:33px;padding:5px 9px;border:1px solid #e6e4d8;border-radius:6px;background:white;color:#787a6b;font-size:12px;white-space:nowrap}
.community-tag-trigger svg{width:11px;height:11px;transform:rotate(90deg)}
.community-tag-trigger.is-active{background:#fff4ba;border-color:#dfc65c;color:#665015;font-weight:650}
.community-filters .filter{flex-shrink:0}
.community-tag-picker{position:fixed;inset:auto;margin:0;width:286px;max-width:calc(100vw - 24px);padding:16px;border:1px solid #dddccf;border-radius:10px;background:#fffef9;box-shadow:0 8px 30px #39351b22;color:#393c31}
.community-tag-picker>strong{font-size:14px}
.community-tag-picker>p{font-size:11px;color:#92927e;margin:6px 0 13px;line-height:1.5}
.community-tag-options,.community-compose-tags>div{display:flex;flex-wrap:wrap;gap:7px}
.community-tag-option{position:relative;display:inline-flex;align-items:center;gap:5px;font-size:12px!important;margin:0!important;padding:6px 9px;border:1px solid #e4e2d5;border-radius:6px;background:white;color:#777765;cursor:pointer}
.community-tag-option input{width:13px!important;height:13px;margin:0!important;padding:0!important;accent-color:#c39a1e}
.community-tag-option:has(input:checked){border-color:#dfc253;background:#fff3b5;color:#695016}
.community-tag-actions{display:flex;align-items:center;gap:9px;margin-top:15px}
.community-tag-actions>button{font-size:11px;color:#8b8260}
.community-tag-actions>.button{margin-left:auto;font-size:12px;padding:6px 11px;min-height:30px;color:#55430e}
.community-compose-tags{margin:12px 0;padding:0;border:0;min-width:0}
.community-compose-tags legend{font-size:12px;color:#8c8f7b;margin-bottom:8px}
.community-compose-tags legend small{font-size:10px;color:#a0a18e;margin-left:4px}
.community-detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}
.community-detail-tags button{padding:3px 7px;border-radius:4px;background:#f7f1db;color:#8d7226;font-size:11px;line-height:1.4}
.community-filter-empty{padding:25px 12px;text-align:center;font-size:13px;color:#92967f}
.community-filter-empty button{font-size:12px;margin:0 5px;color:#8a7125;text-decoration:underline}
.home-community-category{white-space:nowrap}
@media(min-width:761px){
 .home-community-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-community-group{min-width:0;border-bottom:1px solid #e8e9df}
 .home-community-group:nth-child(odd){border-right:1px solid #e8e9df}
 .home-community-group:nth-last-child(-n+2){border-bottom:0}
 .home-community-group-heading{display:flex;align-items:center;gap:5px;min-height:27px;padding:4px 10px;background:#fbfbf6;border-bottom:1px solid #efefe7}
 .home-community-group-heading button{padding:0;font-size:12px;font-weight:650;color:#656b54}
 .home-community-group-heading button:hover{color:#9b7921;text-decoration:underline}
 .home-community-group-heading>span{font-size:10px;color:#adb09e}
 .home-community-group-heading>svg{width:10px;height:10px;margin-left:auto;color:#a6ab96}
 .home-community-group-list .home-community-row{display:grid;grid-template-columns:42px minmax(0,1fr) 18px 62px;gap:6px;min-height:27px;height:27px;padding:3px 10px;border-bottom:1px solid #f0f0e8}
 .home-community-group-list .home-community-row>strong{font-size:13px;line-height:1.4;min-width:0}
 .home-community-group-list .home-community-category{min-width:0;padding:1px 3px;font-size:10px;text-align:center}
 .home-community-group-list .home-community-author{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:10px;color:#989f89}
 .home-community-group-list .home-community-row>small{display:none}
 .home-community-group-list .home-community-replies,.home-community-group-list .home-community-row>small{text-align:right;min-width:0;font-size:10px}
 .home-community-group-list .home-community-row:last-child{border-bottom:0}
 .home-community-group-list .home-community-empty{padding:15px 10px;margin:0;font-size:11px;color:#a0a58f}
}
.category-scroll{display:flex;align-items:stretch;width:100%;min-width:0;gap:0}
.category-scroll>.filter-scroll{flex:1;min-width:0;width:auto;margin:0;scrollbar-width:none}
.category-scroll-button{flex:0 0 19px;width:19px;align-self:stretch;display:grid;place-items:center;padding:0;background:#f8f7ee;color:#94803b;border-radius:5px;font-size:20px;line-height:1;cursor:pointer}
.category-scroll-button[hidden]{display:none!important}
.category-scroll-button:focus-visible{outline:2px solid #b68d24;outline-offset:-2px}
@media(min-width:761px){
 .affiliate-link-wrap .spotlight-purchase{background:#fff5cf;border-color:#ddd09a;color:#6e5d23}
 .affiliate-link-wrap::before{background-color:#fff5cf;border-color:#ddd09a}
 .affiliate-link-wrap .spotlight-purchase:hover{background:#ffedb5;border-color:#ccb15a;color:#5e4a16}
 .affiliate-link-wrap .spotlight-purchase:focus-visible{outline:2px solid #b59635;outline-offset:2px}
}
@media(max-width:760px){
 .community-page-heading{margin-bottom:8px}
 .community-page-heading h1{font-size:19px}
 .community-page-heading h1>small{font-size:11px}
 .community-heading-actions{gap:5px}
 .community-tag-trigger{height:32px;font-size:11px;padding-inline:8px}
 .community-tag-picker{left:12px!important;right:12px!important;top:auto!important;bottom:72px;width:auto;max-width:none;padding:16px}
 .community-tag-picker::backdrop{background:#34321d1c}
 .community-detail-tags{margin-bottom:8px}
 .community-compose-tags>div{gap:6px}
}

.community-sample-note{display:inline-block;margin-left:8px;font-size:10px;color:#9b8950}
.community-sample-comments{margin-top:16px;border-top:1px solid #ececde}
.community-sample-comments h3{font-size:14px;margin:12px 0 3px}
.community-sample-comments h3 small{font-size:11px;color:#939680}
.community-sample-comment{padding:9px 0;border-bottom:1px solid #eeeee4}
.community-sample-comment header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#6e765d}
.community-sample-comment header small{font-size:10px;color:#9b9f8c}
.community-sample-comment p{margin:4px 0 0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}

.home-community-example-label{font-size:10px;color:#a0a38f;font-weight:400}

/* The same four boards stack vertically on mobile. */
@media(max-width:760px){
 .home-community-groups{display:block}
 .home-community-group{min-width:0;border-bottom:1px solid #e8e9df}
 .home-community-group:last-child{border-bottom:0}
 .home-community-group-heading{display:flex;align-items:center;gap:5px;min-height:30px;padding:6px 10px;background:#fbfbf6;border-bottom:1px solid #efefe7}
 .home-community-group-heading button{padding:0;font-size:12px;line-height:1.4;font-weight:650;color:#656b54}
 .home-community-group-heading>span{font-size:10px;color:#adb09e}
 .home-community-group-heading>svg{width:10px;height:10px;margin-left:auto;color:#a6ab96}
 .home-community-group-list .home-community-row{display:grid;grid-template-columns:42px minmax(0,1fr) 16px 58px;gap:5px;min-height:30px;height:30px;padding:4px 9px;border-bottom:1px solid #f0f0e8}
 .home-community-group-list .home-community-row>strong{min-width:0;font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
 .home-community-group-list .home-community-row>.home-community-category{min-width:42px;width:42px;padding:1px 2px;font-size:10px;text-align:center}
 .home-community-group-list .home-community-author{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:10px;color:#989f89}
 .home-community-group-list .home-community-replies{min-width:0;text-align:right;font-size:10px}
 .home-community-group-list .home-community-row>small{display:none}
 .home-community-group-list .home-community-row:last-child{border-bottom:0}
 .home-community-group-list .home-community-empty{margin:0;padding:14px 10px;font-size:11px;color:#a0a58f}
}

/* Category topics are separate from optional product classifications. */
.community-topic-filters,.community-topic-options{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.community-topic-filters{margin:0 0 9px;padding:0 1px}
.community-topic-filters>span{margin-right:3px;color:#92947e;font-size:11px}
.community-topic-choice{padding:4px 8px;border:1px solid #e7e5da;border-radius:5px;background:#fffef9;color:#777962;font:inherit;font-size:11px;line-height:1.5;white-space:nowrap}
.community-topic-choice[aria-pressed=true]{background:#fff0a9;border-color:#d9bc48;color:#5f4b13;font-weight:650}
.community-topic-choice:focus-visible{outline:2px solid #b59635;outline-offset:2px}
.community-compose-topics{margin:10px 0;padding:0;border:0;min-width:0}
.community-compose-topics legend,.community-product-choices summary{font-size:12px;color:#7d816c;margin-bottom:6px}
.community-compose-topics legend small,.community-product-choices summary small{font-size:10px;color:#a0a18e;margin-left:4px}
.community-product-choices{margin:10px 0 13px}
.community-product-choices summary{cursor:pointer}
.community-product-options{display:flex;flex-wrap:wrap;gap:6px;padding:3px 0}
.community-detail-tags>span{align-self:center;color:#939680;font-size:10px;margin-right:1px}
.community-detail-tags>span:not(:first-child){margin-left:6px}
.community-detail-tags .is-topic{background:#fff0ad;color:#6a5414}
.community-board .home-community-row>strong{display:flex;align-items:center;gap:5px}
.community-row-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-row-topic,.community-row-products{flex-shrink:0;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;font-style:normal;color:#979b87}
.community-row-topic{padding:1px 4px;border-radius:3px;background:#faf4df;color:#92804a}
@media(max-width:760px){.community-topic-filters{gap:4px;margin-bottom:7px}.community-topic-choice{padding:4px 7px}.community-board .community-row-products{max-width:42px;font-size:9px}.community-row-topic{max-width:70px;font-size:9px}}

#community-heading{scroll-margin-top:76px}
.community-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;margin:12px 0 4px;min-height:34px}
.community-pagination button{min-width:32px;min-height:32px;padding:5px 8px;border:1px solid #e1e3d7;border-radius:6px;background:#fff;color:#666e58;font-size:12px;line-height:20px}
.community-pagination button[aria-current=page]{background:#f6d343;border-color:#d1ae2d;color:#44380d;font-weight:750}
.community-pagination button:disabled{opacity:.38;cursor:default}.community-pagination button:hover:not(:disabled){border-color:#b9a447}.community-pagination button:focus-visible{outline:2px solid #9c7d14;outline-offset:2px}.community-pagination>span{font-size:11px;color:#979d89}.community-page-count{margin-left:6px}
@media(max-width:760px){.community-pagination{gap:3px;margin-top:10px}.community-pagination button{min-width:30px;padding-inline:7px}.community-page-count{display:none}}
@media(max-width:760px){
 .community-board .home-community-row>small,.community-board-columns>span:last-child{display:none}
 .community-board-columns>span:nth-child(2){display:block;width:75px;text-align:right}
 .community-board .home-community-author{width:75px;flex:none;font-size:10.5px;text-align:right}
 .community-board .home-community-row>strong{font-size:13px;line-height:1.4}
}
@media(min-width:761px){.community-board .home-community-row{min-height:33px;height:33px;padding-block:5px}}
@media(max-width:760px){.community-board .community-row-topic,.community-board .community-row-products{display:none}}

/* A fixed category column keeps every title on the same left grid line. */
.community-board{--community-category-width:42px;--community-title-gap:9px}
.community-board .home-community-row{gap:var(--community-title-gap)}
.community-board .home-community-row>.home-community-category{width:var(--community-category-width);min-width:var(--community-category-width);max-width:var(--community-category-width);flex:0 0 var(--community-category-width);display:inline-flex;align-items:center;justify-content:center;padding:2px 3px;text-align:center;box-sizing:border-box}
.community-board .home-community-row>strong{text-align:left;justify-content:flex-start}
.community-board-columns>span:first-child{padding-left:calc(var(--community-category-width) + var(--community-title-gap))}
@media(max-width:760px){.community-board{--community-title-gap:6px}}

/* On phones, titles get the full row; author and age share the second line. */
@media(max-width:760px){
 .community-board,.home-community{
  width:calc(100% + 32px);margin-inline:-16px;
  border:0;border-radius:0;box-shadow:none;overflow:hidden;
 }
 .community-board-columns{display:none}
 .home-community-group-heading{padding-inline:8px}
 :is(.community-board,.home-community-group-list) .home-community-row{
  display:grid;grid-template-columns:42px minmax(0,1fr) max-content max-content;
  grid-template-rows:22px 18px;column-gap:6px;row-gap:2px;
  height:auto;min-height:54px;padding:6px 8px;
  border-bottom:1px solid #e8e9df;align-items:center;
 }
 :is(.community-board,.home-community-group-list) .home-community-row>.home-community-category{
  grid-column:1;grid-row:1;width:42px;min-width:42px;max-width:42px;
  padding:2px 3px;font-size:10px;line-height:16px;text-align:center;
 }
 :is(.community-board,.home-community-group-list) .home-community-row>strong{
  grid-column:2 / -1;grid-row:1;min-width:0;margin:0;
  font-size:15px;line-height:22px;font-weight:500;
  text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 }
 :is(.community-board,.home-community-group-list) .home-community-row>.home-community-replies{
  grid-column:4;grid-row:2;font-size:11px;line-height:18px;text-align:right;
 }
 :is(.community-board,.home-community-group-list) .home-community-replies::before{content:'['}
 :is(.community-board,.home-community-group-list) .home-community-replies::after{content:']'}
 :is(.community-board,.home-community-group-list) .home-community-row>.home-community-author:has(>span){
  grid-column:1 / 3;grid-row:2;display:flex;align-items:center;justify-content:flex-start;
  width:auto;max-width:100%;min-width:0;margin:0;gap:4px;
  font-size:12px;line-height:18px;text-align:left;color:#818674;
 }
 :is(.community-board,.home-community-group-list) .home-community-row>small{
  display:block;grid-column:3;grid-row:2;min-width:0;margin:0;
  font-size:11px;line-height:18px;text-align:right;color:#939886;
 }
}

.community-post-page .detail-title{margin:12px 0 10px;font-size:23px;line-height:1.45;overflow-wrap:anywhere}
.community-post-page .post-full-body{white-space:pre-wrap;overflow-wrap:anywhere}
.community-post-page .detail-byline{margin-bottom:16px}
.community-post-page .deal-page-toolbar,.all-deals-page .deal-page-toolbar{display:flex;align-items:center;margin:0 0 12px;padding:0;border:0}
.community-post-page .deal-page-toolbar button,.all-deals-page .deal-page-toolbar button{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0;color:#777d69;font-size:12px}
.community-post-page .deal-page-toolbar svg,.all-deals-page .deal-page-toolbar svg{width:13px;height:13px;transform:rotate(180deg)}
.all-deals-page .community-page-heading{margin-bottom:12px}
.all-deals-page .community-page-heading h1{font-size:22px}
.all-deals-page .community-page-heading small{font-size:12px;font-weight:400;color:#929783}
.all-deals-page .all-deals-list{margin-top:0}
@media(max-width:760px){
 .community-post-page .detail-title{font-size:20px;line-height:1.4}
 .community-post-page .post-full-body{font-size:15px;line-height:1.7;margin:16px 0}
 .community-post-page .detail-byline{font-size:12px;gap:6px}
 .community-post-page .detail-actions{margin:12px 0}
 .community-post-page .detail-actions .button{font-size:12px;min-height:32px;padding:5px 9px}
 .community-post-page .comments-section{scroll-margin-top:56px}
 .all-deals-page .all-deals-list{border-radius:0;border-inline:0;box-shadow:none;width:calc(100% + 32px);margin-inline:-16px}
 .all-deals-page .community-page-heading h1{font-size:20px}
 .all-deals-page .feed-subtoolbar{display:flex;padding:3px 0 8px;gap:8px}
 .all-deals-page .feed-subtoolbar>div{display:flex;align-items:center;gap:8px;min-width:0}
}
