/* article index + article furniture */
.index { margin-top: clamp(1.5rem,3vw,2.25rem); border-top: 2px solid var(--ink); }
.index a { display: grid; grid-template-columns: minmax(0,24rem) minmax(0,1fr);
           gap: clamp(.75rem,3vw,2.5rem); align-items: baseline; padding-block: 1.3rem;
           border-bottom: 1px solid var(--rule); text-decoration: none; transition: padding-left .16s ease; }
.index a:hover { padding-left: .6rem; }
@media (max-width: 820px) { .index a { grid-template-columns: 1fr; gap: .35rem; } }
.index strong { font-family: var(--grot); font-weight: 700; font-size: 1.16rem; letter-spacing: -.028em; color: var(--teal-deep); }
.index span { font-family: var(--serif); font-size: 1.02rem; line-height: 1.5; color: var(--body); }

.byline { margin-top: 1.1rem; font-family: var(--grot); font-weight: 500; font-size: .92rem; color: var(--quiet); }
.byline b { font-weight: 700; color: var(--ink); }

.answer { font-family: var(--serif); font-size: clamp(1.18rem,2.4vw,1.42rem); line-height: 1.55;
          color: var(--ink); max-width: 58ch; border-left: 4px solid var(--teal); padding-left: 1.35rem; }