.sample-docs-entry{display:flex;align-items:center;gap:10px;box-sizing:border-box;min-height:56px;padding:10px 12px;margin:0 0 12px;border:1px solid #ffffff24;border-radius:8px;background:#ffffff06;color:#c5d7e5;text-decoration:none;font:13px/1.5 "Segoe UI","Microsoft YaHei",sans-serif}
.sample-docs-entry svg{width:19px;height:19px;flex-shrink:0;color:#69ccbe}
.sample-docs-entry__copy{display:grid;gap:3px;min-width:0}
.sample-docs-entry strong{font-size:13px;font-weight:600}
.sample-docs-entry small{font-size:11px;color:#a1b7c9}
.sample-docs-entry__external{margin-left:auto;font-size:12px;opacity:.7}
.sample-docs-entry:hover{background:#ffffff10;color:#fff}
.sample-docs-entry:focus-visible{outline:3px solid #77c9bf;outline-offset:3px}
html:not([data-theme="dark"]) .sample-docs-entry{background:#f5fafb;border-color:#dce9ec;color:#334b61}
html:not([data-theme="dark"]) .sample-docs-entry svg{color:#087d76}
html:not([data-theme="dark"]) .sample-docs-entry small{color:#60758a}
html:not([data-theme="dark"]) .sample-docs-entry:hover{background:#e8f5f3;color:#087d76}
@media print{.sample-docs-entry{display:none!important}}