/* SMOZIN V4.9.6.50 — Premium category discovery. Scoped to public category pages. */
.smzc-page{--sm50-ink:var(--ink,#17203a);--sm50-muted:var(--muted,#68768f)}
.smzc-page>.shell{max-width:1330px}
.sm50-top-categories{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:4px 0 24px;padding:14px 16px;border:1px solid var(--line,#e4e9f0);border-radius:17px;background:var(--surface,#fff)}
.sm50-top-caption{font-size:12px;color:var(--sm50-muted);font-weight:780;margin-right:5px;white-space:nowrap}
.sm50-top-caption span{color:#c48e16;margin-right:8px}
.sm50-top-categories>a{display:inline-flex;align-items:center;gap:7px;min-width:0;border:1px solid var(--line,#e4e9f0);border-radius:99px;padding:8px 11px;font-size:12px;font-weight:800;color:var(--sm50-ink);background:var(--bg,#f8f9fc);transition:border-color .18s,transform .18s}
.sm50-top-categories>a:hover{border-color:#eabb4c;transform:translateY(-1px)}
.sm50-top-categories>a small{font-size:10px;color:var(--sm50-muted);font-weight:700;white-space:nowrap}
.sm50-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:19px}
.sm50-category-card{--sm50-soft:#eaf3ff;--sm50-warm:#c4dbff;--sm50-accent:#2563af;display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid var(--line,#e5e9ef);border-radius:24px;background:var(--surface,#fff);box-shadow:0 12px 34px rgba(20,32,62,.045);overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
.sm50-category-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(20,32,62,.10);border-color:color-mix(in srgb,var(--sm50-accent) 28%,var(--line,#e4e9f0))}
.sm50-tone-peach{--sm50-soft:#fff0e4;--sm50-warm:#ffcda9;--sm50-accent:#a05b24}
.sm50-tone-sky{--sm50-soft:#e9f2ff;--sm50-warm:#bfdcff;--sm50-accent:#326cbd}
.sm50-tone-violet{--sm50-soft:#f0ecff;--sm50-warm:#cfc5ff;--sm50-accent:#6950bc}
.sm50-tone-mint{--sm50-soft:#e9f8ed;--sm50-warm:#b7ecd0;--sm50-accent:#2b8655}
.sm50-tone-blue{--sm50-soft:#e7f7fa;--sm50-warm:#b3e8f4;--sm50-accent:#26859c}
.sm50-tone-rose{--sm50-soft:#fff0f3;--sm50-warm:#ffc5d9;--sm50-accent:#bc4b74}
.sm50-tone-gold{--sm50-soft:#fff5df;--sm50-warm:#ffe4a3;--sm50-accent:#986717}
.sm50-art{height:106px;min-height:106px;position:relative;display:flex;align-items:center;padding:0 26px;isolation:isolate;overflow:hidden;background:linear-gradient(116deg,var(--sm50-soft),var(--sm50-warm))}
.sm50-art::before{content:'';position:absolute;width:175px;height:175px;border:1px solid rgba(255,255,255,.55);border-radius:50%;right:-30px;top:-81px}
.sm50-art::after{content:'';position:absolute;width:105px;height:105px;border:1px solid rgba(255,255,255,.55);border-radius:50%;right:52px;bottom:-73px}
.sm50-art-glow{position:absolute;right:22px;top:-48px;width:178px;height:178px;border-radius:50%;background:radial-gradient(circle,#ffffffb9,transparent 69%);pointer-events:none}
.sm50-art-bubble{display:grid;place-items:center;position:relative;z-index:1;width:65px;height:65px;border-radius:19px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);box-shadow:0 9px 24px rgba(20,32,62,.1);font-size:32px;line-height:1}
.sm50-art-dot{position:absolute;width:52px;height:52px;border-radius:17px;right:34px;bottom:-20px;transform:rotate(29deg);background:rgba(255,255,255,.46)}
.sm50-card-inner{display:flex;flex:1;flex-direction:column;padding:22px 22px 17px;min-width:0}
.sm50-card-heading{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;min-width:0}
.sm50-card-heading-copy{min-width:0;flex:1}
.sm50-card-heading h3{font-size:clamp(19px,1.6vw,23px);line-height:1.2;font-weight:880;letter-spacing:-.038em;margin:0;color:var(--sm50-ink);overflow-wrap:anywhere}
.sm50-card-heading h3 a:hover{color:var(--sm50-accent)}
.sm50-card-heading p{font-size:12.5px;line-height:1.55;color:var(--sm50-muted);margin:8px 0 0;min-height:39px}
.sm50-card-go{width:35px;height:35px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--bg,#f8f9fc);border:1px solid var(--line,#e4e9f0);color:var(--sm50-accent);font-size:19px;font-weight:700}
.sm50-card-go:hover{background:var(--sm50-soft)}
.sm50-stat-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px}
.sm50-stat{display:inline-flex;align-items:baseline;gap:5px;border:1px solid var(--line,#e4e9f0);border-radius:10px;padding:8px 10px;font-size:11px;line-height:1.2;font-weight:680;color:var(--sm50-muted);background:var(--bg,#f8f9fc);white-space:nowrap}
.sm50-stat b{font-size:15px;color:var(--sm50-ink);font-weight:900;font-variant-numeric:tabular-nums}
.sm50-topic-links{margin-top:18px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;min-height:77px}
.sm50-topic-links>a{display:inline-flex;max-width:100%;min-width:0;align-items:center;border:1px solid var(--line,#e4e9f0);border-radius:9px;padding:7px 9px;color:var(--sm50-ink);font-size:11px;line-height:1.25;font-weight:700;overflow-wrap:anywhere;background:var(--surface,#fff)}
.sm50-topic-links>a:hover{border-color:var(--sm50-accent);color:var(--sm50-accent);background:var(--bg,#f8f9fc)}
.sm50-topic-links .sm50-topic-more{background:var(--sm50-soft);color:var(--sm50-accent);border-color:transparent}
.sm50-no-topics{font-size:12px;color:var(--sm50-muted);margin:18px 0 0;min-height:70px}
.sm50-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line,#e4e9f0);min-height:49px}
.sm50-samples{display:flex;min-width:0;align-items:center;padding-left:2px;gap:0}
.sm50-samples>span{flex:none;display:grid;place-items:center;width:30px;height:30px;margin-left:-3px;color:var(--sm50-accent);background:var(--sm50-soft);border:2px solid var(--surface,#fff);border-radius:10px;font-size:12px;font-weight:900}
.sm50-samples small{font-size:10px;line-height:1.2;color:var(--sm50-muted);margin-left:8px;max-width:92px}
.sm50-samples-empty{color:var(--sm50-muted);font-size:11px}
.sm50-card-cta{font-size:12px;white-space:nowrap;color:var(--sm50-accent);font-weight:900;display:flex;align-items:center;gap:8px}
.sm50-card-cta>span{font-size:18px;transition:transform .18s}
.sm50-card-cta:hover>span{transform:translateX(3px)}
.sm50-subcategory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sm50-subcategory-card{border-radius:18px;padding:19px;min-height:84px}
.sm50-subcategory-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:var(--sm50-soft);font-size:21px}
.sm50-subcategory-card strong{font-size:14px;line-height:1.35;letter-spacing:-.015em}
.sm50-subcategory-card small{display:block;margin-top:6px}
.sm50-subcategory-card .smzc-arrow{font-size:19px}
.sm50-category-card a:focus-visible,.sm50-top-categories a:focus-visible,.sm50-subcategory-card:focus-visible{outline:3px solid #c78b08;outline-offset:3px}
/* Avoid the old fixed one/two-column card layouts and preserve tablet spacing. */
@media(max-width:1080px){.sm50-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sm50-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:670px){.sm50-category-grid,.sm50-subcategory-grid{grid-template-columns:1fr}.sm50-card-inner{padding:19px}.sm50-art{height:90px;min-height:90px;padding-left:19px}.sm50-art-bubble{height:58px;width:58px;font-size:28px}.sm50-top-categories{align-items:stretch}.sm50-top-caption{width:100%}.sm50-top-categories>a{flex:0 1 auto}.sm50-category-card:hover,.sm50-top-categories>a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.sm50-category-card,.sm50-top-categories>a,.sm50-card-cta>span{transition:none}}
/* Dark mode: text and panel surfaces stay theme-aware without forced white panels. */
html[data-theme=dark] .sm50-category-card,html[data-smozin-theme=dark] .sm50-category-card{box-shadow:0 12px 32px rgba(0,0,0,.12)}
html[data-theme=dark] .sm50-art,html[data-smozin-theme=dark] .sm50-art{background:linear-gradient(116deg,color-mix(in srgb,var(--sm50-accent) 32%,#1b2639),color-mix(in srgb,var(--sm50-accent) 16%,#172136))}
html[data-theme=dark] .sm50-art-bubble,html[data-smozin-theme=dark] .sm50-art-bubble{background:rgba(235,241,255,.16);border-color:rgba(240,245,255,.21)}
html[data-theme=dark] .sm50-topic-links .sm50-topic-more,html[data-smozin-theme=dark] .sm50-topic-links .sm50-topic-more{background:color-mix(in srgb,var(--sm50-accent) 19%,var(--surface,#202a3b));color:var(--ink,#f3f6ff)}
html[data-theme=dark] .sm50-samples>span,html[data-smozin-theme=dark] .sm50-samples>span{background:color-mix(in srgb,var(--sm50-accent) 22%,var(--surface,#202a3b));color:var(--ink,#f3f6ff)}
html[data-theme=dark] .sm50-subcategory-icon,html[data-smozin-theme=dark] .sm50-subcategory-icon{background:color-mix(in srgb,var(--sm50-accent) 22%,var(--surface,#202a3b))}
