/* Wissen (w-): the page is built from the shared blocks (b-, site.css). These rules add only what the blocks do not
   have: the reading index on its white card and the register under the lead, the foot of an entry (source and links),
   the three figures of entry 02, the source list on the berry panel and the Schwerpunkt links in the closing card. */

.w-dot { color: var(--color-pink); }
.w-nw { white-space: nowrap; }

/* ---------- the opening: from 900 the register stands under the lead, the index card beside both ---------- */
@media (min-width: 900px) {
  .w-open { align-items: start; }
  .w-open > .b-open__text { grid-row: 1; }
  .w-open > .w-index { grid-column: c 8 / c 13; grid-row: 1 / 3; }
  .w-open > .w-reg { grid-column: c 1 / c 7; grid-row: 2; }
}

/* the reading index: number, title, topic on hairlines */
.w-index .b-eyebrow { margin-bottom: .5rem; }
.w-toc { align-self: stretch; margin: 0; padding: 0; list-style: none; }
.w-toc a {
  display: grid; grid-template-columns: 2.25rem minmax(0, 1fr) auto; align-items: baseline; column-gap: .5rem;
  padding: .7rem 0; border-top: 1px solid var(--color-line); color: var(--color-ink); text-decoration: none;
}
.w-toc li:first-child a { border-top: 0; }
.w-toc__n { font: 500 1.0625rem/1 var(--serif); color: var(--color-berry); font-variant-numeric: lining-nums tabular-nums; }
.w-toc__t { font: 500 1.125rem/1.3 var(--serif); }
.w-toc__k { font-size: .875rem; color: var(--color-ink-soft); text-align: right; }
.w-toc a:hover .w-toc__t, .w-toc a:focus-visible .w-toc__t { color: var(--color-berry); }
/* phones show the topics once, in the register below */
@media (max-width: 599.98px) { .w-toc__k { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } }

/* the register: two columns of topic and entry numbers */
.w-reg__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--gap); margin: .25rem 0 0; padding: 0; list-style: none; }
.w-reg__list li { display: flex; align-items: center; gap: .25rem; min-height: 44px; border-top: 1px solid var(--color-line); }
.w-reg__name { margin-right: auto; color: var(--color-ink); }
.w-reg__list a { display: inline-grid; place-items: center; min-width: 2.25rem; min-height: 44px; font-weight: 600; color: var(--color-berry); text-decoration: underline 1px; text-underline-offset: .2em; }
.w-reg .b-small { margin-top: .75rem; }
@media (max-width: 479.98px) { .w-reg__list { grid-template-columns: minmax(0, 1fr); } }

/* ---------- an entry ---------- */
.w-art + .w-art { margin-top: var(--b-sp); }
.w-art__head .b-card__i { display: block; margin-bottom: 1.25rem; }
.w-art .fold > p { color: var(--b-soft); }
.w-art .fold > :not(summary) + :not(summary) { margin-top: 1.1rem; }

/* the three figures of entry 02 */
.w-figs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.w-figs > div { padding: 1rem 1.1rem; border-radius: 0 var(--b-r) 0 var(--b-r); background: var(--color-blush); }
.w-figs dt { font: 500 clamp(1.75rem, 1.4rem + 1vw, 2.25rem)/1 var(--serif); color: var(--color-berry); white-space: nowrap; }
.w-figs dd { margin: .45rem 0 0; font-size: var(--fs-small); line-height: 1.4; color: var(--b-soft); }

/* 07's warning signs */
.w-alarm .b-ticks { margin-top: .9rem; }

/* the foot: the source (a label from 900, a fold on phones), then the Schwerpunkt and the way back to the index */
.w-foot { margin-top: 2rem; padding-top: 1.1rem; border-top: 1px solid var(--color-line); }
.w-foot .b-k { margin-bottom: .3rem; }
.w-foot__go { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 2rem; margin-top: 1rem; }
.w-up { color: var(--b-soft); }
.w-up .ico, .w-up:hover .ico { transform: rotate(180deg); }
@media (max-width: 899.98px) {
  .w-foot__k { display: none; }
  .w-foot { padding-top: 0; }
  .w-foot__go { margin-top: .25rem; }
}

/* ---------- the source list on the berry panel ---------- */
.w-srcs { margin: 1rem 0 0; padding: 0; list-style: none; }
.w-srcs li { display: flex; justify-content: space-between; align-items: baseline; gap: .25rem 1.25rem; padding: .6rem 0; border-top: 1px solid var(--color-line); font-size: var(--fs-small); line-height: 1.45; color: var(--color-ink); }
.w-srcs__by { color: var(--color-ink-soft); }
.w-srcs__in { flex: none; color: var(--color-berry); font-variant-numeric: tabular-nums; }

/* ---------- the Schwerpunkt links in the closing card ---------- */
.w-end .b-k { margin: 0; }
.w-end__links { display: grid; grid-template-columns: repeat(2, auto); gap: 0 2rem; margin: 0; padding: 0; list-style: none; }
.w-end__links a { display: inline-flex; align-items: center; min-height: 44px; font: 500 1.125rem/1.3 var(--serif); color: var(--color-ink); text-decoration: underline 1px var(--color-berry); text-underline-offset: .25em; }
.w-end__links a:hover { color: var(--color-berry-deep); }
@media (max-width: 379.98px) { .w-end__links { grid-template-columns: minmax(0, 1fr); } }