* { box-sizing: border-box; }
body { margin: 0; background: #f4f6f8; color: #172536; font: 1rem/1.5 system-ui, sans-serif; }
main { max-width: 42rem; margin: auto; padding: 1rem; }
section, article { background: white; padding: 1rem; margin-block: 1rem; border-radius: .5rem; }
form { margin-block: 1rem; }
label { display: block; margin-block: .5rem; }
input:not([type=checkbox]) { display: block; width: 100%; min-width: 0; padding: .7rem; }
button { padding: .7rem 1rem; border: 0; border-radius: .3rem; background: #174b70; color: white; font: inherit; cursor: pointer; }
dt { font-weight: bold; } dd { margin: 0 0 .5rem; overflow-wrap: anywhere; }
p, h1, h2, h3 { overflow-wrap: anywhere; }

summary { cursor: pointer; padding-block: .7rem; }
a { overflow-wrap: anywhere; }

.feed-title { font-size: .85rem; color: #555; }
select { max-width: 100%; padding: .5rem; font: inherit; }
textarea { display: block; width: 100%; min-width: 0; padding: .7rem; font: inherit; }
button { margin-block: .2rem; }

.edition-script .spoken { font-size: 1.15rem; line-height: 1.7; }
.edition-script article { padding-inline: 0; }