/* =========================================================
   PHASE 3F.2 — ACCESS loading skeletons
   ========================================================= */
@keyframes accessSkeletonPulse{
  0%{opacity:.48}
  50%{opacity:.9}
  100%{opacity:.48}
}
.access-skeleton{
  position:relative;
  overflow:hidden;
  background:#171719!important;
  border-color:#252528!important;
  animation:accessSkeletonPulse 1.25s ease-in-out infinite;
}
.access-skeleton::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.055) 43%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.055) 57%,transparent 75%);
  transform:translateX(-100%);
  animation:accessSkeletonSweep 1.35s ease-in-out infinite;
}
@keyframes accessSkeletonSweep{to{transform:translateX(100%)}}

.access-skeleton-card{
  min-height:118px;
  border:1px solid #252528;
  background:#111113;
  padding:16px;
  display:flex;
  gap:13px;
  align-items:flex-start;
}
.access-skeleton-avatar{
  width:54px;height:54px;min-width:54px;border-radius:50%;
}
.access-skeleton-copy{flex:1;min-width:0}
.access-skeleton-line{height:10px;border-radius:999px;margin:4px 0 10px}
.access-skeleton-line.short{width:38%}
.access-skeleton-line.medium{width:64%}
.access-skeleton-line.long{width:88%}
.access-skeleton-video{
  min-height:215px;
  border:1px solid #252528;
  background:#111113;
  padding:12px;
}
.access-skeleton-thumb{height:142px;border-radius:4px;margin-bottom:12px}
.access-skeleton-note{
  min-height:84px;border:1px solid #252528;background:#111113;padding:14px;display:flex;gap:12px
}
.access-skeleton-profile{
  box-sizing:border-box;
  width:min(980px,calc(100% - 28px));margin:28px auto;
  border:1px solid #252528;background:#111113;padding:22px;
}
.access-skeleton-profile-top{display:flex;gap:18px;align-items:center;margin-bottom:20px}
.access-skeleton-profile-avatar{width:88px;height:88px;border-radius:50%;min-width:88px}
.access-skeleton-profile-body{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.access-skeleton-block{height:170px;border-radius:3px}
@media(max-width:700px){
  .access-skeleton-card{min-height:92px;padding:12px}
  .access-skeleton-avatar{width:44px;height:44px;min-width:44px}
  .access-skeleton-video{min-height:170px}
  .access-skeleton-thumb{height:105px}
  .access-skeleton-profile{margin:18px auto;padding:15px}
  .access-skeleton-profile-avatar{width:68px;height:68px;min-width:68px}
  .access-skeleton-profile-body{grid-template-columns:1fr}
  .access-skeleton-block{height:120px}
}