/* Standalone reading pages do not load the application or advertising SDK. */
.reading-page { margin: 0; color: #e6e7f0; background: #17172b; font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; line-height: 1.85; }
.reading-page * { box-sizing: border-box; }
.reading-page a { color: #f0ce83; text-underline-offset: .2em; }
.reading-page a:focus-visible { outline: 3px solid #f0ce83; outline-offset: 4px; }
.reading-wrap { max-width: 800px; margin: 0 auto; padding: 24px 20px 60px; overflow-wrap: anywhere; }
.reading-nav, .reading-footer nav { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.reading-nav { margin-bottom: 30px; }
.reading-page h1 { font-size: clamp(1.55rem, 5vw, 2.2rem); line-height: 1.5; }
.reading-page h2 { font-size: 1.22rem; line-height: 1.6; margin: 0 0 14px; }
.reading-page h3 { margin: 0 0 12px; font-size: 1.1rem; }
.reading-lead { font-size: 1.1rem; }
.reading-meta, .reading-eyebrow, .reading-footer { color: #b5b9ce; font-size: .88rem; }
.reading-toc, .reading-example { padding: 22px; background: #23243b; border: 1px solid #40425b; border-radius: 16px; }
.reading-toc { margin: 28px 0; }
.reading-page ol, .reading-page ul { padding-left: 24px; }
.reading-page li + li { margin-top: 10px; }
.reading-article section { margin: 36px 0; scroll-margin-top: 20px; }
.reading-article p { margin: 0 0 16px; }
.reading-article p:last-child { margin-bottom: 0; }
.reading-cta { display: block; padding: 16px; border: 1px solid #c19d56; border-radius: 12px; text-align: center; font-weight: 700; }
.reading-related { margin-top: 40px; }
.reading-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.reading-card { display: block; padding: 20px; border: 1px solid #40425b; border-radius: 14px; text-decoration: none; background: #23243b; }
.reading-card p { color: #d1d4e5; font-size: .94rem; }
.reading-footer { margin-top: 44px; padding-top: 24px; border-top: 1px solid #40425b; }
.reading-skip { position: absolute; left: 12px; top: -100px; padding: 12px; background: #23243b; }
.reading-skip:focus { top: 12px; }
@media (max-width: 540px) { .reading-grid { grid-template-columns: minmax(0, 1fr); } .reading-wrap { padding-inline: 16px; } .reading-toc, .reading-example { padding: 18px; } }

/* Application entries remain inside the owning section on SPA navigation. */
.content-reading-link { display: block; margin: 16px 0; padding: 14px 16px; color: #eacb89; background: rgba(234, 203, 137, .07); border: 1px solid rgba(234, 203, 137, .3); border-radius: 12px; line-height: 1.7; font-size: 14px; overflow-wrap: anywhere; text-underline-offset: 3px; }
.content-reading-link[hidden] { display: none; }
.content-reading-link:focus-visible, .content-reading-intro summary:focus-visible { outline: 3px solid #eacb89; outline-offset: 3px; }
.content-reading-link--home { margin: 16px 20px; }
.content-reading-link--home span { display: block; color: #bfc3d6; font-size: 13px; }
.content-reading-intro { margin: 12px 20px 24px; color: #c7cad9; line-height: 1.85; font-size: 14px; overflow-wrap: anywhere; }
.content-reading-intro > summary { font-weight: 700; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.1); cursor: pointer; }
.content-reading-intro h2 { font-size: 19px; line-height: 1.5; margin: 12px 0; color: #e5e7eb; }
.content-reading-intro h3 { font-size: 14px; margin: 20px 0 8px; }
.content-reading-intro ul { padding-left: 20px; }
.content-reading-intro article > details { margin: 8px 0; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; padding: 12px; }
.content-reading-intro article > details summary { cursor: pointer; }
.content-reading-intro article > details p { margin: 10px 0 0; }