.profession-topic{position:relative;z-index:5;border:1px solid #e3e5e8;border-radius:8px;background:#fff;box-shadow:0 3px 12px #23314405;color:#34404b}
.profession-hero{position:relative;display:flex;align-items:center;gap:20px;min-height:136px;padding:24px 28px;background:linear-gradient(110deg,#fff 0%,#faf8f8 55%,#f4e9ed 100%);border-radius:8px 8px 0 0;isolation:isolate}
.profession-art{position:absolute;right:65px;top:0;width:330px;height:100%;object-fit:cover;object-position:center 23%;opacity:.18;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 80%,transparent)}
.profession-avatar{flex:0 0 72px;height:72px;padding:4px;background:#fff;border:1px solid #e8dce0;border-radius:10px;box-shadow:0 3px 9px #b06b8012;overflow:hidden}
.profession-avatar img{width:145%;height:145%;max-width:none;object-fit:cover;object-position:center top;transform:translateX(-15%)}
.profession-copy{position:relative;z-index:1}
.profession-breadcrumb{display:flex;gap:10px;font-size:12px;color:#92969d;margin-bottom:6px}
.profession-breadcrumb a{color:#92969d;text-decoration:none}
.profession-title-row{display:flex;align-items:center;gap:16px}
.profession-title-row h1{font-size:28px;line-height:1.3;font-weight:700;letter-spacing:.02em;color:#34404b;margin:0}
.profession-copy p{font-size:12px;color:#83828a;margin:8px 0 0;line-height:1.6}
.profession-switch{position:relative}
.profession-switch summary{display:flex;align-items:center;gap:12px;list-style:none;font-size:12px;color:#73636a;cursor:pointer;border:1px solid #e3d9dd;border-radius:4px;padding:6px 10px;background:#ffffffb8;user-select:none}
.profession-switch summary::-webkit-details-marker{display:none}
.profession-switch summary i{font-size:10px;transition:transform .15s}
.profession-switch[open] summary i{transform:rotate(180deg)}
.profession-switch summary:hover{border-color:#e38a9a;color:#c75870}
.profession-selector{position:absolute;top:calc(100% + 8px);left:0;z-index:30;display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:4px;width:330px;padding:8px;background:#fff;border:1px solid #eadde1;border-radius:7px;box-shadow:0 8px 25px #34404b22}
.profession-selector a{display:flex;align-items:center;gap:7px;min-height:38px;padding:6px;color:#535964;text-decoration:none;border-radius:4px;font-size:13px}
.profession-selector a:hover,.profession-selector a[aria-current]{background:#fcecf0;color:#bf556d}
.profession-selector img{object-fit:contain;flex-shrink:0}
.profession-selector i{margin-left:auto;font-size:10px}
.profession-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;background:#fbfbfc;border-top:1px solid #ece6e8;border-radius:0 0 8px 8px}
.profession-tabs{display:flex;gap:12px}
.profession-tabs a{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 18px 13px;border-bottom:3px solid transparent;color:#7c7d85;text-decoration:none;font-size:14px;line-height:20px;transition:color .15s,background .15s}
.profession-tabs a i{font-size:14px;color:#99939a}
.profession-tabs a:hover{color:#c75870;background:#fdf3f5}
.profession-tabs a.active{color:#c75870;border-bottom-color:#e9899c;font-weight:600}
.profession-tabs a.active i{color:#d2768a}
.profession-toolbar-note{font-size:12px;color:#aaa5ac;white-space:nowrap}
.profession-switch summary:focus-visible,.profession-topic a:focus-visible{outline:2px solid #d2768a;outline-offset:3px}
@media(max-width:767px){.profession-hero{padding:20px 18px;gap:14px;min-height:128px}.profession-avatar{flex-basis:60px;height:60px}.profession-title-row{gap:10px}.profession-title-row h1{font-size:25px}.profession-copy p{max-width:250px}.profession-art{right:0;width:200px;opacity:.12}.profession-toolbar{padding:0 12px}.profession-toolbar-note{display:none}.profession-tabs{gap:0;width:100%}.profession-tabs a{flex:1;padding:13px 8px 11px;font-size:13px}.profession-switch{position:static}.profession-selector{left:-74px;right:auto;top:calc(100% + 10px);width:min(290px,calc(100vw - 48px));grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.profession-topic *{transition:none!important}}