.cis-shorts{margin:0 0 28px;padding:20px 16px 16px;border-radius:14px;color:#f8fafc;background:#20252e;font-family:Inter,sans-serif}.cis-shorts__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.cis-shorts__head h2{margin:0 0 7px;color:#fff;font-size:20px;text-transform:uppercase}.cis-shorts__head h2 span{color:#9cc0ff}.cis-shorts__head p{margin:0;color:#e2e8f0;font-size:13px;font-weight:700}.cis-shorts__head>a{color:#bcd3ff;font-size:13px;font-weight:800}.cis-shorts__rail-wrap{position:relative}.cis-shorts__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cis-shorts__rail::-webkit-scrollbar{display:none}.cis-short-card{min-width:0;scroll-snap-align:start}.cis-short-card__button{display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:13px;color:#fff;background:#090b0e;text-align:left;cursor:pointer}.cis-short-card__media{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#111827}.cis-short-card__media:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(0,0,0,.9))}.cis-short-card__media img{width:100%;height:100%;object-fit:cover}.cis-short-card__placeholder{display:grid;place-items:center;width:100%;height:100%;color:#94a3b8;font-size:34px}.cis-short-card__play{position:absolute;z-index:2;top:10px;left:10px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#111827;background:#fff;font-size:11px}.cis-short-card__platform{position:absolute;z-index:2;top:12px;right:9px;padding:4px 6px;border-radius:5px;color:#fff;background:rgba(0,0,0,.62);font-size:10px;font-weight:800}.cis-short-card__button>strong{display:block;min-height:42px;padding:10px 10px 11px;overflow:hidden;font-size:14px;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.cis-shorts__arrow{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:34px;height:46px;padding:0;border:1px solid #087cff;border-radius:18px;color:#087cff;background:#1c222c;font-size:34px;line-height:1;transform:translateY(-50%);cursor:pointer}.cis-shorts__arrow--prev{left:-28px}.cis-shorts__arrow--next{right:-28px}.cis-viewer[hidden]{display:none}.cis-viewer{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:18px}.cis-viewer__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,7,18,.88)}.cis-viewer__dialog{position:relative;z-index:1;width:min(94vw,480px);max-height:94vh;padding:12px;border:1px solid #334155;border-radius:16px;background:#111827;box-shadow:0 25px 80px rgba(0,0,0,.5)}.cis-viewer__close{position:absolute;z-index:2;top:-12px;right:-12px;width:42px;height:42px;border:0;border-radius:50%;color:#fff;background:#e5243f;font-size:28px;cursor:pointer}.cis-viewer__media{display:grid;place-items:center;aspect-ratio:9/16;max-height:78vh;overflow:hidden;border-radius:11px;background:#000}.cis-viewer__media iframe,.cis-viewer__media video{width:100%;height:100%;border:0;object-fit:contain}.cis-viewer__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 4px 2px;color:#fff}.cis-viewer__footer strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cis-viewer__footer a{flex:none;color:#9cc0ff;font-size:13px;font-weight:800}.cis-viewer-open{overflow:hidden}@media(max-width:900px){.cis-shorts__rail{grid-auto-columns:145px}.cis-shorts__arrow{display:none}}@media(max-width:620px){.cis-shorts{margin-inline:-5px;padding:16px 11px 13px;border-radius:10px}.cis-shorts__head h2{font-size:18px}.cis-shorts__rail{grid-auto-columns:132px;gap:9px}.cis-short-card__button>strong{font-size:13px}.cis-viewer{padding:0}.cis-viewer__dialog{width:100%;height:100%;max-height:none;border:0;border-radius:0}.cis-viewer__media{height:calc(100vh - 74px);max-height:none}.cis-viewer__close{top:8px;right:8px}}

.cis-short-card__play {
  width: 29px;
  height: 29px;
  border-radius: 7px;
  color: #fff;
  background: rgba(0, 0, 0, .62);
}
.cis-short-card__play svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cis-short-card__play svg path:first-of-type {
  fill: #fff;
  stroke: none;
}
.cis-short-card__credit {
  position: absolute;
  z-index: 2;
  right: 8px;
  bottom: 8px;
  left: 8px;
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow: 0 1px 3px #000;
}

/* Keep each Short compact regardless of how many cards are published. */
.cis-shorts__rail {
  grid-auto-columns: 148px;
  justify-content: start;
}
.cis-short-card__video-preview {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
  background: #111827;
  pointer-events: none;
}

@media (max-width: 900px) {
  .cis-shorts__rail { grid-auto-columns: 140px; }
}

@media (max-width: 620px) {
  .cis-shorts__rail { grid-auto-columns: 128px; }
}

.cip-profile { padding: 30px 0 60px; background: #f5f7fa; color: #111827; }
.cip-profile * { box-sizing: border-box; }
.cip-wrap { width: min(calc(100% - 32px), 1180px); margin: auto; }
.cip-layout { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 24px; align-items: start; }
.cip-main { min-width: 0; }
.cip-identity, .cip-tabs, .cip-panel { border: 1px solid #e8eaee; border-radius: 14px; background: #fff; }
.cip-identity { overflow: hidden; }
.cip-identity-copy { padding: 22px 22px 6px; }
.cip-identity h1 { margin: 0 0 4px; font-size: 25px; overflow-wrap: anywhere; }
.cip-identity p { margin: 0; color: #667085; font-weight: 700; }
.cip-identity span { color: #667085; font-size: 13px; }
.cip-portrait { display: grid; place-items: end center; height: 285px; margin-top: 10px; overflow: hidden; background: linear-gradient(145deg, #eef2f7, #dbe3ed); }
.cip-portrait img { width: 100%; height: 100%; object-fit: contain; object-position: bottom center; }
.cip-portrait > span { place-self: center; color: #aab3bf; font-size: 100px; font-weight: 900; }
.cip-tabs { display: flex; gap: 8px; margin-bottom: 16px; padding: 7px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.cip-tabs button { min-height: 42px; padding: 0 16px; border: 0; border-radius: 20px; color: #667085; background: transparent; font-size: 12px; font-weight: 900; text-transform: uppercase; white-space: nowrap; cursor: pointer; scroll-snap-align: start; }
.cip-tabs button.is-active { color: #fff; background: #e5243f; }
.cip-panel { min-width: 0; padding: clamp(20px, 3vw, 32px); overflow-wrap: anywhere; }
.cip-panel[hidden] { display: none; }
.cip-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 26px; padding-bottom: 26px; border-bottom: 1px solid #e8eaee; }
.cip-facts > div { min-width: 0; }
.cip-facts span { display: block; color: #667085; font-size: 12px; font-weight: 700; }
.cip-facts strong { display: block; font-size: 14px; overflow-wrap: anywhere; }
.cip-teams { padding: 24px 0; border-bottom: 1px solid #e8eaee; }
.cip-teams h2, .cip-copy h2, .cip-debuts h2 { margin: 0 0 14px; font-size: 18px; text-transform: uppercase; }
.cip-teams span { display: inline-block; max-width: 100%; margin: 4px; padding: 9px 13px; border-radius: 8px; background: #f5f7fa; font-size: 13px; font-weight: 800; overflow-wrap: anywhere; }
.cip-copy { padding: 25px 0; border-bottom: 1px solid #e8eaee; }
.cip-copy [data-cip-copy] { max-height: 10.8em; overflow: hidden; font-family: Georgia, serif; font-size: 17px; line-height: 1.8; }
.cip-copy [data-cip-copy] img, .cip-copy [data-cip-copy] iframe, .cip-copy [data-cip-copy] table { max-width: 100%; }
.cip-copy.is-expanded [data-cip-copy] { max-height: none; }
.cip-copy button { min-height: 44px; margin-top: 8px; padding: 0 8px 0 0; border: 0; color: #e5243f; background: transparent; font-weight: 900; cursor: pointer; }
.cip-list p { margin: 0; padding: 12px 0; border-bottom: 1px solid #e8eaee; line-height: 1.65; }
.cip-list p:last-child { border-bottom: 0; }
.cip-debuts { margin-top: 24px; overflow: hidden; border: 1px solid #e8eaee; border-radius: 14px; }
.cip-debuts h2 { padding: 16px 20px; border-bottom: 1px solid #e8eaee; }
.cip-debuts > div { display: grid; grid-template-columns: minmax(150px, 34%) minmax(0, 1fr); border-bottom: 1px solid #e8eaee; }
.cip-debuts > div:last-child { border-bottom: 0; }
.cip-debuts strong { padding: 17px 20px; background: #f0f1f3; font-size: 12px; text-transform: uppercase; }
.cip-debuts span { min-width: 0; padding: 17px 20px; font-size: 14px; font-weight: 650; overflow-wrap: anywhere; }

@media (max-width: 780px) {
  .cip-profile { padding: 18px 0 40px; }
  .cip-wrap { width: calc(100% - 22px); }
  .cip-layout { grid-template-columns: 1fr; gap: 16px; }
  .cip-identity { display: grid; grid-template-columns: minmax(0, 1fr) 140px; min-height: 170px; }
  .cip-identity-copy { padding: 20px 10px 20px 18px; }
  .cip-portrait { height: 170px; margin: 0; }
  .cip-tabs { position: sticky; top: 0; z-index: 10; width: 100%; scroll-snap-type: x proximity; }
  .cip-tabs button { min-height: 44px; }
  .cip-panel { width: 100%; padding: 18px 15px; }
  .cip-facts { grid-template-columns: 1fr 1fr; gap: 16px; }
  .cip-debuts > div { grid-template-columns: 1fr; }
  .cip-debuts strong { padding-block: 12px; }
  .cip-debuts span { padding-block: 14px; }
}

@media (max-width: 420px) {
  .cip-identity { grid-template-columns: minmax(0, 1fr) 112px; min-height: 150px; }
  .cip-identity h1 { font-size: 21px; }
  .cip-portrait { height: 150px; }
  .cip-facts { grid-template-columns: 1fr; }
  .cip-teams h2, .cip-copy h2, .cip-debuts h2 { font-size: 16px; }
}

body:has(.player-directory) .article{padding: 0; background: transparent; border: 0; border-radius: 0;}
body:has(.player-directory) .entry-content{max-width: none; margin: 0;}
body:has(.player-directory) .article-header{max-width: none; margin: 0 0 16px; padding: 26px 30px; background: #fff; border: 1px solid #e8eaee; border-radius: 14px;}
body:has(.player-directory) .article-title{margin: 0;}
body:has(.player-directory) .entry-content > p{margin: 0 0 16px; padding: 20px 24px; background: #fff; border: 1px solid #e8eaee; border-radius: 12px; font-family: Inter, sans-serif; font-size: 16px;}
body:has(.player-directory) .player-directory__filters{display: flex; flex-wrap: nowrap; gap: 8px; width: 100%; margin: 0 0 16px; padding: 8px; overflow-x: auto; background: #fff; border: 1px solid #e8eaee; border-radius: 10px;}
body:has(.player-directory) .player-directory__filter{display: flex; flex: 1 0 38px; align-items: center; justify-content: center; min-width: 38px; height: 38px; margin: 0; padding: 0 10px; background: #f2f4f7; border: 1px solid #e1e5ea; border-radius: 7px;}
body:has(.player-directory) .player-directory__filter:first-child{flex: 0 0 auto; min-width: 88px;}
body:has(.player-directory) .player-directory__filter.is-active{color: #fff; background: #e5243f; border-color: #e5243f;}
body:has(.player-directory) .player-directory__search{width: 100%; margin: 0 0 22px; padding: 10px; background: #fff; border: 1px solid #e8eaee; border-radius: 10px;}
body:has(.player-directory) .player-directory__search-input{display: block; width: 100%; min-height: 50px; margin: 0;}
body:has(.player-directory) .player-directory__grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%;}
@media (max-width: 900px){body:has(.player-directory) .player-directory__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 620px){body:has(.player-directory) .article-header{padding: 20px 16px;}body:has(.player-directory) .player-directory__grid{grid-template-columns: 1fr;}}
.player-directory__card{display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 14px; min-height: 94px; padding: 15px; overflow: hidden; background: #fff; border: 1px solid #e8eaee; border-radius: 12px; box-shadow: 0 4px 16px rgba(12, 32, 57, .06);}
.player-directory__card[hidden]{display: none;}
.player-directory__image{display: block; width: 64px; height: 64px; overflow: hidden; border-radius: 50%; background: #e7ebf0;}
.player-directory__image img{width: 100%; height: 100%; object-fit: cover;}
.player-directory__card-body{min-width: 0; padding: 0;}
.entry-content .player-directory__name{margin: 0 0 6px; font-size: 20px; line-height: 1.25;}
.entry-content .player-directory__role{margin: 0; color: #667085; font-size: 13px; line-height: 1.4;}
.entry-content .player-directory__profile-link{display: none;}
