/* Resources library: two tools, with the work visible before the philosophy. */
.resource-kicker { color: var(--signal-text); font: 500 11px/1.4 var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.library-hero { padding: clamp(44px,4vw,62px) 0 38px clamp(24px,2.2vw,34px); }
.library-hero h1 { margin-top: 22px; font-size: clamp(44px,4.6vw,70px); font-weight: 430; line-height: .98; letter-spacing: -.06em; }
.library-hero h1 em { font-weight: 360; color: var(--muted); font-style: normal; }
.library-lede { max-width: 65ch; margin-top: 22px; color: var(--muted); font-size: clamp(17px,1.4vw,20px); line-height: 1.6; }
.library-tools { padding-left: clamp(24px,2.2vw,34px); scroll-margin-top: 26px; }
.library-section-label { display: flex; gap: 20px; justify-content: space-between; align-items: baseline; padding-block: 20px; border-block: 1px solid var(--rule-strong); }
.library-section-label h2 { font-size: 14px; font-weight: 500; }
.library-section-label > span { color: var(--muted); font: 400 11px/1.5 var(--mono); }
.tool-entry { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.9fr); gap: clamp(48px,8vw,130px); padding-block: clamp(38px,4vw,62px); border-bottom: 1px solid var(--rule-strong); }
.tool-moment { color: var(--signal-text); font: 400 11px/1.5 var(--mono); letter-spacing: .03em; }
.tool-moment span { margin-right: 12px; color: var(--dim); }
.tool-summary h3 { margin-top: 22px; font-size: clamp(38px,4vw,60px); font-weight: 430; letter-spacing: -.05em; line-height: 1.05; }
.tool-description { max-width: 36ch; margin-top: 22px; font-size: clamp(19px,1.7vw,25px); line-height: 1.45; color: var(--ink); }
.tool-format { max-width: 45ch; margin-top: 23px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.tool-link { display: inline-flex; min-height: 44px; gap: 40px; align-items: center; margin-top: 27px; border-bottom: 1px solid var(--ink); font-size: 14px; font-weight: 500; }
.tool-link span { color: var(--signal-text); }
.tool-link:hover { color: var(--signal-text); border-color: var(--signal-text); }
.tool-detail { padding-top: 3px; }
.tool-detail h4 { font-size: 15px; font-weight: 500; line-height: 1.5; }
.tool-checks { padding: 0; margin-top: 20px; list-style: none; }
.tool-checks li { position: relative; padding: 12px 0 12px 19px; color: var(--muted); font-size: 15px; line-height: 1.5; border-bottom: 1px solid var(--rule); }
.tool-checks li::before { content: '—'; position: absolute; left: 0; color: var(--dim); }
.tool-start { margin-top: 28px; }
.tool-start p { margin-top: 10px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.tool-scope { margin-top: 22px; padding-left: 16px; border-left: 1px solid var(--rule-strong); color: var(--muted); font-size: 12px; line-height: 1.65; }
.library-next { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.9fr); gap: clamp(48px,8vw,130px); align-items: start; padding: 52px 0 66px clamp(24px,2.2vw,34px); }
.library-next h2 { margin-top: 12px; color: var(--muted); font-size: clamp(24px,2.4vw,34px); letter-spacing: -.035em; font-weight: 430; }
.library-next > p { color: var(--muted); font-size: 14px; line-height: 1.7; }
@media (max-width: 760px) {
  .tool-entry, .library-next { grid-template-columns: 1fr; gap: 36px; }
  .tool-description { max-width: 44ch; }
  .tool-detail { padding-left: 20px; border-left: 1px solid var(--rule); }
}
@media (max-width: 620px) {
  .library-hero { padding: 48px 0 38px 18px; }
  .library-hero h1 { font-size: clamp(43px,11vw,65px); }
  .library-tools { padding-left: 18px; }
  .library-section-label { align-items: flex-start; flex-direction: column; gap: 8px; padding-block: 17px; }
  .tool-entry { padding-block: 38px; }
  .tool-summary h3 { font-size: clamp(36px,9.3vw,48px); }
  .tool-description { font-size: 20px; }
  .tool-detail { padding-left: 16px; }
  .library-next { padding: 38px 0 44px 18px; gap: 22px; }
}