/* Tools & Insights collection page (tools-insights.html) */
.skip-link { position:absolute; left:16px; top:-80px; padding:12px 18px; background:#fff; z-index:100; }
.skip-link:focus { top:10px; }
.ti-page :focus-visible { outline:3px solid #398898; outline-offset:4px; }

.ti-masthead { background:var(--soft); padding:40px 0 58px; }
.ti-back { display:inline-block; color:var(--blue); margin-bottom:30px; }
.ti-masthead h1 { font-size:clamp(2.4rem,4.6vw,4.2rem); line-height:1.06; max-width:800px; }
.ti-lead { max-width:680px; font-size:1.15rem; color:var(--muted); margin:22px 0 0; }

.ti-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.ti-card { display:flex; flex-direction:column; min-width:0; }
.ti-card h3 a:hover { color:var(--blue); }
.ti-card > p:not(.eyebrow) { margin:10px 0 18px; }
.ti-meta { font-size:.85rem; color:var(--muted); margin:0 0 8px; }
.ti-card .ti-link { margin-top:auto; color:var(--blue); font-weight:600; }
.ti-empty { color:var(--muted); }

@media (max-width: 980px) {
  .ti-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .ti-masthead { padding:24px 0 34px; }
  .ti-grid { grid-template-columns:1fr; }
}