references{display:block;margin:0;background:#f5f7fb;border-radius:8px;padding:16px}.weblibi-references-hex{--s: clamp(84px, 9vw, 168px);--m: clamp(2px, .6vw, 3px);--bg: #fff;--text: #111827;--shadow-1: 0 0 0 1px rgba(0,0,0,.06), 0 4px 14px rgba(0,0,0,.08);--shadow-2: 0 12px 34px rgba(0,0,0,.55);--shadow-2-light: 0 10px 28px rgba(0,0,0,.18);color:var(--text);display:block}@media (prefers-color-scheme: dark){.weblibi-references-hex{--bg:#0f1420;--text:#e6ebff;--shadow-1: 0 0 0 1px rgba(255,255,255,.06), 0 4px 18px rgba(0,0,0,.45);--shadow-2: 0 12px 34px rgba(0,0,0,.55);--shadow-2-light: 0 10px 28px rgba(0,0,0,.36)}}.weblibi-references-hex *{box-sizing:border-box}.weblibi-references-hex img{max-width:100%;display:block}.weblibi-references-hex-header{text-align:center;margin:0 auto clamp(14px,3.2vw,28px);padding:0 clamp(8px,2vw,16px);max-width:min(820px,92%)}.weblibi-references-hex-title-row{display:inline-flex;align-items:center;gap:10px}.weblibi-references-hex-title{margin:0;font-size:clamp(20px,2.6vw,28px);font-weight:800;line-height:1.15;color:var(--text);position:relative;display:inline-block}.weblibi-references-hex-title:after{content:"";display:block;width:64px;height:3px;margin:8px auto 0;background:#3b82f6;border-radius:999px}.weblibi-references-hex-title-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1;color:var(--ad-accent, #2563eb);font-size:inherit;padding:2px;border-radius:6px}.weblibi-references-hex-title-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.weblibi-references-hex-title-link:hover{color:#1e40af}.weblibi-references-hex-title-link svg{width:1em;height:1em;flex:0 0 auto}.weblibi-references-hex-desc{margin:10px auto 0;font-size:clamp(13px,1.6vw,15px);line-height:1.55;color:color-mix(in oklab,var(--text),transparent 25%);max-width:60ch}.weblibi-references-hex-wrap{width:min(1200px,96vw);padding:clamp(12px,2.2vw,24px);margin-inline:auto}.weblibi-references-hex-grid{display:grid;grid-auto-rows:calc(var(--s) * .866025);column-gap:var(--m);row-gap:var(--m);justify-content:center}.weblibi-references-hex-tile{grid-column:span 2;display:flex;align-items:center;justify-content:center;width:calc(var(--s));height:calc(var(--s) * 1.1547);background:var(--bg);clip-path:polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0%);overflow:hidden;position:relative;box-shadow:var(--shadow-1);transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.weblibi-references-hex-tile:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.weblibi-references-hex-cardlink{display:flex;flex-direction:column;align-items:center;justify-content:center;width:86%;height:86%;gap:clamp(4px,.6vw,8px);text-decoration:none;color:inherit}.weblibi-references-hex-cardlink:focus{outline:none}.weblibi-references-hex-tile img{width:74%;height:62%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .25s ease;transform:translateZ(0)}.weblibi-references-hex-label{width:100%;text-align:center;font-size:clamp(11px,1.3vw,14px);font-weight:600;line-height:1.15;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}@media (hover:hover) and (pointer:fine){.weblibi-references-hex-tile:hover{transform:translateY(-2px) scale(1.03);box-shadow:var(--shadow-2-light);z-index:2}.weblibi-references-hex-tile:hover img{transform:scale(1.08)}.weblibi-references-hex-tile:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.18),transparent 60%);opacity:0;transition:opacity .25s ease;pointer-events:none}.weblibi-references-hex-tile:hover:after{opacity:1}}@media (prefers-reduced-motion: reduce){.weblibi-references-hex-tile,.weblibi-references-hex-tile img,.weblibi-references-hex-tile:after{transition:none!important}}
