/* BOSS luxury heraldic member titles — personal center and reviews */
.boss-title-badge{
 --rank:#9ca3aa;--rank-deep:#30353a;--rank-glow:#dce1e5;
 position:relative;display:inline-flex;align-items:center;gap:10px;min-height:50px;
 padding:6px 16px 6px 7px;border:1px solid color-mix(in srgb,var(--rank) 82%,#fff 18%);
 border-radius:8px 22px 22px 8px;color:#fff7df;vertical-align:middle;
 background:linear-gradient(145deg,#070707 0%,var(--rank-deep) 48%,#080808 100%);
 box-shadow:inset 0 0 0 1px #000,inset 0 0 18px #fff1,0 4px 15px color-mix(in srgb,var(--rank) 32%,transparent);
 font-family:Georgia,"Noto Serif SC",serif;isolation:isolate
}
.boss-title-badge:before,.boss-title-badge:after{content:"";position:absolute;right:8px;width:5px;height:5px;transform:rotate(45deg);background:var(--rank);box-shadow:0 0 7px var(--rank)}
.boss-title-badge:before{top:5px}.boss-title-badge:after{bottom:5px}
.boss-title-badge i{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;margin:0;border-radius:8px 8px 14px 14px;border:2px solid var(--rank);background:radial-gradient(circle at 50% 32%,var(--rank-glow),var(--rank) 34%,var(--rank-deep) 72%,#050505);color:#fff7dc;font-style:normal;font-size:22px;line-height:1;text-shadow:0 1px 2px #000,0 0 8px var(--rank-glow);box-shadow:inset 0 0 0 2px #0008,0 0 10px color-mix(in srgb,var(--rank) 55%,transparent)}
.boss-title-badge i:before{content:"";position:absolute;top:-8px;left:50%;width:24px;height:9px;transform:translateX(-50%);clip-path:polygon(0 100%,8% 25%,30% 67%,50% 0,70% 67%,92% 25%,100% 100%);background:linear-gradient(#fff4b8,var(--rank));filter:drop-shadow(0 1px 1px #000)}
.boss-title-badge i span{transform:translateY(1px)}
.boss-title-copy{display:grid;line-height:1.05;text-align:left;padding-right:8px}
.boss-title-badge b{font-size:17px;letter-spacing:3px;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 8px color-mix(in srgb,var(--rank) 60%,transparent)}
.boss-title-badge small{margin-top:4px;font-size:9px;letter-spacing:1.7px;color:color-mix(in srgb,var(--rank-glow) 82%,#fff 18%)}
.boss-title-badge.guest{--rank:#858b91;--rank-deep:#292d31;--rank-glow:#d2d5d8}
.boss-title-badge.baron{--rank:#b77a43;--rank-deep:#4b2a18;--rank-glow:#f0bd83}
.boss-title-badge.viscount{--rank:#9fb8dc;--rank-deep:#172b4b;--rank-glow:#e5f1ff}
.boss-title-badge.count{--rank:#d7a42d;--rank-deep:#5a3708;--rank-glow:#ffe69a}
.boss-title-badge.marquess{--rank:#35a66d;--rank-deep:#0b4c31;--rank-glow:#a7f1c9}
.boss-title-badge.duke{--rank:#4b83d4;--rank-deep:#0b2856;--rank-glow:#d7e8ff}
.boss-title-badge.prince{--rank:#9a65d9;--rank-deep:#3e1769;--rank-glow:#eddcff}
.boss-title-badge.king{--rank:#e2b13b;--rank-deep:#4b2e00;--rank-glow:#fff0a8}
.boss-title-badge.queen{--rank:#e5b6d5;--rank-deep:#5d294e;--rank-glow:#fff0fb}

/* Large heraldic identity in the personal center */
.boss-dashboard>aside .boss-title-badge{display:flex;width:100%;box-sizing:border-box;min-height:96px;margin:14px 0;padding:10px 14px 10px 10px;border-radius:12px 28px 28px 12px;gap:14px}
.boss-dashboard>aside .boss-title-badge i{flex-basis:72px;width:72px;height:72px;border-width:3px;border-radius:14px 14px 24px 24px;font-size:40px}
.boss-dashboard>aside .boss-title-badge i:before{top:-12px;width:43px;height:14px}
.boss-dashboard>aside .boss-title-badge b{font-size:25px;letter-spacing:4px}.boss-dashboard>aside .boss-title-badge small{font-size:12px;letter-spacing:2.5px}

/* Prominent but compact crests beside review authors */
.boss-review-list article{border-left:3px solid var(--rank,#b58b52)}
.boss-review-list h3{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.boss-review-list h3 .boss-title-badge{min-height:62px;padding:7px 16px 7px 7px;border-radius:9px 23px 23px 9px}
.boss-review-list h3 .boss-title-badge i{flex-basis:49px;width:49px;height:49px;font-size:28px;border-radius:9px 9px 17px 17px}
.boss-review-list h3 .boss-title-badge i:before{top:-9px;width:30px;height:10px}
.boss-review-list h3 .boss-title-badge b{font-size:18px}

@media(max-width:700px){
 .boss-dashboard>aside .boss-title-badge{min-height:86px;margin:12px 0}
 .boss-dashboard>aside .boss-title-badge i{flex-basis:62px;width:62px;height:62px;font-size:34px}
 .boss-dashboard>aside .boss-title-badge b{font-size:22px}
 .boss-review-list h3 .boss-title-badge{min-height:54px;gap:8px}
 .boss-review-list h3 .boss-title-badge i{flex-basis:42px;width:42px;height:42px;font-size:24px}
 .boss-review-list h3 .boss-title-badge b{font-size:15px;letter-spacing:2px}
}