/* HueCub Artist Profile — v28 design system */
.artist-main{min-height:100vh;background:#FDFDFC}
.artist-header{padding:56px 24px 40px;border-bottom:1px solid #D1DDD3}
.artist-header-inner{max-width:1080px;margin:0 auto;display:flex;gap:32px;align-items:flex-start}
.artist-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#E8F5EE,#D1E8D8);display:flex;align-items:center;justify-content:center;font-size:48px;flex-shrink:0}
.artist-info{flex:1;display:flex;flex-direction:column;gap:10px}
.artist-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.artist-name{font-size:1.8rem;font-weight:700;color:#0C2418;margin:0}
.badge-comm{background:#f0fdf4;color:#047857;border:1px solid #bbf7d0;padding:3px 10px;border-radius:99px;font-size:.78rem;font-weight:600}
.artist-bio{font-size:.95rem;color:#6B8F71;margin:0;line-height:1.6}
.artist-stats{display:flex;gap:8px;flex-wrap:wrap;font-size:.88rem;color:#6B8F71;font-weight:500}
.artist-stats .dot{color:#D1DDD3}
.artist-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.artist-actions .btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:6px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s;border:none;line-height:1}
.artist-actions .btn-red{background:#DC2626;color:#fff}
.artist-actions .btn-out{background:transparent;color:#0C2418;border:1.5px solid #D1DDD3}
.artist-actions .btn-out:hover{border-color:#6B8F71}
/* Tabs */
.artist-tabs{border-bottom:1px solid #D1DDD3;max-width:1080px;margin:0 auto;padding:0 24px;display:flex;gap:0}
.tab-btn{padding:14px 20px;font-size:.9rem;font-weight:600;color:#6B8F71;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}
.tab-btn.active{color:#0C2418;border-bottom-color:#047857}
.tab-btn:hover{color:#0C2418}
/* Content sections */
.artist-content{max-width:1080px;margin:0 auto;padding:40px 24px 72px}
.content-title{font-size:1.1rem;font-weight:700;color:#0C2418;margin:0 0 20px}
.artist-series-grid,.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:48px}
.series-card{border-radius:10px;border:1px solid #D1DDD3;overflow:hidden;background:#fff;transition:box-shadow .18s,transform .18s}
.series-card:hover{box-shadow:0 4px 20px rgba(12,36,24,.08);transform:translateY(-2px)}
.as-card{border-radius:10px;border:1px solid #D1DDD3;overflow:hidden;background:#fff;transition:box-shadow .18s,transform .18s}
.as-card:hover{box-shadow:0 4px 20px rgba(12,36,24,.08);transform:translateY(-2px)}
.as-cover,.sc-cover{width:100%;aspect-ratio:4/3;background:var(--sc-bg,linear-gradient(135deg,#E8F5EE,#D1E8D8));display:flex;align-items:center;justify-content:center;font-size:48px}
.as-info,.sc-info{padding:12px 14px}
.as-info h3,.sc-title{font-size:.9rem;font-weight:600;color:#0C2418;margin:0 0 4px}
.as-info .as-meta,.sc-meta{font-size:.78rem;color:#6B8F71}
.sc-link{font-size:.78rem;color:#047857;font-weight:600}
.artist-works-grid,.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:48px}
.work-card{border-radius:8px;border:1px solid #D1DDD3;overflow:hidden;background:#fff;transition:box-shadow .18s,transform .18s}
.work-card:hover{box-shadow:0 4px 16px rgba(12,36,24,.08);transform:translateY(-2px)}
.wc-actions{display:flex;gap:4px;margin-top:4px}
.illus-btn{background:transparent;border:1px solid #D1DDD3;border-radius:4px;padding:4px 8px;font-size:.82rem;cursor:pointer;transition:background .15s}
.illus-btn:hover{background:#f6f9f6}
/* Tab bar */
.tab-bar{border-bottom:1px solid #D1DDD3;max-width:1080px;margin:0 auto;padding:0 24px;display:flex;gap:0}
.tab{padding:14px 20px;font-size:.9rem;font-weight:600;color:#6B8F71;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s;font-family:inherit}
.tab--active,.tab.active{color:#0C2418;border-bottom-color:#047857}
.tab:hover{color:#0C2418}
.tab-content-area{max-width:1080px;margin:0 auto;padding:40px 24px 72px}
.section-inner{max-width:1080px;margin:0 auto}
.section-title{font-size:1.1rem;font-weight:700;color:#0C2418;margin:0 0 20px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.stat-dot{color:#D1DDD3}
.social-link{font-size:.82rem;color:#047857;margin-right:12px}
.aw-card{border-radius:8px;border:1px solid #D1DDD3;overflow:hidden;background:#fff;transition:box-shadow .18s,transform .18s}
.aw-card:hover{box-shadow:0 4px 16px rgba(12,36,24,.08);transform:translateY(-2px)}
.aw-thumb,.wc-cover{width:100%;aspect-ratio:1;background:var(--wc-bg,linear-gradient(135deg,#E8F5EE,#D1E8D8));display:flex;align-items:center;justify-content:center;font-size:36px}
.aw-info,.wc-info{padding:8px 10px}
.aw-info .aw-name,.wc-title{font-size:.82rem;font-weight:600;color:#0C2418;margin:0 0 4px}
/* Donation */
.donate-section{background:#f7f9f7;border:1px solid #D1DDD3;border-radius:12px;padding:28px;text-align:center}
.donate-title{font-size:1.1rem;font-weight:700;color:#0C2418;margin:0 0 16px}
.donate-amounts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.amt-btn{padding:8px 20px;border-radius:99px;border:1.5px solid #D1DDD3;background:#fff;font-size:.9rem;font-weight:600;color:#0C2418;cursor:pointer;transition:border-color .15s,background .15s}
.amt-btn:hover,.amt-btn.selected{border-color:#047857;background:#f0fdf4;color:#047857}
.donate-custom{display:flex;gap:8px;justify-content:center;margin-bottom:16px}
.donate-input{width:120px;padding:8px 12px;border:1px solid #D1DDD3;border-radius:6px;font-size:.9rem;text-align:center}
.donate-input:focus{outline:none;border-color:#047857}
.donate-btn{background:#DC2626;color:#fff;border:none;padding:10px 32px;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer}
.donate-note{font-size:.78rem;color:#6B8F71;margin-top:10px}
@media(max-width:768px){
  .artist-header-inner{flex-direction:column;align-items:center;text-align:center}
  .artist-name-row{justify-content:center}
  .artist-stats{justify-content:center}
  .artist-actions{justify-content:center}
  .artist-tabs{overflow-x:auto}
  .artist-series-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
  .artist-works-grid{grid-template-columns:repeat(2,1fr)}
}