/* Zephyr functional icon system: 24-unit grid, 1.5-unit stroke, round joins. */
.icon-definitions { position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
.icon { display:inline-block; width:24px; height:24px; flex:none; vertical-align:middle; color:inherit; }
.entry-mark .icon { width:20px; height:20px; }
.entry-mark .icon { transition:transform 240ms var(--ease); }
.entry-link:hover .entry-mark .icon { transform:translate(1px,-1px); }
.send-question { width:44px; height:44px; }
.send-question .icon { width:24px; height:24px; }
.view-copy .icon { width:18px; height:18px; }
.article-row.open .view-copy i { transform:rotate(45deg); }
.like-button { min-height:36px; }
.like-button>span { display:inline-flex; }
.like-button .icon { width:18px; height:18px; }
.like-button em { white-space:nowrap; }
.close-reading { display:inline-flex; align-items:center; gap:10px; min-height:44px; }
.close-reading .icon,.copy-email .icon { width:18px; height:18px; }
.copy-email { min-height:44px; gap:12px; }
.decision-tab em .icon { width:18px; height:18px; margin-left:8px; }
.decision-tab.active em .icon { color:var(--acid); }
.case-switch-label[hidden]+.icon { margin-left:0; }
.step-node .icon { width:20px; height:20px; }
.workflow-step-heading { display:flex; align-items:baseline; gap:8px; }
.workflow-step-heading .stage-number { flex:none; color:var(--muted); font:9px/1 Arial,sans-serif; }
.workflow-step.active .stage-number { color:#668d3b; }
.mail-link { display:inline-flex; align-items:center; gap:8px; }
.mail-link>.icon { width:22px; height:22px; }
.mail-link-arrow .icon { width:22px; height:22px; }
.contact-bottom a { display:inline-flex; align-items:center; gap:10px; min-height:44px; }
.contact-bottom .icon { width:20px; height:20px; }
.value-card>strong .icon,.metric strong .icon { width:.62em; height:.62em; margin:0 .08em; vertical-align:.03em; }
.signal .icon { width:16px; height:16px; margin:0 3px; }
@media (pointer:coarse) { .like-button { min-height:44px; } }
@media (prefers-reduced-motion:reduce) { .entry-mark .icon { transition:none; } }
@media (min-width:761px) and (max-height:700px) {
  .contact-bottom { padding-top:0; }
}
