/* Image-led navigation. Illustrations identify topics, never certify engineering results. */
.tool-card { padding:12px 12px 18px; min-height:328px; overflow:hidden; }
.tool-picture { display:block; flex:0 0 auto; height:152px; margin-bottom:16px; border-radius:10px; background:#f2f7fc; }
.tool-picture svg { display:block; width:100%; height:100%; padding:4px; }
.tool-card h3,.tool-card p,.tool-card .tool-meta { margin-left:8px; margin-right:8px; }
.tool-card h3 { font-size:17px; line-height:1.5; }
.tool-card p { margin-bottom:18px; }
.tool-card .tool-meta { padding-top:8px; }
.tool-card:hover .tool-picture { background:#eaf4ff; }
.tool-card:hover { border-color:#97bddd; box-shadow:0 7px 22px rgb(24 69 109 / 7%); }
.tool-filters { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:8px; }
.tool-filter { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:8px 2px; font-size:12px; min-height:76px; white-space:nowrap; }
.category-picture { display:block; width:54px; height:35px; }
.category-picture svg { width:100%; height:100%; stroke-width:3.6; }
.tool-filter.active { background:#eaf4ff; color:#005fae; border-color:#0071e3; box-shadow:inset 0 0 0 1px #0071e3; }
.hero-quick-links { width:min(680px,100%); margin-left:auto; margin-right:auto; }
.hero-quick-links a { display:flex; flex-direction:column; align-items:center; gap:4px; }
.quick-picture { display:block; width:70px; height:42px; flex-shrink:0; }
.quick-picture svg { width:100%; height:100%; stroke-width:3; }
.start-grid .start-picture { display:block; width:100%; max-width:none; padding:0; margin:0 0 12px; height:105px; }
.start-grid .start-picture svg { display:block; width:100%; height:100%; margin:0; }
.scene-picture { display:block; height:65px; margin-bottom:8px; }
.scene-picture svg { width:100%; height:100%; }
.resource-list a { grid-template-columns:64px 95px 1.1fr 1fr 20px; gap:16px; }
.resource-list .quick-picture { width:64px; height:44px; }
@media(max-width:1000px) {
  .tool-filters { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media(max-width:920px) {
  .resource-list a { grid-template-columns:60px 90px 1fr 20px; }
  .resource-list .quick-picture { grid-column:1; grid-row:1 / 3; }
  .resource-list a>span.resource-type { grid-column:2; grid-row:1; }
  .resource-list strong { grid-column:3; grid-row:1; }
  .resource-list a>span:nth-of-type(3) { grid-column:3; grid-row:2; }
  .resource-list b { grid-column:4; grid-row:1 / 3; }
}
@media(max-width:760px) {
  .tool-filter { min-height:74px; font-size:11px; }
  .category-picture { width:50px; height:34px; }
  .hero-quick-links a { padding:2px 8px; font-size:12px; }
  .hero-quick-links .quick-picture { width:58px; height:38px; }
  .start-grid button { grid-template-columns:92px minmax(0,1fr); gap:6px 16px; padding:20px; }
  .start-grid .start-picture { grid-column:1; grid-row:1 / 3; width:92px; height:88px; margin:0; }
  .start-grid strong { align-self:end; }
  .start-grid span:not(.start-picture) { align-self:start; padding-right:0; }
  .resource-list a { grid-template-columns:56px minmax(0,1fr) 16px; gap:6px 12px; }
  .resource-list .quick-picture { grid-column:1; grid-row:1 / 4; width:56px; }
  .resource-list a>span.resource-type { grid-column:2; grid-row:1; }
  .resource-list strong { grid-column:2; grid-row:2; }
  .resource-list a>span:nth-of-type(3) { grid-column:2; grid-row:3; }
  .resource-list b { grid-column:3; grid-row:1 / 4; }
}
@media(max-width:620px) {
  .tool-card { padding:10px 10px 18px; }
  .tool-picture { height:166px; margin-bottom:15px; }
  .tool-card h3 { font-size:18px; }
}
@media(max-width:360px) {
  .tool-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .start-grid button { grid-template-columns:76px minmax(0,1fr); gap:12px; }
  .start-grid .start-picture { width:76px; }
}
@media print { .tool-picture { height:100px; break-inside:avoid; }.tool-card { break-inside:avoid; } }