.persona-guide-toggle { flex:0 0 32px; width:32px; height:32px; padding:0; border:1px solid #a5c9df; border-radius:50%; background:#f7fbfe; color:var(--primary-dark); font:19px Arial,sans-serif; cursor:pointer; }
.persona-guide-toggle:hover,.persona-guide-toggle[aria-expanded="true"] { background:#dceef7; border-color:var(--primary); }
.persona-guide { position:fixed; inset:auto 12px auto auto; margin:0; padding:0; width:min(420px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; overscroll-behavior:contain; border:1px solid #adc7db; border-radius:6px; background:var(--surface); color:var(--ink); box-shadow:0 8px 26px #123b5d26; font-size:13px; line-height:1.45; letter-spacing:0; overflow-wrap:anywhere; }
.persona-guide__header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; background:#eef6fb; border-bottom:1px solid var(--line); }
.persona-guide__header h2 { font-size:16px; margin:0; }
.persona-guide__close { flex:0 0 28px; width:28px; height:28px; padding:0; border:1px solid #bbd0df; border-radius:4px; background:#fff; color:var(--primary-dark); font-size:22px; line-height:1; cursor:pointer; }
.persona-guide>section { padding:12px 14px; border-bottom:1px solid #dce7ee; }
.persona-guide>section:last-child { border-bottom:0; background:#f6fafc; }
.persona-guide h3 { font-size:13px; margin:0 0 6px; }
.persona-guide p { margin:0; color:var(--muted); }
.persona-guide ol { margin:0; padding-inline-start:20px; color:var(--muted); }
.persona-guide li+li { margin-top:6px; }
.persona-guide__colors { list-style:none; padding:0; margin:0; }
.persona-guide__colors li { display:grid; grid-template-columns:12px minmax(0,1fr); align-items:start; gap:8px; color:var(--muted); }
.persona-guide__swatch { width:12px; height:12px; margin-top:3px; border:1px solid #9fb9cc; border-radius:2px; background:#e7f0f6; }
.persona-guide__swatch--blue { background:#177eb6; }
.persona-guide__swatch--green { background:#0a8b70; }
.persona-guide__swatch--amber,.persona-guide__swatch--sandbox { background:#f4cb79; }
.persona-guide__swatch--red { background:#b4232c; }
.persona-guide__swatch--neutral { background:#496783; }
.persona-guide__swatch--journeys { background:linear-gradient(90deg,#177eb6 33%,#0a8b70 33%,#0a8b70 66%,#d99b31 66%); }
.persona-guide-toggle:focus-visible,.persona-guide__close:focus-visible { outline:2px solid var(--primary-dark); outline-offset:3px; }