.hf-lower-a{--hfl-ink:#17241e;--hfl-green:#234d3b;--hfl-lime:#e3fa76;--hfl-muted:#6b786d;--hfl-line:#dce4d8}
.hf-lower-a .hf-lower-a-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px;margin-bottom:35px}
.hf-lower-a .hf-lower-a-text{min-width:0}.hf-lower-a .hf-lower-a-text .section-heading{max-width:none}
.hf-lower-a .hf-lower-a-text h2{font-size:clamp(32px,3.3vw,45px);line-height:1.16}
.hf-lower-a .hf-lower-a-text>p{font-size:17px;line-height:1.85;color:var(--muted);margin-bottom:17px}
.hf-lower-a .hf-lower-a-text>p:last-child{margin-bottom:0}
.hf-lower-a .hf-lower-a-visual{min-width:0;border:1px solid var(--hfl-line);border-radius:18px;overflow:hidden;background:#f3f6ed;color:var(--hfl-ink);box-shadow:0 15px 40px #233c2b06;font-size:12px;line-height:1.45;user-select:none}
.hf-lower-a .hf-lower-a-visual svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.hf-lower-a .hf-lower-a-window-top{display:flex;align-items:center;gap:9px;padding:16px 19px;border-bottom:1px solid var(--hfl-line);background:#fff}
.hf-lower-a .hf-lower-a-window-top>strong{font-size:12px;font-weight:700}
.hf-lower-a .hf-lower-a-brand{width:25px;height:25px;background:var(--hfl-ink);color:var(--hfl-lime);font-size:17px;font-weight:800;letter-spacing:-2px;display:grid;place-items:center;border-radius:7px;padding-right:2px}
.hf-lower-a .hf-lower-a-sample{font-size:9px;color:#697562;background:#eef3e4;border:1px solid #d8e2cd;border-radius:5px;padding:3px 6px;white-space:nowrap;margin-left:auto}
.hf-lower-a .hf-lower-a-workspace-body{display:grid;grid-template-columns:1.05fr 1fr;gap:12px;padding:20px 17px 14px}
.hf-lower-a .hf-lower-a-label{font-size:8px;letter-spacing:.08em;font-weight:800;color:#6c7a65;margin-bottom:11px}
.hf-lower-a .hf-lower-a-record-thread{background:#fff;border:1px solid #dde6d4;border-radius:9px;padding:14px 12px}
.hf-lower-a .hf-lower-a-record-thread>strong{font-size:11px;display:block;line-height:1.45}
.hf-lower-a .hf-lower-a-bubble{background:#eaf1df;color:#365342;border-radius:7px 7px 7px 1px;padding:10px;margin-top:12px;font-size:11px;line-height:1.5}
.hf-lower-a .hf-lower-a-thread-line{height:5px;width:87%;background:#e7ede0;border-radius:5px;margin-top:12px}.hf-lower-a .hf-lower-a-thread-line-short{width:61%;margin-top:6px}
.hf-lower-a .hf-lower-a-record-fields{padding:14px 8px 7px;min-width:0}.hf-lower-a .hf-lower-a-record-fields>div:not(:first-child){border-top:1px solid #dfe6d6;padding:9px 0 8px}
.hf-lower-a .hf-lower-a-record-fields>div:nth-child(2){border:0;padding-top:0}
.hf-lower-a .hf-lower-a-record-fields span{font-size:9px;color:#78816e;display:block;margin-bottom:3px}.hf-lower-a .hf-lower-a-record-fields strong{display:block;font-size:10px;font-weight:600;overflow-wrap:anywhere}
.hf-lower-a .hf-lower-a-record-tools{display:flex;gap:9px;padding:0 17px 17px}.hf-lower-a .hf-lower-a-record-tools>div{display:flex;align-items:center;gap:7px;padding:9px 11px;background:white;border:1px solid #dde5d4;border-radius:7px;flex:1;font-size:10px;font-weight:700}
.hf-lower-a .hf-lower-a-record-tools svg{width:16px;height:16px;color:#507647}
.hf-lower-a .hf-lower-a-record-foot{background:#e4ecd6;padding:11px 17px;color:#566c46;font-size:10px;text-align:center}
.hf-lower-a .hf-lower-a-record-foot i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#567d42;vertical-align:1px;margin-right:6px}
.hf-lower-a .hf-lower-a-routing{padding:19px 19px 17px;background:#f1f5e9}
.hf-lower-a .hf-lower-a-routing-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.hf-lower-a .hf-lower-a-routing-label>span:first-child{font-size:9px;letter-spacing:.08em;font-weight:800;color:#627454}
.hf-lower-a .hf-lower-a-owner{background:#fff;border:1px solid #d8e3ce;border-radius:10px;padding:11px 13px;display:flex;gap:10px;align-items:center;margin:0 30px}
.hf-lower-a .hf-lower-a-owner-avatar{width:34px;height:34px;display:grid;place-items:center;background:#eaf2db;color:#315d37;border-radius:50%;font-weight:700;font-size:11px;flex-shrink:0}
.hf-lower-a .hf-lower-a-owner small{display:block;font-size:7px;letter-spacing:.06em;color:#75816b;font-weight:700;margin-bottom:2px}.hf-lower-a .hf-lower-a-owner strong{font-size:12px}.hf-lower-a .hf-lower-a-owner>svg{margin-left:auto;color:#6b8b4e;width:17px;height:17px}
.hf-lower-a .hf-lower-a-source-line{height:16px;width:1px;background:#9bb98b;margin:auto}
.hf-lower-a .hf-lower-a-routing-source{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--hfl-green);color:#fff;border-radius:8px;padding:11px 9px;margin:0 15px;font-size:11px}.hf-lower-a .hf-lower-a-routing-source svg{width:17px;height:17px;color:#cce797}
.hf-lower-a .hf-lower-a-fan{display:flex;width:71%;height:19px;margin:auto}.hf-lower-a .hf-lower-a-fan>span{width:50%;border-bottom:1px solid #9db88b}.hf-lower-a .hf-lower-a-fan>span:first-child{border-radius:0 0 0 5px}.hf-lower-a .hf-lower-a-fan>span:nth-child(2){width:1px;border-left:1px solid #9db88b}.hf-lower-a .hf-lower-a-fan>span:last-child{border-radius:0 0 5px 0}
.hf-lower-a .hf-lower-a-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.hf-lower-a .hf-lower-a-channels>div{position:relative;text-align:center;background:#fff;border:1px solid #d7e2cd;border-radius:9px;padding:12px 5px 10px;min-width:0}
.hf-lower-a .hf-lower-a-channels>div:before{content:"";position:absolute;border-left:1px solid #9db88b;height:10px;top:-10px;left:50%}.hf-lower-a .hf-lower-a-channels svg{display:block;margin:0 auto 7px;color:#315d3d;width:18px;height:18px}
.hf-lower-a .hf-lower-a-channels strong{font-size:10px;display:block}.hf-lower-a .hf-lower-a-channels span{font-size:8px;color:#6d7a63;display:block;margin-top:3px;line-height:1.4}
.hf-lower-a .hf-lower-a-report{display:flex;align-items:center;gap:7px;font-size:10px;border-top:1px solid #dbe4cf;padding-top:13px;margin-top:15px}.hf-lower-a .hf-lower-a-report svg{width:15px;height:15px;color:#507647}.hf-lower-a .hf-lower-a-report>span{font-weight:700;white-space:nowrap}.hf-lower-a .hf-lower-a-report small{font-size:8px;line-height:1.5;color:#6d7a63;margin-left:auto;text-align:right;max-width:150px}
.hf-lower-a .hf-lower-a-log{background:#fff;padding:22px 24px}
.hf-lower-a .hf-lower-a-log-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.hf-lower-a .hf-lower-a-log-heading>div{display:flex;align-items:center;gap:9px}.hf-lower-a .hf-lower-a-log-heading strong{font-size:17px}
.hf-lower-a .hf-lower-a-log-icon{background:#edf3df;color:#43683a;border-radius:8px;width:32px;height:32px;display:grid;place-items:center}
.hf-lower-a .hf-lower-a-log-person{font-size:11px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:#f4f7ef;border-radius:7px;padding:10px;color:#344b3a;margin-bottom:15px;font-weight:700}.hf-lower-a .hf-lower-a-log-person>span:last-child{font-size:9px;color:#7a8571;margin-left:auto;font-weight:400}
.hf-lower-a .hf-lower-a-person-dot{width:6px;height:6px;border-radius:50%;background:#88aa68;flex-shrink:0}
.hf-lower-a .hf-lower-a-log-events>div{display:flex;align-items:flex-start;gap:12px;position:relative;min-height:77px}.hf-lower-a .hf-lower-a-log-events>div:not(:last-child):after{content:"";position:absolute;left:16px;top:33px;height:44px;border-left:1px dashed #bdd0ad}
.hf-lower-a .hf-lower-a-event-marker{width:33px;height:33px;background:#f1f5e9;border:1px solid #e0e8d6;border-radius:9px;display:grid;place-items:center;flex-shrink:0;color:#507647}.hf-lower-a .hf-lower-a-event-marker svg{width:17px;height:17px}.hf-lower-a .hf-lower-a-event-marker-last{background:#e5f393;border-color:#d3e581;color:#365a2b}
.hf-lower-a .hf-lower-a-log-events>div>div{padding-top:1px}.hf-lower-a .hf-lower-a-log-events small{display:block;font-size:7px;letter-spacing:.08em;font-weight:700;color:#819073;margin-bottom:4px}.hf-lower-a .hf-lower-a-log-events strong{font-size:11px;display:block}.hf-lower-a .hf-lower-a-log-events>div>div>span{font-size:9px;color:#78856e;display:block;margin-top:4px;line-height:1.5}.hf-lower-a .hf-lower-a-log-events>div:last-child{min-height:53px}
.hf-lower-a.hf-lower-a--activity .hf-lower-a-intro{margin-bottom:0}
@media(max-width:1100px){.hf-lower-a .hf-lower-a-intro{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hf-lower-a .hf-lower-a-text>p{font-size:16px}.hf-lower-a .hf-lower-a-log{padding:20px}.hf-lower-a .hf-lower-a-record-tools{gap:6px}.hf-lower-a .hf-lower-a-record-tools>div{padding:9px 7px;gap:5px;font-size:9px}.hf-lower-a .hf-lower-a-window-top{padding:14px}.hf-lower-a .hf-lower-a-workspace-body{gap:7px;padding-inline:12px}.hf-lower-a .hf-lower-a-record-fields{padding-inline:5px}}
@media(max-width:800px){.hf-lower-a .hf-lower-a-intro{grid-template-columns:1fr;gap:26px;margin-bottom:28px}.hf-lower-a .hf-lower-a-visual{max-width:520px;width:100%;margin-inline:auto}.hf-lower-a .hf-lower-a-workspace-body{gap:12px;padding-inline:17px}.hf-lower-a .hf-lower-a-record-fields{padding-inline:8px}.hf-lower-a .hf-lower-a-text h2{font-size:clamp(30px,6vw,40px)}.hf-lower-a .hf-lower-a-record-tools>div{padding:9px 11px;gap:7px;font-size:10px}}
@media(max-width:400px){.hf-lower-a .hf-lower-a-window-top{gap:7px}.hf-lower-a .hf-lower-a-window-top>strong{font-size:11px}.hf-lower-a .hf-lower-a-sample{font-size:8px;padding:3px 5px}.hf-lower-a .hf-lower-a-workspace-body{gap:7px;padding-inline:10px}.hf-lower-a .hf-lower-a-record-thread{padding:13px 9px}.hf-lower-a .hf-lower-a-record-fields{padding-inline:4px}.hf-lower-a .hf-lower-a-record-tools{padding-inline:10px}.hf-lower-a .hf-lower-a-record-tools>div{font-size:9px;padding:9px 7px;gap:5px}.hf-lower-a .hf-lower-a-routing{padding:16px 12px}.hf-lower-a .hf-lower-a-owner{margin-inline:15px}.hf-lower-a .hf-lower-a-routing-source{margin-inline:5px;font-size:10px}.hf-lower-a .hf-lower-a-log{padding:18px 16px}}
