body main.tools-shell > .partner-directory{width:auto;max-width:1440px;min-width:0;margin:0 auto;padding:25px 16px 40px}
.partner-directory .partner-hero{margin:0 0 16px}
.partner-directory .partner-hero .wbs-diff-hero-copy{max-width:690px}
.partner-directory .partner-hero .wbs-diff-cover{object-position:right center}
.partner-directory .partner-hero h1{overflow-wrap:anywhere}
.partner-crumb{margin:0 0 12px;color:#ddd6ec;font-size:.82rem}
.partner-directory a:focus-visible,.partner-directory button:focus-visible{outline:2px solid #e5cbff;outline-offset:3px}
.partner-button{display:inline-flex;align-items:center;min-height:42px;margin-top:8px;padding:8px 14px;border:1px solid #c9abed9c;border-radius:12px;background:linear-gradient(135deg,#574183,#263854);color:#fff;text-decoration:none;font:inherit;cursor:pointer}
.partner-button:hover{border-color:#f0d5ff}
.partner-directory .partner-disclosure{font-size:.72rem;margin-top:8px;color:#e1cdee}
.partner-dashboard,.partner-grid,.partner-columns{display:grid;gap:14px}
.partner-dashboard{grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}
.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.partner-columns{grid-template-columns:minmax(180px,1fr) minmax(0,3fr);align-items:start;margin:14px 0}
.partner-panel{min-width:0;padding:16px;border:1px solid #b4b7dd55;border-radius:1.1rem;background:radial-gradient(ellipse at 0 0,#b69aff22,transparent 75%),#0d132be0;box-shadow:0 8px 24px #03071955,inset 0 1px #f0e8ff44}
.partner-panel small{display:block;margin-bottom:4px;color:#c8c0e5}
.partner-panel h2,.partner-list h2{margin:0 0 8px;font-size:clamp(1rem,2vw,1.3rem)}
.partner-panel p{margin:0 0 8px;color:#e3dcef;line-height:1.55}
.partner-panel[id],.partner-directory details[id],.partner-list[id]{scroll-margin-top:100px}
.partner-sections{display:grid;gap:10px}
.partner-toc{display:grid;gap:8px;position:sticky;top:90px}
.partner-toc a,.partner-crumb a,.partner-sections p a{color:#dfccff;text-decoration:underline;text-underline-offset:3px}
.partner-card a{display:block;color:inherit;text-decoration:none}
.partner-card img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;margin-bottom:10px}
.partner-card h3{margin:0 0 6px}
.partner-card-more{color:#e2caff;font-size:.82rem}
.partner-list{margin-top:18px}
.partner-live{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;margin:8px 0;color:#d9edff;font-size:.77rem}
.partner-live strong{color:#aeeaf4}
.partner-live [hidden]{display:none}
.partner-connection{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.partner-connection code{overflow-wrap:anywhere}
@media(max-width:680px){
 body main.tools-shell > .partner-directory{padding:12px 10px 26px}
 .partner-grid,.partner-columns{grid-template-columns:minmax(0,1fr)}
 .partner-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
 .partner-toc{position:static}
 .partner-panel{padding:12px}
}

.partner-directory{isolation:isolate;z-index:1}
.partner-directory > :not(.partner-hero){position:relative;z-index:1}
.partner-directory .partner-hero .wbs-diff-cover{object-position:65% center}

.partner-directory .partner-creator { margin-block: 1rem; scroll-margin-top: 7rem; }
.partner-creator-heading { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; align-items: center; }
.partner-creator-heading img { width: 104px; height: 104px; border-radius: 50%; object-fit: cover; border: 2px solid #d4b9ff; box-shadow: 0 0 1rem #9372db54; }
.partner-creator h2 { margin: .3rem 0; }
.partner-creator p { margin: .4rem 0 0; }
.partner-creator small { color: #c5c5e5; }
.partner-creator-note { margin-block: 1rem; padding: .7rem 1rem; border-inline-start: 2px solid #c2a1fb; background: #ad88f715; border-radius: .35rem; }
.partner-creator-note p { margin: 0 0 .45rem; }
.partner-creator-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin: 0; padding: 0; list-style: none; }
.partner-creator-links .partner-button { display: flex; height: 100%; justify-content: space-between; gap: .4rem; margin: 0; }
.partner-creator-links small { display: block; margin-top: .25rem; }
.partner-creator-links svg { flex: none; }
.partner-connect .partner-live { margin-block: .7rem; padding: .6rem .8rem; border: 1px solid #a4aeea43; border-radius: .75rem; background: #7882d315; }
@media (max-width: 850px) { .partner-creator-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) {
  .partner-creator-heading { grid-template-columns: 1fr; gap: .6rem; }
  .partner-creator-heading img { width: 78px; height: 78px; }
  .partner-creator-links { grid-template-columns: 1fr; }
}