html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident{display:grid;gap:14px;max-width:820px;padding:4px 2px 12px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px;padding:22px;background:var(--board-white);border:1px solid var(--board-line);border-radius:8px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-avatar{display:flex;align-items:center;justify-content:center;width:88px;height:88px;overflow:hidden;border-radius:50%;background:var(--board-mint);color:var(--board-green-dark);font-size:28px;font-weight:800}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-avatar img{width:100%;height:100%;object-fit:cover}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-copy{display:grid;gap:8px;min-width:0}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;color:var(--board-text);font-size:20px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-verified{display:inline-flex;align-items:center;gap:4px;padding:2px 9px 2px 6px;border-radius:999px;background:var(--board-mint);color:var(--board-green-dark);font-size:var(--type-meta);font-weight:800;letter-spacing:.02em}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-verified svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-you{padding:2px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:var(--type-meta);font-weight:800}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-empty,html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-meta{margin:0;color:var(--board-muted);font-size:var(--type-small);line-height:1.5}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-bio{color:var(--board-text);font-size:var(--type-body);line-height:1.6}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-blocked{margin:0;padding:10px 12px;border-radius:6px;background:#f8fafc;border:1px solid var(--board-line);color:#334155;font-size:var(--type-body);line-height:1.5}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-link{display:inline-flex;align-items:center;gap:4px;padding:4px 11px;border:1px solid var(--board-line);border-radius:999px;background:#f8faf8;color:var(--board-text);font-size:var(--type-small);font-weight:700;text-decoration:none}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-link:hover{background:var(--board-mint)}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-link:focus-visible{outline:2px solid var(--board-green);outline-offset:2px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-fine{color:var(--board-muted);font-size:var(--type-meta);line-height:1.45}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-counts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:4px 0 0}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-counts>button{display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border:1px solid var(--board-line);border-radius:999px;background:var(--board-white);color:var(--board-muted);font-size:var(--type-small);cursor:pointer}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-counts>button strong{color:var(--board-text);font-size:var(--type-title);font-weight:800}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-counts>button.is-open,html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-counts>button:hover{background:var(--board-mint);border-color:#bbf7d0}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-counts>button:focus-visible{outline:2px solid var(--board-green);outline-offset:2px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-counts>p{margin:0;flex-basis:100%}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-counts>p a{color:var(--board-green-dark);font-weight:700;text-decoration:underline;text-underline-offset:2px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-list{display:grid;gap:10px;padding:14px 18px;background:var(--board-white);border:1px solid var(--board-line);border-radius:8px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-list ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px;margin:0;padding:0;list-style:none}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-list li{display:flex;align-items:center;gap:10px;min-width:0}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-list-avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:var(--board-mint);color:var(--board-green-dark);font-size:var(--type-meta);font-weight:800}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-list-avatar img{width:100%;height:100%;object-fit:cover}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-list-copy{display:grid;min-width:0;font-size:var(--type-body)}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-list-copy a,html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-list-copy strong{overflow:hidden;color:var(--board-text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-list-copy a:hover{color:var(--board-green-dark);text-decoration:underline}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-list>.board-secondary-button{justify-self:start;min-height:34px;padding:0 12px;font-size:var(--type-body)}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-box .board-panel-actions{display:flex;align-items:center;gap:8px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-box .board-member-follow{min-height:38px;padding:0 14px;font-size:var(--type-body);font-weight:700}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-box .board-member-follow svg{width:15px;height:15px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-box .board-primary-button,html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-box .board-secondary-button{min-height:38px;padding:0 14px;font-size:var(--type-body);font-weight:700}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-box .board-secondary-button.is-danger{color:#b91c1c;border-color:#fecaca;background:#fff5f5}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-more{position:relative}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-more>.board-secondary-button{width:38px;padding:0;justify-content:center}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-more>.board-secondary-button svg{width:18px;height:18px;fill:currentColor}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:200px;margin:0;padding:6px;list-style:none;background:var(--board-white);border:1px solid var(--board-line);border-radius:8px;box-shadow:var(--board-shadow)}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-menu button{display:block;width:100%;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--board-text);font-size:var(--type-body);text-align:left;cursor:pointer}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-menu button:focus-visible,html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-menu button:hover{background:#f1f5f9;outline:none}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-menu button.is-danger{color:#b91c1c}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-confirm{display:grid;gap:8px;padding:16px 18px;border:1px solid #fecaca;border-radius:8px;background:#fff7f7}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-confirm h3{margin:0;color:var(--board-text);font-size:var(--type-title);font-weight:800}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-confirm p{margin:0;color:#334155;font-size:var(--type-body);line-height:1.55}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-confirm-row{display:flex;justify-content:flex-end;gap:8px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-note{margin:0;padding:8px 12px;border-radius:6px;background:#ecfdf5;color:#065f46;font-size:var(--type-body)}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-note.is-error{background:#fef2f2;color:#991b1b}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-own{display:grid;gap:6px;padding:14px 18px;border:1px dashed #cbd5e1;border-radius:8px;background:rgba(255,255,255,.86)}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-own p{margin:0;color:#334155;font-size:var(--type-body);line-height:1.55}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-own p.board-resident-held{padding:8px 10px;border-radius:6px;background:#fff7ed;color:#9a3412}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-own a{color:var(--board-green-dark);font-weight:700;text-decoration:underline;text-underline-offset:2px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-notice{display:grid;justify-items:center;gap:10px;max-width:460px;margin:28px auto;padding:28px 24px;text-align:center;background:var(--board-white);border:1px solid var(--board-line);border-radius:8px}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-notice h2{margin:0;color:var(--board-text);font-size:var(--type-title);font-weight:800}html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-notice p{margin:0;color:var(--board-muted);font-size:var(--type-body);line-height:1.55}@media (prefers-reduced-motion:no-preference){html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-confirm,html:is([data-tcb-device=desktop],[data-tcb-device=tablet]) .board-resident-menu{animation:board-resident-fade .16s ease both}}@keyframes board-resident-fade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box{padding:0 0 24px;background:transparent;border-color:transparent;border-radius:0;box-shadow:none;backdrop-filter:none}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident{max-width:none;padding:0;gap:24px}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-card{position:relative;isolation:isolate;min-height:300px;box-sizing:border-box;align-items:center;gap:30px;padding:44px 48px 58px;border-radius:24px;overflow:hidden;border-color:rgba(255,255,255,.2);background:radial-gradient(ellipse at 14% 18%,rgba(255,255,255,.2),transparent 50%),linear-gradient(118deg,rgba(5,150,105,.96),rgba(13,148,136,.93) 42%,rgba(3,105,161,.95));color:#fff;box-shadow:var(--pa-shadow)}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-card:before{content:"";position:absolute;z-index:-1;inset:0 0 0 50%;background:linear-gradient(90deg,rgba(13,148,136,.55),rgba(3,105,161,.15)),url(/images/featured/cover-bg.png) center 60% /cover;mask-image:linear-gradient(90deg,transparent,#000 55%)}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-card:after{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;height:48px;bottom:-28px;border-radius:50% 50% 0 0;background:rgba(255,255,255,.16)}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-avatar{width:140px;height:140px;border-radius:30px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font:800 46px/1 var(--pa-display);box-shadow:0 0 0 6px rgba(255,255,255,.25),0 24px 44px -20px rgba(0,0,0,.7)}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-copy{gap:14px}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-name{color:#fff;font:800 clamp(32px,4cqi,50px)/1.04 var(--pa-display);letter-spacing:-.025em;text-shadow:0 2px 18px rgba(0,0,0,.2);gap:12px}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-meta{color:rgba(255,255,255,.9);font:400 15px/1.6 var(--pa-body)}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-verified{background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.3)}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-about{min-width:0;border-radius:20px;border:1px solid var(--pa-card-edge);background:var(--pa-card);box-shadow:var(--pa-shadow)}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-about-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 28px 16px;border-bottom:1px solid var(--pa-line)}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-about-head h3{margin:0;color:var(--pa-ink);font:800 22px/1.2 var(--pa-display)}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-about-head .board-panel-actions{flex-wrap:wrap}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-about-body{display:grid;gap:16px;min-width:0;padding:22px 28px 26px}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-bio{columns:380px 2;column-gap:48px;color:#334155;font:400 15px/1.75 var(--pa-body);overflow-wrap:anywhere}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-bio :is(p,li){break-inside:avoid}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-empty{font-size:15px;line-height:1.75}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box :is(.board-resident-list,.board-resident-own){border-radius:18px}@container board-panel (max-width: 620px){html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-card{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 28px 40px}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-avatar{width:110px;height:110px;border-radius:24px}html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-about-body,html[data-tcb-device=desktop] [data-tcb-public] .board-resident-box .board-resident-about-head{padding:20px}}