/* Homepage discovery: one component scale, reusing shared feed theme tokens. */
html body.ssh-homepage-page #ssh-feed{
 --home-radius:10px;--home-chip-radius:5px;--home-gap:16px;
 --home-chip-bg:var(--feed-surface);--home-chip-text:var(--feed-text);
 padding:40px 0 48px;
}
html[data-ssh-theme=dark] body.ssh-homepage-page #ssh-feed{
 --feed-bg:#101827;--feed-surface:#182231;--feed-card:#151f2e;
 --feed-text:#e7ebf0;--feed-muted:#aab4c2;--feed-accent:#a6cfc7;--feed-line:rgba(255,255,255,.08);
}
html body.ssh-homepage-page #ssh-feed .ssh-feed-width{width:calc(100% - 64px);max-width:1440px;margin-inline:auto}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-feed-top{padding:0;margin:0;max-width:900px}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-page-heading h1{font:500 clamp(23px,1.8vw,26px)/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.3px;text-transform:none;color:var(--feed-text);margin:0;max-width:none}
#ssh-feed .ssh-home-title-line{display:block}
#ssh-feed .ssh-home-title-line+.ssh-home-title-line{font-size:16px;font-weight:400;letter-spacing:0;color:var(--feed-muted);margin-top:8px}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-page-heading h2{font:600 16px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:var(--feed-text);margin:0}
html body #ssh-feed :is(.ssh-home-explore,.ssh-home-newsfeed){margin:48px 0 0}
html body #ssh-feed :is(.ssh-home-explore,.ssh-home-newsfeed)>.ssh-page-heading{margin:0 0 24px}
#ssh-feed .ssh-home-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--home-gap);align-items:stretch}
#ssh-feed .ssh-home-category{min-width:0;min-height:204px;border-radius:var(--home-radius);background:var(--feed-card);display:flex;box-shadow:inset 0 0 0 1px var(--feed-line)}
#ssh-feed .ssh-home-category-copy{padding:24px;width:100%;color:var(--feed-text);display:flex;flex-direction:column;align-items:flex-start}
html body #ssh-feed .ssh-home-category h3{font:500 17px/1.35 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;color:var(--feed-text);margin:0 0 6px}
#ssh-feed .ssh-home-category h3 a{color:inherit}
#ssh-feed .ssh-home-category p{margin:0 0 12px;font:400 13px/1.5 Arial,Helvetica,sans-serif;color:var(--feed-muted)}
#ssh-feed .ssh-home-category-tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
#ssh-feed :is(.ssh-home-category-tags a,.ssh-home-trend-term){display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:30px;padding:5px 8px;border-radius:var(--home-chip-radius);background:var(--home-chip-bg);color:var(--home-chip-text);font:400 12px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;box-shadow:none;transition:background 200ms ease,box-shadow 200ms ease}
#ssh-feed .ssh-home-category-more{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 0;font:500 13px/1.4 Arial,Helvetica,sans-serif;color:var(--feed-accent);text-decoration:none;margin-top:auto}
html body #ssh-feed .ssh-home-trends{margin-top:40px;min-width:0}
html body #ssh-feed .ssh-home-trends h3{font:500 16px/1.4 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;color:var(--feed-text);margin:0 0 16px}
#ssh-feed .ssh-home-trend-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;min-width:0;overflow:visible;padding:0}
#ssh-feed .ssh-home-trend-term{min-height:36px;padding:8px 12px;font-size:13px}
#ssh-feed .ssh-home-trend-creator{display:flex;align-items:center;gap:12px;flex:0 1 calc((100% - 36px)/4);min-width:0;min-height:52px;padding:10px 12px;border-radius:var(--home-chip-radius);background:var(--home-chip-bg);color:var(--home-chip-text);font:400 13px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;box-shadow:none;transition:background 200ms ease,box-shadow 200ms ease}
#ssh-feed .ssh-home-trend-creator img,#ssh-feed .ssh-home-creator-initial{width:30px;height:30px;flex:0 0 30px;object-fit:cover;border-radius:50%;margin:0}
#ssh-feed .ssh-home-creator-initial{display:grid;place-items:center;background:var(--feed-bg);color:var(--feed-accent);font-size:17px}
#ssh-feed .ssh-home-creator-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ssh-feed .ssh-home-trend-creator>span:last-child{flex-shrink:0;color:var(--feed-accent)}
#ssh-feed .ssh-home-trend-empty{font:400 14px/1.6 Arial,Helvetica,sans-serif;color:var(--feed-muted);margin:0;padding:8px 0}
#ssh-feed .ssh-home-explore a:focus-visible{outline:3px solid #a8e6d8;outline-offset:3px}
#ssh-feed .ssh-home-category:focus-within{box-shadow:inset 0 0 0 2px #a8e6d8}
@media(hover:hover) and (pointer:fine){
 #ssh-feed :is(.ssh-home-category-tags a,.ssh-home-trend-term,.ssh-home-trend-creator):hover{box-shadow:inset 0 0 0 1px #a6cfc740;background:var(--feed-surface);color:var(--feed-text)}
 #ssh-feed .ssh-home-category-more:hover{text-decoration:underline;text-underline-offset:4px}
}
html body #ssh-feed .ssh-feed-main{margin-top:0}
html body #ssh-feed .ssh-feed-filters{width:fit-content;max-width:100%;padding:4px;border-radius:10px;margin:0 0 24px;gap:4px}
html body #ssh-feed .ssh-feed-filters button{min-height:40px;padding:8px 16px;border-radius:var(--home-chip-radius);font-size:14px}
html body #ssh-feed .ssh-feed-story{border-radius:var(--home-radius)}
@media(max-width:1199px){#ssh-feed .ssh-home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#ssh-feed .ssh-home-trend-creator{flex-basis:calc((100% - 12px)/2)}}
@media(max-width:600px){
 html body.ssh-homepage-page #ssh-feed{padding:32px 0 40px}
 html body.ssh-homepage-page #ssh-feed .ssh-feed-width{width:calc(100% - 32px)}
 html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-page-heading h1{font-size:23px;line-height:1.35;letter-spacing:-.3px}
 html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-page-heading h2{font-size:16px;letter-spacing:.6px}
 html body #ssh-feed :is(.ssh-home-explore,.ssh-home-newsfeed){margin-top:32px}
 html body #ssh-feed :is(.ssh-home-explore,.ssh-home-newsfeed)>.ssh-page-heading{margin-bottom:16px}
 #ssh-feed .ssh-home-category-grid{grid-template-columns:minmax(0,1fr)}
 #ssh-feed .ssh-home-category{min-height:204px}
 #ssh-feed .ssh-home-category-copy{padding:20px}
 #ssh-feed :is(.ssh-home-category-tags a,.ssh-home-trend-term,.ssh-home-category-more){min-height:44px}
 #ssh-feed .ssh-home-trend-row{gap:8px}
 #ssh-feed .ssh-home-trend-creator{flex-basis:100%;min-height:52px}
 html body #ssh-feed .ssh-feed-filters{display:flex;flex-wrap:wrap;width:fit-content}
 html body #ssh-feed .ssh-feed-filters button{min-height:44px;padding:8px 12px}
}

/* Shared header geometry now lives in site-container.css. */

/* Approved compact homepage directory. Scoped to the homepage feed only. */
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-feed-top h1{font:700 13px/1.5 Arial,Helvetica,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:var(--feed-muted)}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-page-heading h2{font:500 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:var(--feed-muted)}
#ssh-feed{--dir-button:#40798c;--dir-hover:#497f90}
html[data-ssh-theme=dark] #ssh-feed{--dir-button:#344865;--dir-hover:#3d5574}
html body #ssh-feed .ssh-home-explore{margin-top:18px}
#ssh-feed .ssh-home-directory{padding:20px;border-radius:10px;background:var(--feed-card)}
#ssh-feed .ssh-home-directory>.ssh-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:0}
#ssh-feed .ssh-home-category-total{font:400 11px/1.4 Arial,sans-serif;color:var(--feed-muted)}
#ssh-feed .ssh-home-category-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
#ssh-feed .ssh-dir-topic-tree{display:grid;grid-template-columns:minmax(235px,270px) minmax(0,1fr);gap:14px;align-items:center;min-width:0;padding:5px 8px;background:var(--feed-surface);border-radius:8px}
html body #ssh-feed .ssh-dir-topic-identity h3{font:400 15px/1.4 Arial,Helvetica,sans-serif;margin:0;text-transform:none;letter-spacing:0}
#ssh-feed .ssh-dir-topic-button{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;border-radius:6px;background:var(--dir-button);color:var(--feed-text);box-shadow:inset 3px 0 var(--feed-accent);text-decoration:none}
#ssh-feed .ssh-dir-topic-count{margin-left:auto;padding:3px 6px;border-radius:4px;background:var(--feed-card);color:var(--feed-muted);font:400 10px/1.4 Arial,sans-serif;white-space:nowrap}
#ssh-feed .ssh-dir-topic-parent-arrow{color:var(--feed-accent);font-size:15px}
#ssh-feed .ssh-dir-topic-children{min-width:0}
#ssh-feed .ssh-dir-topic-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#ssh-feed .ssh-dir-topic-links a{display:inline-flex;align-items:center;gap:10px;min-height:30px;padding:6px 9px;background:var(--dir-button);border-radius:5px;color:var(--feed-text);font:400 11px/1.4 Arial,Helvetica,sans-serif;text-decoration:none}
#ssh-feed .ssh-dir-subtag-count{border-left:1px solid var(--feed-line);padding-left:8px;color:var(--feed-muted);font-size:10px;font-variant-numeric:tabular-nums}
#ssh-feed .ssh-dir-topic-links .ssh-dir-topic-more{color:var(--feed-accent)}
html body #ssh-feed .ssh-home-trends{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;align-items:start;margin-top:12px;padding:20px 24px;border-radius:10px;background:var(--feed-surface)}
html body #ssh-feed .ssh-home-directory+.ssh-home-trends{margin-top:24px}
html body #ssh-feed .ssh-home-trends h3{font:500 14px/1.4 Arial,Helvetica,sans-serif;margin:0;padding-top:10px}
#ssh-feed .ssh-home-trend-row{gap:8px}
#ssh-feed .ssh-home-trend-term{background:var(--dir-button);font-size:12px;min-height:36px;padding:8px 12px}
html body #ssh-feed .ssh-home-creators{background:var(--feed-card)}
#ssh-feed .ssh-home-creators .ssh-home-trend-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#ssh-feed .ssh-home-trend-creator{min-height:40px;padding:6px 8px;gap:8px;font-size:12px;background:var(--feed-surface)}
#ssh-feed .ssh-home-trend-creator img,#ssh-feed .ssh-home-creator-initial{width:26px;height:26px;flex-basis:26px}
#ssh-feed .ssh-dir-topic-button:hover,#ssh-feed .ssh-dir-topic-links a:hover,#ssh-feed .ssh-home-trend-term:hover{background:var(--dir-hover);color:var(--feed-text)}
#ssh-feed .ssh-home-trend-creator:hover{background:var(--dir-button)}
html body #ssh-feed .ssh-home-newsfeed{margin-top:24px}
@media(max-width:1150px){html body #ssh-feed .ssh-home-trends{grid-template-columns:145px minmax(0,1fr);gap:16px}#ssh-feed .ssh-home-creators .ssh-home-trend-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){#ssh-feed .ssh-dir-topic-tree{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:850px){html body #ssh-feed .ssh-home-trends{display:block;padding:18px}html body #ssh-feed .ssh-home-trends h3{padding:0;margin-bottom:14px}#ssh-feed .ssh-home-creators .ssh-home-trend-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-feed-top h1{font-size:11px;letter-spacing:1.2px}html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-page-heading h2{font-size:11px;letter-spacing:1.2px}#ssh-feed .ssh-home-directory{padding:16px}#ssh-feed .ssh-dir-topic-tree{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}#ssh-feed .ssh-dir-topic-button,#ssh-feed .ssh-dir-topic-links a{min-height:44px}html body #ssh-feed .ssh-home-trends{padding:16px}#ssh-feed .ssh-home-creators .ssh-home-trend-row{grid-template-columns:repeat(2,minmax(0,1fr))}#ssh-feed .ssh-home-trend-creator,#ssh-feed .ssh-home-trend-term{min-height:44px}}
@media(max-width:360px){#ssh-feed .ssh-home-creators .ssh-home-trend-row{grid-template-columns:minmax(0,1fr)}}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-home-directory>.ssh-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
html body.ssh-homepage-page #ssh-feed .ssh-dir-topic-identity h3 .ssh-dir-topic-button{font-weight:400}
html body.ssh-homepage-page #ssh-feed .ssh-home-trend-term{background:var(--dir-button);font-size:12px;min-height:36px;padding:8px 12px}
html body.ssh-homepage-page #ssh-feed .ssh-home-trend-term:hover{background:var(--dir-hover)}
@media(max-width:650px){html body.ssh-homepage-page #ssh-feed .ssh-home-trend-term{min-height:44px}}

/* Approved editorial intro. approved page content below stays unchanged. */
/* Compact intro preview: existing SnootySims palette and system font. */
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:28px;margin:18px 0 16px;padding:18px 24px;background:var(--feed-surface);border-radius:10px;position:relative;isolation:isolate;overflow:hidden}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:2px;border-radius:0 2px 2px 0;background:var(--feed-accent);z-index:2}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial::after{content:"";position:absolute;inset:-18px;z-index:-1;pointer-events:none;background:url("https://snootysims.com/wp-content/plugins/snootysims-header-plugin/assets/featured-350-cc.webp") center 48%/cover no-repeat;filter:blur(4px);opacity:.28;mask-image:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.6) 48%,#000)}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial .intro-title{min-width:0}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial h1{font:600 clamp(18px,1.55vw,23px)/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.3px;text-transform:none;color:var(--feed-text);margin:0}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial h1 span{display:block;color:var(--feed-accent);font-size:.86em;font-weight:400;letter-spacing:0;margin-top:3px}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .intro-benefits{display:grid;gap:6px;padding-left:24px;border-left:1px solid var(--feed-line)}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .intro-benefits p{display:flex;align-items:center;gap:10px;font:400 12px/1.5 Arial,Helvetica,sans-serif;color:var(--feed-text);margin:0}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .intro-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;background:var(--feed-card);border-radius:6px;color:var(--feed-accent)}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .intro-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .intro-heart{font-size:12px}
@media(max-width:900px){html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial{grid-template-columns:1fr;gap:14px;padding:18px 22px}html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .intro-benefits{padding:0;border:0;gap:5px}html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial h1{font-size:21px}}
@media(max-width:650px){html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial{margin:14px 0;padding:17px 18px;gap:13px}html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial h1{font-size:19px}html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .intro-benefits p{font-size:12px;align-items:center;gap:8px}html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial::after{opacity:.22}html body.ssh-homepage-page.ssh-fast-layout #ssh-feed .ssh-intro-editorial::before{top:18px;bottom:18px}}


/* Feed images: preserve the full original; only unused space shows the quiet backdrop. */
html body.ssh-homepage-page #ssh-feed .ssh-feed-story:not(.is-text-only) >a.ssh-feed-story-art{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;align-self:stretch;grid-row:1 / span 2;height:360px;min-height:360px;aspect-ratio:auto}
html body.ssh-homepage-page #ssh-feed .ssh-feed-story:not(.is-text-only) .ssh-feed-story-art img.ssh-story-backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:blur(20px);opacity:.3;transform:scale(1.12);pointer-events:none;z-index:0}
html body.ssh-homepage-page #ssh-feed .ssh-feed-story:not(.is-text-only) .ssh-feed-story-art img.ssh-story-foreground{position:relative;inset:auto;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;z-index:1;margin:auto}
html body.ssh-homepage-page #ssh-feed .ssh-feed-cc-pick>.ssh-pick-votes{grid-column:2;grid-row:2;align-self:end;display:flex;align-items:center;gap:9px;margin:0 24px 20px;padding-top:16px;border-top:1px solid var(--feed-line);color:var(--feed-muted);font-size:14px}
@media(max-width:650px){html body.ssh-homepage-page #ssh-feed .ssh-feed-story:not(.is-text-only) >a.ssh-feed-story-art{grid-column:1;grid-row:1;height:300px;min-height:300px}html body.ssh-homepage-page #ssh-feed .ssh-feed-cc-pick>.ssh-pick-votes{grid-column:1;grid-row:3;margin:0 16px 18px}}