#f-search{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.9rem;border:2px solid var(--button_border);border-radius:6px;background:var(--HTML_BG);color:var(--text);outline:0;transition:border-color .2s;appearance:auto}#f-search:focus{border-color:var(--nav-a-hover_BG)}#f-search::placeholder{color:var(--text);opacity:.5}.credential-header{display:flex;flex-direction:column;gap:.5rem}.credential-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;font-weight:700;font-size:1.1rem;line-height:1.3}.title-main{color:var(--text)}.title-rank{font-size:.9rem;color:var(--text);font-weight:400}.title-score{font-size:.85rem;color:var(--text);opacity:.7;font-weight:400}.credential-link{font-size:.8rem;text-align:center;padding:.2rem .4rem;background:var(--button_BG);border:1px solid var(--button_border);border-radius:4px;color:var(--text);text-decoration:none}.credential-link:hover{background:var(--btn-hover_BG);color:var(--btn-hover_color)}.credential-skills{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.credential-skill{display:inline-block;font-size:.75rem;color:var(--text);background:var(--card_BG);border:1px solid var(--text);padding:.25rem .5rem;border-radius:6px}.skills-more{font-size:.75rem;color:var(--link);cursor:pointer;padding:.2rem .2rem}.skills-more:hover{text-decoration:underline}.credential-preview{display:flex;margin-top:.2rem;margin-bottom:.2rem;justify-content:center;align-items:center;overflow:hidden;border-radius:6px;background:var(--HTML_BG)}.credential-preview img{width:100%;height:auto;object-fit:contain;max-height:160px}.credential-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--text)}.credential-meta .credential-row{display:flex;justify-content:space-between;align-items:center}.credential-issuer{font-weight:500}.credential-date{opacity:.7}.credential-description{font-size:.9rem;line-height:1.4}.credential-description.justify{text-align:justify;min-height:2.8rem}.credential-description.justify>span.i18n{word-wrap:break-word}.credential-description.justify .see-more{color:var(--link);font-weight:700;cursor:pointer}.credential-description.justify .see-more:hover{text-decoration:underline}.credential-description.justify.expanded>span.i18n{white-space:normal}.credential-description.justify.expanded .see-more{display:none}