:root{--sd-bg:#f6f7fb;--sd-card:#fff;--sd-text:#17181c;--sd-muted:#686b75;--sd-line:#e5e7ef;--sd-accent:#5b42f3;--sd-accent2:#8b5cf6}.symboldex-page{background:var(--sd-bg)}.sd-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px;color:var(--sd-text)}.sd-hero{padding:48px;border:1px solid var(--sd-line);border-radius:28px;background:linear-gradient(135deg,#fff,#f0edff);text-align:center}.sd-brandmark{width:70px;height:70px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;background:#17181c;color:#fff;font-size:28px;font-weight:800}.sd-kicker{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--sd-accent);margin:0 0 10px}.sd-hero h1,.sd-list-head h1,.sd-entity h1{margin:.15em 0;font-size:clamp(34px,5vw,64px);line-height:1.04}.sd-hero p,.sd-list-head p{color:var(--sd-muted);font-size:18px}.sd-search{position:relative;max-width:760px;margin:28px auto 0}.sd-search input{width:100%;padding:18px 20px;border:1px solid var(--sd-line);border-radius:16px;background:#fff;font-size:17px;box-shadow:0 8px 30px rgba(30,20,80,.08)}.sd-search-results{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 8px);max-height:420px;overflow:auto;background:#fff;border:1px solid var(--sd-line);border-radius:16px;box-shadow:0 14px 44px rgba(25,20,60,.14);text-align:left}.sd-search-results a{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px 14px;color:var(--sd-text);text-decoration:none;border-bottom:1px solid var(--sd-line)}.sd-search-results b{font-size:28px;text-align:center}.sd-search-results small{color:var(--sd-muted)}.sd-stats{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:24px;color:var(--sd-muted)}.sd-stats strong{color:var(--sd-text)}.sd-section{margin-top:42px}.sd-section h2{font-size:28px}.sd-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.sd-category{display:flex;justify-content:space-between;gap:14px;padding:18px;background:var(--sd-card);border:1px solid var(--sd-line);border-radius:15px;text-decoration:none;color:var(--sd-text)}.sd-category b{color:var(--sd-muted)}.sd-crumb{font-size:14px;color:var(--sd-muted);margin-bottom:24px}.sd-crumb a{color:inherit}.sd-entity header h1{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.sd-entity header h1>span{font-size:.55em;color:var(--sd-muted);font-weight:650}.sd-copy-card{display:grid;grid-template-columns:1fr 220px;gap:18px;padding:28px;background:var(--sd-card);border:1px solid var(--sd-line);border-radius:24px}.sd-glyph{min-height:220px;display:grid;place-items:center;font-size:clamp(90px,14vw,170px);line-height:1}.sd-copy{border:0;border-radius:16px;background:linear-gradient(135deg,var(--sd-accent),var(--sd-accent2));color:#fff;font-weight:800;font-size:18px;cursor:pointer}.sd-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.sd-data{position:relative;padding:16px;background:var(--sd-card);border:1px solid var(--sd-line);border-radius:14px;min-width:0}.sd-data span{display:block;color:var(--sd-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.sd-data code{white-space:normal;word-break:break-word}.sd-data button{position:absolute;right:10px;top:10px;border:0;background:#f0edff;border-radius:8px;padding:5px 8px;cursor:pointer}.sd-glyph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.sd-glyph-grid a{min-height:125px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--sd-card);border:1px solid var(--sd-line);border-radius:14px;text-decoration:none;color:var(--sd-text);transition:.15s ease}.sd-glyph-grid a:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(30,20,80,.08)}.sd-glyph-grid span{font-size:44px;line-height:1.3}.sd-glyph-grid small{margin-top:8px;color:var(--sd-muted);font-size:11px;line-height:1.25}.sd-glyph-grid--large{margin-top:28px;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.sd-list-head{max-width:800px}@media(max-width:700px){.sd-wrap{width:min(100% - 22px,1180px);padding-top:24px}.sd-hero{padding:28px 18px}.sd-copy-card{grid-template-columns:1fr}.sd-copy{min-height:58px}.sd-glyph{min-height:170px}.sd-search-results a{grid-template-columns:48px 1fr}.sd-search-results small{display:none}.sd-glyph-grid{grid-template-columns:repeat(3,1fr)}.sd-glyph-grid a{min-height:100px;padding:9px}.sd-glyph-grid span{font-size:35px}.sd-glyph-grid small{font-size:9px}}

.sd-lang{display:flex;justify-content:flex-end;margin:0 0 14px}.sd-lang a{display:inline-flex;padding:8px 12px;border:1px solid var(--sd-line);border-radius:999px;background:#fff;color:var(--sd-text);text-decoration:none;font-size:13px;font-weight:700}.sd-language-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,220px));justify-content:center;gap:14px;margin-top:28px}.sd-language-grid a{padding:22px;border:1px solid var(--sd-line);border-radius:18px;background:#fff;text-decoration:none;color:var(--sd-text);display:flex;flex-direction:column;gap:4px}.sd-language-grid strong{font-size:28px}.sd-language-grid span{color:var(--sd-muted)}@media(max-width:520px){.sd-language-grid{grid-template-columns:1fr}}

/* Unicode rendering: text UI fonts often do not contain specialist symbols.
   Put Windows/macOS Unicode symbol and emoji fonts first for actual glyphs. */
.sd-glyph,.sd-title-glyph,.sd-glyph-grid span,.sd-search-results b,.sd-copy{
  font-family:"Segoe UI Symbol","Segoe UI Emoji","Apple Symbols","Apple Color Emoji","Noto Sans Symbols 2","Noto Sans Symbols","Noto Color Emoji","Arial Unicode MS",sans-serif;
}
.sd-title-glyph{font-size:1em;color:var(--sd-text);font-weight:800;line-height:1}
.sd-entity header h1>span{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}


/* v1.0.5 — deterministic glyph rendering and unclipped live search */
.symboldex-page .sd-hero{overflow:visible!important;z-index:10}
.symboldex-page .sd-search{z-index:100}
.symboldex-page .sd-search-results{z-index:9999;max-height:min(520px,60vh)}
.sd-glyph,.sd-title-glyph,.sd-glyph-grid span,.sd-search-results b,.sd-copy-glyph{
  font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2","Noto Sans Symbols","DejaVu Sans","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;
  font-variant-emoji:unicode;
}
.sd-glyph{color:var(--sd-text);font-weight:400;overflow:visible}
.sd-title-glyph{display:inline-block;min-width:.7em;color:var(--sd-text)!important;font-weight:500}
.sd-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px}
.sd-copy-label{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:850}
.sd-copy-glyph{display:block;font-size:54px;line-height:1;font-weight:400}
.sd-search-results b{display:grid;place-items:center;min-width:46px;min-height:46px;font-size:32px;line-height:1;color:var(--sd-text)}
.sd-glyph-grid span{display:grid;place-items:center;min-height:58px;color:var(--sd-text)}
@media(max-width:700px){.sd-search-results{max-height:55vh}.sd-copy-glyph{font-size:44px}}

/* v1.0.6 — keep long Unicode names inside cards */
.sd-glyph-grid a{
  height:148px;
  min-height:148px;
  box-sizing:border-box;
  overflow:hidden;
  justify-content:center;
}
.sd-glyph-grid span{
  flex:0 0 60px;
  width:100%;
  min-height:60px;
  max-height:60px;
  line-height:1;
  overflow:hidden;
}
.sd-glyph-grid small{
  display:-webkit-box;
  width:100%;
  max-height:3.75em;
  margin-top:8px;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:normal;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
}
@media(max-width:700px){
  .sd-glyph-grid a{height:122px;min-height:122px;padding:8px}
  .sd-glyph-grid span{flex-basis:52px;min-height:52px;max-height:52px}
  .sd-glyph-grid small{-webkit-line-clamp:2;line-clamp:2;max-height:2.5em}
}


/* v1.0.7 — contain unusually tall Unicode glyph metrics in entity hero */
.sd-copy-card{
  overflow:hidden;
  align-items:stretch;
}
.sd-glyph{
  box-sizing:border-box;
  width:100%;
  min-height:220px;
  height:220px;
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden!important;
  font-size:clamp(78px,10vw,120px)!important;
  line-height:.82!important;
  text-align:center;
}
.sd-title-glyph{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:1.35em;
  height:1.35em;
  overflow:hidden;
  font-size:.78em!important;
  line-height:.78!important;
  vertical-align:middle;
}
.sd-copy-glyph{
  max-width:100%;
  overflow:hidden;
  line-height:.9!important;
}
@media(max-width:700px){
  .sd-glyph{height:180px;min-height:180px;padding:18px;font-size:clamp(68px,24vw,105px)!important}
  .sd-title-glyph{width:1.25em;height:1.25em;font-size:.72em!important}
}

/* v1.1.0 — editorial content, platform instructions and SEO-ready reference pages */
.sd-prose{max-width:900px}.sd-prose p{font-size:17px;line-height:1.75;color:var(--sd-muted)}.sd-prose strong{color:var(--sd-text)}
.sd-use-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none}.sd-use-list li{position:relative;padding:15px 16px 15px 42px;background:var(--sd-card);border:1px solid var(--sd-line);border-radius:14px;line-height:1.5;color:var(--sd-muted)}.sd-use-list li:before{content:'✓';position:absolute;left:16px;top:14px;color:var(--sd-accent);font-weight:900}
.sd-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sd-method{padding:20px;background:var(--sd-card);border:1px solid var(--sd-line);border-radius:16px;min-width:0}.sd-method h3{margin:0 0 10px;font-size:18px}.sd-method p{margin:0;color:var(--sd-muted);line-height:1.65}.sd-method code,.sd-method kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sd-method kbd{display:inline-block;padding:2px 7px;border:1px solid #d7d9e3;border-bottom-width:2px;border-radius:6px;background:#f8f8fc;color:var(--sd-text);font-size:.88em;white-space:nowrap}.sd-method code{padding:2px 5px;border-radius:5px;background:#f3f1ff;color:#3522a9}
.sd-section-intro{max-width:850px;color:var(--sd-muted);font-size:16px;line-height:1.65}
.sd-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sd-example{position:relative;display:flex;align-items:center;min-height:78px;padding:18px 52px 18px 18px;background:var(--sd-card);border:1px solid var(--sd-line);border-radius:14px;overflow:hidden}.sd-example code{white-space:normal;overflow-wrap:anywhere;font-size:16px}.sd-example button{position:absolute;right:12px;top:12px;border:0;background:#f0edff;border-radius:8px;padding:6px 9px;cursor:pointer}
.sd-list-head p strong{color:var(--sd-text)}
@media(max-width:800px){.sd-method-grid,.sd-use-list{grid-template-columns:1fr}.sd-example-grid{grid-template-columns:1fr}}


/* v1.3.0 — AdSense placements on entity pages */
@media(max-width:700px){.sd-ad{margin-top:32px;padding-left:0;padding-right:0}.sd-ad-inner{min-height:100px}}
