/* Small product notes inherit the portfolio's paper, colour and type system. */
.workbench-note{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:20px;align-items:center;margin:34px 0 0;padding:25px 0;border-block:1px solid var(--line)}
.workbench-note>img{width:52px;height:52px;border-radius:14px;transform:rotate(-5deg)}
.workbench-note h3{font-size:19px;line-height:1.35;letter-spacing:-.4px;font-weight:500;margin:5px 0 7px}
.workbench-note p{max-width:620px;font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.workbench-status{font-size:9px;letter-spacing:1.4px;color:var(--accent)}
.workbench-note>a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--ink)}
.workbench-note>a:hover{color:var(--accent)}
.workbench-note>a:focus-visible{outline:2px dashed var(--accent);outline-offset:5px}
.activity-project>img.activity-product-mark{object-fit:contain;padding:11px 24px;box-sizing:border-box;background:color-mix(in srgb,var(--ink) 4%,var(--bg));border-color:var(--line)}
@media(max-width:760px){.workbench-note{grid-template-columns:44px minmax(0,1fr);gap:12px 16px;padding:22px 0}.workbench-note>img{width:44px;height:44px}.workbench-note>a{grid-column:2;justify-self:start}.workbench-note h3{font-size:18px}}
@media(max-width:480px){.activity-project>img.activity-product-mark{padding:12px 17px}}
@media(prefers-reduced-motion:reduce){.workbench-note>img{transform:none}}