.channel-page__bio:where(.channel-page, .channel-page *) {
   margin:0;
}
.channel-page__bio-cover:where(.channel-page, .channel-page *) {
   position: relative;
   height: 220px;
   overflow: hidden;
}
.channel-page__bio-cover img:where(.channel-page, .channel-page *) {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}
.channel-page__bio-cover-edit:where(.channel-page, .channel-page *) {
   position: absolute;
   bottom: 12px;
   right: 12px;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   border: none;
   background: rgba(0, 0, 0, 0.55);
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   opacity: 0;
   transition: opacity .18s, background .18s;
   backdrop-filter: blur(4px);
   -webkit-backdrop-filter: blur(4px);
}
.channel-page__bio-cover:hover .channel-page__bio-cover-edit:where(.channel-page, .channel-page *) {
   opacity: 1;
}
.channel-page__bio-cover-edit:hover:where(.channel-page, .channel-page *) {
   background: rgba(0, 0, 0, 0.78);
}
.channel-page__bio-main:where(.channel-page, .channel-page *) {
   display: flex;
   align-items: flex-start;
   gap: 20px;
   padding: 0 20px;
   margin-top: -75px; /* avatar overlap */
}
.channel-page__bio-avatar:where(.channel-page, .channel-page *) {
   width: 150px;
   height: 150px;
   border-radius: 50%;
   border: 3px solid var(--surface);
   background: var(--surface);
   display: flex;
   align-items: center;
   justify-content: center;
   text-transform: uppercase;
   flex-shrink: 0;
   overflow: hidden;
   position: relative;
}
.channel-page__bio-avatar img:where(.channel-page, .channel-page *) {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 50%;
}
.channel-page__bio-avatar--no-photo:where(.channel-page, .channel-page *) {
   font-size: 36px;
   font-weight: 700;
   color: var(--text);
}
.channel-page__bio-avatar-edit:where(.channel-page, .channel-page *){
   position:absolute;
   inset:0;
   display:flex;
   align-items:center;
   justify-content:center;
   background:rgba(0,0,0,0.7);
   border:none;
   cursor:pointer;
   opacity:0;
   transition:.2s;
   color:white;
}
.channel-page__bio-avatar-edit:hover:where(.channel-page, .channel-page *){
   opacity:1;
}
.channel-page__bio-avatar-edit svg:where(.channel-page, .channel-page *){
   width:50px;
   height:50px;
}
.channel-page__bio-content:where(.channel-page, .channel-page *) {
   flex: 1;
   min-width: 0;
   padding-top: 90px;
}
.channel-page__bio-head:where(.channel-page, .channel-page *) {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 16px;
}
.channel-page__bio-head-left:where(.channel-page, .channel-page *) {
   flex: 1;
   min-width: 0;
}
.channel-page__bio-head-right:where(.channel-page, .channel-page *) {
   flex-shrink: 0;
   padding-top: 2px;
}
.channel-page__bio-name-row:where(.channel-page, .channel-page *) {
   display: flex;
   align-items: center;
   gap: 8px;
   flex-wrap: wrap;
}
.channel-page__bio-name:where(.channel-page, .channel-page *) {
   font-weight: var(--font-semibold);
}
.channel-page__bio-lock:where(.channel-page, .channel-page *) {
   opacity: 0.4;
   flex-shrink: 0;
}
.channel-page__bio-role-badge:where(.channel-page, .channel-page *) {
   font-size: var(--font-s);
   font-weight: var(--font-medium, 500);
   color: var(--accent);
   background: var(--info-soft);
   padding: 2px 9px;
   border-radius: 20px;
   line-height: 1.6;
}
.channel-page__bio-slug:where(.channel-page, .channel-page *) {
   font-size: var(--font-m);
   font-weight: var(--font-semibold);
   color: var(--text);
   margin:10px 0 0;
}
.channel-page__bio-desc:where(.channel-page, .channel-page *) {
   font-size: var(--font-m);
   font-weight: var(--font-normal);
   color: var(--text-sub);
   margin:5px 0 0;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.channel-page__bio-meta:where(.channel-page, .channel-page *) {
   display: flex;
   align-items: center;
   gap: 6px;
   font-size: var(--font-s);
   font-weight: var(--font-normal);
   color: var(--text-muted);
   margin:15px 0;
   flex-wrap: wrap;
}
.channel-page__bio-sep:where(.channel-page, .channel-page *) {
   opacity: 0.35;
}
@media (max-width: 600px) {
   .channel-page__bio-cover:where(.channel-page, .channel-page *) {
      height: 150px;
   }
   .channel-page__bio-main:where(.channel-page, .channel-page *) {
      flex-direction: column;
      margin-top: -40px;
      gap: 12px;
   }
   .channel-page__bio-avatar:where(.channel-page, .channel-page *) {
      width: 100px;
      height: 100px;
   }
   .channel-page__bio-content:where(.channel-page, .channel-page *) {
      width: 100%;
      padding-top: 8px;
   }
   .channel-page__bio-head:where(.channel-page, .channel-page *) {
      flex-wrap: wrap;
      flex-direction: column;
   }
   .channel-page__bio-head-left:where(.channel-page, .channel-page *) {
      width: 100%;
   }
   .channel-page__bio-follow:where(.channel-page, .channel-page *) {
      width: 100%;
   }
}

.channel-page__posts-collections-filter:where(.channel-page, .channel-page *) {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-top: 20px;
}
.channel-page__posts:where(.channel-page, .channel-page *){
   margin-top: 30px;
   padding-bottom: 100px;
}
.channel-page__posts__empty:where(.channel-page, .channel-page *){
   text-align: center;
   color: var(--text-3);
   padding: 60px 0;
   font-size: 15px;
}

.post-card:where(.channel-page, .channel-page *) {
   background: var(--surface);
   border: 1px solid var(--gray-border);
   padding: var(--w-pad);
   margin-top: var(--w-pad);
   border-radius:5px;
}
.post-card__head:where(.channel-page, .channel-page *) {
   display: flex;
   align-items: center;
   gap: 6px;
   font-size: var(--font-s);
   font-weight: var(--font-normal);
   color: var(--text);
}
.post-card__channel-photo:where(.channel-page, .channel-page *) {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   background: var(--gray-bg);
   color: var(--text-3);
   font-size: var(--font-xs);
   font-weight: var(--font-semibold);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   text-transform: uppercase;
   overflow: hidden;
}
.post-card__channel-photo.has-photo:where(.channel-page, .channel-page *) {
   background: none;
}
.post-card__channel-photo img:where(.channel-page, .channel-page *) {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.post-card__author-by:where(.channel-page, .channel-page *) {
   color: var(--text-muted);
}
.post-card__channel-name:where(.channel-page, .channel-page *), .post-card__author-name:where(.channel-page, .channel-page *) {
   text-decoration: none;
}
.post-card__channel-name:hover:where(.channel-page, .channel-page *), .post-card__author-name:hover:where(.channel-page, .channel-page *) { text-decoration: underline; }
.post-card__body:where(.channel-page, .channel-page *) {
   margin-top: 10px;
   display: flex;
   align-items: stretch;
   gap: 24px;
}
.post-card__content:where(.channel-page, .channel-page *) {
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
}
.post-card__title:where(.channel-page, .channel-page *) {
   margin-bottom: 6px;
}
.post-card__annotation:where(.channel-page, .channel-page *) {
   font-size: var(--font-m);
   font-weight: var(--font-normal);
   color: var(--text);

   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
   margin-bottom: auto;
}
.post-card__meta:where(.channel-page, .channel-page *) {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top:10px;

   font-size: var(--font-s);
   font-weight: var(--font-normal);
   color: var(--text-sub);
}
.post-card__meta-left:where(.channel-page, .channel-page *) {
   display: flex;
   align-items: center;
   gap: 12px;
}
.post-card__meta-right:where(.channel-page, .channel-page *) {
   display: flex;
   align-items: center;
   gap: 10px;
   flex-shrink: 0;
}
.post-card__more:where(.channel-page, .channel-page *) { position: relative}
.post-card__engagement_icon:where(.channel-page, .channel-page *) {
   display: flex;
   align-items: center;
   gap: 6px;
   height: 36px;
   padding:0 5px;
   border: none;
   background: none;
   color: var(--text);
   cursor: pointer;
   border-radius: 10px;
   text-decoration: none;
   transition: color 0.15s, background 0.15s;
}
.post-card__engagement_icon svg:where(.channel-page, .channel-page *){
   color: var(--text);
   flex-shrink:0;
}
.post-card__engagement_icon .post__action__count:where(.channel-page, .channel-page *){
   font-size: var(--font-s);
   font-weight: var(--font-normal);
   color: var(--text-sub);
}
.post-card__engagement_icon:hover:where(.channel-page, .channel-page *) { background: var(--surface-2)}
.post-card__engagement_icon.active svg *:where(.channel-page, .channel-page *){
   fill: var(--warning);
}
.post-card__photo:where(.channel-page, .channel-page *) {
   flex-shrink: 0;
   display: block;
   width: 30%;
   align-self: stretch;
   overflow: hidden;
   background: var(--surface-2);
}
.post-card__photo.has-photo:where(.channel-page, .channel-page *) {
   background: none;
}
.post-card__photo img:where(.channel-page, .channel-page *) {
   width: 100%;
   display: block;
   border-radius: 10px;
}

@media (max-width: 768px) {
   .post-card__channel-photo:where(.channel-page, .channel-page *)
   {
      width: 30px;
      height: 30px;
   }
   .post-card__body:where(.channel-page, .channel-page *) {
      display: grid;
      grid-template-areas:
              "cover"
              "content";
      grid-template-columns: 1fr;
      gap:15px;
   }
   .post-card__content:where(.channel-page, .channel-page *) {
      grid-area: content;
   }
   .post-card__photo:where(.channel-page, .channel-page *) {
      grid-area: cover;
      width: 100%;
      min-height: 180px;
   }
}

.channel-page { --font-xs:11px; --font-s:12px; --font-m:14px; --font-normal:400; --font-medium:500; --font-semibold:600; --text-sub:var(--text-2); --text-muted:var(--text-3); background:var(--bg-soft); }
.channel-page .web-shell-content { font-size:14px; line-height:1.5; }
.channel-page h1, .channel-page h2, .channel-page p { margin-top:0; }
.channel-page .channel-page__bio-name { font-size:30px; line-height:1.3; margin-bottom:0; }
.channel-page .post-card__title { font-size:24px; line-height:1.35; font-weight:400; }
.channel-page .post-card__annotation { margin-top:0; }
.channel-page .layout_subnav { border-bottom:1px solid var(--gray-border); margin-top:16px; }
.channel-page .layout_subnav .content { display:flex; gap:30px; overflow-x:auto; }
.channel-page .subnav__link { display:block; white-space:nowrap; padding:14px 0 10px; border-bottom:1px solid transparent; }
.channel-page .subnav__link--active { border-bottom-color:var(--accent); }
.channel-page .channel-page__bio-follow, .channel-page .channel-pagination a { display:inline-block; font:inherit; border:1px solid var(--border-strong); background:var(--surface); padding:7px 18px; border-radius:20px; }
.channel-page .post-card__head { flex-wrap:wrap; }
.channel-page .channel-pagination { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:24px; }
.channel-page .channel-about { padding:30px 0 80px; white-space:pre-wrap; overflow-wrap:anywhere; }
.channel-page .channel-status:empty { display:none; }
.channel-page .channel-status { font-size:12px; color:var(--text-3); margin:8px 0 0; }
@media(max-width:768px) { .channel-page .post-card__title { font-size:22px; } }
@media(max-width:380px) { .channel-page .post-card__meta { flex-wrap:wrap; gap:4px; } }

.channel-page .channel-page__bio-avatar { background:var(--surface)!important; }

.channel-page .post-card {
 background:transparent;
 border:0;
 border-radius:0;
 margin:0;
 padding:24px 0;
}
.channel-page .post-card + .post-card { border-top:1px solid var(--border); }

/* Channel fills the container; the cover reaches both sheet edges. */
.channel-surface:where(.channel-page, .channel-page *) { width:100%; min-height:var(--page-height); display:flow-root; margin:0; padding:0; }
.channel-page__bio:where(.channel-page, .channel-page *) { width:100%; margin:0; padding:0; }
.channel-page .channel-page__bio-main, .channel-page .channel-surface .ly-wrap { width:100%; max-width:none; margin-left:0; margin-right:0; padding-left:var(--page-padding); padding-right:var(--page-padding); }

 .channel-page__bio-head-right:where(.channel-page, .channel-page *){display:flex;flex-direction:column;align-items:stretch;gap:8px}.channel-page .channel-page__open-chat{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 16px;border:1px solid var(--border-strong);border-radius:20px;background:var(--surface);color:var(--text);font:inherit;text-decoration:none;white-space:nowrap}.channel-page .channel-page__open-chat:hover{background:var(--surface-2);border-color:var(--text-3)}.channel-page__open-chat svg:where(.channel-page, .channel-page *){flex-shrink:0}.channel-page__open-chat:focus-visible:where(.channel-page, .channel-page *){outline:2px solid var(--focus);outline-offset:2px}@media(max-width:768px){.channel-page__bio-head-right:where(.channel-page, .channel-page *){width:100%;flex-direction:row;flex-wrap:wrap}.channel-page__bio-head-right .channel-page__bio-follow:where(.channel-page, .channel-page *), .channel-page__bio-head-right .channel-page__open-chat:where(.channel-page, .channel-page *){flex:1;width:auto}.channel-page__bio-head-right .channel-status:where(.channel-page, .channel-page *){flex-basis:100%}}

.channel-page .channel-page__bio--without-cover .channel-page__bio-main {
   margin-top: 0;
   padding-top: var(--page-padding);
}
.channel-page .channel-page__bio--without-cover .channel-page__bio-content {
   padding-top: 0;
}