/* AZRA Developer Profile v71 — a portfolio-first identity for the community. */
.az-profile-page {
  --azp-line: var(--border-default, #262626);
  --azp-line-soft: var(--border-subtle, #202020);
  --azp-panel: var(--bg-card, #09090b);
  --azp-panel-raised: var(--bg-tertiary, #111114);
  --azp-muted: var(--text-muted, #929292);
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 0 28px;
  color: var(--text-primary, #f5f5f5);
  min-width: 0;
}
.azp-hero { overflow: hidden; border: 1px solid var(--azp-line); border-radius: 18px; background: var(--azp-panel); box-shadow: 0 18px 55px rgba(0,0,0,.16); }
.azp-cover { height: 214px; position: relative; overflow: hidden; isolation: isolate; background: linear-gradient(118deg,#0d0b08 0%,#19120b 40%,#180d1d 73%,#08080a 100%); }
.azp-cover.is-default::before { content:""; position:absolute; inset:0; z-index:-1; background: radial-gradient(ellipse at 72% 35%,rgba(128,0,128,.26),transparent 36%), radial-gradient(ellipse at 18% 100%,rgba(255,213,0,.13),transparent 42%); }
.azp-cover > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.68; }
.azp-cover-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.25) 55%,rgba(0,0,0,.55)),linear-gradient(0deg,rgba(0,0,0,.66),transparent 70%); }
.azp-cover-grid { position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,#000,transparent 88%); }
.azp-cover-label { position:absolute; inset-block-start:22px; inset-inline-start:24px; display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.8); font:700 10px/1.2 var(--font-mono,monospace); letter-spacing:.18em; text-transform:uppercase; }
.azp-cover-mark { display:grid; place-items:center; width:28px; height:28px; border:1px solid rgba(255,213,0,.65); border-radius:8px; color:var(--accent-gold,#ffd500); font:800 12px/1 var(--font-display,sans-serif); letter-spacing:-.06em; }
.azp-cover-code { position:absolute; inset-inline-end:5.5%; top:20%; display:flex; align-items:flex-end; gap:7px; height:58%; direction:ltr; color:rgba(255,213,0,.55); font:700 10px/1 var(--font-mono,monospace); }
.azp-cover-code span { display:flex; align-items:flex-end; padding:0 0 7px; height:calc(30% + (var(--n,1) * 1px)); border-bottom:1px solid rgba(255,213,0,.42); }
.azp-cover-code span:nth-child(1) { height:34%; }.azp-cover-code span:nth-child(2) { height:62%; }.azp-cover-code span:nth-child(3) { height:88%; }.azp-cover-code span:nth-child(4) { height:47%; }
.azp-cover-code i { display:block; width:56px; height:1px; margin-bottom:0; background:linear-gradient(90deg,rgba(255,213,0,.7),transparent); }
.azp-cover-caption { position:absolute; inset-inline-start:26px; bottom:21px; display:flex; gap:9px; align-items:center; color:rgba(255,255,255,.78); font:700 10px/1 var(--font-mono,monospace); letter-spacing:.15em; }
.azp-cover-caption span { color:var(--accent-gold,#ffd500); }
.azp-identity-card { position:relative; padding:0 24px 18px; }
.azp-identity-top { display:flex; align-items:flex-end; flex-wrap:wrap; gap:18px; min-width:0; margin-top:-48px; }
.azp-avatar-frame { position:relative; z-index:2; flex:0 0 108px; width:108px; height:108px; display:grid; place-items:center; padding:4px; border-radius:27px; background:linear-gradient(145deg,var(--accent-gold,#ffd500),rgba(128,0,128,.88) 68%,#242424); box-shadow:0 8px 26px rgba(0,0,0,.46); }
.azp-avatar-frame .avatar { display:block; width:100%; height:100%; overflow:hidden; border:4px solid var(--bg-card,#09090b); border-radius:23px; background:#151515; font-size:30px; line-height:1; }
.azp-avatar-frame .avatar img { width:100%; height:100%; object-fit:cover; }
.azp-avatar-frame.is-online::after { content:""; position:absolute; inset-inline-end:2px; bottom:2px; width:13px; height:13px; border:3px solid var(--bg-card,#09090b); border-radius:50%; background:var(--accent-green,#35d399); }
.azp-identity-copy { flex:1 1 auto; min-width:0; padding:0 0 5px; }
.azp-eyebrow,.azp-section-kicker { display:block; color:var(--text-muted,#999); font:700 9px/1.4 var(--font-mono,monospace); letter-spacing:.14em; text-transform:uppercase; }
.azp-eyebrow span { color:var(--accent-gold,#ffd500); letter-spacing:.02em; }
.azp-name { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin:5px 0 1px; font:800 clamp(23px,3vw,30px)/1.13 var(--font-display,sans-serif); letter-spacing:-.035em; overflow-wrap:anywhere; }
.azp-name .ico { width:17px; height:17px; color:var(--accent-gold,#ffd500); }
.azp-handle { color:var(--text-muted,#999); font-size:13px; }
.azp-follow-tag { display:inline-flex; align-items:center; margin-inline-start:5px; padding:2px 7px; border:1px solid var(--azp-line); border-radius:5px; color:var(--text-secondary,#bbb); font-size:10px; }
.azp-headline { margin:7px 0 0; color:var(--text-secondary,#c8c8c8); font-size:13px; line-height:1.55; font-weight:600; }
.azp-actions { display:flex; flex:0 0 auto; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:7px; padding-bottom:5px; }
.azp-actions .btn { min-height:36px; white-space:nowrap; }
.azp-actions .azp-more { min-width:36px; padding-inline:9px; }
.azp-bio { max-width:820px; margin:13px 0 0; color:var(--text-secondary,#bbb); font-size:13px; line-height:1.8; }
.azp-bio p { margin:0 0 6px; }.azp-bio p:last-child { margin-bottom:0; }
.azp-meta-row { display:flex; flex-wrap:wrap; align-items:center; gap:9px 18px; margin-top:14px; padding-top:13px; border-top:1px solid var(--azp-line-soft); color:var(--text-muted,#999); font-size:11.5px; }
.azp-meta-row > span { display:inline-flex; align-items:center; gap:6px; min-width:0; }
.azp-meta-row .ico { width:14px; height:14px; color:var(--text-dim,#777); }
.azp-meta-row .azp-online-meta,.azp-meta-row .azp-online-meta .ico { color:var(--accent-green,#35d399); }
.azp-meta-row .azp-available { color:var(--accent-gold,#ffd500); }
.azp-meta-row .azp-verified-gh { color:var(--text-secondary,#c7c7c7); }
.azp-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:15px; border:1px solid var(--azp-line); border-radius:12px; background:rgba(255,255,255,.012); overflow:hidden; }
.azp-stat { position:relative; display:grid; grid-template-columns:20px minmax(0,1fr); grid-template-rows:auto auto; align-content:center; align-items:center; column-gap:8px; min-width:0; min-height:62px; padding:10px 13px; border-inline-end:1px solid var(--azp-line-soft); }
.azp-stat:last-child { border-inline-end:0; }.azp-stat-icon { grid-row:1 / 3; display:grid; place-items:center; width:20px; height:20px; color:var(--text-muted,#999); }
.azp-stat-icon .ico { width:16px; height:16px; }.azp-stat b { display:block; min-width:0; font:800 17px/1.15 var(--font-display,sans-serif); font-variant-numeric:tabular-nums; }
.azp-stat small { display:block; overflow:hidden; color:var(--text-muted,#999); font-size:10.5px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.azp-stat.is-reputation b,.azp-stat.is-reputation .azp-stat-icon { color:var(--accent-gold,#ffd500); }
.azp-tabs { display:flex; align-items:stretch; gap:4px; overflow-x:auto; margin:14px 0 18px; padding:0 8px; border-bottom:1px solid var(--azp-line); scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.azp-tabs::-webkit-scrollbar { display:none; }.azp-tab { position:relative; display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 16px; color:var(--text-muted,#999); font-size:12px; font-weight:700; text-decoration:none; white-space:nowrap; transition:color .18s ease,background .18s ease; }
.azp-tab:hover { color:var(--text-primary,#fff); background:rgba(255,255,255,.025); }.azp-tab.active { color:var(--accent-gold,#ffd500); }
.azp-tab.active::after { content:""; position:absolute; inset-inline:12px; bottom:-1px; height:2px; border-radius:2px 2px 0 0; background:var(--accent-gold,#ffd500); box-shadow:0 0 12px rgba(255,213,0,.22); }
.azp-tab-icon { display:grid; place-items:center; }.azp-tab-icon .ico { width:15px; height:15px; }
.az-profile-body { min-width:0; }.azp-overview-grid { display:grid; grid-template-columns:minmax(0,1.62fr) minmax(260px,.88fr); gap:16px; align-items:start; }.azp-overview-grid.is-single { grid-template-columns:minmax(0,1fr); }
.azp-main-column,.azp-side-column { display:flex; flex-direction:column; gap:15px; min-width:0; }.azp-panel { min-width:0; overflow:hidden; border:1px solid var(--azp-line); border-radius:14px; background:var(--azp-panel); }
.azp-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 17px 13px; border-bottom:1px solid var(--azp-line-soft); }
.azp-panel-head > div { min-width:0; }.azp-panel-head h2,.azp-tab-intro h2 { margin:3px 0 0; font:800 16px/1.3 var(--font-display,sans-serif); letter-spacing:-.015em; }
.azp-panel-head > .ico { flex:0 0 auto; color:var(--text-muted,#999); }.azp-panel-head .btn { flex:0 0 auto; }
.azp-readme-content { padding:17px 18px 19px; color:var(--text-secondary,#c8c8c8); font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.azp-readme-content > :first-child { margin-top:0; }.azp-readme-content > :last-child { margin-bottom:0; }
.azp-readme-content pre { max-width:100%; overflow:auto; border:1px solid var(--azp-line); border-radius:9px; background:#070708; }
.azp-readme-empty { display:flex; align-items:center; flex-wrap:wrap; gap:13px; padding:18px; color:var(--text-muted,#999); }
.azp-readme-empty p { flex:1 1 210px; margin:0; font-size:12px; line-height:1.7; }.azp-empty-glyph { display:grid; place-items:center; width:43px; height:43px; border:1px solid rgba(255,213,0,.32); border-radius:12px; color:var(--accent-gold,#ffd500); background:rgba(255,213,0,.055); font:800 15px var(--font-mono,monospace); }
.azp-featured-content { padding:14px; }.azp-project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.azp-project-grid .pcard { min-width:0; }
.azp-project-grid .pcard:last-child:nth-child(odd) { grid-column:1 / -1; }.azp-featured-empty { padding:15px 5px; color:var(--text-muted,#999); font-size:12px; }
.azp-project-skeleton { height:145px; margin-bottom:10px; border:1px solid var(--azp-line); border-radius:11px; background:linear-gradient(110deg,#0b0b0d,#141416,#0b0b0d); background-size:200% 100%; animation:azp-shimmer 1.5s ease-in-out infinite; }
@keyframes azp-shimmer { to { background-position:-200% 0; } }
.azp-latest { min-width:0; }.azp-latest-head { padding:2px 1px 11px; border:0; }.azp-latest-head h2 { font-size:17px; }.azp-latest .feed-host { min-width:0; }
.azp-text-link { display:inline-flex; align-items:center; gap:5px; color:var(--accent-gold,#ffd500); font-size:11px; font-weight:700; text-decoration:none; white-space:nowrap; }.azp-text-link:hover { color:var(--text-primary,#fff); }
.azp-side-panel .azp-panel-head { padding:13px 14px 11px; }.azp-side-panel .azp-panel-head h2 { font-size:14px; }.azp-side-panel .azp-panel-head .ico { color:var(--accent-gold,#ffd500); }
.azp-skills { display:flex; flex-wrap:wrap; gap:7px; padding:13px 14px 15px; }.azp-skill { display:inline-flex; align-items:center; gap:9px; min-height:30px; padding:5px 9px; border:1px solid var(--azp-line); border-radius:7px; background:var(--azp-panel-raised); color:var(--text-secondary,#c8c8c8); font-size:11px; text-decoration:none; transition:border-color .18s ease,color .18s ease; }
.azp-skill:hover { border-color:var(--border-gold-hover,rgba(255,213,0,.45)); color:var(--accent-gold,#ffd500); }.azp-skill small { color:var(--text-dim,#777); font:9px var(--font-mono,monospace); }
.azp-collab-note { display:flex; align-items:center; gap:8px; margin:0 14px 14px; padding:9px 10px; border:1px solid rgba(255,213,0,.2); border-radius:8px; color:var(--accent-gold,#ffd500); background:rgba(255,213,0,.045); font-size:11px; font-weight:700; }
.azp-github-card { background:linear-gradient(145deg,rgba(128,0,128,.055),transparent 58%),var(--azp-panel); }.azp-icon-link { display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--azp-line); border-radius:8px; color:var(--text-muted,#999); }
.azp-github-user { display:flex; align-items:center; gap:10px; padding:13px 14px 8px; }.azp-github-avatar { display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; border:1px solid var(--azp-line); border-radius:10px; background:#111; color:var(--text-primary,#fff); }.azp-github-user > div { flex:1; min-width:0; }.azp-github-user b,.azp-github-user small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.azp-github-user b { font-size:12px; }.azp-github-user small { margin-top:2px; color:var(--text-muted,#999); font-size:10px; }.azp-gh-check { display:grid; place-items:center; width:21px; height:21px; border-radius:50%; color:var(--accent-green,#35d399); background:rgba(53,211,153,.1); }
.azp-github-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:7px 14px 12px; border:1px solid var(--azp-line); border-radius:9px; }.azp-github-metrics > div { min-width:0; padding:9px 5px; text-align:center; border-inline-end:1px solid var(--azp-line-soft); }.azp-github-metrics > div:last-child { border-inline-end:0; }.azp-github-metrics b,.azp-github-metrics small { display:block; }.azp-github-metrics b { font:800 14px var(--font-display,sans-serif); }.azp-github-metrics small { margin-top:3px; color:var(--text-muted,#999); font-size:9px; }
.azp-github-open { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 14px; border-top:1px solid var(--azp-line-soft); color:var(--accent-gold,#ffd500); font-size:10.5px; font-weight:700; text-decoration:none; }.azp-github-open:hover { background:rgba(255,255,255,.025); }
.azp-profile-links { padding:5px 13px 9px; }.azp-profile-links > a { display:flex; align-items:center; gap:10px; min-width:0; padding:9px 3px; color:var(--text-secondary,#c8c8c8); text-decoration:none; border-bottom:1px solid var(--azp-line-soft); }.azp-profile-links > a:last-child { border-bottom:0; }.azp-profile-links > a > .ico:first-child { flex:0 0 auto; color:var(--accent-gold,#ffd500); }.azp-profile-links > a > .ico:last-child { flex:0 0 auto; width:13px; color:var(--text-dim,#777); }.azp-profile-links > a > span { flex:1; min-width:0; }.azp-profile-links small,.azp-profile-links b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.azp-profile-links small { color:var(--text-muted,#999); font-size:9px; }.azp-profile-links b { margin-top:2px; font-size:11px; }
.azp-badge-count { display:grid; place-items:center; min-width:25px; height:25px; padding:0 6px; border:1px solid var(--azp-line); border-radius:7px; color:var(--accent-gold,#ffd500); font:700 11px var(--font-mono,monospace); }.azp-badges { display:flex; flex-wrap:wrap; gap:6px; padding:12px 13px 14px; }.azp-badges .bdg { max-width:100%; font-size:10px; }.azp-badges .bdg .ico { width:13px; height:13px; }
.azp-tab-panel { min-width:0; }.azp-tab-intro { margin:0 0 14px; padding:0 2px 13px; border-bottom:1px solid var(--azp-line); }.azp-tab-intro h2 { margin-top:4px; font-size:20px; }.azp-tab-intro p { margin:5px 0 0; color:var(--text-muted,#999); font-size:12px; line-height:1.6; }.azp-filter-chips { margin:0 0 14px; }
.azp-activity-card { padding:14px 17px; }.azp-activity-card .feed-items > :last-child { border-bottom:0; }.az-profile-body[data-tab="github"] > .card { border-radius:13px; }
.az-profile-page .post { border-radius:13px; margin-bottom:12px; }.az-profile-page .post:last-child { margin-bottom:0; }
@media (max-width: 980px) {
  .azp-overview-grid { grid-template-columns:minmax(0,1fr) 280px; gap:12px; }
  .azp-identity-card { padding-inline:18px; }
  .azp-actions { gap:6px; }.azp-actions .btn { padding-inline:9px; font-size:11px; }
  .azp-stat { padding-inline:9px; column-gap:6px; }
}
@media (max-width: 760px) {
  .azp-overview-grid { grid-template-columns:minmax(0,1fr); }
  .azp-side-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  .azp-side-column > .azp-panel:nth-child(3),.azp-side-column > .azp-panel:nth-child(4) { grid-column:auto; }
}
@media (max-width: 640px) {
  .az-profile-page { padding:0 10px 24px; }
  .azp-hero { border-radius:14px; }
  .azp-cover { height:142px; }
  .azp-cover-label { inset-block-start:15px; inset-inline-start:14px; gap:7px; font-size:8px; letter-spacing:.12em; }
  .azp-cover-mark { width:24px; height:24px; border-radius:7px; }
  .azp-cover-code { inset-inline-end:4%; top:27%; transform:scale(.72); transform-origin:top right; }
  .azp-cover-caption { inset-inline-start:15px; bottom:14px; gap:6px; font-size:8px; letter-spacing:.1em; }
  .azp-identity-card { padding:0 13px 13px; }
  .azp-identity-top { display:grid; grid-template-columns:76px minmax(0,1fr); align-items:end; gap:10px; margin-top:-38px; }
  .azp-avatar-frame { width:76px; height:76px; flex:none; padding:3px; border-radius:20px; }
  .azp-avatar-frame .avatar { border-width:3px; border-radius:17px; font-size:23px; }
  .azp-avatar-frame.is-online::after { width:11px; height:11px; border-width:2px; }
  .azp-identity-copy { padding:0 0 2px; }.azp-eyebrow { font-size:8px; letter-spacing:.1em; }.azp-name { margin-top:4px; font-size:clamp(19px,5.8vw,24px); }.azp-handle { font-size:11px; }.azp-headline { margin-top:5px; font-size:11px; }
  .azp-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-column:1 / -1; width:100%; gap:7px; padding:4px 0 0; }
  .azp-actions .btn { display:flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:39px; padding:8px 6px; font-size:10.5px; white-space:nowrap; }
  .azp-actions .azp-career-link { grid-column:1 / -1; }
  .azp-bio { margin-top:11px; font-size:12px; line-height:1.75; }
  .azp-meta-row { gap:8px 12px; margin-top:11px; padding-top:10px; font-size:10px; }
  .azp-meta-row .ico { width:12px; height:12px; }
  .azp-stats { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:12px; border-radius:10px; }
  .azp-stat { min-height:58px; grid-template-columns:16px minmax(0,1fr); column-gap:5px; padding:8px 7px; border-bottom:1px solid var(--azp-line-soft); }
  .azp-stat:nth-child(3) { border-inline-end:0; }.azp-stat:nth-child(4),.azp-stat:nth-child(5) { border-bottom:0; }
  .azp-stat-icon { width:16px; height:16px; }.azp-stat-icon .ico { width:13px; height:13px; }.azp-stat b { font-size:14px; }.azp-stat small { font-size:9px; }
  .azp-tabs { gap:0; margin:11px 0 14px; padding:0 2px; }.azp-tab { gap:6px; min-height:44px; padding:0 12px; font-size:10.5px; }.azp-tab-icon .ico { width:13px; height:13px; }
  .azp-main-column,.azp-side-column { gap:11px; }.azp-side-column { grid-template-columns:minmax(0,1fr); }
  .azp-panel { border-radius:12px; }.azp-panel-head { padding:12px 13px 10px; }.azp-panel-head h2 { font-size:14px; }.azp-section-kicker { font-size:8px; }
  .azp-readme-content { padding:13px 14px 15px; font-size:12px; }.azp-readme-empty { padding:14px; gap:10px; }.azp-readme-empty p { font-size:11px; }
  .azp-featured-content { padding:10px; }.azp-project-grid { grid-template-columns:minmax(0,1fr); gap:10px; }.azp-project-grid .pcard:last-child:nth-child(odd) { grid-column:auto; }
  .azp-project-skeleton { height:124px; }.azp-latest-head { padding:2px 1px 9px; }.azp-latest-head h2 { font-size:15px; }
  .azp-tab-intro { margin-bottom:11px; }.azp-tab-intro h2 { font-size:18px; }.azp-tab-intro p { font-size:11px; }
  .azp-activity-card { padding:10px 12px; }
  .az-profile-page .post { border-radius:11px; }
}
@media (max-width: 390px) {
  .az-profile-page { padding-inline:7px; }.azp-identity-card { padding-inline:10px; }.azp-identity-top { grid-template-columns:66px minmax(0,1fr); gap:8px; }.azp-avatar-frame { width:66px; height:66px; border-radius:17px; }.azp-avatar-frame .avatar { border-radius:14px; }.azp-name { font-size:18px; }.azp-actions .btn { font-size:9.5px; }.azp-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.azp-stat:nth-child(2),.azp-stat:nth-child(4) { border-inline-end:0; }.azp-stat:nth-child(3) { border-inline-end:1px solid var(--azp-line-soft); }.azp-stat:nth-child(4) { border-bottom:1px solid var(--azp-line-soft); }.azp-stat:nth-child(5) { grid-column:1 / -1; border-inline-end:0; }
}
@media (prefers-reduced-motion: reduce) { .az-profile-page *, .az-profile-page *::before, .az-profile-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

/* AZRA Developer Profile v72 — clean spacing, content-aware responsive layout. */
.az-profile-page {
  container: azprofile / inline-size;
  box-sizing: border-box;
  width: 100%;
  max-width: 1100px;
  min-width: 0;
  margin-inline: auto;
  padding-inline: clamp(0px, 1.1vw, 12px);
}
.az-profile-page *,
.az-profile-page *::before,
.az-profile-page *::after { box-sizing: border-box; }
.azp-hero { border-radius: 16px; box-shadow: 0 12px 36px rgba(0,0,0,.13); }
.azp-cover { height: clamp(132px, 17vw, 184px); }
.azp-cover > img { object-position: center 44%; }
/* Uploaded cover images often already contain their own typography and branding. */
.azp-cover:not(.is-default) .azp-cover-label,
.azp-cover:not(.is-default) .azp-cover-code,
.azp-cover:not(.is-default) .azp-cover-caption,
.azp-cover:not(.is-default) .azp-cover-grid { display: none; }
.azp-cover:not(.is-default) .azp-cover-shade {
  background: linear-gradient(0deg, rgba(0,0,0,.28), rgba(0,0,0,.04) 62%);
}
.azp-identity-card { padding: 0 22px 19px; }
.azp-identity-top {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 16px;
  margin-top: 0;
  min-width: 0;
}
.azp-avatar-frame {
  width: 92px;
  height: 92px;
  flex: none;
  margin-top: -34px;
  border-radius: 23px;
  padding: 3px;
}
.azp-avatar-frame .avatar { border-radius: 20px; }
.azp-identity-copy { min-width: 0; padding: 8px 0 4px; }
.azp-eyebrow { font-size: 9px; letter-spacing: .11em; }
.azp-name { margin: 4px 0 2px; font-size: clamp(22px, 2.5vw, 29px); line-height: 1.16; }
.azp-handle { font-size: 12px; }
.azp-headline { margin-top: 5px; font-size: 12px; line-height: 1.45; }
.azp-actions {
  display: flex;
  flex: 0 1 auto;
  max-width: 100%;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 0 4px;
}
/* Keep global glass/button effects from turning profile controls into oversized pills. */
.az-profile-page .azp-actions .btn,
.az-profile-page .azp-panel-head .btn,
.az-profile-page .azp-readme-empty .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  min-height: 35px;
  padding: 7px 11px;
  border: 1px solid var(--border-default, #303036);
  border-radius: 9px;
  background: var(--bg-tertiary, #111114);
  box-shadow: none;
  color: var(--text-primary, #f5f5f5);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}
.az-profile-page .azp-actions .btn:hover,
.az-profile-page .azp-panel-head .btn:hover,
.az-profile-page .azp-readme-empty .btn:hover {
  border-color: rgba(255,213,0,.42);
  background: rgba(255,213,0,.055);
}
.az-profile-page .azp-actions .btn-primary,
.az-profile-page .azp-readme-empty .btn-primary {
  border-color: rgba(255,213,0,.58);
  background: var(--accent-gold, #ffd500);
  color: #111;
}
.azp-bio { max-width: 760px; margin-top: 12px; line-height: 1.75; }
.azp-meta-row { gap: 8px 16px; margin-top: 12px; padding-top: 11px; }
.azp-stats { margin-top: 13px; }
.azp-stat { padding-inline: 12px; }
.azp-tabs { margin-top: 12px; margin-bottom: 16px; }
.azp-tab { min-width: 0; }
.azp-panel { border-radius: 13px; box-shadow: none; }
.azp-panel-head { min-width: 0; }
.azp-panel-head h2 { overflow-wrap: anywhere; }
.azp-readme-content { overflow-wrap: anywhere; }
.azp-readme-content pre { max-width: 100%; }
.azp-featured-content,
.azp-project-grid,
.azp-main-column,
.azp-side-column,
.azp-profile-body { min-width: 0; }
.azp-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* React to the actual profile column width, not only the laptop's viewport width. */
@container azprofile (max-width: 860px) {
  .azp-overview-grid { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .azp-side-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .azp-identity-top { grid-template-columns: 82px minmax(0, 1fr); gap: 10px 13px; }
  .azp-avatar-frame { width: 82px; height: 82px; margin-top: -29px; border-radius: 21px; }
  .azp-avatar-frame .avatar { border-radius: 18px; }
  .azp-actions { grid-column: 1 / -1; justify-content: flex-start; padding-top: 1px; }
  .azp-stats { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@container azprofile (max-width: 560px) {
  .az-profile-page { padding-inline: 0; }
  .azp-hero { border-radius: 14px; }
  .azp-cover { height: 126px; }
  .azp-identity-card { padding: 0 13px 14px; }
  .azp-identity-top { grid-template-columns: 68px minmax(0, 1fr); gap: 8px 10px; }
  .azp-avatar-frame { width: 68px; height: 68px; margin-top: -25px; padding: 3px; border-radius: 18px; }
  .azp-avatar-frame .avatar { border-width: 3px; border-radius: 15px; }
  .azp-avatar-frame.is-online::after { width: 10px; height: 10px; }
  .azp-identity-copy { padding: 10px 0 2px; }
  .azp-eyebrow { font-size: 8px; letter-spacing: .08em; }
  .azp-name { font-size: clamp(18px, 5vw, 23px); line-height: 1.15; }
  .azp-handle { font-size: 11px; }
  .azp-headline { margin-top: 4px; font-size: 11px; }
  .azp-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; width: 100%; padding: 5px 0 0; }
  .az-profile-page .azp-actions .btn { width: 100%; min-height: 36px; padding: 7px 5px; font-size: 10.5px; }
  .azp-actions .azp-career-link { grid-column: 1 / -1; }
  .azp-bio { margin-top: 10px; font-size: 11.5px; }
  .azp-meta-row { gap: 7px 11px; margin-top: 10px; padding-top: 9px; font-size: 10px; }
  .azp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 11px; }
  .azp-stat { min-height: 55px; grid-template-columns: 17px minmax(0, 1fr); gap: 4px 7px; padding: 8px 9px; border-bottom: 1px solid var(--azp-line-soft); }
  .azp-stat:nth-child(2n) { border-inline-end: 0; }
  .azp-stat:nth-child(5) { grid-column: 1 / -1; border-bottom: 0; }
  .azp-stat b { font-size: 14px; }
  .azp-stat small { overflow: visible; white-space: normal; font-size: 9.5px; line-height: 1.3; text-overflow: clip; }
  .azp-tabs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(58px, 1fr));
    gap: 2px;
    overflow: visible;
    margin: 10px 0 13px;
    padding: 0 0 5px;
  }
  .azp-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 54px;
    padding: 5px 2px;
    font-size: 9.5px;
    line-height: 1.15;
    text-align: center;
    white-space: normal;
  }
  .azp-tab > span:last-child { max-width: 100%; overflow-wrap: anywhere; }
  .azp-tab.active::after { inset-inline: 15%; }
  .azp-side-column { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .azp-main-column { gap: 11px; }
  .azp-panel { border-radius: 11px; }
  .azp-panel-head { gap: 8px; padding: 11px 12px 10px; }
  .azp-panel-head h2 { font-size: 14px; }
  .azp-readme-content { padding: 12px 13px 14px; font-size: 12px; }
  .azp-featured-content { padding: 10px; }
  .azp-project-grid { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  .azp-tab-intro h2 { font-size: 18px; }
  .azp-activity-card { padding: 10px 12px; }
}
@container azprofile (max-width: 370px) {
  .azp-identity-card { padding-inline: 10px; }
  .azp-identity-top { grid-template-columns: 60px minmax(0, 1fr); gap: 8px; }
  .azp-avatar-frame { width: 60px; height: 60px; margin-top: -21px; border-radius: 16px; }
  .azp-avatar-frame .avatar { border-radius: 13px; }
  .azp-name { font-size: 18px; }
  .azp-actions { gap: 5px; }
  .az-profile-page .azp-actions .btn { font-size: 9.5px; }
  .azp-stat { padding-inline: 7px; }
  .azp-tab { font-size: 9px; }
}

/* Viewport fallbacks for older browsers without container-query support. */
@supports not (container-type: inline-size) {
  @media (max-width: 860px) {
    .azp-overview-grid { grid-template-columns: minmax(0, 1fr); }
    .azp-side-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 560px) {
    .azp-cover { height: 126px; }
    .azp-identity-top { grid-template-columns: 68px minmax(0, 1fr); }
    .azp-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column: 1 / -1; }
    .azp-actions .azp-career-link { grid-column: 1 / -1; }
    .azp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .azp-stat:nth-child(5) { grid-column: 1 / -1; }
    .azp-tabs { display: grid; grid-template-columns: repeat(auto-fit, minmax(58px, 1fr)); overflow: visible; }
    .azp-tab { flex-direction: column; white-space: normal; min-height: 54px; padding: 5px 2px; font-size: 9.5px; }
    .azp-side-column { grid-template-columns: minmax(0, 1fr); }
    .azp-project-grid { grid-template-columns: minmax(0, 1fr); }
  }
}