:root{--black:#111;--muted:#6d6d6d;--line:#d9d9d9;--soft:#f3f3f1;--yellow:#ffe500}*{box-sizing:border-box}body{margin:0;color:var(--black);font-family:Arial,Helvetica,sans-serif;background:#fff}.ekd-wrap{max-width:1100px;margin:auto;padding:0 24px}.ekd-intro{padding:92px 0 58px;border-bottom:1px solid var(--line)}.ekd-overline{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}.ekd-intro h1{font-size:clamp(46px,8vw,92px);letter-spacing:-.055em;line-height:.95;margin:20px 0 28px;max-width:900px}.ekd-intro>div>p:last-child{max-width:700px;font-size:19px;line-height:1.6;color:var(--muted)}.ekd-search-section{padding:52px 0}.ekd-searchbar label{display:block;font-weight:700;margin-bottom:10px}.ekd-searchbar>div{display:flex;border:3px solid var(--black)}.ekd-searchbar input{flex:1;min-width:0;border:0;padding:18px;font-size:18px;outline:0}.ekd-searchbar button{border:0;border-left:2px solid var(--black);background:var(--yellow);font-weight:700;padding:0 18px}.ekd-categories{display:flex;gap:0;overflow:auto;margin-top:22px;border-bottom:1px solid var(--black)}.ekd-categories button{white-space:nowrap;border:0;background:none;padding:13px 16px;border-bottom:4px solid transparent}.ekd-categories button.is-active{border-bottom-color:var(--black);font-weight:700}.ekd-meta{display:flex;justify-content:space-between;padding:22px 0 12px;color:var(--muted);font-size:13px}.ekd-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line)}.ekd-emoji{background:#fff;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:128px;padding:14px;display:grid;place-items:center}.ekd-emoji:nth-child(6n){border-right:0}.ekd-emoji:hover{background:var(--yellow)}.ekd-emoji b{font-size:38px}.ekd-emoji small{display:none}.ekd-recent{background:var(--soft);padding:16px 0}.ekd-recent .ekd-wrap{display:flex;gap:20px;align-items:center}.ekd-recent #recentEmoji{display:flex;gap:5px}.ekd-recent button{border:1px solid var(--line);background:#fff;font-size:22px;padding:7px}.ekd-cards{padding:80px 0}.ekd-cards header,.ekd-knowledge header{display:grid;grid-template-columns:180px 1fr;border-top:3px solid var(--black);padding-top:16px}.ekd-cards h2,.ekd-knowledge h2,.ekd-faq h2{font-size:36px;margin:0 0 30px}.ekd-cards .ekd-wrap>div{display:grid;grid-template-columns:1fr 1fr}.ekd-cards button{height:150px;border:1px solid var(--line);background:white;padding:18px;text-align:left;display:grid;grid-template-columns:40px 1fr auto;align-items:end;font-size:14px}.ekd-cards button b{font-size:24px}.ekd-cards button i{font-style:normal;font-size:38px}.ekd-knowledge{background:var(--soft);padding:80px 0}.ekd-knowledge article{max-width:760px;margin-left:auto;font-size:17px;line-height:1.75}.ekd-knowledge h2{font-size:26px;margin-top:34px}.ekd-faq{padding:80px 0}.ekd-faq h2{border-bottom:3px solid var(--black);padding-bottom:18px}.ekd-faq details{border-bottom:1px solid var(--line);padding:18px 0}.ekd-faq summary{font-size:18px;font-weight:700;cursor:pointer}.ekd-faq p{max-width:760px;line-height:1.65;color:var(--muted)}.ekd-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,15px);background:#111;color:#fff;padding:12px 18px;opacity:0;transition:.2s}.ekd-toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:700px){.ekd-intro{padding:55px 0 35px}.ekd-grid{grid-template-columns:repeat(4,1fr)}.ekd-emoji{min-height:96px}.ekd-emoji:nth-child(6n){border-right:1px solid var(--line)}.ekd-cards header,.ekd-knowledge header{grid-template-columns:1fr}.ekd-cards .ekd-wrap>div{grid-template-columns:1fr}.ekd-knowledge article{margin:0}.ekd-meta span:last-child{display:none}}

/* v1.0.2: database-driven header/footer navigation styling */
.ekd-site-header{border-bottom:1px solid var(--line)}
.ekd-header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.ekd-brand{color:var(--black);text-decoration:none;font-weight:900;display:flex;align-items:center;gap:9px;white-space:nowrap}
.ekd-brand:hover{opacity:.72}
.ekd-header-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}
.ekd-header-nav a{position:relative;color:var(--black);text-decoration:none;line-height:1.2;padding:22px 0 20px}
.ekd-header-nav a::after{content:"";position:absolute;left:0;right:0;bottom:15px;height:2px;background:var(--black);transform:scaleX(0);transform-origin:left;transition:transform .16s ease}
.ekd-header-nav a:hover::after,.ekd-header-nav a:focus-visible::after{transform:scaleX(1)}
.ekd-header-nav a:focus-visible,.ekd-footer-nav a:focus-visible,.ekd-brand:focus-visible{outline:2px solid var(--black);outline-offset:4px}
.ekd-site-footer{border-top:3px solid var(--black);padding:38px 0 42px}
.ekd-footer-brand{display:flex;align-items:center;gap:9px;font-size:15px}
.ekd-site-footer p{max-width:680px;color:var(--muted);line-height:1.6;margin:12px 0 0}
.ekd-footer-nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin:18px 0 6px;font-size:14px;font-weight:700}
.ekd-footer-nav a{color:var(--black);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}
.ekd-footer-nav a:hover,.ekd-footer-nav a:focus-visible{border-bottom-color:var(--black)}
@media(max-width:700px){.ekd-header-inner{min-height:auto;padding-top:16px;padding-bottom:16px;align-items:flex-start;flex-direction:column;gap:12px}.ekd-header-nav{width:100%;gap:18px;overflow-x:auto;white-space:nowrap;padding-bottom:2px}.ekd-header-nav a{padding:4px 0 8px}.ekd-header-nav a::after{bottom:3px}.ekd-site-footer{padding:30px 0 34px}.ekd-footer-nav{gap:10px 18px}}

/* v1.1.0 - full emoji catalog */
.ekd-more{display:block;margin:22px auto 0;border:2px solid var(--black);background:#fff;color:var(--black);padding:12px 20px;font-weight:700;cursor:pointer}.ekd-more:hover{background:var(--yellow)}.ekd-more[hidden]{display:none!important}.ekd-emoji b{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-weight:400;line-height:1}.ekd-categories button{cursor:pointer}


/* v1.1.1 - cross-platform emoji rendering via Noto Color Emoji webfont */
.ekd-emoji b,.ekd-recent button,.ekd-cards button i{
  font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;
  font-weight:400;
  font-style:normal;
  font-variant-emoji:emoji;
  line-height:1;
  text-rendering:optimizeLegibility;
}
