@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;550;600;650;700;750;800&display=swap');
:root{
  font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:16px;font-synthesis:none;
  color:#29232c;background:#f5f5f7;
  --brand-primary:#b91e5b;--brand-deep:#811540;--brand-blue:#1b65af;--brand-purple:#7d397b;
  --brand-gradient:linear-gradient(110deg,#b91e5b,#7d397b 52%,#1b65af);
  --brand-soft:#fbedf3;--muted:#746b7d;--border:#e6e3ec;
  --sidebar-width:168px;--ease:cubic-bezier(.22,.68,0,1.01);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:130px}
body{margin:0}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--brand-blue);outline-offset:4px}
[hidden]{display:none!important}
.sr-only,.rating-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:14px 18px;background:#fff;border-radius:14px;color:var(--brand-deep)}
.skip-link:focus{top:12px}

/* Novaon navigation remains available beside the directory. */
.sidebar{position:fixed;inset:12px auto 12px 12px;z-index:15;width:var(--sidebar-width);display:flex;flex-direction:column;padding:22px 12px 18px;color:#fff;background:linear-gradient(165deg,#811540 0%,#661d55 57%,#164a80 100%);border-radius:24px;box-shadow:0 12px 36px #43345416}
.sidebar-brand-header{flex-shrink:0;padding-bottom:20px;border-bottom:1px solid #ffffff26}
.sidebar-brand-row{display:flex;justify-content:center}
.brand{display:block}
.brand-logo-surface{position:relative;display:block;width:88px;aspect-ratio:1299/900;overflow:hidden}
.brand-logo{position:absolute;left:-28.483%;top:-15.667%;width:157.66%;height:auto;max-width:none;margin:0}
.brand-product{margin-top:12px;text-align:center;font-size:14px;font-weight:600;line-height:1.5}
.sidebar-body{overflow:auto;margin-top:18px;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
.sidebar nav{display:grid;gap:6px}
.sidebar nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px;border:1px solid transparent;border-radius:14px;font-size:14px;transition:background .2s,border-color .2s}
.sidebar nav a:hover,.sidebar nav a:focus-visible{background:#ffffff18;border-color:#ffffff20}
.nav-count{display:grid;place-items:center;min-width:25px;padding:2px 4px;border-radius:7px;background:#ffffff10;font-size:12px;font-variant-numeric:tabular-nums;color:#f7dfea}
.level-guide{margin-top:24px;padding-top:18px;border-top:1px solid #ffffff26}
.nav-label{margin:0 10px 14px;font-size:12px;font-weight:500;letter-spacing:.6px;color:#e4cedd}
.level-guide>div{display:flex;align-items:center;gap:10px;margin:12px 10px;font-size:14px;line-height:1.5}
.level-marker{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.level-marker.probation{background:#bbb1c5}.level-marker.level-one{background:#8fc4fa}.level-marker.senior{background:#d4a5d3}.level-marker.manager{background:#f394bb}
.guide-note{display:none}
.sidebar-footer{margin-top:auto;padding:18px 10px 0;border-top:1px solid #ffffff26}
.sidebar-footer span{font-size:12px;font-weight:600;letter-spacing:1px}
.sidebar-footer p{font-size:12px;line-height:1.5;color:#e4d5e4;margin:7px 0 0}
.sidebar-toggle{position:fixed;z-index:20;top:32px;left:188px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #e4dbe2;border-radius:50%;background:#ffffffed;color:var(--brand-deep);box-shadow:0 3px 12px #30204c0c;transition:background .2s,box-shadow .2s}
.sidebar-toggle:hover{background:#fff;box-shadow:0 4px 16px #30204c1a}
.sidebar-toggle svg{width:17px;height:17px;transform:rotate(180deg)}
.sidebar-collapsed .sidebar-toggle{left:12px}
.sidebar-collapsed .sidebar-toggle svg{transform:none}
.sidebar-collapsed .sidebar{display:none}
main{margin-left:180px;min-width:0}
.sidebar-collapsed main{margin-left:0}
.workspace{width:100%;max-width:2160px;margin:auto;padding:20px 24px 24px 56px}

/* A translucent, floating toolbar inspired by the reference's local navigation. */
.directory-controls{position:sticky;top:16px;z-index:10;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px;margin-bottom:0;border:1px solid #ffffffd9;border-radius:26px;background:#ffffffdc;box-shadow:0 8px 28px #30204c0b;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.search-field{display:flex;align-items:center;gap:10px;flex:1 1 245px;min-width:0;min-height:44px;padding:0 14px;border:1px solid transparent;border-radius:20px;background:#f5f5f7;color:var(--muted);transition:box-shadow .2s,background .2s}
.search-field:focus-within{background:#fff;box-shadow:0 0 0 2px var(--brand-blue)}
.search-field>svg{flex-shrink:0}
.search-field input{width:100%;min-width:0;padding:11px 0;border:0;outline:0;background:transparent;font-size:14px;line-height:1.5;color:#29232c}
.search-field input::placeholder{color:var(--muted);opacity:1}
.search-field input::-webkit-search-cancel-button{display:none}
.clear-search{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted)}
.clear-search:hover{background:var(--brand-soft);color:var(--brand-deep)}
.dimension-filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%}
.filter-select{display:flex;align-items:center;gap:5px;min-width:0;min-height:44px;padding:4px 10px;border:1px solid transparent;border-radius:20px;background:#f5f5f7;color:var(--brand-deep);font-size:14px}
.filter-select:focus-within{border-color:var(--brand-blue)}
.filter-select select{min-width:0;max-width:135px;min-height:32px;border:0;outline:0;background:transparent;color:#43384a;font-size:14px;cursor:pointer}
.access-filter select{max-width:170px}
.filter-select.is-disabled{opacity:.62}
.filter-select select:disabled{cursor:not-allowed}
.clear-all{min-height:40px;padding:9px 14px;border:0;border-radius:20px;background:var(--brand-soft);color:var(--brand-deep);font-size:14px}
.catalog-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:29px 4px 25px}
h1{margin:0;font-size:clamp(28px,2.5vw,44px);font-weight:700;line-height:1.25;letter-spacing:-1.4px}
h1>span{color:var(--brand-primary);background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#result-count{font-size:14px;line-height:1.5;color:var(--muted);white-space:nowrap}

/* Product-gallery cards: clear hierarchy, soft surfaces and pill actions. */
.ai-catalog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.profile-card{--tone:#b91e5b;--tint:#fcebf3;--edge:#ebd4e0;position:relative;display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid #ece8ed;border-radius:24px;background:#fff;box-shadow:0 3px 14px #30204c04;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;animation:card-arrive .5s var(--ease) backwards}
.profile-card:hover{transform:translateY(-4px);border-color:var(--edge);box-shadow:0 12px 30px #30204c10}
.profile-card:focus-within{border-color:var(--tone)}
.profile-card:nth-child(3n+2){animation-delay:45ms}.profile-card:nth-child(3n){animation-delay:90ms}
.tone-digital{--tone:#1b65af;--tint:#e9f2fc;--edge:#d9e5f1}
.tone-commerce{--tone:#7d397b;--tint:#f2eaf7;--edge:#e5d9ed}
.tone-industry{--tone:#811540;--tint:#f9eaf0;--edge:#ebd8df}
.tone-media{--tone:#39599e;--tint:#ecf0fc;--edge:#dde3f2}
.group-anchor{position:absolute;top:0;left:0;scroll-margin-top:135px}
.profile-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:23px;margin-bottom:12px}
.group-label{font-size:14px;font-weight:550;color:var(--tone)}
.badge{padding:3px 8px;border-radius:999px;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.5}
.badge.manager{color:#811540;background:#fbedf3}.badge.level-one{color:#17558f;background:#eaf3fc}.badge.probation{color:#62526b;background:#f1eef4}.badge.senior{color:#7d397b;background:#f2eaf7}
.profile-heading{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:10px}
.profile-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#fff,var(--tint));box-shadow:inset 0 0 0 1px var(--edge);color:var(--tone)}
.profile-icon svg{width:23px;height:23px}
.profile-identity{min-width:0}
.profile-identity h2{margin:0;font-size:17px;line-height:1.3;font-weight:650;letter-spacing:-.45px;overflow-wrap:anywhere}
.position{display:block;margin-top:3px;font-size:12px;line-height:1.5;color:var(--muted)}
.profile-owner{margin-bottom:5px}
.owner-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.owner-name{margin:0;font-size:14px;line-height:1.6;color:#514758;overflow-wrap:anywhere}
.owner-name::before{content:'QL: ';font-size:12px;color:var(--muted)}
.profile-rating{display:flex;flex-wrap:wrap;align-items:center;gap:2px 7px;min-height:28px;margin-bottom:10px}
.rating-stars{display:flex;gap:0}
.star-button{display:grid;place-items:center;min-width:24px;min-height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#b7adbb;font-size:21px;line-height:1;transition:color .18s,transform .18s}
.star-button.selected{color:#b97800}.star-button:hover,.star-button:focus-visible{color:#b97800;transform:scale(1.12)}.star-button:disabled{cursor:wait}
.rating-summary{flex:1 1 60px;text-align:right;font-size:12px;line-height:1.5;color:var(--muted)}
.rating-retry{padding:0;border:0;background:transparent;color:var(--brand-blue);font-size:12px;text-decoration:underline}
.profile-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #f0edf1}
.task-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid transparent;border-radius:999px;background:var(--tint);color:var(--tone);font-size:14px;line-height:1.4;white-space:nowrap;transition:background .2s,border-color .2s}
.task-button:hover{border-color:var(--edge)}
.task-count{font-size:12px;opacity:.8}
.access-button{display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:34px;padding:7px 12px;border:1px solid transparent;border-radius:999px;background:var(--brand-gradient);color:#fff;font-size:14px;font-weight:500;line-height:1.4;cursor:pointer;transition:box-shadow .2s,filter .2s}
.access-button:not([aria-disabled=true]):hover{box-shadow:0 4px 12px #81154025;filter:brightness(1.08)}
.access-button[aria-disabled=true]{background:#f3f0f3;color:#806575;border-color:transparent;cursor:default}
.empty-results{padding:55px 24px;text-align:center;background:#fff;border:1px solid var(--border);border-radius:24px}
.empty-results h3{margin:0 0 12px;font-size:22px;line-height:1.4;letter-spacing:-.6px}
.empty-results p{margin:0 0 24px;color:var(--muted);font-size:16px;line-height:1.6}
.empty-results button{padding:12px 18px;border:0;border-radius:999px;background:var(--brand-deep);color:#fff;font-size:14px}
.page-footer{display:flex;align-items:flex-start;gap:24px;margin-top:30px;padding:22px 4px 0;border-top:1px solid #e4e0e6;color:var(--muted);font-size:12px;line-height:1.8}
.page-footer>span{flex-shrink:0;font-size:12px;font-weight:600;color:var(--brand-deep);letter-spacing:.7px}
.page-footer p{margin:0;max-width:960px}
.admin-entry{margin-left:auto;color:var(--brand-blue);font-size:14px;white-space:nowrap}

/* Details open above a dimmed, blurred directory. */
.modal-open{overflow:hidden}
#task-dialog{--tone:var(--brand-primary);width:min(720px,calc(100% - 32px));max-height:88dvh;overflow:auto;padding:0;border:1px solid #ffffff;border-radius:28px;background:#fff;color:#29232c;box-shadow:0 28px 100px #23152e4d}
#task-dialog[open]{animation:dialog-arrive .25s var(--ease)}
#task-dialog::backdrop{background:#23152e66;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:30px 32px 24px;border-bottom:1px solid var(--border);background:#ffffffed;backdrop-filter:blur(18px)}
.eyebrow{margin:0 0 10px;font-size:14px;line-height:1.5;font-weight:550;color:var(--brand-primary)}
.dialog-header h2{margin:0;font-size:30px;line-height:1.25;font-weight:650;letter-spacing:-.9px;overflow-wrap:anywhere}
#close-dialog{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f0edf1;color:#635969;font-size:27px;line-height:1}
#close-dialog:hover{background:#e9e3ea}
#dialog-body{padding:22px 32px 26px}
.task-body{padding:0}
.manager-detail{margin:0 0 22px;padding-bottom:17px;border-bottom:1px solid var(--border);font-size:14px;line-height:1.6;color:var(--muted)}
.task-body ol{padding-left:23px;margin:0;font-size:16px;line-height:1.8;color:#514758}
.task-body li{padding-left:4px;margin-bottom:14px}
.task-body li::marker{font-weight:600;color:var(--brand-primary)}
.link-status{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}
.dialog-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 32px;border-top:1px solid var(--border);background:#ffffffed;backdrop-filter:blur(18px)}
#dialog-link-status{font-size:14px;line-height:1.5;color:var(--muted)}
.dialog-footer .access-button{min-height:42px;padding-inline:18px;white-space:nowrap}
@keyframes card-arrive{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-arrive{from{opacity:.75;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(min-width:1760px){.ai-catalog{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1479px){.ai-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.search-field{flex-basis:100%}.dimension-filters{width:100%}.directory-controls{border-radius:24px}.catalog-heading{padding-block:25px 22px}}
@media(max-width:1199px){.ai-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{padding-right:20px}.filter-select{flex:1 1 145px;justify-content:space-between}.filter-select select{max-width:100%}.catalog-heading h1{font-size:32px}.profile-card{padding:16px}}
@media(max-width:959px){.ai-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-heading{align-items:flex-start;flex-direction:column;gap:8px}.catalog-heading h1{font-size:30px}.page-footer{flex-wrap:wrap;gap:10px}.page-footer p{order:3;width:100%}}
@media(max-width:760px){
  html{scroll-padding-top:225px}
  .sidebar{position:relative;inset:auto;width:auto;margin:12px;padding:16px 18px 12px;border-radius:22px}
  .sidebar-brand-header{position:relative;padding:0;border:0}
  .sidebar-brand-row{justify-content:flex-start}
  .brand-logo-surface{width:64px}
  .brand-product{position:absolute;top:50%;left:80px;transform:translateY(-50%);margin:0;max-width:calc(100% - 120px);text-align:left}
  .sidebar-body{margin-top:14px;overflow:visible}
  .sidebar nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}
  .sidebar nav a{flex-shrink:0;min-height:38px;padding:8px;font-size:14px}
  .nav-count{min-width:22px}
  .level-guide,.sidebar-footer{display:none}
  .sidebar-toggle{position:absolute;left:auto;right:28px;top:35px;width:32px;height:32px}
  .sidebar-collapsed .sidebar-toggle{position:fixed;left:12px;right:auto;top:27px}
  main{margin:0}.workspace{padding:8px 12px 20px}
  .sidebar-collapsed .workspace{padding-left:56px;padding-top:20px}
  .directory-controls{top:10px;padding:7px;border-radius:22px;gap:7px}
  .search-field{min-height:44px;border-radius:17px;padding-inline:11px}
  .search-field input{font-size:16px}
  .dimension-filters{gap:6px}
  .filter-select{flex:1 1 42%;min-height:42px;padding:4px 10px;border-radius:16px}
  .filter-select select{font-size:14px;min-height:30px;max-width:100%}
  .catalog-heading{padding:23px 4px 18px}.catalog-heading h1{font-size:29px;letter-spacing:-1px}
  .ai-catalog{gap:12px}.profile-card{padding:14px;border-radius:21px}
  .profile-meta{margin-bottom:12px}.profile-heading{min-height:44px;gap:8px}
  .profile-icon{width:34px;height:34px;border-radius:11px}.profile-icon svg{width:20px;height:20px}
  .profile-identity h2{font-size:16px}.profile-rating{gap:2px 4px}.star-button{min-width:27px;min-height:32px}
  .rating-summary{flex-basis:100%;text-align:left}
  .profile-actions{flex-wrap:wrap;gap:7px}.task-button,.access-button{flex:1;min-height:38px;padding-inline:9px}
  .group-anchor{scroll-margin-top:230px}.page-footer{margin-top:24px;padding:18px 4px 0}
  #task-dialog{border-radius:24px;width:calc(100% - 24px);max-height:90dvh}
  .dialog-header{padding:24px 22px 20px;gap:14px}.dialog-header h2{font-size:25px}
  #dialog-body{padding:20px 22px}.dialog-footer{padding:16px 22px;flex-wrap:wrap;gap:12px}
  .dialog-footer .access-button{flex:0 0 auto;margin-left:auto}
}
@media(max-width:540px){.ai-catalog{grid-template-columns:1fr}.profile-card{padding:18px}.profile-icon{width:42px;height:42px}.profile-heading{min-height:46px}.profile-identity h2{font-size:18px}.profile-meta{margin-bottom:13px}.profile-rating{flex-wrap:nowrap}.rating-summary{flex-basis:auto;text-align:right}.profile-actions{flex-wrap:nowrap}.task-button,.access-button{flex:0 0 auto}.catalog-heading h1{font-size:27px}.sidebar nav{margin-inline:-8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.profile-card:hover,.star-button:hover{transform:none}}
@media(forced-colors:active){.sidebar,.profile-card,.directory-controls,.profile-icon{background:Canvas;color:CanvasText;border:1px solid CanvasText}.sidebar nav a,.brand-product,.nav-label,.sidebar-footer p{color:CanvasText}.access-button,.task-button,.sidebar-toggle{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText}.catalog-heading h1>span{-webkit-text-fill-color:CanvasText;background:none}.star-button.selected{color:Highlight}.brand-logo-surface{background:#811540}}

/* Restore the full-team overview without losing the refreshed visual style. */
.catalog-heading{padding:0 4px 10px;gap:8px 16px}
.catalog-heading h1{font-size:28px;line-height:1.25;letter-spacing:-.9px}
.directory-controls{margin-bottom:10px}
.page-footer{margin-top:16px;padding-top:12px}
@media(min-width:761px){
  .workspace{padding-top:12px}
  .directory-controls{top:10px;padding:5px;gap:6px;border-radius:20px}
  .search-field{flex:1 1 200px;min-height:36px;padding-inline:10px;border-radius:16px}
  .search-field input{padding:7px 0;font-size:14px}
  .dimension-filters{width:auto;gap:5px}
  .filter-select{flex:0 1 auto;min-height:36px;padding:2px 8px;gap:4px;border-radius:16px}
  .filter-select select{min-height:30px;max-width:130px}
  .access-filter select{max-width:170px}
  .ai-catalog{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .profile-card{padding:clamp(14px,1.05vw,20px);border-radius:24px}
  .profile-card:hover{transform:translateY(-2px)}
  .profile-meta{min-height:20px;margin-bottom:6px}
  .badge{padding:1px 5px;font-size:14px;line-height:1.3}
  .profile-heading{min-height:37px;margin-bottom:5px;gap:8px}
  .profile-icon{width:30px;height:30px;border-radius:10px}
  .profile-icon svg{width:18px;height:18px}
  .profile-identity h2{font-size:16px;line-height:1.2;letter-spacing:-.4px}
  .position{margin-top:1px;font-size:12px;line-height:1.35}
  .profile-owner{margin-bottom:0}
  .owner-name{font-size:14px;line-height:1.4}
  .profile-rating{min-height:24px;margin-bottom:5px;gap:0 4px}
  .star-button{min-width:22px;min-height:24px;font-size:20px}
  .rating-summary{flex:1 1 40px;font-size:12px;line-height:1.35}
  .profile-actions{padding-top:8px;gap:8px;flex-wrap:wrap}
  .task-button,.profile-actions .access-button{min-height:40px;padding:8px 16px;font-size:14px;line-height:1.4;white-space:nowrap}
  .profile-actions .task-count{display:none}
  .task-button{gap:4px}
}
@media(min-width:1280px){.ai-catalog{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1759px){.profile-icon{display:none}}
@media(min-width:761px) and (max-width:1479px){
  :root{--sidebar-width:144px}
  main{margin-left:156px}
  .sidebar-toggle{left:162px}
  .workspace{padding-left:46px;padding-right:14px}
  .sidebar{padding-inline:8px}
  .sidebar nav a{padding-inline:8px}
  .sidebar-collapsed main{margin-left:0}
  .sidebar-collapsed .sidebar-toggle{left:6px}
}
@media(min-width:1000px) and (max-width:1279px){.ai-catalog{grid-template-columns:repeat(5,minmax(0,1fr))}.search-field{flex-basis:100%}.dimension-filters{width:100%}}
@media(min-width:761px) and (max-width:999px){.ai-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field{flex-basis:100%}.dimension-filters{width:100%}.filter-select{flex:1 1 42%}}
@media(max-width:760px){.catalog-heading{padding:4px 4px 12px;gap:7px}.catalog-heading h1{font-size:25px}.directory-controls{margin-bottom:12px}.profile-card{padding:20px}.profile-meta{margin-bottom:7px}.profile-heading{margin-bottom:6px}.profile-rating{margin-bottom:6px}.profile-actions{padding-top:6px}}

/* Pill buttons retain comfortable text insets at narrower card widths. */
@media(min-width:761px) and (max-width:1759px){
  .profile-actions .task-button,.profile-actions .access-button{padding:8px 11px;flex:1 0 auto}
}
@media(max-width:760px){
  .profile-actions{gap:10px;flex-wrap:wrap}
  .profile-actions .task-button,.profile-actions .access-button{min-height:42px;padding:9px 18px;flex:1 0 auto;white-space:nowrap}
}