/* Encyclopedia study (docs/design/wiki-years.html, Term study): additions to the sermon page, scoped under .sm.study */

.study { --cond: var(--sans); }

.study .kick { display: block; font: var(--caps); letter-spacing: .08em; text-transform: uppercase; color: var(--seal); margin: 0 0 8px; }
.study .t-kr { display: flex; align-items: flex-end; gap: 18px; margin: 0 0 14px; flex-wrap: wrap; }
.study .t-kr .ko { font: 700 clamp(40px, 5vw, 60px)/1 var(--kr); }
.study .t-kr .hj { font: 500 clamp(24px, 3vw, 32px)/1 var(--kr); color: var(--ink-soft); }
.study .t-kr .ro { font: italic 400 18px/1 var(--serif); color: var(--ink-soft); }
.study .who .seal-av { background: var(--seal); }
.study .abstract { border-left: 3px solid var(--seal); background: var(--white); border-radius: 0 12px 12px 0; padding: 16px 20px; margin: 0 0 18px; }
.study .abstract p { margin: 0; font-size: 17px; line-height: 1.65; }

/* Footnote markers and quotations from the sources */
.study sup.fn a { font: 600 11px/1 var(--cond); color: var(--seal); text-decoration: none; padding: 0 1px; }
.study .src-q { margin: 0 0 1.3em; padding: 16px 18px; border: 1px solid var(--rule); border-radius: 12px; background: var(--white); }
.study .src-q p { margin: 0 0 10px; font: italic 400 17px/1.65 var(--serif); }
.study .src-q footer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font: 500 13px/1.3 var(--sans); color: var(--ink-soft); }
.study .src-q footer a { color: var(--ink); font-weight: 600; }
.study .src-q .ty { font: 600 10px/1 var(--cond); letter-spacing: .05em; border-radius: 4px; padding: 4px 6px; background: var(--seal-wash); color: var(--seal); }

/* Methodology, takeaways, references */
.study .method { font: 400 14px/1.6 var(--sans); color: var(--ink-soft); background: var(--paper-deep); border-radius: 10px; padding: 14px 16px; margin: 0 0 1.4em; }
.study .method p { margin: 0 0 .6em; }
.study .method p:last-child { margin: 0; }
.study .method b, .study .method strong { color: var(--ink); }
.study .takeaways { list-style: none; margin: 0 0 1.4em; padding: 0; counter-reset: k; }
.study .takeaways li { display: grid; grid-template-columns: 30px 1fr; gap: 8px; padding: 10px 0; border-top: 1px solid var(--rule); counter-increment: k; font-size: 17px; line-height: 1.55; }
.study .takeaways li::before { content: counter(k, decimal-leading-zero); font: 600 12px/1.8 var(--cond); color: var(--seal); }
.study .refs { list-style: none; margin: 0; padding: 0; counter-reset: r; font: 400 14px/1.55 var(--sans); }
.study .refs li { display: grid; grid-template-columns: 30px 1fr; gap: 8px; padding: 8px 0; border-top: 1px solid var(--rule); counter-increment: r; scroll-margin-top: 70px; }
.study .refs li::before { content: "[" counter(r) "]"; font: 600 12px/1.6 var(--cond); color: var(--seal); }
.study .refs li:target { background: var(--seal-wash); }
.study .refs a { color: var(--ink); }
.study #refs { scroll-margin-top: 70px; }

/* The term in the corpus */
.study .freq { border: 1px solid var(--rule); border-radius: 14px; background: var(--white); padding: 16px; }
.study .freq svg { width: 100%; height: auto; display: block; }
.study .freq .grid line { stroke: #E3DACA; }
.study .freq .bars rect { fill: var(--seal); }
.study .freq .lab text { font: 500 11px var(--cond); fill: var(--ink-faint); }
.study .kw { list-style: none; margin: 14px 0 0; padding: 0; }
.study .kw li { display: grid; grid-template-columns: 150px 1fr; gap: 16px; padding: 12px 0; border-top: 1px solid var(--rule); }
.study .kw small { font: 500 12px/1.4 var(--sans); color: var(--ink-soft); }
.study .kw small a { display: block; font: 600 14px/1.3 var(--serif); color: var(--ink); text-decoration: none; }
.study .kw p { margin: 0; font-size: 16px; line-height: 1.55; }
.study .kw mark { background: #F6E3A8; padding: 0 1px; }
@media (max-width: 600px) { .study .kw li { grid-template-columns: 1fr; } }

.study .faq details { border-top: 1px solid var(--rule); padding: 12px 0; }
.study .faq summary { font: 600 16px/1.4 var(--serif); cursor: pointer; }
.study .rec-grid { grid-auto-flow: dense; }