.reading-flow{margin:64px auto 40px;text-align:left;color:var(--text);--flow-accent:var(--gold-soft);line-height:1.8}
.reading-flow section{padding:40px 0;border-top:1px solid var(--border)}
.reading-flow h2{margin:0 0 18px;text-align:left;font-size:clamp(1.55rem,3.5vw,2.1rem);line-height:1.3;color:var(--flow-accent)}
.reading-flow h3{margin:0 0 10px;font-size:1.08rem;line-height:1.5;color:var(--text)}
.reading-flow p{margin:0 0 20px;color:var(--muted);line-height:1.85;font-size:1rem}
.reading-flow a{color:var(--flow-accent);text-underline-offset:4px}
.reading-flow__eyebrow{display:block;margin-bottom:10px;color:var(--flow-accent);font-size:.73rem;letter-spacing:.16em;text-transform:uppercase}
.reading-flow__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 20px}
.reading-flow a.reading-flow__option{display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid var(--border);border-radius:16px;background:var(--card);text-decoration:none;transition:border-color .2s,transform .2s}
.reading-flow__option:hover{border-color:var(--gold);transform:translateY(-3px)}
.reading-flow__option:focus-visible,.reading-flow__gallery:focus-visible,.reading-flow summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.reading-flow__symbol{font-size:1.8rem;line-height:1;margin-bottom:20px}
.reading-flow__option p{font-size:.93rem;margin-bottom:20px}
.reading-flow__link{margin-top:auto;font-size:.84rem;font-weight:600}
.reading-flow .reading-flow__more{font-size:.9rem;margin-bottom:0}
.reading-flow__steps{padding-left:24px;margin:25px 0 0}
.reading-flow__steps li{padding:0 0 12px 10px}
.reading-flow__steps li::marker{color:var(--flow-accent);font-weight:700}
.reading-flow__suits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0}
.reading-flow__suits article{border-left:1px solid var(--border);padding-left:14px}
.reading-flow__suits article>span{font-size:1.6rem;color:var(--flow-accent)}
.reading-flow__suits p{font-size:.87rem;margin:0}
.reading-flow__gallery{display:flex;align-items:center;gap:14px;padding:26px 20px;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none}
.reading-flow__gallery img{width:calc((100% - 210px)/5);max-width:100px;height:auto;aspect-ratio:3/5;object-fit:cover;border-radius:6px;transform:rotate(-3deg)}
.reading-flow__gallery img:nth-child(even){transform:rotate(3deg)}
.reading-flow__gallery>span{flex:1;font-size:.9rem;line-height:1.5}
.reading-flow__faq details{border-bottom:1px solid var(--border)}
.reading-flow__faq summary{cursor:pointer;padding:20px 28px 20px 0;font-weight:600;line-height:1.6}
.reading-flow__faq details p{padding:0 12px 6px 0;font-size:.95rem}
.reading-flow .reading-flow__note{margin:28px 0 0;font-size:.85rem}
body.light-mode .reading-flow{--flow-accent:#765619}
@media(max-width:600px){.reading-flow{margin-top:40px}.reading-flow section{padding:30px 0}.reading-flow__grid{grid-template-columns:1fr}.reading-flow a.reading-flow__option{padding:22px}.reading-flow__suits{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.reading-flow__gallery{flex-wrap:wrap;gap:10px;padding:20px 14px}.reading-flow__gallery img{width:calc((100% - 40px)/5)}.reading-flow__gallery>span{flex-basis:100%;text-align:center;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.reading-flow__option{transition:none!important}.reading-flow__option:hover{transform:none}}