/* Detail from each existing topic page, available within its homepage reader. */
.article-depth { margin-top: 2.5rem; border-top: 1px solid var(--line); }
.article-detail { border-bottom: 1px solid var(--line); }
.article-detail > summary { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1.15rem 0; min-height: 56px; color: var(--white); font-weight: 500; line-height: 1.45; cursor: pointer; list-style: none; }
.article-detail > summary::-webkit-details-marker { display: none; }
.article-detail > summary::after { content: '+'; color: var(--blue); font-size: 1.5rem; font-weight: 400; flex: 0 0 auto; }
.article-detail[open] > summary::after { content: '−'; }
.article-detail-body { padding: .3rem 0 1.75rem; overflow-wrap: anywhere; }
.article-detail-body p + p { margin-top: 1rem; }
.article-detail-body h3, .article-detail-body h4 { font: 500 1.05rem/1.5 var(--sans); color: var(--blue); margin: 1.5rem 0 .6rem; }
.article-detail-body :is(.tiles,.cards,.records) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-block: 1rem; }
.article-detail-body :is(.tile,.card,.record,.room) { min-width: 0; padding: 1.15rem; border: 1px solid var(--line); background: #09090b; }
.article-detail-body :is(.tile-label,.card-label,.record-role) { font-size: .75rem; text-transform: uppercase; letter-spacing: .07em; color: var(--blue); }
.article-detail-body :is(.tile-value,.card-title,.record-name) { display: block; margin-top: .5rem; font: 400 1.35rem/1.3 var(--serif); }
.article-detail-body :is(.tile-note,.card-text,.record-result) { margin-top: .75rem; font-size: .9375rem; }
.article-detail-body :is(.prose-body,.prose-head,.section-top) { display: block; width: auto; margin: 0; padding: 0; }
.article-detail-body .section-deck { max-width: none; margin: 0 0 1.25rem; }
.article-detail-body .stops { padding-left: 1.3rem; }
.article-detail-body .stop + .stop { margin-top: 1.75rem; }
.article-detail-body .pills { display: flex; flex-wrap: wrap; gap: .45rem; list-style: none; padding: 0; margin: .75rem 0; }
.article-detail-body .pill { border: 1px solid var(--line); padding: .25rem .6rem; border-radius: 20px; font-size: .8rem; margin: 0; }
.article-detail-body .pull { border-left: 2px solid var(--blue); padding-left: 1rem; margin-top: 1.25rem; }
.article-detail-body a { text-decoration: underline; text-underline-offset: .2em; }
.article-detail-body a.text-link { border: 0; display: inline; font-weight: 400; font-size: .9375rem; }
.article-reader .article-full-link { color: var(--silver); background: transparent; border-bottom: 1px solid var(--line); padding: .75rem 0; font-weight: 400; }
.article-detail-body table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.article-detail-body :is(th,td) { padding: .75rem; border: 1px solid var(--line); text-align: left; }
@media(max-width:540px) { .article-detail-body :is(.tiles,.cards,.records) { grid-template-columns: 1fr; } }

html { scrollbar-gutter: stable; }