/* Members use the approved desktop and compact mobile compositions. */
.members-archive { width:100%; max-width:1200px; padding:48px 32px 64px; margin-inline:auto; }
.members-heading { padding-bottom:24px; margin-bottom:24px; border-bottom:2px solid #111; }
.members-heading h1 { font-family:"Plus Jakarta Sans",sans-serif; font-size:84px; font-weight:800; letter-spacing:-.025em; line-height:1; }
.members-heading p { margin-top:12px; font-size:18px; font-weight:700; line-height:1.7; color:#525252; }
.members-mobile,.members-filter-count { display:none; }
.members-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border:1px solid #ecece9; border-radius:16px; background:#f7f7f5; }
.members-filters { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.members-filters a { display:flex; align-items:center; min-height:44px; padding:8px 16px; border:1px solid #ecece9; border-radius:12px; background:#fff; color:#404040; font-size:16px; font-weight:700; line-height:1.5; }
.members-filters a[aria-current] { background:#111; color:white; border:0; box-shadow:0 1px 2px #0000000d; }
.members-filters a:hover { border-color:#111; }
.members-search { position:relative; display:flex; flex:0 1 288px; max-width:288px; min-width:260px; }
.members-search input[type=search] { width:100%; min-width:0; min-height:44px; padding:8px 36px 8px 40px; background:white; border:1px solid #ecece9; border-radius:12px; font-size:16px; line-height:1.5; color:#111; appearance:none; }
.members-search input::-webkit-search-cancel-button { display:none; }
.members-search input::placeholder { color:#a3a3a3; }
.members-search-submit,.members-search-clear { position:absolute; top:0; bottom:0; display:flex; align-items:center; justify-content:center; padding:0; border:0; background:none; color:#a3a3a3; }
.members-search-submit { left:0; width:40px; }
.members-search-submit svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
.members-search-clear { right:0; width:36px; font-size:25px; }
.members-results { display:flex; justify-content:space-between; margin:12px 4px 24px; font-size:18px; line-height:1.7; font-weight:500; color:#737373; }
.members-results strong { color:#111; }
.members-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.members-card { min-width:0; display:flex; background:white; border:1px solid #ecece9; border-radius:16px; transition:border-color .3s,box-shadow .3s; }
.members-card:hover { border-color:#ff7f0f; box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a; }
.members-card>a { display:flex; flex-direction:column; width:100%; padding:20px; }
.members-portrait { width:100%; aspect-ratio:1; overflow:hidden; margin-bottom:16px; border:1px solid #ecece9; border-radius:12px; background:#f4f4f1; }
.members-portrait img { width:100%; height:100%; object-fit:cover; }
.members-card-body { flex:1; }
.members-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; }
.members-tags span { padding:2px 8px; border:1px solid #e5e5e5; border-radius:4px; background:#f5f5f5; color:#404040; font-size:14px; font-weight:700; line-height:1.5; }
.members-tags .is-highlighted { background:#fff7ed; border-color:#fed7aa; color:#ff7f0f; }
.members-card h2 { margin:0; font-size:19px; font-weight:700; line-height:1.25; overflow-wrap:anywhere; }
.members-card:hover h2 { color:#ff7f0f; }
.members-card .members-role { margin:4px 0 0; color:#737373; font-size:14px; font-weight:500; line-height:1.7; }
.members-card-more { display:flex; justify-content:space-between; align-items:center; margin-top:16px; padding-top:12px; border-top:1px solid #f5f5f5; font-size:16px; font-weight:700; line-height:1.5; }
.members-card-more svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; }
.members-pagination { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:40px; padding-top:24px; border-top:1px solid #ecece9; }
.members-page-summary { color:#737373; font-size:14px; font-weight:500; }
.members-page-links { display:flex; gap:8px; align-items:center; }
.members-page-links a,.members-page-links .current { display:flex; align-items:center; justify-content:center; min-width:40px; height:44px; padding:8px 12px; border:1px solid #ecece9; border-radius:12px; font-size:16px; font-weight:700; line-height:1.5; background:#fff; color:#404040; }
.members-page-links .current { background:#111; border-color:#111; color:white; }
.members-page-links a:hover { border-color:#111; }
.members-empty { padding:80px 20px; margin-block:16px; text-align:center; border:1px solid #ecece9; border-radius:16px; background:white; }
.members-empty h2 { font-size:18px; }
.members-empty p { margin-top:4px; color:#737373; font-size:18px; }
.members-empty>a { display:inline-flex; align-items:center; min-height:44px; margin-top:20px; padding:10px 24px; border-radius:12px; background:#111; color:white; font-size:16px; font-weight:700; }
@media (max-width:1023px) {
    .members-heading h1 { font-size:76px; }
    .members-controls { flex-direction:column; align-items:stretch; }
    .members-search { flex-basis:auto; max-width:none; min-width:0; }
    .members-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767px) {
    .post-type-archive-member>.breadcrumb,.post-type-archive-member>.breadcrumb-band { display:none; }
    .members-archive { padding:16px 20px 48px; font-family:"Noto Sans",sans-serif; font-size:14px; line-height:1.7; letter-spacing:.015em; }
    .members-heading { padding:0; margin-bottom:24px; border:0; }
    .members-heading h1 { font-family:"Syne",sans-serif; font-size:24px; font-weight:700; line-height:32px; letter-spacing:-.025em; }
    .members-heading p { margin-top:4px; font-size:16px; font-weight:400; line-height:1.7; color:#666; }
    .members-desktop,.members-page-summary { display:none; }
    .members-mobile,.members-filter-count { display:inline; }
    .members-controls { flex-direction:column-reverse; gap:12px; padding:0; border:0; border-radius:0; background:none; margin-bottom:24px; }
    .members-filters { gap:8px; }
    .members-filters a { min-height:44px; padding:9px 14px; border-color:#0000001a; border-radius:4px; background:#f0f0f0; color:#333; font-size:16px; font-weight:400; white-space:nowrap; }
    .members-filters a[aria-current] { font-weight:600; }
    .members-search input[type=search] { height:46px; border-color:#00000026; border-radius:4px; }
    .members-search input::placeholder { color:#888; }
    .members-results { margin:0 0 16px; padding-bottom:8px; border-bottom:1px solid #0000001a; font-size:14px; font-weight:600; line-height:20px; color:#666; }
    .members-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
    .members-card { border-color:#0000001a; border-radius:6px; overflow:hidden; }
    .members-card>a { padding:0; font-size:16px; line-height:1.5; }
    .members-portrait { margin:0; border:0; border-radius:0; }
    .members-card-body { display:flex; flex:1; flex-direction:column; justify-content:space-between; gap:4px; padding:12px; }
    .members-tags,.members-card-more { display:none; }
    .members-card h2 { font-size:16px; line-height:1.375; color:#030712; }
    .members-card .members-role { margin:0; font-size:16px; line-height:1.7; font-weight:400; color:#4b5563; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
    .members-pagination { justify-content:center; margin-top:32px; padding:0; border:0; }
    .members-page-links a,.members-page-links .current { width:44px; height:44px; min-width:44px; border-color:#0000001a; border-radius:4px; padding:8px; font-weight:600; }
    .members-page-links .prev,.members-page-links .next { display:none; }
    .members-empty { padding:64px 16px; border-radius:6px; }
    .members-empty p { display:none; }
    .members-empty>a { border-radius:4px; }
}
.members-profile#main { width:100%!important; max-width:none!important; min-width:0!important; }
.members-profile-head { max-width:1200px; margin-inline:auto; padding:64px 32px 48px; }
.members-profile-hero { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:48px; align-items:start; padding-bottom:64px; border-bottom:1px solid #ecece9; }
.members-profile-image { grid-column:span 5; width:100%; aspect-ratio:1; overflow:hidden; border:1px solid #ecece9; border-radius:24px; background:#f5f5f5; box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a; }
.members-profile-image img { width:100%; height:100%; object-fit:cover; }
.members-profile-info { grid-column:span 7; min-width:0; }
.members-profile-divisions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:16px; }
.members-profile-divisions a, .members-profile-divisions > span { padding:4px 14px; border:1px solid #d4d4d4; border-radius:100px; background:#f5f5f5; color:#262626; font-size:13px; font-weight:700; line-height:1.5; }
.members-profile-divisions .is-highlighted { border-color:#ff7f0f; background:#ff7f0f; color:white; box-shadow:0 1px 2px #0000000d; }
.members-profile-info h1 { margin:0 0 8px; font-size:56px; font-weight:900; letter-spacing:-.025em; line-height:1; }
.members-profile-role { margin-bottom:24px; color:#737373; font-size:20px; font-weight:700; line-height:1.5; }
.members-social { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; margin-top:48px; padding:24px; border:1px solid #ecece9; border-radius:16px; background:#f7f7f5; }
.members-social-label { display:block; margin:0; font-family:"Space Grotesk",sans-serif; font-size:12px; font-weight:700; letter-spacing:.1em; line-height:24px; color:#a3a3a3; }
.members-social-links { grid-column:1/-1; grid-row:2; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.members-social-links a { display:flex; align-items:center; justify-content:center; gap:8px; min-width:0; padding:12px 16px; border:1px solid #ecece9; border-radius:12px; background:white; color:#111; font-size:14px; font-weight:700; line-height:1.5; box-shadow:0 1px 2px #0000000d; }
.members-social-links .material-symbols-outlined { font-size:18px; }
.members-social-links .material-symbols-outlined:last-child { color:#a3a3a3; font-size:14px; }
.members-social-links a:hover { color:white; background:#111; }
.members-social-links .members-social-twitch:hover { background:#9146ff; }
.members-social-links .members-social-youtube:hover { background:#f00; }
.members-extra-links { grid-column:2; grid-row:1; display:flex; flex-wrap:wrap; gap:12px; margin:0; }
.members-extra-links a { display:inline-flex; align-items:center; gap:8px; color:#525252; font-size:14px; font-weight:600; text-decoration:underline; }
.members-extra-links .material-symbols-outlined { font-size:14px; }
.members-profile-actions { display:flex; flex-wrap:wrap; gap:16px; padding-top:8px; margin-top:24px; }
.members-profile-actions>a { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 28px; border:1px solid #ecece9; border-radius:12px; font-size:15px; font-weight:700; line-height:1.5; background:white; }
.members-profile-actions .material-symbols-outlined { font-size:18px; }
.members-profile-actions .members-contact { border:0; background:#ff7f0f; color:white; box-shadow:0 4px 6px -1px #f9731633,0 2px 4px -2px #f9731633; }
.members-profile-actions a:hover { background:#111; color:white; }
.members-profile-body { max-width:820px; margin-inline:auto; padding:40px 32px; }
.members-profile-panel { margin-bottom:48px; }
.members-profile-panel>h2 { padding-bottom:12px; margin-bottom:24px; border-bottom:2px solid #111; font-size:24px; font-weight:800; line-height:1.5; }
.members-profile-copy { color:#262626; font-size:17px; line-height:2.1; }
.members-profile-copy p { margin:0 0 16px; }
.members-profile-copy p:last-child { margin-bottom:0; }
.members-achievement-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.members-achievement-card { padding:24px; border:1px solid #ecece9; border-radius:16px; background:white; box-shadow:0 1px 2px #0000000d; }
.members-achievement-category { font-family:"Space Grotesk",sans-serif; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#ff7f0f; }
.members-achievement-card h3 { margin:4px 0 16px; font-size:18px; font-weight:700; line-height:1.5; }
.members-achievement-card ul { list-style:none; margin:0; padding:0; color:#404040; font-size:15px; line-height:1.5; }
.members-achievement-card li { display:flex; align-items:center; gap:8px; margin-top:8px; }
.members-achievement-card li:first-child { margin-top:0; }
.members-achievement-card li::before { content:""; width:6px; height:6px; border-radius:50%; flex:none; background:#ff7f0f; }
.members-profile-navigation { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-top:32px; border-top:1px solid #ecece9; }
.members-profile-navigation a { display:inline-flex; align-items:center; gap:8px; color:#404040; font-size:15px; font-weight:700; line-height:1.5; }
.members-profile-navigation a:hover { color:#ff7f0f; }
.members-profile-navigation .material-symbols-outlined { font-size:18px; }
.members-profile-videos .video-grid { grid-template-columns:1fr; gap:24px; }
@media (min-width:768px) and (max-width:1023px) {
    .members-profile-hero { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:32px; }
    .members-profile-image,.members-profile-info { grid-column:auto; }
    .members-profile-info h1 { font-size:44px; }
    .members-social { padding:18px; }
    .members-social-links { grid-template-columns:1fr; }
}
@media (max-width:767px) {
    .members-profile { font-family:"Noto Sans",sans-serif; font-size:14px; line-height:1.7; letter-spacing:.015em; }
    .members-profile-head { padding:0 20px; }
    .members-profile-hero { display:flex; flex-direction:column; align-items:center; gap:0; padding:16px; border:1px solid #ececec; border-radius:16px; background:white; box-shadow:0 1px 2px #0000000d; }
    .members-profile-image { margin-bottom:20px; border:0; border-radius:12px; box-shadow:0 1px 2px #0000000d; }
    .members-profile-info { width:100%; }
    .members-profile-divisions { justify-content:center; gap:8px; margin-bottom:12px; }
    .members-profile-divisions a, .members-profile-divisions > span { padding:4px 12px; border-color:#e5e7eb; background:#f3f4f6; color:#4b5563; font-size:14px; font-weight:400; letter-spacing:.025em; line-height:1.7; }
    .members-profile-divisions .is-highlighted { border-color:#fed7aa; background:#fff2e6; color:#ea580c; font-weight:700; }
    .members-profile-info h1 { width:fit-content; max-width:100%; margin-inline:auto; margin-bottom:4px; text-align:center; font-size:30px; font-weight:700; line-height:1.7; }
    .members-profile-role { width:fit-content; max-width:100%; margin-inline:auto; margin-bottom:20px; text-align:center; font-size:16px; font-weight:400; line-height:1.7; color:#666; }
    .members-social { display:block; padding:0; margin:0 0 16px; border:0; border-radius:0; background:none; }
    .members-social-label { display:none; }
    .members-social-links { gap:8px; }
    .members-social-links a { min-height:46px; gap:6px; padding:0 8px; border-color:#e5e7eb; background:#f8f9fa; font-size:16px; font-weight:600; line-height:1.7; box-shadow:none; }
    .members-social-links svg { width:16px; height:16px; flex-shrink:0; fill:currentColor; }
    .members-social-twitch svg { color:#a970ff; }
    .members-social-youtube svg { color:#f00; }
    .members-social-x svg { width:14px; height:14px; color:#000; }
    .members-extra-links { margin-top:12px; }
    .members-profile-actions { display:block; margin:0; padding:0; }
    .members-profile-actions .members-contact { width:100%; min-height:48px; padding:12px; font-size:16px; line-height:1.7; box-shadow:0 1px 2px #0000000d; }
    .members-profile-actions .material-symbols-outlined { font-size:20px; }
    .members-profile-actions .members-profile-back { display:none; }
    .members-profile-body { max-width:none; padding:24px 20px 32px; }
    .members-profile-panel { margin-bottom:24px; padding:20px; border:1px solid #ececec; border-radius:16px; background:white; box-shadow:0 1px 2px #0000000d; }
    .members-profile-panel>h2 { display:flex; align-items:center; gap:8px; margin-bottom:16px; padding-bottom:12px; border-bottom:2px solid #fff3e5; color:#111; font-size:18px; font-weight:700; line-height:1.7; letter-spacing:-.025em; }
    .members-introduction>h2::before { content:""; width:6px; height:20px; border-radius:100px; background:#ff7f0f; }
    .members-profile-panel>h2 .material-symbols-outlined { color:#ff7f0f; font-size:22px; }
    .members-profile-copy { font-size:16px; line-height:1.85; color:#222; }
    .members-achievement-grid { grid-template-columns:1fr; gap:12px; }
    .members-achievement-card { padding:16px; border-color:#eaeaea; border-radius:12px; background:#fcfcfc; box-shadow:none; }
    .members-achievement-category { display:inline; padding:2px 10px; border-radius:4px; background:#edf2f7; color:#2d3748; font-family:inherit; font-size:14px; font-weight:600; letter-spacing:0; text-transform:none; }
    .members-achievement-card:nth-child(2) .members-achievement-category { background:#fff3e5; color:#ea580c; }
    .members-achievement-card h3 { margin:6px 0; color:#111; font-size:16px; line-height:1.7; }
    .members-achievement-compact.members-mobile { display:block; margin-top:6px; }
    .members-achievement-compact p { color:#111; font-size:16px; font-weight:700; line-height:1.7; }
    .members-achievement-compact>span { display:block; margin-top:2px; color:#666; font-size:14px; line-height:1.7; }
    .members-achievement-card ul { font-size:14px; line-height:1.7; color:#666; }
    .members-profile-navigation { flex-direction:column; align-items:stretch; gap:12px; padding:0; border:0; }
    .members-profile-navigation a { width:100%; min-height:48px; padding:14px 16px; border:1px solid #e5e7eb; border-radius:12px; background:white; color:#111; font-size:16px; line-height:1.7; box-shadow:0 1px 2px #0000000d; }
    .members-profile-navigation .material-symbols-outlined:first-child { color:#ff7f0f; font-size:20px; }
    .members-profile-navigation .material-symbols-outlined:last-child { margin-left:auto; color:#9ca3af; }
}

/* The two approved member screens use different breadcrumb scales. */
.post-type-archive-member>.breadcrumb,.single-member>.breadcrumb { width:100%; max-width:none; margin:0; padding:14px max(32px,calc((100% - 1200px)/2)); background:#f4f4f1; border-bottom:1px solid #ecece9; font-weight:500; }
.post-type-archive-member>.breadcrumb { font-size:16px; line-height:24px; }
.single-member>.breadcrumb { font-size:13px; line-height:19.5px; }
.post-type-archive-member>.breadcrumb [aria-current],.single-member>.breadcrumb [aria-current] { font-weight:700; }
@media (max-width:767px) {
    .single-member>.breadcrumb { width:calc(100% - 40px); margin:0 auto 16px; padding:12px 0 0; border:0; background:none; font-family:"Noto Sans",sans-serif; font-size:14px; line-height:23.8px; letter-spacing:.015em; gap:8px; }
}
/* The member references use a white desktop footer and a compact dark mobile footer. */
.post-type-archive-member .site-footer,.single-member .site-footer { padding:40px 32px; border-top:1px solid #ecece9; background:white; color:#525252; font-family:"Noto Sans JP",sans-serif; }
.post-type-archive-member .footer-top,.single-member .footer-top,.post-type-archive-member .footer-bottom,.single-member .footer-bottom { width:100%; max-width:1376px; margin-inline:auto; }
.post-type-archive-member .footer-top,.single-member .footer-top { display:flex; flex-direction:row; align-items:center; gap:24px; padding-bottom:24px; border-bottom:1px solid #ecece9; }
.post-type-archive-member .site-footer .brand,.single-member .site-footer .brand { padding:0; margin:0; }
.post-type-archive-member .site-footer .brand img,.single-member .site-footer .brand img { width:auto; height:28px; max-width:210px; filter:none; }
.post-type-archive-member .footer-top nav,.single-member .footer-top nav { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:32px; margin:0; padding:0; border:0; color:#525252; font-size:16px; font-weight:500; line-height:24px; }
.post-type-archive-member .footer-top nav a,.single-member .footer-top nav a { min-height:0; border:0; }
.post-type-archive-member .footer-top nav a[href$="/members/"],.single-member .footer-top nav a[href$="/members/"] { color:#ff7f0f; font-weight:700; }
.post-type-archive-member .footer-arrow,.single-member .footer-arrow { display:none; }
.post-type-archive-member .footer-bottom,.single-member .footer-bottom { display:flex; flex-direction:row; justify-content:space-between; padding-top:24px; border:0; color:#737373; font-family:inherit; font-size:14px; line-height:21px; }
.single-member .site-footer { padding-block:48px; }
.single-member .footer-top { padding-bottom:32px; gap:32px; }
.single-member .footer-top nav { font-size:15px; line-height:22.5px; }
.single-member .footer-bottom { font-size:13px; line-height:19.5px; }
@media (max-width:767px) {
    .post-type-archive-member .site-footer,.single-member .site-footer { width:calc(100% - 40px); margin:0 auto 48px; padding:32px 20px; border:0; border-radius:6px; background:#111; color:white; font-family:"Noto Sans",sans-serif; letter-spacing:.21px; }
    .post-type-archive-member .footer-top,.single-member .footer-top { flex-direction:column; align-items:center; gap:16px; padding:0; border:0; }
    .post-type-archive-member .site-footer .brand img { width:190px; height:auto; max-height:38px; }
    .single-member .site-footer .brand img { width:170px; height:auto; max-height:none; filter:none; }
    .post-type-archive-member .footer-top nav,.single-member .footer-top nav { display:flex; align-items:center; justify-content:center; flex-wrap:nowrap; gap:20px; border:0; color:#aaa; font-size:16px; font-weight:400; line-height:24px; white-space:nowrap; }
    .post-type-archive-member .footer-top nav a:nth-child(-n+5),.single-member .footer-top nav a:nth-child(-n+5) { display:none; }
    .post-type-archive-member .footer-top nav a,.single-member .footer-top nav a { display:flex; gap:0; padding:0; }
    .post-type-archive-member .footer-bottom,.single-member .footer-bottom { display:block; padding:16px 0 0; text-align:center; border:0; color:#666; font-family:inherit; font-size:16px; line-height:1.7; }
    .post-type-archive-member .footer-bottom>a,.single-member .footer-bottom>a { display:none; }
    .post-type-archive-member .footer-copyright-full { display:none; }
    .post-type-archive-member .footer-privacy-long,.single-member .footer-privacy-long { display:inline; }
    .single-member .site-footer { margin-bottom:0; border-radius:0; }
    .single-member .footer-top nav { gap:24px; padding-top:4px; color:#d1d5db; line-height:27.2px; }
    .single-member .footer-top nav a { min-height:44px; }
    .single-member .footer-bottom { padding-top:24px; color:#6b7280; font-size:14px; line-height:1.7; letter-spacing:.05em; text-transform:uppercase; }
}
@media (max-width:767px) {
    .single-member .footer-x-icon { display:inline-block; width:16px; margin-right:6px; font-size:16px; line-height:1; }
}
@media (max-width:359px) {
    .members-social-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .members-social-links>a:last-child:nth-child(odd) { grid-column:1/-1; }
    .single-member .footer-top nav { gap:8px; }
}
