/* A compact directory for choosing the next task. Scoped to this page. */
.page-layout .page-hero{padding:36px 0 22px}
.page-layout .page-hero h1{font-size:clamp(32px,3vw,42px);line-height:1.2;letter-spacing:-1.3px;margin:16px 0}
.page-layout .page-hero .intro{font-size:16px;line-height:1.7;max-width:700px;margin-bottom:8px}
.page-layout .page-hero .audience-note{font-size:13px;line-height:1.65;max-width:760px;margin:7px 0}
.audience-jumps{padding:12px 0;gap:10px 24px}.audience-jumps a{font-size:13px;min-height:32px}
.audience-detail{padding:36px 0;scroll-margin-top:20px}
.audience-story{grid-template-columns:minmax(0,1fr) 320px;gap:45px;align-items:start}
.audience-story-copy h2{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin:0 0 12px}
.audience-story-copy .intro{font-size:15px;line-height:1.7;max-width:670px;margin:0 0 16px}
.audience-story-copy .btn{font-size:13px;min-height:40px;padding:10px 16px;margin:0;gap:15px}
.audience-portrait{aspect-ratio:4/3;object-position:center 40%}
.audience-options{gap:18px 35px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.audience-options h3{font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 10px}
.audience-options li{font-size:13px;line-height:1.55;margin:8px 0}
.audience-options a{text-decoration-color:#a8b69d}
.audience-detail+.task-paths{margin-top:15px}.page-cta h2{font-size:28px;letter-spacing:-.7px}.page-cta p{font-size:15px;line-height:1.7}
@media(max-width:1000px){.audience-story{grid-template-columns:minmax(0,1fr) 260px;gap:28px}.audience-story-copy h2{font-size:26px}.audience-options{gap:24px}}
@media(max-width:760px){.audience-story{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.audience-portrait-frame{grid-row:auto}.audience-story-copy h2{font-size:25px}.audience-options{grid-template-columns:1fr;gap:18px}.audience-detail{padding:30px 0}}
@media(max-width:580px){.page-layout .page-hero{padding:28px 0 20px}.page-layout .page-hero h1{font-size:31px}.audience-story{grid-template-columns:1fr;gap:20px}.audience-portrait-frame{grid-row:2;max-width:360px}.audience-portrait{aspect-ratio:3/2}.audience-options{grid-template-columns:1fr 1fr;gap:20px}.audience-story-copy h2{font-size:25px}.audience-jumps{gap:6px 18px}}
@media(max-width:380px){.audience-options{grid-template-columns:1fr}}