/* Scoped to the reader guide; shared site elements keep their existing styles. */
.reader-guide{--rg-ink:#4a4038;--rg-brown:#807266;--rg-muted:#756c65;--rg-pink:#fb9ba3;--rg-pale:rgba(251,155,163,.14);--rg-pink-border:rgba(251,155,163,.36);--rg-pink-shadow:rgba(251,155,163,.2);--rg-line:#e9e2dc;color:var(--rg-ink);font-size:1.5rem;line-height:1.9;background:#fff;overflow-wrap:anywhere}
.reader-guide *{box-sizing:border-box}
.reader-guide :where(h1,h2,h3,p,ul,ol,dl,dt,dd){margin:0;padding:0}
.reader-guide a{color:inherit}
.reader-guide a:focus-visible{outline:3px solid var(--rg-pink);outline-offset:5px}
.reader-guide :where(section,div)[id]{scroll-margin-top:110px}
.reader-guide .rg-wrap{width:min(1160px,100%);margin-inline:auto;padding-inline:32px}
.reader-guide .rg-kicker{font-size:1.3rem;font-weight:700;letter-spacing:.14em;color:var(--rg-pink)}
.reader-guide .rg-hero{padding:clamp(24px,3vw,36px) 0;background:var(--rg-pale)}
.reader-guide .rg-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}
.reader-guide .rg-hero h1{margin-top:0;font-size:4rem;line-height:1.25;font-weight:700;letter-spacing:.015em;color:var(--rg-pink)}
.reader-guide .rg-hero h1 span{display:block;font-weight:inherit}
.reader-guide .rg-hero-copy{max-width:36em;margin-top:18px;font-size:1.5rem;line-height:1.9}
.reader-guide .rg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;align-items:center}
.reader-guide .rg-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:12px 24px;border:1px solid var(--rg-pink);border-radius:999px;background:var(--rg-pink);color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700;line-height:1.6;transition:background-color .15s,opacity .15s}
.reader-guide .rg-button::after{content:'→';font-size:1.2em;font-weight:400}
.reader-guide .rg-button:hover{background:var(--rg-pink);color:#fff;opacity:.85}
.reader-guide .rg-button--light{background:var(--rg-brown);border-color:var(--rg-brown);color:#fff}
.reader-guide .rg-button--light:hover{background:var(--rg-brown);color:#fff;opacity:.85}
.reader-guide .rg-window{background:#fff;border:1px solid var(--rg-pink-border);border-radius:20px;padding:24px;box-shadow:10px 12px 0 var(--rg-pink-shadow)}
.reader-guide .rg-window-title{padding-bottom:14px;font-size:2rem;font-weight:700;line-height:1.6;border-bottom:1px solid var(--rg-line)}
.reader-guide .rg-lens{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding-top:16px}
.reader-guide .rg-lens-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--rg-pale);color:var(--rg-pink);font-size:1.4rem;font-weight:700}
.reader-guide .rg-lens h2{font-size:2rem;line-height:1.6;font-weight:700}
.reader-guide .rg-lens p{margin-top:3px;font-size:1.5rem;color:var(--rg-muted);line-height:1.75}
.reader-guide .rg-jumps{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 40px;padding-block:16px;border-bottom:1px solid var(--rg-line);font-size:1.5rem}
.reader-guide .rg-jumps a{text-underline-offset:6px;text-decoration-color:var(--rg-pink)}
.reader-guide .rg-section{padding-block:72px}
.reader-guide .rg-section--soft{background:#faf8f5}
.reader-guide .rg-section h2{margin-top:10px;font-size:3.2rem;line-height:1.6;font-weight:700}
.reader-guide .rg-section-lead{max-width:46em;margin-top:16px;color:var(--rg-muted)}
.reader-guide .rg-audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.reader-guide .rg-audience{border-top:3px solid var(--rg-pink);padding-top:22px}
.reader-guide .rg-audience-label{color:var(--rg-pink);font-size:1.3rem;font-weight:700;letter-spacing:.08em}
.reader-guide .rg-audience h3{margin-top:10px;font-size:2.2rem;font-weight:700;line-height:1.7}
.reader-guide .rg-audience p:last-child{margin-top:14px;font-size:1.5rem;color:var(--rg-muted)}
.reader-guide .rg-steps{list-style:none;margin-top:32px;border-top:1px solid var(--rg-line)}
.reader-guide .rg-step{display:grid;grid-template-columns:72px minmax(0,1fr) 190px;gap:24px;align-items:center;padding-block:30px;border-bottom:1px solid var(--rg-line)}
.reader-guide .rg-step-number{font-size:4rem;font-weight:700;line-height:1;color:var(--rg-pink)}
.reader-guide .rg-step h3{font-size:2.1rem;font-weight:700;line-height:1.7}
.reader-guide .rg-step p{margin-top:8px;font-size:1.5rem;color:var(--rg-muted)}
.reader-guide .rg-text-link{display:inline-flex;gap:12px;align-items:center;font-size:1.5rem;font-weight:700;text-decoration:underline;text-decoration-color:var(--rg-pink);text-underline-offset:6px}
.reader-guide .rg-text-link::after{content:'→';text-decoration:none}
.reader-guide .rg-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:30px}
.reader-guide .rg-info{padding:28px;background:#fff;border:1px solid var(--rg-line);border-radius:12px}
.reader-guide .rg-info h3{font-size:2rem;font-weight:700;line-height:1.7}
.reader-guide .rg-info p{margin-top:14px;font-size:1.5rem;color:var(--rg-muted)}
.reader-guide .rg-status{display:inline-block;padding:3px 12px;margin-bottom:14px;border-radius:999px;background:var(--rg-pale);color:var(--rg-pink);font-size:1.3rem;font-weight:700;line-height:1.7}
.reader-guide .rg-faq{margin-top:30px;border-top:1px solid var(--rg-line)}
.reader-guide .rg-faq-item{padding:24px 0;border-bottom:1px solid var(--rg-line)}
.reader-guide .rg-faq dt{font-size:1.9rem;font-weight:700;line-height:1.8}
.reader-guide .rg-faq dd{margin-top:10px;font-size:1.5rem;color:var(--rg-muted);max-width:60em}
.reader-guide .rg-closing{padding:56px 0;background:var(--rg-pale);text-align:center}
.reader-guide .rg-closing h2{font-size:2.6rem;font-weight:700;line-height:1.7}
.reader-guide .rg-closing p{margin-top:12px;font-size:1.5rem}
.reader-guide .rg-closing .rg-actions{justify-content:center}
.reader-guide .rg-partners{display:none;padding:24px 32px;text-align:center;font-size:1.5rem;color:var(--rg-muted)}
.reader-guide .rg-partners a{display:inline-block;margin-left:10px;text-underline-offset:5px;text-decoration:underline}
@media(max-width:900px){.reader-guide .rg-hero-grid{gap:32px;grid-template-columns:1.1fr 1fr}.reader-guide .rg-hero h1{font-size:3.8rem}.reader-guide .rg-window{padding:22px}.reader-guide .rg-step{grid-template-columns:52px minmax(0,1fr);gap:20px}.reader-guide .rg-step>a{grid-column:2}.reader-guide .rg-audiences{gap:20px}}
@media(max-width:640px){.reader-guide{font-size:1.5rem}.reader-guide .rg-wrap{padding-inline:22px}.reader-guide .rg-hero{padding:40px 0 44px}.reader-guide .rg-hero-grid{grid-template-columns:1fr;gap:34px}.reader-guide .rg-hero h1{font-size:3.2rem;line-height:1.3;margin-top:0}.reader-guide .rg-hero-copy{margin-top:18px}.reader-guide .rg-actions{gap:12px;margin-top:24px}.reader-guide .rg-button{width:100%;min-height:48px}.reader-guide .rg-window{padding:22px;box-shadow:6px 8px 0 var(--rg-pink-shadow)}.reader-guide .rg-lens{padding-top:18px}.reader-guide .rg-jumps{justify-content:flex-start;gap:10px 24px;font-size:1.5rem;padding-block:20px}.reader-guide .rg-section{padding-block:44px}.reader-guide .rg-section h2{font-size:2.8rem}.reader-guide .rg-audiences{grid-template-columns:1fr;gap:28px;margin-top:26px}.reader-guide .rg-audience h3{font-size:2.2rem}.reader-guide .rg-audience p:last-child{margin-top:10px}.reader-guide .rg-step{padding-block:24px;gap:14px;grid-template-columns:42px minmax(0,1fr)}.reader-guide .rg-step-number{font-size:3.3rem;align-self:start;margin-top:5px}.reader-guide .rg-step h3{font-size:2rem}.reader-guide .rg-note-grid{grid-template-columns:1fr;gap:18px}.reader-guide .rg-info{padding:22px}.reader-guide .rg-closing{padding-block:40px}.reader-guide .rg-closing h2{font-size:2.3rem}.reader-guide .rg-partners{padding:22px;font-size:1.5rem}.reader-guide .rg-partners a{margin:8px 0 0}}

/* Compact reader hero and mascot alongside the three explanations. */
.reader-guide .rg-hero .rg-actions{margin-top:24px}
.reader-guide .rg-hero .rg-button{font-weight:400}
.reader-guide .rg-window-body{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;align-items:center}
.reader-guide .rg-window-points{min-width:0}
.reader-guide .rg-mascot{margin:0;text-align:center;align-self:end}
.reader-guide .rg-mascot img{display:block;width:112px;height:150px;object-fit:cover;object-position:right center;margin:0 auto}
.reader-guide .rg-mascot figcaption{margin-top:6px;color:var(--rg-muted);font-size:1.2rem;font-weight:700;line-height:1.6;white-space:nowrap}
@media(max-width:1100px){.reader-guide .rg-hero h1{font-size:3.8rem}.reader-guide .rg-window-body{grid-template-columns:minmax(0,1fr) 96px;gap:10px}.reader-guide .rg-mascot img{width:94px;height:126px}.reader-guide .rg-mascot figcaption{font-size:1.1rem}}
@media(max-width:640px){.reader-guide .rg-hero h1{font-size:3.2rem}.reader-guide .rg-window-body{grid-template-columns:minmax(0,1fr) 86px;gap:10px}.reader-guide .rg-lens{grid-template-columns:30px minmax(0,1fr);gap:10px}.reader-guide .rg-lens-number{width:30px;height:30px}.reader-guide .rg-lens h2{font-size:1.8rem}.reader-guide .rg-lens p{font-size:1.5rem}.reader-guide .rg-mascot img{width:82px;height:110px}}

/* Keep the how-to section concise, with a narrower reading area and tighter rows. */
.reader-guide #rg-how-to{padding-block:40px}
.reader-guide #rg-how-to .rg-wrap{width:min(1000px,100%)}
.reader-guide #rg-how-to h2{margin-top:6px;font-size:2.8rem;line-height:1.5}
.reader-guide #rg-how-to .rg-steps{margin-top:20px}
.reader-guide #rg-how-to .rg-step{grid-template-columns:46px minmax(0,1fr) 164px;gap:18px;padding-block:18px}
.reader-guide #rg-how-to .rg-step-number{font-size:3.2rem}
.reader-guide #rg-how-to .rg-step h3{font-size:1.9rem;line-height:1.6}
.reader-guide #rg-how-to .rg-step p{margin-top:4px;font-size:1.5rem;line-height:1.75}
.reader-guide #rg-how-to .rg-text-link{gap:8px;font-size:1.5rem;line-height:1.7}
@media(max-width:900px){.reader-guide #rg-how-to .rg-step{grid-template-columns:40px minmax(0,1fr);gap:8px 16px}.reader-guide #rg-how-to .rg-step-number{grid-row:1 / span 2;align-self:start;margin-top:4px}.reader-guide #rg-how-to .rg-step>a{grid-column:2}}
@media(max-width:640px){.reader-guide #rg-how-to{padding-block:32px}.reader-guide #rg-how-to h2{font-size:2.5rem;line-height:1.5}.reader-guide #rg-how-to .rg-steps{margin-top:16px}.reader-guide #rg-how-to .rg-step{grid-template-columns:34px minmax(0,1fr);gap:8px 12px;padding-block:16px}.reader-guide #rg-how-to .rg-step-number{font-size:2.8rem}.reader-guide #rg-how-to .rg-step h3{font-size:1.8rem}.reader-guide #rg-how-to .rg-step p{font-size:1.5rem}}

/* Match the audience section to the compact how-to reading width and spacing. */
.reader-guide #rg-for-you{padding-block:40px}
.reader-guide #rg-for-you .rg-wrap{width:min(1000px,100%)}
.reader-guide #rg-for-you h2{margin-top:6px}
.reader-guide #rg-for-you .rg-audiences{gap:18px;margin-top:20px}
.reader-guide #rg-for-you .rg-audience{padding-top:18px}
.reader-guide #rg-for-you .rg-audience h3{margin-top:8px}
.reader-guide #rg-for-you .rg-audience p:last-child{margin-top:8px}
@media(max-width:640px){.reader-guide #rg-for-you{padding-block:32px}.reader-guide #rg-for-you .rg-audiences{gap:20px;margin-top:16px}.reader-guide #rg-for-you .rg-audience{padding-top:16px}}

/* Align information and FAQ sections with the compact guide sections. */
.reader-guide #rg-information,.reader-guide #rg-faq{padding-block:40px}
.reader-guide #rg-information .rg-wrap,.reader-guide #rg-faq .rg-wrap{width:min(1000px,100%)}
.reader-guide #rg-information h2,.reader-guide #rg-faq h2{margin-top:6px}
.reader-guide #rg-information .rg-section-lead{margin-top:10px}
.reader-guide #rg-information .rg-note-grid{gap:18px;margin-top:20px}
.reader-guide #rg-information .rg-info{padding:20px}
.reader-guide #rg-information .rg-info p{margin-top:10px}
.reader-guide #rg-information .rg-status{margin-bottom:10px}
.reader-guide #rg-faq .rg-faq{margin-top:20px}
.reader-guide #rg-faq .rg-faq-item{padding-block:18px}
.reader-guide #rg-faq .rg-faq dd{margin-top:6px}
@media(max-width:640px){.reader-guide #rg-information,.reader-guide #rg-faq{padding-block:32px}.reader-guide #rg-information .rg-note-grid{gap:16px;margin-top:16px}.reader-guide #rg-information .rg-info{padding:18px}.reader-guide #rg-faq .rg-faq{margin-top:16px}.reader-guide #rg-faq .rg-faq-item{padding-block:16px}}

/* Remove the extra gap above the two closing notes in the information cards. */
.reader-guide #rg-information .rg-info p:last-child{margin-top:0}

/* Align the information card titles and place the preparation label after the copy. */
.reader-guide #rg-information .rg-info{display:flex;flex-direction:column;align-items:flex-start}
.reader-guide #rg-information .rg-status{order:1;margin-top:12px;margin-bottom:0}

/* Keep the closing message and actions together in a compact area. */
.reader-guide .rg-closing{padding-block:28px}
.reader-guide .rg-closing .rg-wrap{width:min(1000px,100%)}
.reader-guide .rg-closing h2{line-height:1.45}
.reader-guide .rg-closing p{margin-top:6px;line-height:1.7}
.reader-guide .rg-closing .rg-actions{gap:10px;margin-top:14px}
.reader-guide .rg-closing .rg-button{min-height:44px;padding:8px 20px;gap:16px}
@media(max-width:640px){.reader-guide .rg-closing{padding-block:24px}.reader-guide .rg-closing .rg-actions{gap:8px;margin-top:12px}}

/* Match FAQ typography and compact spacing to the how-to section. */
.reader-guide #rg-faq h2{font-size:2.8rem;line-height:1.5}
.reader-guide #rg-faq .rg-faq-item{padding-block:14px}
.reader-guide #rg-faq .rg-faq dt{font-size:1.9rem;line-height:1.6}
.reader-guide #rg-faq .rg-faq dd{margin-top:4px;line-height:1.75;max-width:none}
@media(max-width:640px){.reader-guide #rg-faq h2{font-size:2.5rem}.reader-guide #rg-faq .rg-faq-item{padding-block:12px}.reader-guide #rg-faq .rg-faq dt{font-size:1.8rem}}

/* Unify the three section headings with the how-to heading size. */
.reader-guide #rg-for-you h2,.reader-guide #rg-information h2,.reader-guide #rg-faq h2{font-size:2.8rem}
@media(max-width:640px){.reader-guide #rg-for-you h2,.reader-guide #rg-information h2,.reader-guide #rg-faq h2{font-size:2.5rem}}

/* Mobile reading refinement: wider explanations, balanced titles, and clear tap areas. */
@media(max-width:640px){
.reader-guide .rg-hero{padding:28px 0 32px}
.reader-guide .rg-hero-grid{gap:24px}
.reader-guide .rg-hero-copy{margin-top:14px;line-height:1.85}
.reader-guide .rg-hero .rg-actions{gap:10px;margin-top:18px}
.reader-guide .rg-hero .rg-button{min-height:48px;padding:10px 20px;gap:16px}
.reader-guide .rg-window{padding:18px}
.reader-guide .rg-window-title{font-size:clamp(1.7rem,4.6vw,2rem);line-height:1.5;padding-bottom:12px}
.reader-guide .rg-window-body{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:0 10px;align-items:start}
.reader-guide .rg-window-points{display:contents}
.reader-guide .rg-lens{grid-column:1 / -1;padding-top:14px}
.reader-guide .rg-lens:last-child{grid-column:1;grid-row:3}
.reader-guide .rg-lens h2{text-wrap:balance}
.reader-guide .rg-lens:last-child p{padding-right:0;min-height:0}
.reader-guide .rg-mascot{position:static;grid-column:2;grid-row:3;align-self:start;width:82px;margin-top:14px}
.reader-guide .rg-mascot img{width:74px;height:100px}
.reader-guide .rg-mascot figcaption{margin-top:4px;font-size:1.1rem;line-height:1.4}
.reader-guide .rg-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding-block:8px}
.reader-guide .rg-jumps a{display:flex;align-items:center;justify-content:center;min-height:44px}
.reader-guide #rg-for-you h2,.reader-guide #rg-how-to h2,.reader-guide #rg-information h2,.reader-guide #rg-faq h2{font-size:clamp(1.9rem,5.3vw,2.4rem);line-height:1.5;text-wrap:balance}
.reader-guide #rg-for-you .rg-audiences{gap:18px}
.reader-guide #rg-for-you .rg-audience{padding-top:14px}
.reader-guide .rg-audience h3,.reader-guide .rg-step h3,.reader-guide .rg-info h3,.reader-guide .rg-faq dt{text-wrap:balance}
.reader-guide .rg-audience h3,.reader-guide .rg-info h3{font-size:clamp(1.8rem,4.8vw,2rem);line-height:1.55}
.reader-guide #rg-how-to .rg-step{padding-block:12px;gap:4px 12px}
.reader-guide #rg-how-to .rg-step>a{min-height:40px}
.reader-guide #rg-information .rg-section-lead,.reader-guide #rg-information .rg-info p{line-height:1.8}
.reader-guide .rg-closing h2{font-size:clamp(1.9rem,5.3vw,2.3rem);text-wrap:balance;word-break:keep-all;overflow-wrap:normal}
}

/* Keep the question phrases together, including narrow phone screens. */
.reader-guide .rg-keep-phrase{display:inline-block;font:inherit}
@media(max-width:350px){.reader-guide .rg-window-body{grid-template-columns:minmax(0,1fr) 74px}.reader-guide .rg-mascot{width:74px}.reader-guide .rg-mascot img{width:68px;height:92px}}