/* Shared content blocks for the home-page concepts */
.stand { font-family: var(--serif); font-style: italic; font-size: clamp(20px, 1.6vw, 28px); line-height: 1.42; color: var(--ink-2); max-width: 46ch; }
.how { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 3px solid var(--rule); margin-top: 56px; }
.how > div { padding: 26px 32px 30px 0; }
.how > div + div { border-left: 1px solid var(--rule-light); padding-left: 32px; }
.how h2, .paper h2 { margin: 0 0 12px; font-size: clamp(20px, 1.4vw, 24px); letter-spacing: 0.22em; font-weight: 700; }
.how p { margin: 0; font-family: var(--serif); font-style: italic; font-size: clamp(17px, 1.15vw, 20px); line-height: 1.5; color: var(--notes-ink); max-width: 44ch; }
.finds { border-top: 3px solid var(--rule); margin-top: 24px; }
.find { display: grid; grid-template-columns: minmax(280px, 1fr) 1.3fr; gap: 12px 48px; align-items: baseline; padding-block: 26px; border-bottom: 1px solid var(--rule-light); }
.find h2 { margin: 0; font-size: clamp(34px, 3.4vw, 62px); line-height: 0.95; font-weight: 700; text-wrap: balance; }
.find p { margin: 0; font-family: var(--serif); font-style: italic; font-size: clamp(18px, 1.35vw, 23px); line-height: 1.45; color: var(--ink-2); max-width: 52ch; }
.index { margin-top: 64px; border-top: 3px solid var(--rule); border-bottom: 3px solid var(--rule); }
.index a { display: grid; grid-template-columns: minmax(260px, 0.9fr) 1.6fr 48px; gap: 8px 40px; align-items: center; text-decoration: none; padding-block: 22px; border-bottom: 1px solid var(--rule-light); transition: background .2s, padding .2s; }
.index a:last-child { border-bottom: 0; }
.index a:hover { background: var(--paper-hover); padding-inline: 14px; }
.index b { font-size: clamp(30px, 2.6vw, 48px); line-height: 1; font-weight: 700; }
.index i { font-family: var(--serif); font-size: clamp(17px, 1.2vw, 21px); color: var(--ink-2); line-height: 1.45; }
.index svg { width: 36px; justify-self: end; }
.paper { margin-top: 56px; display: grid; grid-template-columns: auto 1fr auto; gap: 16px 40px; align-items: center; }
.paper h2 { margin: 0; }
.paper p { margin: 0; font-family: var(--serif); font-style: italic; font-size: clamp(17px, 1.2vw, 21px); color: var(--ink-2); line-height: 1.45; }
.paper em { font-style: italic; color: var(--ink); }
.kstar { width: 14px; height: 14px; display: inline-block; vertical-align: -1px; }
@media (max-width: 900px) {
  .how { grid-template-columns: 1fr; }
  .how > div, .how > div + div { padding: 20px 0; border-left: 0; border-top: 1px solid var(--rule-light); }
  .how > div:first-child { border-top: 0; }
  .find { grid-template-columns: 1fr; }
  .index a { grid-template-columns: 1fr 32px; }
  .index i { grid-column: 1; }
  .index svg { grid-row: 1; grid-column: 2; width: 28px; }
  .paper { grid-template-columns: 1fr; }
}