body .library{max-width:1480px}
body #cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-card{display:flex;flex-direction:column;padding:0;gap:0;overflow:hidden;background:#0d0d0d;border:1px solid #ffffff1a;border-radius:12px;transition:transform .2s,border-color .2s}
body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-card:hover{transform:translateY(-3px);border-color:#ffffff45}
.skill-cover{aspect-ratio:16/9;width:100%;overflow:hidden;background:#181818;position:relative;flex-shrink:0}
.skill-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.skill-card:hover .skill-cover img{transform:scale(1.025)}
.cover-status{display:none}.cover-pending .cover-status{display:block;position:absolute;inset:0;align-content:center;text-align:center;color:#888;font-size:12px}
body .skill-function-label{font-size:20px;line-height:1.4;font-weight:700;color:#f1efe7;padding:20px 22px 8px;letter-spacing:-.025em}
body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-top{padding:0 22px;min-height:0;display:block}
body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-top .icon,body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-locator,body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .card-open{display:none}
body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-top h3{font-size:11px;font-weight:400;letter-spacing:.025em;color:#8d8b85;line-height:1.5;word-break:break-word;margin:0 0 12px;padding:0}
body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-summary-box{margin:0 22px 18px;min-height:70px;max-height:70px;border:0;background:none;padding:0;overflow:hidden}
body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-summary{font-size:12px;line-height:1.8;color:#b3b1a9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-author-row{margin: auto 22px 12px;padding-top:12px;border-top:1px solid #ffffff12}
body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-card-footer{padding:10px 22px 16px;margin:0;font-size:10px;gap:8px}
body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-version{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1050px){body #cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body #cards{grid-template-columns:1fr;gap:20px}.skill-function-label{font-size:19px}}
@media(prefers-reduced-motion:reduce){.skill-cover img,body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-card{transition:none}}

/* Approved minimalist bilingual poster collection. */
.skill-cover{background:#f4f3ef}.skill-cover img{object-fit:contain}.skill-card:hover .skill-cover img{transform:none}.cover-pending .cover-status{color:#777}
/* Keep card text legible in both site themes. */
html[data-theme="light"] body .skill-function-label{color:#171717}
html[data-theme="light"] body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-summary{color:#525252}
html[data-theme="light"] body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-top h3{color:#555}
html[data-theme="light"] body :is(#cards,#featuredGrid,#latestGrid,#mostUsedGrid) .skill-author-row{border-top-color:#00000014}

body .featured-grid .skill-card{min-width:0}body .featured-grid .skill-function-label{font-size:17px}body .featured-grid .skill-cover{flex-shrink:0}
/* Preserve live favorite actions and private-submission visibility. */
body :is(#cards,#featuredGrid,#latestGrid) .skill-card{position:relative}
body :is(#cards,#featuredGrid,#latestGrid) .card-open{display:grid;position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;background:#fff;color:#a51f2e;border:1px solid #b82b3e55;border-radius:9px}
body :is(#cards,#featuredGrid,#latestGrid) .card-open.is-favorite{background:#a51f2e;color:#fff}
body :is(#cards,#featuredGrid,#latestGrid) .owner-private .skill-locator{display:block;font-size:12px;color:inherit;white-space:normal}
body :is(#cards,#featuredGrid,#latestGrid) .skill-summary-box::after{display:none}
body :is(#cards,#featuredGrid,#latestGrid) .skill-summary{font-size:14px;line-height:1.65}
body :is(#cards,#featuredGrid,#latestGrid) .skill-summary-box{min-height:70px;max-height:70px}
.skill-cover-fallback{display:grid;place-items:center;height:100%;padding:24px;color:#292525;font-size:22px;text-align:center;overflow-wrap:anywhere}
html[data-theme="light"] body :is(#cards,#featuredGrid,#latestGrid) .skill-card{background:#fff;border-color:#dedbd8;box-shadow:0 2px 12px #00000006}
html[data-theme="light"] body :is(#cards,#featuredGrid,#latestGrid) .skill-card:hover{border-color:#a51f2e55}
html body :is(#cards,#featuredGrid,#latestGrid) .skill-top h3{font-size:12px!important;line-height:1.5!important;font-weight:400!important;min-height:0!important;height:auto!important;margin:0 0 12px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body :is(#cards,#featuredGrid,#latestGrid) .skill-function-label{min-height:76px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}