/* Custom cards on Community and My Saves (5 Nov 2026) -- the bits community_card_details.css does
   not carry: the card box inside a post / a save, the "could not read" line and the toast. */
.cc-box{width:100%;padding:4px 2px}
.cc-box .ct-card-peek{gap:18px}
.cc-box .ct-card-peek>.ft-slot{flex:none}
.cc-box .cc-who{display:block;margin-bottom:9px;font:600 16px/1.3 'Rajdhani',sans-serif;color:#fff;overflow-wrap:anywhere}
.cc-box .ct-label{font-size:13px;letter-spacing:1px;margin-bottom:5px}
.cc-box .ct-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:1.45;color:#eeeae0;white-space:normal}
.cc-box .ct-card-peek:hover .ft-slot,.cc-box .ct-card-peek:focus-visible .ft-slot{filter:drop-shadow(0 0 7px rgba(var(--acc-rgb,255,216,74),.6))}
.cc-box .ct-card-peek:focus-visible{outline:1px solid rgba(var(--acc-rgb,255,216,74),.6);outline-offset:4px}
.cc-bad{padding:18px;color:#a3a6b0;font:500 15px 'Rajdhani',sans-serif;text-align:center}
.cm-preview.cm-kind-card{display:block}
.cc-item .body{padding:12px 4px 4px}
.cc-item .nm{cursor:default}
.cc-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);z-index:10000;max-width:calc(100vw - 48px);opacity:0;pointer-events:none;
  background:#0b0f16;border:1px solid rgba(var(--acc-rgb,255,216,74),.6);padding:12px 18px;border-radius:8px;font:600 16px 'Rajdhani',sans-serif;color:#fff;transition:opacity .2s,transform .2s}
.cc-toast.on{opacity:1;transform:translate(-50%,0)}
/* the details pop-up keeps the page's own site colour for its edges, as the trial does */
#ccHost #ctDetails{color:#ede8d5}
#ccHost #ctDetails .ct-modal-head .house-btn{min-width:0;padding:6px 12px}
@media(max-width:600px){
  .cc-box .ct-card-peek{gap:12px}
  .cc-box .ct-card-peek>.ft-slot{width:84px!important;height:84px!important}
  .cc-box .cc-who{font-size:15px}
  .cc-box .ct-text{font-size:15px;-webkit-line-clamp:5}
}
/* the card post / saved card boxes take the site colour as their outline (owner, 5 Nov 2026) */
body[data-community-kind=card].cm-midnight :is(.vrow,.rrow,.pd .card){border-color:rgba(var(--acc-rgb,255,216,74),.55)}
body[data-community-kind=card].cm-midnight .cm-post .cm-post-head{border-bottom-color:rgba(var(--acc-rgb,255,216,74),.3)}
.cm-saves #list .cc-item{border-color:rgba(var(--acc-rgb,255,216,74),.55)}
.cm-saves #list .cc-item .head{border-bottom-color:rgba(var(--acc-rgb,255,216,74),.3)}
/* CARD POST = option F of cardpost_trial.html (owner, 6 Nov 2026): a band in the card's TYPE colour fading across
   the box behind the tile and the name, the leader skill under a hairline. Community and My Saves alike. */
.cc-box{--tc:244,165,0}
.cc-box:has(.ft-slot[data-type=AGL]){--tc:0,136,221}
.cc-box:has(.ft-slot[data-type=TEQ]){--tc:40,194,40}
.cc-box:has(.ft-slot[data-type=INT]){--tc:160,68,232}
.cc-box:has(.ft-slot[data-type=STR]){--tc:232,48,48}
.cc-box:has(.ft-slot[data-type=PHY]){--tc:255,187,0}
.cc-box{box-sizing:border-box;border-radius:10px;padding:14px;background:linear-gradient(100deg,rgba(var(--tc),.28),rgba(var(--tc),.06) 55%,transparent)}
.cc-box .cc-who{font:400 1.08rem/1.3 'Black Han Sans',sans-serif;color:#fff;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(var(--tc),.45)}
.cc-box .ct-label{color:rgb(var(--tc));font:700 .74rem 'Rajdhani',sans-serif;letter-spacing:1.8px}
.cc-box .ct-text{font:450 .98rem/1.6 'Inter',sans-serif;color:#fff}
/* name first in the post's own heading face, the card title under it, smaller and dimmer (owner, 7 Nov 2026) */
.cc-box .cc-who .cc-nm{display:block}
.cc-box .cc-who .cc-tt{display:block;margin-top:3px;font:600 .82rem/1.3 'Rajdhani',sans-serif;letter-spacing:.3px;color:#b9bfcc}