/* One type system, different compositions for events, support, units, and ideas. */
:root{--composition-paper:var(--reading-paper);--composition-ink:var(--reading-ink);--composition-muted:var(--reading-muted);--composition-rule:var(--reader-line,var(--reading-rule));--composition-accent:var(--reading-accent);--composition-wash:var(--reader-matte,var(--reading-soft));--composition-heading:var(--reading-heading);--composition-body:var(--reading-body);--composition-body-size:1rem;--composition-caption-size:.75rem;--composition-title-size:clamp(1.25rem,3.8vw,1.5rem)}
body:not([data-page='1']) #info-dialog #info-body{padding-top:28px;font-size:var(--composition-body-size);line-height:1.9}
body:not([data-page='1']) #info-dialog #info-body p{font-size:var(--composition-body-size);line-height:1.9}
body:not([data-page='1']) #info-dialog #info-body .reader-intro{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--composition-rule)}
body:not([data-page='1']) #info-dialog #info-body .reader-lead{font-size:clamp(1.375rem,4.5vw,1.75rem);line-height:1.55;text-wrap:pretty}
body:not([data-page='1']) #info-dialog #info-body .reader-kicker{font-size:var(--composition-caption-size);letter-spacing:.04em;line-height:1.6}
body:not([data-page='1']) #info-dialog #info-body .reader-chapter{margin:32px 0 0;padding:24px 0 4px;border-top:1px solid var(--composition-rule)}
body:not([data-page='1']) #info-dialog #info-body .reader-section-host{margin:0}
body:not([data-page='1']) #info-dialog #info-body[data-reader-kind='story'] h3:not(.reader-section-title){font-family:var(--composition-heading);font-size:var(--composition-title-size);line-height:1.5;text-wrap:pretty}
body:not([data-page='1']) #info-dialog #info-body .reader-chapter>h3{display:block;font:700 var(--composition-title-size)/1.5 var(--composition-heading);color:var(--composition-ink);margin:0 0 16px;text-wrap:pretty}
body:not([data-page='1']) #info-dialog #info-body .reader-chapter>.reader-section-title:before{display:block;margin-bottom:8px;font:600 var(--composition-caption-size)/1.5 var(--composition-body);color:var(--composition-accent)}
body:not([data-page='1']) #info-dialog #info-body .reader-answer-line{font-weight:600;color:var(--composition-ink)}
body:not([data-page='1']) #info-dialog #info-body .reader-chapter>p:last-child{margin-bottom:8px}
body:not([data-page='1']) #info-dialog #info-body .reader-event{padding-left:20px;border-top:0;border-left:1px solid var(--composition-rule);margin-top:0;padding-top:28px;padding-bottom:20px}
body:not([data-page='1']) #info-dialog #info-body .reader-date{position:relative;font:600 .8125rem/1.6 var(--composition-body);color:var(--composition-accent);font-variant-numeric:tabular-nums;margin:0 0 10px}
body:not([data-page='1']) #info-dialog #info-body .reader-date:before{content:'';position:absolute;left:-24px;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--composition-accent)}
body:not([data-page='1']) #info-dialog #info-body .reader-event>.reader-section-title:before{display:none}
body:not([data-page='1']) #info-dialog #info-body:is([data-composition-page='4'],[data-composition-page='8'],[data-composition-page='9']) .reader-section-title:before{display:none}
body:not([data-page='1']) #info-dialog #info-body .reader-fact-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:15px 0;margin:0;border-bottom:1px solid var(--composition-rule)}
body:not([data-page='1']) #info-dialog #info-body .reader-fact-row>strong{color:var(--composition-accent);font-size:.9375rem;line-height:1.7}
body:not([data-page='1']) #info-dialog #info-body .reader-fact-copy{min-width:0}
body:not([data-page='1']) #info-dialog #info-body .reader-unit{padding-left:18px;border-left:3px solid var(--composition-accent);border-top:0;background:none}
body:not([data-page='1']) #info-dialog #info-body .reader-keyword>.reader-section-title{color:var(--composition-accent)}
body:not([data-page='1']) #info-dialog #info-body .reader-keyword>p:first-of-type{padding:16px 18px;background:var(--composition-wash);margin-bottom:18px}
body:not([data-page='1']) #info-dialog #info-body :is(.reading-outline,.reading-evidence){padding:0;border:0;border-top:1px solid var(--composition-rule);border-bottom:1px solid var(--composition-rule);border-radius:0;background:none}
body:not([data-page='1']) #info-dialog #info-body :is(.reading-outline,.reading-evidence)>summary{min-height:52px;font-size:.875rem}
body:not([data-page='1']) #info-dialog #info-body .reading-outline nav{grid-template-columns:minmax(0,1fr)}
body:not([data-page='1']) #info-dialog #info-body .reading-outline nav button{min-width:0;align-items:flex-start;font-size:.9375rem;padding:12px 0}
body:not([data-page='1']) #info-dialog #info-body .reading-outline nav button span:last-child{flex:1;min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
body:not([data-page='1']) #info-dialog #info-body .reader-action{padding:15px 0;border:0;border-top:1px solid var(--composition-rule);border-bottom:1px solid var(--composition-rule);border-radius:0;background:none;color:var(--composition-accent);font-size:.9375rem}
body:not([data-page='1']) #info-dialog #info-body .reader-action:active{background:var(--composition-wash)}
body:not([data-page='1']) #info-dialog #info-body .p5-structure-note .reader-action{border:0;padding:12px 0;margin:10px 0 0}
body:not([data-page='1']) #info-dialog #info-body .p5-cooperation>.reader-chapter{border:0;padding-top:8px;margin-top:0}
body:not([data-page='1']) #info-dialog #info-body figcaption{font-size:var(--composition-caption-size);line-height:1.75}
body:not([data-page='1']) #info-dialog #info-body[data-reader-kind='source'] article h3{font:600 1rem/1.6 var(--composition-body);color:var(--composition-ink)}
body:not([data-page='1']) #info-dialog #info-body[data-reader-kind='source'] article p{font-size:.9375rem}
body:not([data-page='1']) #info-dialog #info-body[data-reader-kind='source']>h3{font:700 var(--composition-title-size)/1.5 var(--composition-heading);color:var(--composition-ink)}
body:not([data-page='1']) #info-dialog #info-body[data-reader-kind='activity'] :is(.journal-list,.quiz-question) h3{font:700 var(--composition-title-size)/1.55 var(--composition-heading);text-wrap:pretty}
body:not([data-page='1']) #info-dialog #info-body>nav{display:grid;gap:0;border-top:1px solid var(--composition-rule)}
body:not([data-page='1']) #info-dialog #info-body>nav>button{min-height:56px;padding:15px 0;border:0;border-bottom:1px solid var(--composition-rule);border-radius:0;background:none;color:var(--composition-ink);font-size:1rem;text-align:left;line-height:1.65}
body:not([data-page='1']) #info-dialog #info-body>nav>button[aria-current='page']{color:var(--composition-accent);font-weight:700}
@media(min-width:600px){body:not([data-page='1']) #info-dialog #info-body .reader-fact-row{grid-template-columns:7rem minmax(0,1fr);gap:20px}body:not([data-page='1']) #info-dialog #info-body .reader-event{padding-left:30px}body:not([data-page='1']) #info-dialog #info-body .reader-date:before{left:-34px}}
@media(max-width:350px){body:not([data-page='1']) #info-dialog #info-body .reader-event{padding-left:15px}body:not([data-page='1']) #info-dialog #info-body .reader-date:before{left:-19px}body:not([data-page='1']) #info-dialog #info-body .reader-keyword>p:first-of-type{padding:14px}}