.persona-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;padding-block:4rem 5rem;align-items:center}
.persona-hero>div{min-width:0}
.persona-hero h1{font-size:clamp(2.5rem,5.3vw,4.5rem);line-height:1.1;font-weight:600;margin:0 0 1.75rem;overflow-wrap:break-word}
.persona-hero .intro{font-size:.875rem}
.persona-intro{font-size:1.0625rem;line-height:1.8;max-width:32rem;margin-bottom:1.75rem}
.persona-tone{background:var(--white);border-radius:var(--radius);padding:2.25rem;border:1px solid var(--line)}
.persona-mark{display:block;margin-bottom:1.5rem}
.persona-tone h2{font-size:clamp(1.5rem,2.4vw,1.9375rem);line-height:1.4;text-wrap:pretty}
.persona-tone .small-label{color:var(--blue);margin:0 0 1rem}
.persona-tone blockquote{font-size:1.25rem;line-height:1.6;margin:1.75rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.persona-audience{border-block:1px solid var(--line);padding-block:1.75rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}
.persona-audience p{font-size:1.125rem;margin:0;max-width:40rem}
.persona-audience span{max-width:22rem;font-size:.9375rem;line-height:1.8}
.persona-examples{padding-block:5.5rem}
.persona-illustration-note{display:block;font-size:.8125rem;margin-top:.75rem;color:var(--muted)}
.persona-task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.persona-task-grid article{padding-right:2rem;border-right:1px solid var(--line)}
.persona-task-grid article:last-child{border-right:0;padding-right:0}
.task-symbol{display:block;font-size:.875rem;color:var(--blue);font-weight:700;margin-bottom:1.25rem}
.persona-task-grid h3{font-size:1.5rem;line-height:1.35;margin:0 0 1.5rem}
.persona-task-grid dt{font-size:.8125rem;font-weight:700;margin-bottom:.5rem}
.persona-task-grid dd{font-size:.9375rem;margin:0 0 1.25rem;line-height:1.8}
.persona-task-grid .boundary{font-size:.8125rem;margin-top:1.5rem}
.persona-included{background:var(--blue);color:var(--white)}
.persona-included .included-list>div{border-color:#ffffff55}
.persona-version{font-size:.875rem;margin-top:2rem}
.persona-related{padding-block:1rem 2rem}
.persona-related h2{font-size:1.375rem;margin-bottom:1.25rem}
.persona-related>div{display:flex;flex-wrap:wrap;gap:1rem}
.persona-related a{display:inline-flex;align-items:center;gap:1.25rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:.5rem;font-size:.875rem;text-decoration:none;min-height:48px}
.persona-related a:hover{background:var(--white);border-color:var(--blue)}
.persona-related a:active{background:var(--soft-blue)}
.directory-hero{padding-block:4rem 3.5rem}
.directory-hero h1{font-size:clamp(2.5rem,5.5vw,4.625rem);line-height:1.12;margin:0 0 1.5rem}
.directory-hero>p:not(.intro){font-size:1.0625rem;max-width:36rem}
.directory-hero .directory-note{font-size:.875rem!important;margin-top:1.5rem}
.directory-section{padding-block:2rem 3rem}
.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-bottom:1px solid var(--line);padding-bottom:1.25rem;margin-bottom:1.5rem}
.directory-heading h2{font-size:2rem}
.directory-heading>span{font-size:.875rem;white-space:nowrap}
.persona-directory{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.persona-directory li{display:flex;min-width:0}
.persona-directory a{display:flex;flex-direction:column;width:100%;padding:1.75rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;transition:border-color .15s,background-color .15s}
.persona-directory a:hover{border-color:var(--blue)}
.persona-directory a:active{background:var(--soft-blue)}
.directory-persona-name{font-size:.875rem;font-weight:700;color:var(--blue)}
.directory-parent{font-size:.8125rem;margin-top:.25rem}
.persona-directory h3{font-size:1.625rem;line-height:1.3;margin:1.25rem 0 1rem}
.persona-directory p{font-size:.9375rem;line-height:1.8;margin:0 0 1.5rem}
.directory-read{font-size:.875rem;font-weight:600;display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid var(--line)}
.directory-boundary{padding-block:1.5rem 2rem}
.directory-boundary p{max-width:48rem;font-size:.9375rem}
@media(max-width:1050px){.persona-hero{gap:2rem}.persona-tone{padding:1.75rem}.persona-directory{grid-template-columns:repeat(2,1fr)}.persona-task-grid{gap:1.5rem}.persona-task-grid article{padding-right:1.5rem}}
@media(max-width:700px){
 .persona-hero{grid-template-columns:1fr;padding-block:1.5rem 3rem;gap:2.5rem}.persona-hero h1{font-size:clamp(2.35rem,10.5vw,3.25rem)}
 .persona-intro{font-size:1rem}.persona-hero .intro{font-size:.8125rem}.persona-tone{padding:1.5rem}.persona-tone h2{font-size:1.625rem}
 .persona-tone blockquote{font-size:1.1875rem}.persona-audience{display:block;padding-block:1.5rem}.persona-audience p{font-size:1.0625rem}
 .persona-audience span{display:block;margin-top:1rem;max-width:none}.persona-examples{padding-block:3.5rem}.persona-task-grid{grid-template-columns:1fr;gap:1.75rem}
 .persona-task-grid article{padding:0 0 1.5rem;border:0;border-bottom:1px solid var(--line)}.persona-task-grid article:last-child{border-bottom:0}
 .persona-task-grid .boundary{max-width:30rem}.directory-hero{padding-block:1.5rem 2rem}.directory-hero h1{font-size:clamp(2.25rem,10vw,3rem)}
 .directory-hero>p:not(.intro){font-size:1rem}.directory-heading h2{font-size:1.625rem}.directory-heading{align-items:start;gap:1rem}
 .directory-heading>span{font-size:.8125rem}.persona-directory{grid-template-columns:1fr;gap:1rem}.persona-directory a{padding:1.5rem}
 .persona-directory h3{font-size:1.75rem}.directory-section{padding-block:1rem 2rem}.persona-related>div{gap:.75rem}
}

/* Persona demonstrations are authored examples, not live assistant dashboards. */
.persona-page .persona-hero.depth-scene{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:3rem;padding:3.25rem;background:#f1e6da}
.persona-page .persona-hero>.depth-backdrop img{opacity:.36}
.persona-page .persona-copy.depth-panel{padding:2.25rem;background:transparent}
.persona-page .persona-hero h1{font-size:clamp(2.5rem,3.8vw,4rem);letter-spacing:-.045em;line-height:1.12}
.persona-page .persona-copy .hero-note{font-size:.75rem;max-width:24rem;line-height:1.65}
.persona-page .persona-copy .actions{gap:1.25rem;align-items:center}
.persona-cascade{position:relative;min-width:0;padding:.25rem .5rem .75rem 0;isolation:isolate}
.cascade-caption{display:flex;align-items:center;gap:.625rem;font-size:.75rem;font-weight:700;letter-spacing:.025em;margin:0 0 1rem}
.cascade-dot{width:9px;height:9px;background:#F47A3C;border-radius:50%;flex:none}
.cascade-change{position:relative;margin-right:1.5rem;padding:1.4rem 1.6rem;background:#17233D;color:#FFF9F2;border-radius:14px;box-shadow:0 16px 25px -18px #17233d90;z-index:3}
.persona-cascade .small-label{font-size:.6875rem;font-weight:700;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;margin:0 0 .55rem;color:inherit}
.cascade-change .small-label{color:#d5def3}
.persona-cascade h2{font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.3;letter-spacing:-.025em;margin:0}
.cascade-connections{position:relative;margin:-.5rem 0 0 1.5rem;padding:1.7rem 1.4rem 1.2rem;background:#FFFCF8;border:1px solid #dfd9d1;border-radius:0 0 14px 14px;box-shadow:0 12px 24px -18px #17233d66;z-index:2}
.cascade-connections>.small-label{color:#536079}
.cascade-connections ul{list-style:none;padding:0 0 0 .75rem;margin:0;border-left:1px solid #d4ddf2}
.cascade-connections li{position:relative;font-size:.8125rem;line-height:1.55;padding:.35rem 0 .35rem .375rem}
.cascade-connections li::before{content:"";position:absolute;left:-1.0625rem;top:.85rem;width:8px;height:8px;border-radius:50%;background:#2457E7;border:2px solid #FFFCF8}
.cascade-priority{font-size:.8125rem;line-height:1.5;margin:.75rem 0 0;padding:.75rem .875rem;border-radius:8px;background:#fce8d9}
.cascade-priority span{display:block;font-size:.6875rem;font-weight:700;margin-bottom:.25rem}
.cascade-plan{position:relative;margin:1rem 1rem 0 .375rem;padding:1.35rem 1.5rem;background:#2457E7;color:#fff;border-radius:14px;box-shadow:7px 9px 0 #c5d3f2,0 20px 30px -20px #17233d70;z-index:3}
.cascade-plan::before{content:"";position:absolute;height:1rem;width:2px;background:#2457E7;top:-1rem;left:2.25rem}
.cascade-plan>p:not(.small-label){font-size:.8125rem;line-height:1.65;margin:.5rem 0 0}
.cascade-plan .cascade-unknown{border-top:1px solid #ffffff66;margin-top:1rem!important;padding-top:.75rem;color:#fff}
.cascade-unknown strong{display:block;font-size:.6875rem;letter-spacing:.02em;margin-bottom:.25rem}
.cascade-disclaimer{font-size:.6875rem;line-height:1.5;margin:1.4rem .375rem 0;color:#46516a}
.persona-audience .persona-recognition{font-size:1.25rem;line-height:1.5;font-weight:600;margin-bottom:.625rem;letter-spacing:-.015em}
.persona-audience>div>p:not(.persona-recognition){font-size:.875rem;line-height:1.7;color:var(--muted)}
.persona-task-grid{gap:1.25rem}
.persona-task-grid article{background:#FFFCF8;border:1px solid var(--line);border-radius:14px;padding:1.75rem;box-shadow:0 12px 22px -22px #17233d80}
.persona-task-grid article:last-child{border:1px solid var(--line);padding:1.75rem}
.persona-task-grid .task-symbol{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;background:#e9efff;border-radius:50%;margin-bottom:1.5rem}
.persona-task-grid article:nth-child(2) .task-symbol{background:#fce8d9;color:#17233D}
.persona-task-grid article:nth-child(3) .task-symbol{background:#17233D;color:#FFF9F2}
.persona-task-grid .boundary{padding-top:1rem;border-top:1px solid var(--line);line-height:1.65}
.persona-page a:focus-visible{outline:3px solid #2457E7;outline-offset:5px}
@media(max-width:1100px){.persona-page .persona-hero.depth-scene{padding:2rem;gap:2rem}.persona-page .persona-copy.depth-panel{padding:1.5rem}.persona-task-grid article,.persona-task-grid article:last-child{padding:1.25rem}}
@media(max-width:850px){.persona-page .persona-hero.depth-scene{grid-template-columns:1fr;max-width:700px;gap:2.5rem}.persona-cascade{width:100%;max-width:520px;justify-self:center}.persona-page .persona-hero h1{font-size:clamp(2.25rem,6vw,3.5rem)}.persona-task-grid{grid-template-columns:1fr}.persona-task-grid article,.persona-task-grid article:last-child{padding:1.5rem}.persona-audience{gap:2rem}}
@media(max-width:480px){.persona-page .persona-hero.depth-scene{width:calc(100% - 1.5rem);padding:1.5rem 1rem}.persona-page .persona-copy.depth-panel{padding:1.25rem}.persona-page .persona-hero h1{font-size:clamp(2rem,9vw,2.75rem)}.cascade-change{padding:1.25rem;margin-right:.75rem}.cascade-connections{margin-left:.75rem;padding:1.5rem 1rem 1rem}.cascade-plan{padding:1.25rem;margin-right:.5rem}.persona-cascade{padding-right:.25rem}.persona-page .persona-copy .actions{align-items:stretch;flex-direction:column}.persona-page .persona-copy .button{text-align:center}.persona-page .persona-copy .text-link{align-self:flex-start}}
@media(forced-colors:active){.cascade-change,.cascade-connections,.cascade-plan,.cascade-priority{border:1px solid CanvasText;box-shadow:none}.cascade-connections li::before{background:CanvasText}.cascade-plan::before{background:CanvasText}}