/* Load after styles.css and update-v2/v3/v4.css. Scoped to new cards. */
.material-card.cs-card{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;height:100%;padding:6px 6px 0;border:1px solid #e7ebf0;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 4px 18px #22334805;color:#293546;font-family:Rubik,Arial,sans-serif;font-weight:400;transition:border-color .18s,box-shadow .18s}
.cs-card *{box-sizing:border-box}
.material-card.cs-card:hover{border-color:#ed8b35;box-shadow:0 8px 25px #aa642314;transform:none}
.cs-card__media{position:relative;flex:none}
.cs-card__cover{display:block;aspect-ratio:16/9;overflow:hidden;background:#edf0f4;border-radius:10px;text-decoration:none}
.cs-card__cover img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .28s}
@media(hover:hover){.cs-card:hover .cs-card__cover img{transform:scale(1.025)}}
.cs-card__badge{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);padding:6px 10px;border:1px solid #ffffff20;border-radius:7px;background:#202b39ed;color:#fff;font:400 11px/1.4 Rubik,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.cs-card__badge[hidden]{display:none}
.cs-card__body{display:flex;flex:1;flex-direction:column;min-width:0;padding:14px 12px 12px}
.cs-card__title{margin:0 0 8px!important;font:400 19px/1.35 Rubik,Arial,sans-serif!important;letter-spacing:-.25px;overflow-wrap:anywhere}
.cs-card__title a{color:#273445;text-decoration:none}
.cs-card__title a:hover{color:#ad510d}
.cs-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 11px;font:400 13px/1.65 Rubik,Arial,sans-serif;color:#6b788a}
.cs-card__excerpt p,.cs-card__excerpt div{margin:0;padding:0;font:inherit;color:inherit}
.cs-card__excerpt img,.cs-card__excerpt iframe,.cs-card__excerpt video,.cs-card__excerpt script{display:none}
.cs-card__categories{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 13px;font-size:0;line-height:1}
.cs-card__categories a{display:block;max-width:100%;padding:6px 8px;border-radius:6px;background:#f1f3f6;color:#5c6a7d;font:400 11px/1.25 Rubik,Arial,sans-serif;text-decoration:none;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.cs-card__categories a:hover{background:#fff1df;color:#a94f0b}
.cs-card__categories a:nth-of-type(n){display:block}
.cs-card__categories:empty{display:none}
.cs-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;padding-top:12px;border-top:1px solid #edf0f4}
.cs-card__views{display:inline-flex;align-items:center;gap:6px;color:#6a788b;font:400 11px/1.4 Rubik,Arial,sans-serif;white-space:nowrap}
.cs-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-left:auto}
.cs-card a.cs-card__button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:9px 11px;border-radius:8px;border:1px solid transparent;font:400 12px/1.4 Rubik,Arial,sans-serif;text-decoration:none;white-space:nowrap;transition:background-color .16s,border-color .16s,box-shadow .16s}
.cs-card a.cs-card__button--details{background:#fff4e8;border-color:#ffe7cb;color:#a64d0a}
.cs-card a.cs-card__button--details:hover{background:#ffe8cb;border-color:#ffd1a0;color:#8f3e06}
.cs-card a.cs-card__button--download{background:#b9530b;border-color:#b9530b;color:#fff;box-shadow:0 3px 9px #b9530b16}
.cs-card a.cs-card__button--download:hover{background:#994308;border-color:#994308;color:#fff;box-shadow:0 4px 12px #b9530b26}
.cs-card a:focus-visible{outline:2px solid #b85b14;outline-offset:3px}
.cs-card__cover:focus-visible{outline-offset:-3px!important}
.cs-card__sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1199px) and (min-width:561px){.cs-card__footer{gap:9px}.cs-card__actions{width:100%}.cs-card__actions>a{flex:1}.cs-card__title{font-size:18px!important}.cs-card__body{padding:12px 10px}}
@media(max-width:560px){.cs-card__title{font-size:19px!important}.cs-card__body{padding:13px 11px}.cs-card__badge{font-size:10px;left:10px;top:10px}.cs-card a.cs-card__button{min-height:42px}.cs-card__excerpt{font-size:13px}}
@media(max-width:359px){.cs-card__actions{width:100%}.cs-card__actions>a{flex:1}}
@media(prefers-reduced-motion:reduce){.material-card.cs-card,.cs-card *{transition:none!important}.cs-card:hover .cs-card__cover img{transform:none}}

/* v6: three columns, thumbnail strip and isolated image viewer. */
.cs-material-grid,.listing,.cards-grid,.cs-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;min-width:0;align-items:stretch}
.cs-card-grid>.cs-card,.cs-card-grid>.cs-card-wrapper{grid-column:auto!important;min-width:0;width:auto!important;float:none!important;margin:0!important}
.cs-card-grid>*:not(.cs-card):not(.cs-card-wrapper){grid-column:1/-1}
.cs-card-grid>br{display:none}
.cs-card__badge{max-width:calc(100% - 66px)}
.cs-card__title{font-size:17px!important;line-height:1.4!important}
.cs-card__excerpt{font-size:13px;-webkit-line-clamp:3}
.cs-card__footer{gap:10px}
.cs-card__actions{width:100%;margin:0;flex-wrap:nowrap}
.cs-card__actions>a{flex:1;min-width:0}
.cs-card__button--download{order:-1}
.cs-card__zoom{position:absolute;right:9px;top:9px;width:34px;height:34px;display:grid;place-items:center;background:#17202bd9;color:white;border:1px solid #ffffff30;border-radius:7px;cursor:pointer;padding:0}
.cs-card__screens{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:5px 6px;border-bottom:1px solid #e7ebf0;color:#6b788a;font:400 11px/1.4 Rubik,Arial,sans-serif}
.cs-card__count{font-weight:400;color:#ad510d}
.cs-card__thumbs{display:flex;gap:4px;margin-left:auto}
.cs-card__thumb{position:relative;display:grid;place-items:center;width:44px;height:38px;padding:4px 0;border:0;background:transparent;cursor:pointer;color:white;border-radius:5px;overflow:hidden}
.cs-card__thumb img{display:block;width:100%;height:30px;object-fit:cover;border:1px solid #d5dce5;border-radius:4px}
.cs-card__thumb span{position:absolute;inset:4px 0;background:#17202bbd;border-radius:4px;display:grid;place-items:center;font:400 12px Rubik,Arial,sans-serif}
.cs-card button:focus-visible,.cs-card-viewer button:focus-visible{outline:2px solid #e88a27;outline-offset:2px}
.cs-card__zoom[hidden],.cs-card__screens[hidden]{display:none!important}
.cs-card-viewer{box-sizing:border-box;width:min(1100px,calc(100vw - 24px));max-width:none;height:min(820px,calc(100dvh - 32px));max-height:none;margin:auto;padding:0;border:1px solid #ffffff25;border-radius:14px;background:#111720;color:#fff;font:400 14px Rubik,Arial,sans-serif;overflow:hidden}
.cs-card-viewer::backdrop{background:#080d16e8}
.cs-card-viewer[open]{display:flex;flex-direction:column}
.cs-card-viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;flex:none}
.cs-card-viewer__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.cs-card-viewer button{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff30;border-radius:8px;background:#ffffff10;color:#fff;font:400 25px Arial,sans-serif;cursor:pointer}
.cs-card-viewer button:hover{background:#ffffff25}
.cs-card-viewer__stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:10px 65px}
.cs-card-viewer__image{display:block;width:100%;height:100%;object-fit:contain}
.cs-card-viewer__prev,.cs-card-viewer__next{position:absolute;top:calc(50% - 22px)}
.cs-card-viewer__prev{left:12px}.cs-card-viewer__next{right:12px}
.cs-card-viewer__bottom{padding:16px;text-align:center;font-size:12px;color:#bcc8d7}
.cs-card-viewer [hidden]{display:none!important}
@media(max-width:1100px){.cs-material-grid,.listing,.cards-grid,.cs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.cs-material-grid,.listing,.cards-grid,.cs-card-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.cs-card__thumb{width:48px;height:44px}.cs-card__thumb img{height:34px}.cs-card__thumb span{inset:5px 0}.cs-card-viewer__stage{padding:8px 8px 62px}.cs-card-viewer__prev,.cs-card-viewer__next{top:auto;bottom:8px}.cs-card-viewer__prev{left:calc(50% - 50px)}.cs-card-viewer__next{right:calc(50% + 6px)}}