/* Article page: the writer's company and its actions. It is sticky, not toggled by script: it rides at the
   bottom of the screen while the article is read and settles in place just above the supplier card.
   Nothing appears or disappears while scrolling, so the page never flickers or jumps (iPhone included). */
.wf{position:sticky;z-index:15;bottom:16px;max-width:760px;margin:28px auto 0;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;padding-inline-start:14px;background:#fff;border:1px solid #e7e5e4;border-radius:18px;box-shadow:0 12px 32px rgba(15,23,42,.14)}
.wf-org{display:flex;align-items:center;gap:8px;min-width:0;flex:1;font-weight:700;color:#1c1917}
.wf-name:hover{color:#0f6e56}
.wf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-acts{display:flex;gap:6px;flex-shrink:0}
.wf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:12px;border:1px solid #d6d3d1;background:#fff;font-size:.875rem;font-weight:600;color:#292524;white-space:nowrap}
.wf-btn:hover{border-color:#0f6e56;color:#0f6e56}
.wf-main{background:#0f6e56;border-color:#0f6e56;color:#fff}
.wf-main:hover{background:#0b5a46;color:#fff}
@media (max-width:640px){
  .wf{bottom:calc(72px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px;padding:10px}
  .wf-acts{width:100%}
  .wf-btn{flex:1;padding:0 8px}
  .wf-wide{display:none}
}