/* Loaded only on card lists and products with a highlight gallery. */
.hd-card-library{--cl-yellow:#ffdc29;--cl-ink:#171817;--cl-line:#dedfdd;color:var(--cl-ink);max-width:100%;margin:0 auto 48px}
.hd-card-library *{box-sizing:border-box}.hd-card-library [hidden],.hd-card-dialog [hidden]{display:none!important}
.entry-content .hd-card-library a{text-decoration:none}.hd-card-library a:focus-visible,.hd-highlight-card__zoom:focus-visible,.hd-card-dialog button:focus-visible{outline:3px solid #157840;outline-offset:4px}
.hd-cl-lead{font-size:18px;line-height:1.7;max-width:780px}.hd-cl-library-stats{display:flex;gap:24px;align-items:center;padding:20px 0;border-block:1px solid var(--cl-line);margin:28px 0}.hd-cl-library-stats strong{font-size:21px}.hd-cl-library-stats span{margin-left:auto;color:#60645f;font-size:13px}
.hd-cl-jumps,.hd-cl-breadcrumb{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:20px 0}.hd-cl-jumps a,.hd-cl-pill{padding:8px 14px;background:#f3f3ed;border:1px solid var(--cl-line);border-radius:999px;font-size:12px;font-weight:700;display:inline-block}.hd-cl-jumps a:hover{background:var(--cl-yellow)}.hd-cl-breadcrumb{font-size:13px}.hd-cl-breadcrumb span{color:#666}
.hd-cl-library-group{margin:44px 0;scroll-margin-top:120px}.hd-cl-section-heading{margin:0 0 22px}.entry-content .hd-card-library h2{font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.035em;margin:8px 0 16px}.hd-cl-set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hd-cl-set-tile{border:1px solid var(--cl-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;color:inherit;background:#fff;transition:box-shadow .18s,border-color .18s}.hd-cl-set-tile:hover{border-color:#999;box-shadow:0 10px 30px #0000000e}.hd-cl-set-tile__art{position:relative;display:flex;justify-content:center;align-items:center;height:240px;background:radial-gradient(ellipse at center,#fff6c2,#eeeee7);overflow:hidden}.hd-cl-set-tile--one-piece .hd-cl-set-tile__art{background:radial-gradient(ellipse at center,#d0eff2,#e8ebeb)}.hd-cl-set-tile__art img{height:205px;width:auto;max-width:75%;object-fit:contain;border-radius:5px;filter:drop-shadow(0 8px 8px #0002);transform:rotate(-5deg);transition:transform .2s}.hd-cl-set-tile:hover img{transform:rotate(0deg)}.hd-cl-set-code{position:absolute;left:18px;top:16px;font-size:11px;font-weight:800;letter-spacing:.08em;background:#fff9;padding:5px 8px;border-radius:5px}.hd-cl-set-tile__copy{padding:22px;border-top:3px solid var(--cl-yellow);display:flex;flex-direction:column;flex:1}.hd-cl-set-tile .hd-cl-pill{align-self:flex-start;padding:4px 9px;font-size:10px}.hd-cl-set-tile h3{font-size:19px;line-height:1.35;margin:14px 0 8px;letter-spacing:-.02em}.hd-cl-set-tile p{font-size:13px;color:#646862;margin:0 0 18px}.hd-cl-set-tile__cta{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;margin-top:auto}
.hd-cl-set-intro{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:36px;padding:38px 42px;background:#191b19;color:#fff;border-radius:16px;overflow:hidden;margin:25px 0}.hd-cl-set-intro .hd-cl-pill{background:#383c35;border-color:#555b50;color:#ffde34}.entry-content .hd-cl-set-intro h2{font-size:clamp(28px,4vw,46px);margin:20px 0}.hd-cl-set-intro p{color:#cbd0c8;max-width:650px;font-size:15px;line-height:1.7}.hd-cl-set-intro>img{width:180px;height:250px;object-fit:contain;transform:rotate(6deg);filter:drop-shadow(0 10px 20px #0008);border-radius:6px}
.hd-cl-primary,.hd-cl-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:8px;font-size:13px;font-weight:750;line-height:1.4}.hd-cl-primary{background:var(--cl-yellow);color:#171817}.hd-cl-primary:hover{background:#ffe868}.hd-cl-secondary{color:inherit;border:1px solid #c9cdc5;margin:8px 0}.hd-cl-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 46px}.hd-cl-facts>span{padding:18px 20px;border:1px solid var(--cl-line);border-radius:10px;font-size:12px;color:#666}.hd-cl-facts b{display:block;font-size:20px;line-height:1.4;color:#171817;margin-bottom:4px}
.hd-cl-chases,.hd-cl-catalog{margin:48px 0;scroll-margin-top:120px}.hd-cl-source{font-size:12px;color:#61665e;line-height:1.7;margin:12px 0 20px}.hd-cl-source a{color:inherit;text-decoration:underline!important;text-underline-offset:3px}.hd-cl-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.hd-cl-card{min-width:0;background:#f7f8f5;border:1px solid #e3e5df;border-radius:9px;overflow:hidden;align-self:stretch}.hd-cl-card__zoom{display:block;position:relative;padding:9px;background:#f0f2ec;cursor:zoom-in}.hd-cl-card__zoom img{display:block;width:100%;height:auto;aspect-ratio:240/335;object-fit:contain;border-radius:5px}.hd-cl-card__magnify{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#191919;box-shadow:0 2px 8px #0002;opacity:.85}.hd-cl-card__caption{padding:12px;line-height:1.4}.hd-cl-card__number{font-size:11px;font-weight:600;color:#64695f}.hd-cl-card h3{font-size:13px;line-height:1.4;margin:5px 0 7px;letter-spacing:0}.hd-cl-card small{display:block;font-size:10px;color:#666b61}.hd-cl-rank{position:absolute;left:12px;top:12px;z-index:1;background:#ffdc29;border-radius:999px;padding:5px 9px;color:#171817;font-size:10px;font-weight:800;line-height:1.2;box-shadow:0 2px 6px #0002}
.hd-cl-filters{display:grid;grid-template-columns:minmax(180px,2fr) 1fr 1fr auto;gap:14px;align-items:end;padding:20px;background:#f4f5f0;border:1px solid #e2e5dd;border-radius:10px;margin:24px 0}.hd-cl-filters label{font-size:12px;font-weight:650;min-width:0}.hd-cl-filters input,.hd-cl-filters select{display:block;width:100%;min-width:0;min-height:44px;margin-top:6px;padding:10px 12px;border:1px solid #cdd1c8;background:white;border-radius:6px;font:inherit;color:inherit}.hd-cl-filters button{min-height:44px;padding:10px 14px;background:#1b1c1b;border:0;border-radius:6px;color:#fff;font-size:12px;cursor:pointer}.entry-content .hd-cl-result{grid-column:1/-1;margin:0;font-size:12px;color:#666}.hd-cl-group-heading{font-size:18px;line-height:1.4;display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #d8dcd2;margin:35px 0 20px}.hd-cl-group-heading span{font-size:11px;background:#edf0e8;border-radius:20px;padding:3px 8px;color:#5d6556}.hd-cl-empty{padding:25px;border:1px dashed #bfc6b8;border-radius:8px}.hd-cl-related{padding:30px;background:#fff8cd;border:1px solid #e7da8a;border-radius:12px;margin:48px 0}.hd-cl-related p{max-width:760px;font-size:14px;line-height:1.7}.hd-cl-faq details{padding:18px 0;border-bottom:1px solid #dedfda}.hd-cl-faq summary{font-size:15px;font-weight:650;cursor:pointer}.hd-cl-faq details p{font-size:13px;line-height:1.7;max-width:850px;margin:16px 0 0}.hd-cl-sources{padding-top:22px;margin-top:40px;border-top:1px solid #dedfda}.entry-content .hd-cl-sources h2{font-size:17px}.hd-cl-sources p{font-size:12px;line-height:1.7;color:#666}.hd-cl-sources a{text-decoration:underline!important}
.hd-highlight-card__zoom{position:relative;display:block;cursor:zoom-in;color:inherit}.hd-highlight-card__zoom .hd-cl-rank{left:6px;top:6px}.hd-cl-product-link{font-size:12px;margin:8px 0 18px}.hd-cl-product-link a{text-decoration:underline}
body.hd-card-dialog-open{overflow:hidden}.hd-card-dialog{position:fixed;inset:0;margin:auto;padding:18px 22px;width:min(880px,96vw);max-width:96vw;height:min(94dvh,1040px);max-height:94dvh;border:1px solid #474d43;border-radius:15px;background:#171a16;color:#fff;overflow:hidden;box-sizing:border-box}.hd-card-dialog::backdrop{background:#090c08d9;backdrop-filter:blur(4px)}.hd-card-dialog[open]{display:flex;flex-direction:column;gap:12px}.hd-card-dialog__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;font-size:12px;color:#ced6c8}.hd-card-dialog button{border:1px solid #5d6656;background:#292f25;color:#fff;cursor:pointer;border-radius:8px;min-width:44px;min-height:44px;font:inherit}.hd-card-dialog__toolbar button{padding:8px 14px;font-size:12px;display:flex;gap:12px;align-items:center}.hd-card-dialog__toolbar button span{font-size:23px;line-height:1}.hd-card-dialog__stage{min-height:0;flex:1;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:15px;align-items:center}.hd-card-dialog__stage img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 4px 15px #0008)}.hd-card-dialog__stage button{font-size:32px}.hd-card-dialog__stage button:disabled{opacity:.25;cursor:default}#hd-card-dialog-caption{flex:none;margin:0;text-align:center;font-size:13px;line-height:1.5;color:#e3e8df;min-height:20px}.hd-card-dialog [data-card-dialog-error]{font-size:12px;text-align:center;margin:0}.hd-card-dialog [data-card-dialog-error] a{color:#ffdf34}
@media(min-width:1700px){.hd-cl-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){.hd-cl-set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-cl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hd-cl-filters{grid-template-columns:1fr 1fr}.hd-cl-set-intro{padding:30px;gap:25px}.hd-cl-filters button{align-self:end}}
@media(max-width:650px){.hd-cl-set-grid{gap:14px}.hd-cl-set-tile__art{height:190px}.hd-cl-set-tile__art img{height:160px}.hd-cl-set-tile__copy{padding:14px}.hd-cl-set-tile h3{font-size:16px}.hd-cl-set-tile__cta{font-size:11px}.hd-cl-set-intro{grid-template-columns:minmax(0,1fr) 100px;padding:22px;gap:14px}.hd-cl-set-intro>img{width:100px;height:140px}.hd-cl-set-intro p{font-size:12px}.hd-cl-set-intro .hd-cl-pill{font-size:10px;padding:6px 9px}.hd-cl-set-intro h2{font-size:27px!important}.hd-cl-facts{gap:8px;margin-bottom:35px}.hd-cl-facts>span{padding:12px 10px;font-size:10px}.hd-cl-facts b{font-size:15px}.hd-cl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hd-cl-card__caption{padding:9px}.hd-cl-library-stats{gap:16px;flex-wrap:wrap}.hd-cl-library-stats strong{font-size:17px}.hd-cl-library-stats span{margin:0;width:100%}.hd-cl-related{padding:22px}.hd-cl-lead{font-size:15px}.hd-card-dialog{width:98vw;max-width:98vw;padding:12px;height:92dvh}.hd-card-dialog__stage{gap:6px;grid-template-columns:32px minmax(0,1fr) 32px}.hd-card-dialog__stage button{min-width:32px;width:32px;font-size:27px}#hd-card-dialog-caption{font-size:11px}.hd-card-dialog__toolbar button{min-height:40px}}
@media(max-width:440px){.hd-cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-cl-set-grid{grid-template-columns:1fr}.hd-cl-set-tile{flex-direction:row}.hd-cl-set-tile__art{width:38%;flex:none;min-height:210px;height:auto}.hd-cl-set-tile__art img{height:150px;max-width:80%}.hd-cl-set-tile__copy{border-top:0;border-left:3px solid var(--cl-yellow)}.hd-cl-set-code{font-size:9px;left:10px;top:10px}.hd-cl-set-intro{display:block}.hd-cl-set-intro>img{display:none}.hd-cl-filters{padding:14px;gap:10px}.hd-cl-filters label:first-child{grid-column:1/-1}.hd-cl-filters button{grid-column:1/-1}.hd-cl-rank{font-size:9px;padding:4px 7px}.hd-cl-card h3{font-size:12px}}
@media(max-width:650px){.hd-card-dialog__stage{position:relative;grid-template-columns:minmax(0,1fr)}.hd-card-dialog__stage button{position:absolute;z-index:2;top:calc(50% - 22px);background:#171a16cc;border-radius:50%}.hd-card-dialog__stage [data-card-dialog-prev]{left:0}.hd-card-dialog__stage [data-card-dialog-next]{right:0}}
@media(prefers-reduced-motion:reduce){.hd-cl-set-tile,.hd-cl-set-tile__art img{transition:none}}
