/* Reading layout uses the existing Community colours and type. */
@font-face{font-family:LetterAdult;src:url('/community/fonts/caveat-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:LetterChild;src:url('/community/fonts/schoolbell-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.inner-child-entry{margin:0 0 28px}
.inner-child-entry a{display:block;position:relative;isolation:isolate;overflow:hidden;padding:22px 16px;border:1px solid #8c7850;background:var(--black-metal,linear-gradient(115deg,#080808,#454545 29%,#181818 43%,#363636 60%,#0c0c0c));box-shadow:inset 0 1px 0 #888,inset 0 -1px 0 #050505;color:var(--gold);font:clamp(23px,4.8vw,30px)/1.3 Georgia,serif;text-decoration:none!important;text-shadow:none;text-align:center;transition:color .12s ease,border-color .12s ease}
.inner-child-entry a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#76551c 0%,#d0ad57 15%,#fff0aa 29%,#a97b25 43%,#e6c870 60%,#8d651f 75%,#f4df95 89%,#9b7125 100%);opacity:0;transition:opacity .12s ease}
.inner-child-entry a:hover,.inner-child-entry a:focus-visible{color:#050505;border-color:#e8ce79;text-decoration:none!important;text-shadow:none}
.inner-child-entry a:hover::before,.inner-child-entry a:focus-visible::before{opacity:1}
@media(prefers-reduced-motion:reduce){.inner-child-entry a,.inner-child-entry a::before{transition:none}}
.inner-child-entry a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
body .inner-child-letters{max-width:62ch;margin:26px auto 32px;text-align:left;color:var(--cream,#eee9dc);overflow-wrap:break-word}
body .inner-child-letters h1{font:clamp(30px,6.8vw,44px)/1.15 Georgia,serif;text-align:center;color:var(--gold);margin:0 0 38px}
body .inner-child-letters h2{font:clamp(26px,5.5vw,32px)/1.25 Georgia,serif;text-align:center;color:var(--gold);margin:0 0 28px}
body .inner-child-letters p{font-size:18px;line-height:1.8;letter-spacing:0;margin:0 0 1.4em}
body .inner-child-letters section+section{margin-top:44px;padding-top:40px;border-top:1px solid #51432b}
body .inner-child-letters .letter-signoff{color:var(--gold);margin-top:32px}
body .letters-return{font-size:14px;line-height:1.5;min-height:44px;max-width:100%;white-space:normal}
@media(max-width:650px){body .inner-child-letters p{font-size:17px;line-height:1.8}body .inner-child-letters{margin-top:22px}}
.community-narration{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 18px;max-width:360px;margin:0 auto 38px;font:12px/1.5 'Courier New',monospace;letter-spacing:0;color:#d9bd78;text-align:left}
.community-narration .narration-voice{grid-column:1/-1;color:#c7bda9;text-align:center}
.community-narration .narration-play{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;min-width:100px;border:0;padding:12px 16px;background:linear-gradient(115deg,#987436,#d9bd78 27%,#fff0b3 47%,#bb944b 72%,#e8ce91);color:#111;font:inherit;cursor:pointer;box-shadow:inset 0 1px #fff7,inset 0 -1px #76541e}
.community-narration .narration-play:hover{filter:brightness(1.1)}
.community-narration .narration-play span{font:13px Arial,sans-serif}
.community-narration .narration-progress{display:flex;flex-direction:column;justify-content:center;min-width:0}
.community-narration input[type=range]{width:100%;min-width:0;height:28px;margin:0;padding:0;accent-color:#d9bd78;cursor:pointer}
.community-narration input:disabled{cursor:default;opacity:.55}
.community-narration button:focus-visible,.community-narration input:focus-visible{outline:2px solid #d9bd78;outline-offset:4px}
.community-narration .narration-time{font-size:10px;color:#c7bda9;white-space:nowrap}
.community-narration .narration-message{grid-column:1/-1;color:#f2eadb}
.community-narration .narration-message:empty{display:none}
body .inner-child-entry a,body .inner-child-letters h1{font-family:LetterChild,cursive;font-weight:400}
body .inner-child-letters section[aria-labelledby="letter-adult"] p,body .inner-child-letters #letter-adult{font-family:LetterAdult,cursive;font-weight:400}
body .inner-child-letters section[aria-labelledby="letter-child"] p,body .inner-child-letters #letter-child{font-family:LetterChild,cursive;font-weight:400}
body .inner-child-letters section[aria-labelledby="letter-adult"] p{font-size:30px;line-height:1.5}
body .inner-child-letters section[aria-labelledby="letter-child"] p{font-size:24px;line-height:1.65}
@media(max-width:650px){body .inner-child-letters section[aria-labelledby="letter-adult"] p{font-size:28px}body .inner-child-letters section[aria-labelledby="letter-child"] p{font-size:22px}}