:root { --reader-size: 18px; --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #37352f; background: #fff; }
:root[data-font="serif"] { --body-font: ui-serif, Georgia, Cambria, "Times New Roman", serif; }
:root[data-scale="small"] { --reader-size: 16px; }
:root[data-scale="normal"] { --reader-size: 18px; }
:root[data-scale="large"] { --reader-size: 21px; }
:root[data-scale="xlarge"] { --reader-size: 24px; }
* { box-sizing: border-box; }
body { margin: 0; font-family: var(--body-font); font-size: var(--reader-size); line-height: 1.65; }
.article { width: min(760px, calc(100% - 32px)); margin: 72px auto; }
h1 { margin: 0 0 .45em; font-size: 2.15em; letter-spacing: -.035em; line-height: 1.18; }
h2 { margin-top: 2em; font-size: 1.45em; } h3 { margin-top: 1.8em; font-size: 1.18em; }
time, .source { color: #787774; font-size: .82em; } .summary { color: #787774; margin: 1.2em 0 .8em; }
.tag { display: inline-block; padding: .08em .5em; margin: 0 .28em .35em 0; border-radius: 3px; background: #e8f1fb; color: #34668f; font: 600 .7em/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.tag-proposed { background: #f3f2f0; color: #787774; } a { color: #316e9c; text-decoration: underline; text-underline-offset: .13em; }
p, ul, ol, blockquote, pre, figure, table { margin: 1em 0; } ul, ol { padding-left: 1.35em; } blockquote { border-left: 3px solid #deddda; margin-left: 0; padding-left: 1em; color: #5f5e5a; }
pre { overflow-x: auto; padding: .9em 1em; border-radius: 4px; background: #f7f7f5; font: .8em/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; } hr { border: 0; border-top: 1px solid #e9e9e7; margin: 2em 0; }
figure { margin-left: 0; margin-right: 0; } img { display: block; max-width: min(100%, 100vw - 32px); height: auto; } figcaption { color: #787774; font-size: .8em; margin-top: .4em; } table { width: 100%; border-collapse: collapse; font-size: .9em; } td { border: 1px solid #e9e9e7; padding: .45em .6em; }
.rt-bold { font-weight: 700; }.rt-italic { font-style: italic; }.rt-strikethrough { text-decoration: line-through; }.rt-code { font-family: ui-monospace, monospace; background: #f1f1ef; padding: 0 .2em; }
.reader-controls { position: fixed; top: 18px; right: 20px; padding: .35rem .5rem; border: 1px solid #e5e5e2; border-radius: 4px; color: #5f5e5a; background: #fff; font: 600 14px/1 var(--body-font); cursor: pointer; }.reader-menu { position: fixed; top: 54px; right: 20px; z-index: 1; padding: 8px; border: 1px solid #e5e5e2; border-radius: 5px; background: #fff; box-shadow: 0 4px 16px #00000012; }.reader-menu button { margin: 2px; border: 0; border-radius: 3px; background: #f4f4f2; padding: .35em .55em; cursor: pointer; }.reader-menu [data-scale-choice="small"] { font-size: 12px; }.reader-menu [data-scale-choice="normal"] { font-size: 14px; }.reader-menu [data-scale-choice="large"] { font-size: 16px; }.reader-menu [data-scale-choice="xlarge"] { font-size: 18px; }
.access-prompt { color: #787774; font-size: 16px; text-align: center; margin-top: 32vh; }.relations { display: none; }
@media (max-width: 600px) { .article { width: calc(100% - 32px); margin: 44px auto; } h1 { font-size: 1.8em; } .reader-controls { top: 10px; right: 12px; } .reader-menu { top: 45px; right: 12px; } }