/* Light reading surfaces inside the AI 20/20 dark brand frame. */
body.reading-page{background:#F7F5F0;color:#20252B}
.reading-page>header{background:#0B0E11;color:#F3F1EA}
.reading-page main p,.reading-page main li{color:#414951}
.reading-page main .eyebrow{color:#A63210}
.reading-page main a:hover{color:#A63210}
.reading-page .hero{max-width:840px}
.reading-page .article{max-width:760px;margin-left:auto;margin-right:auto}
.reading-page .article strong{color:#20252B}
.reading-page .card{background:#FFFFFF;border:1px solid #D6D8D8;box-shadow:0 2px 8px rgba(20,30,40,.04)}
.reading-page .card:focus-within{border-color:#BF431C;box-shadow:0 0 0 2px rgba(191,67,28,.12)}
.reading-page textarea{min-height:600px;background:#FFFFFF;color:#20252B;border:1px solid #B85B38;box-shadow:0 0 0 3px rgba(255,90,31,.05);padding:24px;line-height:28px}
.reading-page textarea:focus{border-color:#A63210;box-shadow:0 0 0 3px rgba(255,90,31,.12)}
.reading-page .secondary{color:#20252B;border-color:#7B8389;background:#FFFFFF}
.reading-page .secondary:hover{background:#EEEAE2}
.reading-page .related,.reading-page .cta{border-color:#D6D8D8}
.reading-page .cta{max-width:none;background:#EEEAE2;border-radius:12px;padding:32px;margin-top:48px}
.reading-page .cta p{max-width:720px}
.article-contents{display:block;background:#EEEAE2;border:1px solid #DDD8CE;border-radius:12px;padding:24px;margin:24px 0 40px}
.article-contents ol{margin-bottom:0!important}
.article-contents li:last-child{margin-bottom:0}
.article-contents a{font-size:16px;line-height:28px;text-decoration:underline}
.step-number{color:#A63210}
.reading-page section[id]{scroll-margin-top:24px}
.template-example{padding:24px;background:#FFFFFF;border:1px solid #D6D8D8;border-left:4px solid #C84B20;border-radius:8px;margin:32px 0}
.template-example h2{margin-top:0!important;font-size:28px;line-height:32px}
.template-example .example-note{font-size:12px;line-height:20px;margin-bottom:0}
.guide-categories{margin:0 0 40px;gap:12px}
.guide-categories a{background:#FFFFFF;border:1px solid #D6D8D8;border-radius:8px;padding:12px 16px;font-size:16px;line-height:24px}
.guide-section{padding-top:24px;border-top:1px solid #D6D8D8}
@media(max-width:560px){.reading-page textarea{padding:16px;min-height:520px}.reading-page .cta{padding:24px}.article-contents,.template-example{padding:20px}}
@media print{body.reading-page{background:#FFFFFF}.reading-page textarea{box-shadow:none}}