/* Static-page support for prerendered content. */
.afr-static-page{margin:0;min-height:100vh;background:var(--afr-bg,#0d0d0e);}
.afr-static-post-page .afr-news-frame{max-width:760px;margin:0 auto;padding-top:36px;}
.afr-static-back{color:var(--afr-text-soft);text-decoration:none;font-size:13px;letter-spacing:.02em;display:inline-block;margin:0 0 20px;}
.afr-static-menu-link{text-decoration:none;}
.afr-static-controls{gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px;}
.afr-static-controls input,.afr-static-controls select,.afrb-filters input,.afrb-filters select,.afrn-controls input,.afrn-controls select{min-height:42px;}
.afr-static-profile-head{max-width:760px;margin:0 auto 28px;border-bottom:1px solid var(--afr-border);padding-bottom:24px;}
.afr-static-profile-cover{height:220px;overflow:hidden;margin-bottom:-54px;background:var(--afr-card);}
.afr-static-profile-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.afr-static-profile-head .afr-profile-avatar{position:relative;margin:0 0 12px 22px;width:108px;height:108px;border:4px solid var(--afr-bg);overflow:hidden;border-radius:50%;background:var(--afr-card);}
.afr-static-profile-head .afr-profile-avatar img{width:100%;height:100%;object-fit:cover;}
.afr-static-profile-head>div:last-child{padding:0 22px;}
.afr-static-profile-head h1{margin:0;font-size:30px;}
.afr-static-profile-head .afr-profile-bio{margin-top:12px;white-space:pre-wrap;}
@media(max-width:700px){.afr-static-post-page .afr-news-frame{padding:20px 16px 60px}.afr-static-profile-cover{height:160px}}


/* Content Engine 2.10 — responsive social profile pages */
.afr-template-social-profile {
    position: relative;
    isolation: isolate;
    min-height: calc(100vh - var(--afr-site-header-height,72px));
}

.afr-template-social-profile.has-profile-background {
    background: transparent;
}

.afr-profile-page-background,
.afr-profile-page-overlay {
    position: fixed;
    inset: var(--afr-site-header-height,72px) 0 0;
    z-index: 0;
    pointer-events: none;
}

.afr-profile-page-background {
    background-image: var(--afr-profile-bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: var(--afr-profile-bg-position,center center);
}

.afr-profile-page-overlay {
    background: rgba(0,0,0,var(--afr-profile-bg-overlay,.55));
}

html[data-afr-theme="light"] .afr-profile-page-overlay {
    background: rgba(255,255,255,var(--afr-profile-bg-overlay,.55));
}

.afr-profile-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(220px,var(--afr-profile-sidebar-width,300px)) minmax(0,var(--afr-profile-content-width,760px));
    justify-content: center;
    align-items: start;
    gap: clamp(32px,5vw,72px);
    width: min(1180px,100%);
    margin: 0 auto;
}

.profile-sidebar-static .afr-profile-sidebar {
    position: relative;
    top: auto;
}

.afr-profile-sidebar {
    grid-column: auto;
    position: sticky;
    top: calc(var(--afr-site-header-height,72px) + 28px);
    align-self: start;
    justify-self: stretch;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 24px;
    border-radius: 18px;
    background: rgba(15,15,16,var(--afr-profile-sidebar-backdrop,0));
    -webkit-backdrop-filter: blur(var(--afr-profile-sidebar-blur,0px));
    backdrop-filter: blur(var(--afr-profile-sidebar-blur,0px));
}

html[data-afr-theme="light"] .afr-profile-sidebar {
    background: rgba(255,255,255,var(--afr-profile-sidebar-backdrop,0));
}

.afr-profile-identity {
    min-width: 0;
}

.afr-profile-page-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 148px;
    height: 148px;
    margin: 0 0 22px;
    overflow: hidden;
    border: 1px solid var(--afr-border);
    border-radius: 50%;
    background: var(--afr-card-alt);
    color: var(--afr-text);
    font-size: 34px;
    font-weight: 800;
}

.afr-profile-page-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.afr-profile-page-name-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.afr-profile-page-name-row h1 {
    margin: 0;
    color: inherit;
    font-family: var(--social-profile-template-heading,inherit);
    font-size: clamp(28px,3vw,38px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.04em;
    overflow-wrap: anywhere;
}

.afr-profile-sidebar .afr-profile-handle,
.afr-profile-mobile-head .afr-profile-handle {
    margin-top: 9px;
    color: var(--afr-muted);
    font-family: var(--social-profile-template-meta,inherit);
    font-size: 13px;
    line-height: 1.45;
}

.afr-profile-sidebar .afr-profile-bio,
.afr-profile-mobile-head .afr-profile-bio {
    margin-top: 24px;
    color: var(--afr-text-soft);
    font-family: var(--social-profile-template-body,inherit);
    font-size: 14px;
    line-height: 1.65;
    white-space: pre-wrap;
}

.afr-profile-details {
    display: grid;
    gap: 10px;
    margin-top: 24px;
    font-family: var(--social-profile-template-meta,inherit);
    font-size: 13px;
    line-height: 1.5;
}

.afr-profile-detail {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    min-width: 0;
    color: var(--afr-text-soft);
}

.afr-profile-detail-icon {
    flex: none;
    width: 16px;
    color: var(--afr-muted);
    text-align: center;
}

.afr-profile-inline-link,
.afr-profile-bio a {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
    background-image: linear-gradient(currentColor,currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 1px;
    transition: background-size .16s ease;
}

.afr-profile-inline-link:hover,
.afr-profile-inline-link:focus-visible,
.afr-profile-bio a:hover,
.afr-profile-bio a:focus-visible {
    background-size: 100% 1px;
}

.afr-profile-inline-link:focus-visible,
.afr-profile-bio a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.afr-profile-feed-column {
    min-width: 0;
}

.afr-profile-feed-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    padding: 4px 2px 16px;
    border-bottom: 1px solid var(--afr-border);
}

.afr-profile-feed-head h2 {
    margin: 0;
    font-family: var(--social-profile-template-heading,inherit);
    font-size: 28px;
    line-height: 1;
}

.afr-profile-feed-head p {
    margin: 8px 0 0;
    color: var(--afr-muted);
    font-family: var(--social-profile-template-meta,inherit);
    font-size: 12px;
}

.afr-profile-feed-handle {
    color: var(--afr-muted);
    font-family: var(--social-profile-template-meta,inherit);
    font-size: 12px;
}

.afr-profile-feed-controls {
    margin-bottom: 20px;
}

.afr-profile-mobile-head {
    display: none;
}

@media (max-width:900px) {
    .afr-template-social-profile {
        padding-left: 0;
        padding-right: 0;
    }

    .afr-profile-page-background {
        background-position: var(--afr-profile-bg-mobile-position,var(--afr-profile-bg-position,center top));
    }

    .afr-profile-layout {
        display: block;
        width: 100%;
    }

    .afr-profile-sidebar {
        display: none;
    }

    .afr-profile-mobile-head {
        display: block;
        margin: -28px 0 28px;
        border-bottom: 1px solid var(--afr-border);
        background: color-mix(in srgb,var(--afr-page) 86%,transparent);
    }

    .afr-profile-mobile-cover {
        height: 180px;
        overflow: hidden;
        background: var(--afr-card);
    }

    .afr-profile-mobile-cover img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .afr-profile-mobile-head-inner {
        padding: 0 20px 24px;
    }

    .afr-profile-mobile-head .afr-profile-page-avatar {
        width: 108px;
        height: 108px;
        margin: 18px 0 16px;
        border: 4px solid var(--afr-page);
    }

    .afr-profile-mobile-head:has(.afr-profile-mobile-cover) .afr-profile-page-avatar {
        position: relative;
        margin-top: -54px;
    }

    .afr-profile-mobile-head .afr-profile-page-name-row h1 {
        font-size: 30px;
    }

    .afr-profile-mobile-head .afr-profile-bio {
        margin-top: 16px;
    }

    .afr-profile-mobile-head .afr-profile-details {
        margin-top: 18px;
    }

    .afr-profile-feed-column {
        width: min(760px,calc(100% - 32px));
        margin: 0 auto;
    }

    .afr-profile-feed-head {
        padding-top: 0;
    }
}

@media (max-width:520px) {
    .afr-profile-mobile-cover {
        height: 150px;
    }

    .afr-profile-feed-column {
        width: min(100% - 24px,760px);
    }

    .afr-profile-feed-head {
        align-items: flex-start;
    }

    .afr-profile-feed-handle {
        padding-top: 4px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .afr-profile-inline-link,
    .afr-profile-bio a {
        transition: none;
    }
}

/* Persistent floating YouTube player */
.afr-youtube-player{
  box-sizing:border-box;position:fixed;right:24px;bottom:24px;z-index:10050;
  display:flex;flex-direction:column;width:min(440px,calc(100vw - 32px));height:auto;
  min-width:240px;min-height:190px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);
  overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:10px;
  background:#0b0c0e;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.5);
}
.afr-youtube-player[hidden]{display:none}
.afr-youtube-player.is-dragging,.afr-youtube-player.is-resizing{user-select:none}
.afr-youtube-player-header{
  display:flex;flex:0 0 44px;align-items:center;gap:10px;min-height:44px;padding:0 10px 0 12px;
  background:#141519;cursor:move;touch-action:none;user-select:none;
}
.afr-youtube-player-grip{flex:0 0 auto;color:#8f939b;font-size:14px;line-height:1;letter-spacing:-3px}
.afr-youtube-player-title{min-width:0;flex:1;overflow:hidden;font-family:inherit;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.afr-youtube-player-close{
  appearance:none;display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;padding:0;border:0;
  background:transparent;color:#fff;font:inherit;font-size:24px;line-height:1;cursor:pointer;touch-action:manipulation;
}
.afr-youtube-player-video{flex:1 1 auto;min-height:0;background:#000}
.afr-youtube-player-video iframe{display:block;width:100%;height:100%;border:0}
.afr-youtube-player-resize{
  appearance:none;position:absolute;right:0;bottom:0;z-index:3;width:30px;height:30px;padding:0;border:0;
  background:linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.22) 49% 54%,transparent 55% 64%,rgba(242,31,43,.82) 65% 70%,transparent 71%);
  cursor:nwse-resize;touch-action:none;
}
.afr-youtube-player-resize:focus-visible,.afr-youtube-player-close:focus-visible{outline:2px solid #f21f2b;outline-offset:-3px}
.afr-youtube-player.is-dragging .afr-youtube-player-video iframe,
.afr-youtube-player.is-resizing .afr-youtube-player-video iframe{pointer-events:none}

@media(max-width:760px){
  .afr-youtube-player{
    right:10px;bottom:10px;width:min(440px,calc(100vw - 20px));min-width:min(240px,calc(100vw - 20px));
    min-height:170px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:8px;
  }
  .afr-youtube-player-header{flex-basis:42px;min-height:42px}
  .afr-youtube-player-resize{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){
  .afr-youtube-player{scroll-behavior:auto}
}