/* About page, October 2026 (Edison A1 to A9): credentials and the free Thursday live in the first
   screen, genuine readings beside her story, prices on the paths, and an ending that invites people
   to meet her live. Loads after story-art.css and owner-feedback.css. */

/* A1: credentials under her role. */
.about-page .ab-creds{display:grid;gap:5px;margin:-8px 0 22px;padding:0;list-style:none;font-size:15px;font-weight:600;line-height:1.5;color:var(--story-plum,#5b3f73)}
.about-page .ab-creds li:before{content:'';display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;background:#b98a3e;vertical-align:2px}

/* A3: the hero photo at 380px inside its white frame. */
@media(min-width:901px){.about-page .about-intro figure{max-width:396px}}

/* A2: the free live is the first-screen action; her story is the quiet link. */
.about-page .ab-hero-actions{align-items:flex-start;gap:10px 26px}
.about-page .ab-cta .ab-when{margin-top:10px}
.about-page .ab-when{margin-top:12px;font-size:13px;font-weight:500;letter-spacing:.01em;color:#5a5560}

/* A7: the free live mid-story, before the link that leaves the site. */
.about-page .ab-live{margin-top:26px}
.about-page .ab-live .btn{min-width:300px}
.about-page .today-grid .ab-live+.text-link{margin-top:14px}

/* A6: genuine readings beside her story. */
.about-page .about-today{padding-bottom:48px}
.about-page .ab-readings{padding:clamp(32px,4vw,56px) 0 clamp(56px,6vw,84px);background:#faf6f0}
.about-page .ab-readings-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:30px}
.about-page .ab-readings-head h2{margin:0;font-size:32px}
/* Clips framed like the page's prints. */
.about-page .ox-clip-pic{border:10px solid #fffdf8;border-radius:3px;box-shadow:5px 12px 27px #26392c24}
.about-page .ox-play{background:rgba(91,63,115,.85)}
.about-page .ab-readings-head p{max-width:46ch;font-size:15px;line-height:1.65;color:#4d4550;text-wrap:pretty}

/* A9: a price on every path. */
.about-page .next-ways .ab-price{margin:-6px 0 12px;font-size:14px;font-weight:600;color:#7a5a22}

/* A8: end with the free Thursday live. */
.about-page .ab-close{padding:clamp(64px,7vw,96px) 0;background:#2b1d33;color:#fbf6ef;text-align:center}
.about-page .ab-close h2{margin:0 0 16px;font-size:clamp(40px,4vw,56px);color:#fbf6ef}
.about-page .ab-close h2 em{font-weight:500;color:#f0d6a3}
.about-page .ab-close p{max-width:46ch;margin:0 auto 26px;font-size:18px;line-height:1.6;color:#eadcea}
.about-page .ab-close .btn{min-width:320px}
.about-page .ab-close :focus-visible{outline-color:#f0d6a3}

@media(max-width:900px){
 .about-page .ab-creds{margin-top:-4px}
}
@media(min-width:700px) and (max-width:999px){.about-page .ab-cta .btn{padding-inline:22px;font-size:14px;letter-spacing:.05em}}
/* A5: on phones the headline, credentials and the Thursday button come before the photo. */
@media(max-width:699px){
 .about-page .about-intro h1{font-size:40px}
 .about-page .about-intro figure{grid-row:auto;width:min(100%,256px)}
 .about-page .about-intro figure img{height:300px}
 .about-page .ab-creds{gap:4px;font-size:14px}
 .about-page .ab-hero-actions{flex-direction:column;align-items:stretch;gap:8px}
 .about-page .ab-cta .btn{width:100%}
 .about-page .ab-hero-actions .text-link{justify-content:flex-start}
 .about-page .about-intro .script{display:none}
 .about-page .ab-live .btn,.about-page .ab-close .btn{width:100%;min-width:0}
 .about-page .ab-readings{padding:48px 0}
 .about-page .ab-readings-head{display:block;margin-bottom:20px}
 .about-page .ab-readings-head h2{margin-bottom:10px;font-size:28px}
 .about-page .ab-close p{font-size:16px}
}