.locus-intro{max-width:42rem;width:100%;text-align:start}
.locus-intro__progress{flex:none;padding:.4rem .25rem .9rem}
.locus-intro__eyebrow{display:flex;justify-content:space-between;gap:1rem;color:hsl(var(--primary));font-size:.75rem;letter-spacing:.06em;margin-bottom:.75rem}
.locus-intro__steps{display:flex;list-style:none;padding:0;margin:0;gap:.6rem}
.locus-intro__steps li{position:relative;display:flex;flex:1;align-items:center;gap:.4rem;font-size:.75rem;color:hsl(var(--foreground)/.65);padding-top:.5rem;border-top:2px solid hsl(var(--primary)/.25)}
.locus-intro__steps li[data-state=current],.locus-intro__steps li[data-state=done]{border-color:hsl(var(--primary));color:hsl(var(--primary))}
.locus-intro__number{display:flex;align-items:center;justify-content:center;flex:none;width:1.3rem;height:1.3rem;border-radius:50%;border:1px solid currentColor;font-size:.7rem;font-variant-numeric:tabular-nums}
.locus-intro__steps li[data-state=current] .locus-intro__number{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary));font-weight:700}
.locus-intro__reader{padding:.15rem .25rem 1rem;scrollbar-gutter:stable}
.locus-intro__title{font-family:var(--font-heading,'Cormorant Infant',serif);font-size:1.8rem;line-height:1.15;margin:0 0 .85rem;color:hsl(var(--foreground));font-weight:600}
.locus-intro__image{display:block;width:100%;height:auto;aspect-ratio:24/13;object-fit:cover;border-radius:.5rem;outline:1px solid #ffffff1a;outline-offset:-1px;margin-bottom:1rem;background:#bca16e}
.locus-intro__text{font-family:'Lora',serif;font-size:1.0625rem;line-height:1.65;color:hsl(var(--foreground));overflow-wrap:break-word}
.locus-intro__text p{margin:0 0 .9rem;white-space:pre-line}
.locus-intro__text p:last-child{margin-bottom:0}
.locus-intro__actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:.75rem .25rem;flex:none}
.locus-intro__back{min-height:44px;padding:.5rem .65rem;color:hsl(var(--foreground));font-size:.9rem;text-decoration:underline;text-underline-offset:.2em}
.locus-intro__next{min-height:48px;font-size:1rem;padding:.65rem 1rem;justify-content:center}
.locus-intro :focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}
.locus-intro__title:focus:not(:focus-visible){outline:none}
@media(min-width:640px){.locus-intro__text{font-size:1.125rem}.locus-intro__image{max-height:15rem}.locus-intro__title{font-size:2rem}}
@media(max-width:350px){.locus-intro__steps li{font-size:.65rem;gap:.25rem}.locus-intro__next{padding-inline:.65rem;font-size:.9rem}.locus-intro__back{padding-inline:.25rem;font-size:.8rem}}
@media(max-height:500px){.locus-intro__progress{padding-block:.2rem .5rem}.locus-intro__image{max-height:9rem}.locus-intro__title{font-size:1.4rem}.locus-intro__actions{padding-block:.35rem}}
/* Keep chapter controls usable when text is enlarged on a narrow phone. */
.locus-intro__steps li{min-width:0}
.locus-intro__steps li>span:last-child{overflow-wrap:anywhere}
.locus-intro__actions{flex-wrap:wrap}
.locus-intro__back{flex-shrink:0}
.locus-intro__next{flex-shrink:0;max-width:100%;white-space:normal;overflow-wrap:normal;word-break:normal}
@media(max-width:350px){.locus-intro__steps li>span:last-child{display:none}.locus-intro__steps li{justify-content:center}.locus-intro__actions{gap:.35rem}.locus-intro__next{flex:1 0 auto;max-width:100%}}
.locus-intro__progress{padding:6px 4px 12px}
.locus-intro__eyebrow{margin-bottom:12px}
.locus-intro__actions{padding:8px 4px}
.locus-intro .locus-intro__next{min-width:0;flex:0 1 auto}
@media(max-width:350px){.locus-intro .locus-intro__next{display:block;width:auto;max-width:100%;padding-inline:8px}.locus-intro__next svg{display:inline-block;vertical-align:middle;margin-inline-start:6px}}
.locus-intro__reader{padding:4px 4px 12px}
.locus-intro__steps li{padding-top:8px}
.locus-intro__back{padding:8px;line-height:1.25}
.locus-intro .locus-intro__next{padding:8px 16px;line-height:1.25}
@media(max-width:350px){.locus-intro .locus-intro__next{padding-inline:8px}}