/* V4 community discoveries: all styles scoped to sm40-* to preserve existing pages. */
.sm40-page{padding-top:30px;padding-bottom:70px;color:var(--ink,#172038)}
.sm40-breadcrumb{display:flex;gap:10px;align-items:center;margin:5px 0 22px;color:var(--muted,#718097);font-size:12px}
.sm40-breadcrumb a{color:inherit;text-decoration:none}.sm40-breadcrumb a:hover{text-decoration:underline}
.sm40-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(24px,4vw,48px);background:linear-gradient(112deg,var(--surface,#fff) 47%,#fff0c5 100%);border:1px solid var(--line,#dfe5ef);border-radius:26px;min-height:195px}
.sm40-kicker{display:block;font-size:11px;font-weight:850;letter-spacing:.16em;color:#aa7500;margin-bottom:12px}
.sm40-hero h1{font-size:clamp(30px,4vw,51px);line-height:1.13;letter-spacing:-.035em;margin:0 0 14px;font-weight:850;color:var(--ink,#172038)}
.sm40-hero p{line-height:1.7;color:var(--muted,#65738e);font-size:15px;margin:0;max-width:680px}
.sm40-hero-action{white-space:nowrap;border-radius:12px;padding:16px 20px;background:#f6c63b;color:#172038!important;text-decoration:none;font-size:13px;font-weight:850}
.sm40-jump{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:25px 0 40px}
.sm40-jump a{background:var(--surface,#fff);color:var(--ink,#172038);border:1px solid var(--line,#e0e5ee);border-radius:999px;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:750}.sm40-jump a:hover,.sm40-jump a:focus-visible{border-color:#e5b021;color:#996300}
.sm40-section{padding:0 0 36px;margin:0 0 34px;border-bottom:1px solid var(--line,#e1e6ef);scroll-margin-top:105px}
.sm40-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.sm40-section-head h2{color:var(--ink,#172038);font-size:clamp(23px,2.3vw,29px);letter-spacing:-.025em;margin:0 0 7px}.sm40-section-head p{margin:0;color:var(--muted,#72809b);font-size:13px;line-height:1.6}
.sm40-section-count{color:var(--muted,#71809a);font-size:12px;white-space:nowrap}
.sm40-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sm40-site-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--surface,#fff);border:1px solid var(--line,#e0e6ef);border-radius:19px;box-shadow:0 10px 28px rgba(12,25,57,.035)}
.sm40-image-link{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;text-decoration:none;background:linear-gradient(120deg,#e9eaf9,#fff0c6)}
.sm40-image-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:65px;font-weight:900;color:#c08a09;opacity:.52}
.sm40-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.sm40-rank{position:absolute;z-index:2;left:14px;top:14px;display:inline-block;border:1px solid rgba(255,255,255,.35);background:rgba(15,23,42,.83);color:#fff;font-size:12px;font-weight:850;padding:7px 11px;border-radius:11px}
.sm40-site-body{padding:18px;display:flex;flex:1;flex-direction:column;min-width:0;gap:13px}
.sm40-site-head{display:flex;gap:11px;align-items:center;min-width:0}.sm40-letter{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border:2px solid #fff;border-radius:12px;background:#dbecfc;color:#2268b6;font-size:20px;font-weight:850;box-shadow:0 3px 8px rgba(0,0,0,.06)}
.sm40-site-id{min-width:0}.sm40-site-id h3{font-size:16px;line-height:1.34;margin:0 0 3px;overflow-wrap:anywhere}.sm40-site-id h3 a{color:var(--ink,#172038);text-decoration:none}.sm40-site-id h3 a:hover{color:#b17a00}.sm40-site-id small{display:block;font-size:12px;color:var(--muted,#7a879e);overflow-wrap:anywhere}
.sm40-site-description{font-size:13px;line-height:1.65;color:var(--muted,#71809a);margin:0;flex:1;min-height:42px}
.sm40-site-stat{display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between;font-size:11px;font-weight:750;color:var(--muted,#66748e)}
.sm40-card-actions{padding-top:13px;display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--line,#e0e6ef)}
.sm40-card-actions a{min-height:41px;border-radius:10px;text-decoration:none;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:850}
.sm40-card-actions a:first-child{background:#151c31;color:#fff}.sm40-card-actions a:last-child{background:#f6c63b;color:#182034;padding:0 16px;font-size:20px}
.sm40-collections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sm40-collection-card{min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:220px;padding:25px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:linear-gradient(115deg,#574ab2,#8475e7);color:white}
.sm40-collection-card:nth-child(3n+2){background:linear-gradient(115deg,#bd4288,#f27fa2)}.sm40-collection-card:nth-child(3n){background:linear-gradient(115deg,#14617e,#30899d)}
.sm40-collection-decor{position:absolute;top:14px;right:18px;font-size:66px;opacity:.25}.sm40-collection-caption{font-size:10px;font-weight:850;letter-spacing:.17em;opacity:.9;margin:0 0 14px}
.sm40-collection-card h3{font-size:21px;line-height:1.25;max-width:290px;margin:0 0 10px;position:relative}.sm40-collection-card h3 a{color:inherit;text-decoration:none}.sm40-collection-card h3 a:focus-visible{text-decoration:underline}
.sm40-collection-card p{font-size:12px;line-height:1.7;margin:0 0 20px;color:rgba(255,255,255,.9);max-width:290px;overflow-wrap:anywhere;position:relative}
.sm40-collection-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;font-size:11px;position:relative}.sm40-collection-foot a{color:#fff;font-size:12px;font-weight:800;text-decoration:none}
.sm40-info,.sm40-empty{border-radius:15px;border:1px dashed var(--line,#dce3ef);padding:22px;color:var(--muted,#697993);font-size:13px;background:var(--surface,#fff)}
.sm40-info{margin-bottom:22px;background:#fff8df;color:#826017;border-style:solid}
.sm40-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--muted,#71809a);line-height:1.6}.sm40-bottom a{font-weight:800;color:#ab7800}
/* Homepage V4 compact section: no changes to existing category/listing classes */
.sm40-home{margin-top:42px;margin-bottom:55px}.sm40-home-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}
.sm40-home-heading h2{font-size:clamp(24px,2.5vw,31px);line-height:1.25;color:var(--ink,#172038);margin:0 0 8px}.sm40-home-heading p{margin:0;font-size:13px;color:var(--muted,#71809a)}
.sm40-home-heading>a{color:#a47200;font-weight:850;text-decoration:none;white-space:nowrap;font-size:13px}
.sm40-home-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.sm40-home-panel{min-width:0;background:var(--surface,#fff);border:1px solid var(--line,#e0e6ed);padding:21px;border-radius:18px}
.sm40-home-panel h3{font-size:17px;color:var(--ink,#172038);margin:0 0 16px}
.sm40-home-row{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink,#172038);border-top:1px solid var(--line,#edf0f6);padding:10px 0;min-width:0}
.sm40-home-avatar{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:#dfedfb;color:#2572b9;font-weight:850}
.sm40-home-row>span:nth-child(2){min-width:0;flex:1}.sm40-home-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.sm40-home-row small{display:block;font-size:11px;color:var(--muted,#76829a);margin-top:2px;overflow:hidden;text-overflow:ellipsis}
.sm40-home-row em{font-style:normal;color:#996900;font-weight:800;font-size:11px;white-space:nowrap}.sm40-home-more{display:block;padding-top:12px;font-size:12px;color:#b07a00;text-decoration:none;font-weight:800}
.sm40-home-empty{font-size:12px;color:var(--muted,#71809a);min-height:46px;line-height:1.65}
html[data-theme=dark] .sm40-hero{background:linear-gradient(112deg,#1c2435 45%,#4b3e23 100%)}
html[data-theme=dark] .sm40-info{background:#3c321b;color:#f2d084;border-color:#795d24}
@media(max-width:1050px){.sm40-cards,.sm40-collections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sm40-home-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.sm40-page{padding:17px 0 44px}.sm40-hero{flex-direction:column;align-items:flex-start;padding:23px 20px;border-radius:19px}.sm40-hero-action{padding:13px 17px}.sm40-jump{flex-wrap:nowrap;overflow-x:auto;padding:0 0 10px;margin:20px 0 28px;scrollbar-width:thin}.sm40-jump a{white-space:nowrap}.sm40-section-head{align-items:start}.sm40-section-count{display:none}.sm40-cards,.sm40-collections-grid,.sm40-home-columns{grid-template-columns:minmax(0,1fr)}.sm40-site-body{padding:17px}.sm40-home{margin-top:26px}.sm40-home-heading{align-items:start;flex-direction:column;gap:13px}.sm40-collection-card{min-height:190px}.sm40-bottom{display:block}.sm40-bottom a{display:block;margin-top:10px}}


/* SMOZIN V4.1 — discovery showcase, scoped, responsive and dark-mode aware */
.sm41-hero{background:radial-gradient(circle at 85% 25%,rgba(254,203,69,.38),transparent 35%),linear-gradient(115deg,var(--surface,#fff),#fff8e7)}
.sm41-hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.sm41-hero-pills span{background:rgba(255,255,255,.76);border:1px solid var(--line,#e2e7ef);padding:7px 11px;border-radius:30px;font-size:11px;font-weight:750;color:var(--muted,#64748b)}
.sm41-feature-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:20px;margin:24px 0 34px;align-items:stretch}
.sm41-spotlight{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);border:1px solid var(--line,#e0e6ee);border-radius:23px;overflow:hidden;background:var(--surface,#fff);box-shadow:0 12px 33px rgba(23,32,56,.04);min-width:0}
.sm41-spotlight-image{position:relative;display:block;min-height:270px;overflow:hidden;background:linear-gradient(135deg,#d9e4fa,#fbe6b1)}
.sm41-spotlight-image img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:top center}.sm41-spotlight-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:100px;color:#cf982a;opacity:.42}
.sm41-spotlight-tag,.sm41-home-feature-badge{position:absolute;left:15px;top:15px;border-radius:999px;background:#171f35;color:white;padding:8px 12px;font-size:10px;font-weight:900;letter-spacing:.1em}
.sm41-spotlight-copy{display:flex;flex-direction:column;gap:12px;padding:clamp(19px,2.8vw,34px);min-width:0}
.sm41-spotlight-copy h2{font-size:clamp(21px,2.1vw,30px);letter-spacing:-.03em;line-height:1.16;margin:0;overflow-wrap:anywhere}
.sm41-spotlight-copy h2 a{color:var(--ink,#171f35);text-decoration:none}.sm41-spotlight-host{font-size:12px;color:var(--muted,#64748b)}
.sm41-spotlight-copy p{margin:0 0 5px;line-height:1.65;color:var(--muted,#68788e);font-size:13px;overflow-wrap:anywhere}
.sm41-spotlight-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid var(--line,#e2e6ef);padding-top:14px;font-size:12px}
.sm41-spotlight-foot strong{color:#9a6c00}.sm41-spotlight-foot a{font-size:12px;text-decoration:none;color:var(--ink,#151c30);font-weight:900}
.sm41-feature-side{background:var(--surface,#fff);border:1px solid var(--line,#e1e7ef);border-radius:23px;padding:24px;min-width:0}
.sm41-feature-side-head h2{font-size:20px;margin:0 0 13px;color:var(--ink,#171f35)}
.sm41-rank-item{display:flex;gap:11px;align-items:center;padding:13px 0;border-top:1px solid var(--line,#e3e7ef);color:var(--ink,#171f35);text-decoration:none;min-width:0}.sm41-rank-item:hover strong{color:#a97500}
.sm41-rank-number{font-size:20px;font-weight:900;color:#c4a251}.sm41-rank-name{flex:1;min-width:0}.sm41-rank-name strong,.sm41-rank-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm41-rank-name strong{font-size:12px}.sm41-rank-name small{margin-top:4px;font-size:11px;color:var(--muted,#718099)}
.sm41-rank-item>b{font-size:12px;color:#a77900;white-space:nowrap}.sm41-side-more{display:inline-flex;font-size:12px;margin-top:15px;font-weight:800;color:#a47000;text-decoration:none}
.sm41-small-empty{font-size:12px;color:var(--muted,#718099);line-height:1.6}.sm41-empty-hero{border-radius:19px;padding:28px;border:1px dashed var(--line,#dce3ed);background:var(--surface,#fff)}
.sm41-empty-hero strong{display:block;font-size:21px;color:var(--ink,#171f35)}.sm41-empty-hero p{color:var(--muted,#718099);font-size:13px}.sm41-empty-hero a{font-size:13px;font-weight:800;color:#ac7500}
.sm41-jump{margin-top:27px}.sm41-section{scroll-margin-top:110px}
.sm41-editor-note{border-radius:11px;background:rgba(246,196,59,.13);padding:11px 13px;font-size:12px;line-height:1.55;color:var(--ink,#172038);margin:-3px 0 0}
.sm41-home{padding-top:12px}.sm41-home-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:20px;align-items:stretch}
.sm41-home-feature{min-width:0;overflow:hidden;border:1px solid var(--line,#e0e6ee);border-radius:21px;background:var(--surface,#fff)}
.sm41-home-feature-cover{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(140deg,#e2ddfa,#ffefc9)}
.sm41-home-feature-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.sm41-home-feature-bg{position:absolute;inset:0;display:grid;place-items:center;font-size:100px;color:#b47a00;opacity:.5}
.sm41-home-feature-desc{padding:19px;display:flex;justify-content:space-between;gap:14px;align-items:center}.sm41-home-feature-desc strong,.sm41-home-feature-desc small{display:block}.sm41-home-feature-desc strong{font-size:18px;color:var(--ink,#172038);overflow-wrap:anywhere}.sm41-home-feature-desc small{font-size:12px;color:var(--muted,#718099);margin-top:4px}.sm41-home-feature-desc a{color:#a47000;text-decoration:none;font-size:12px;font-weight:850;white-space:nowrap}
.sm41-home-feature-empty{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:12px;min-height:300px;padding:30px}.sm41-home-feature-empty>span{font-size:70px;color:#e8b43e}.sm41-home-feature-empty strong{font-size:23px}.sm41-home-feature-empty p{font-size:13px;color:var(--muted,#718099);margin:0}.sm41-home-feature-empty a{color:#a47000;font-weight:800}
.sm41-home-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;min-width:0}.sm41-home-list{padding:19px;border:1px solid var(--line,#e0e6ee);border-radius:18px;background:var(--surface,#fff);min-width:0}.sm41-home-list h3{font-size:15px;margin:0 0 11px;color:var(--ink,#172038)}
.sm41-home-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;text-decoration:none;border-top:1px solid var(--line,#e5eaf2);color:var(--ink,#172038);font-size:12px;min-width:0}.sm41-home-list-row>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:800}.sm41-home-list-row small{display:block;color:var(--muted,#718099);font-weight:500;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.sm41-home-list-row>b{color:#a46f00;white-space:nowrap;font-size:11px}.sm41-list-more{display:inline-block;margin-top:9px;font-weight:850;text-decoration:none;color:#a17000;font-size:11px}
.sm41-home-collections{padding:55px 0}.sm41-home-collection-empty{display:flex;align-items:center;gap:18px;background:var(--surface,#fff);border:1px dashed var(--line,#e0e5ed);border-radius:19px;padding:25px}.sm41-home-collection-empty>span{display:grid;place-items:center;border-radius:15px;font-size:34px;background:#fff2cf;color:#a77800;width:68px;height:68px}.sm41-home-collection-empty>div{flex:1}.sm41-home-collection-empty strong{font-size:18px;color:var(--ink,#172038)}.sm41-home-collection-empty p{font-size:12px;color:var(--muted,#718099);margin:6px 0 0}.sm41-home-collection-empty a{font-size:12px;font-weight:850;color:#a36e00;text-decoration:none}
html[data-theme=dark] .sm41-hero{background:radial-gradient(circle at 90% 15%,rgba(246,192,52,.16),transparent 37%),linear-gradient(115deg,#1b2335,#342d24)}
html[data-theme=dark] .sm41-hero-pills span{background:#202c41}
html[data-theme=dark] .sm41-home-collection-empty>span{background:#433919}
@media(max-width:1100px){.sm41-feature-layout{grid-template-columns:1fr}.sm41-home-grid{grid-template-columns:1fr}.sm41-home-feature-cover{aspect-ratio:16/8}}
@media(max-width:720px){.sm41-spotlight{grid-template-columns:1fr}.sm41-spotlight-image{min-height:auto;aspect-ratio:16/9}.sm41-home-lists{grid-template-columns:1fr 1fr}.sm41-home-collection-empty{flex-wrap:wrap}.sm41-home-feature-cover{aspect-ratio:16/9}}
@media(max-width:510px){.sm41-home-lists{grid-template-columns:1fr}.sm41-home-feature-desc{align-items:flex-start;flex-direction:column}.sm41-home-collection-empty{align-items:start}.sm41-home-collection-empty a{width:100%}}

/* V4.2.0 — website screenshots should be entirely visible, never zoomed or cropped.
   Scope strictly to discovery showcase elements. */
.sm41-spotlight-image{
  min-height:0;
  height:clamp(220px,25vw,340px);
  align-self:start;
  background:linear-gradient(140deg,#f5f6fa,#fff6df);
  border-bottom:1px solid var(--line,#e2e7f1);
}
.sm41-home-feature-cover{
  aspect-ratio:16 / 9;
  height:auto;
  max-height:340px;
  background:linear-gradient(140deg,#f5f6fa,#fff6df);
}
.sm41-spotlight-image img,
.sm41-home-feature-cover img{
  object-fit:contain;
  object-position:center center;
  max-width:100%;
  max-height:100%;
}
.sm40-image{object-fit:contain;object-position:center center}
html[data-theme=dark] .sm41-spotlight-image,
html[data-theme=dark] .sm41-home-feature-cover{background:linear-gradient(140deg,#202b40,#2d2b29)}
@media(max-width:720px){
  .sm41-spotlight-image{height:auto;min-height:0;aspect-ratio:16 / 9}
  .sm41-home-feature-cover{max-height:none}
}