a{color:var(--text-link)}a:hover{color:var(--text-link-hover)}
@media (max-width:900px){.lw-split{grid-template-columns:1fr !important}.lw-credit-row{grid-template-columns:1fr !important;gap:6px !important}.lw-credit-row>span:nth-child(2){text-align:left !important}}
@media (max-width:1200px){.lw-proof-row{grid-template-columns:1fr !important;gap:6px !important}}
/* 24.10.2026: siatki strony głównej (hub-home.jsx) */
.lw-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lw-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lw-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.lw-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.lw-grid-2,.lw-grid-3,.lw-grid-4{grid-template-columns:minmax(0,1fr)}.lw-feature{padding:var(--space-5) !important;gap:var(--space-5) !important}}
@media (max-width:1080px){.lw-nav-links{display:none !important}}
.lw-waitlist{background:var(--surface-inverse);color:var(--text-on-inverse);font-family:'Archivo',system-ui,sans-serif}
.lw-waitlist-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.lw-waitlist-text{margin:0;flex:1 1 360px;font-size:15px;line-height:1.45}
.lw-waitlist-text strong{font-weight:600}
.lw-waitlist-form{display:flex;gap:8px;flex:0 1 420px;min-width:260px}
.lw-waitlist-form input[type=email]{flex:1;min-width:0;padding:9px 12px;border-radius:var(--radius-md,8px);border:1px solid var(--text-on-inverse-muted);background:var(--surface-inverse-raised);color:var(--text-on-inverse);font:inherit;font-size:14px}
.lw-waitlist-form button{padding:9px 16px;border:0;border-radius:var(--radius-md,8px);background:var(--surface-accent);color:var(--text-on-accent);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.lw-waitlist-cta{display:inline-block;padding:9px 16px;border-radius:var(--radius-md,8px);background:var(--surface-accent);color:var(--text-on-accent);font:inherit;font-size:14px;font-weight:600;text-decoration:none}
.lw-waitlist-note{margin:0;flex-basis:100%;font-size:12px;color:var(--text-on-inverse-muted)}
.lw-waitlist-note a{color:var(--text-on-inverse)}
.lw-waitlist-hp,.lw-waitlist-sr{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@keyframes lwDrift{0%{transform:scale(1.06) translate3d(0,0,0)}50%{transform:scale(1.1) translate3d(-1.6%,-1.1%,0)}100%{transform:scale(1.06) translate3d(0,0,0)}}@keyframes lwHaze{0%{transform:translate3d(-6%,0,0)}100%{transform:translate3d(6%,0,0)}}
/* D1-G: cele dotykowe min. 44 px na telefonie */
@media (max-width:900px){.lw-waitlist-form input[type=email],.lw-waitlist-form button{min-height:44px;box-sizing:border-box}.lw-footer a[href^=tel],.lw-footer a[href^=mailto]{display:inline-flex;align-items:center;min-height:44px}header button,header a{min-height:44px}}
/* 1.11.2026: sekcja procedur na stronie głównej (hub-home.jsx, RunPanel i lista procedur). Kroki jako wiersze
   z etykietą, bez kółek z numerami i linii łączącej (Michał: „kółeczka są niebezpieczne”). */
.lw-run{background:var(--navy-1000);color:var(--paper);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6) var(--space-3);box-shadow:var(--shadow-md);border:1px solid var(--navy-800)}
.lw-run-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);font:var(--type-label);color:var(--paper)}
.lw-run-tag{font-family:var(--font-mono);font-size:12px;font-weight:400;color:var(--navy-300)}
.lw-run-steps{list-style:none;margin:0;padding:0}
.lw-run-step{display:block;padding:16px 0;border-top:1px solid var(--navy-800)}
.lw-run-body{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:var(--space-4);row-gap:8px;align-items:start}
.lw-run-body>*:not(.lw-run-k){grid-column:2}
.lw-run-k{grid-row:1 / span 3;padding-top:2px;font-family:var(--font-mono);font-size:12px;color:var(--navy-300)}
.lw-run-v{margin:0;font:var(--type-body-sm);color:var(--navy-100)}
.lw-run-quote{margin:0;font:var(--type-body-sm);font-style:italic;color:var(--paper)}
.lw-run-chips{display:flex;flex-wrap:wrap;gap:6px}
.lw-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;background:var(--navy-900);border:1px solid var(--navy-800);font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--navy-200)}
.lw-triage{display:inline-flex;justify-self:start;gap:2px;padding:2px;border-radius:6px;background:var(--navy-900);border:1px solid var(--navy-800)}
.lw-triage span{padding:2px 10px;border-radius:4px;font:var(--type-label);font-size:12.5px;color:var(--navy-400)}
.lw-triage .lw-triage-y{background:var(--signal-warn-on-inverse);color:var(--navy-1000)}
.lw-proc{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-2)}
.lw-proc-g h3{margin:0 0 10px;font:var(--type-label);color:var(--text-strong)}
.lw-proc-items{display:flex;flex-wrap:wrap;gap:8px}
.lw-proc-i{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface-card,#fff);font:var(--type-body-sm);font-size:14px;color:var(--text-body)}
.lw-proc-i.is-on{background:var(--navy-1000);border-color:var(--navy-1000);color:var(--paper)}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .lw-run-step{animation:lwKrok linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
  }
}
@keyframes lwKrok{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:640px){.lw-run{padding:var(--space-4) var(--space-4) var(--space-2)}.lw-run-body{grid-template-columns:minmax(0,1fr)}.lw-run-body>*:not(.lw-run-k){grid-column:1}.lw-run-k{grid-row:auto}}
/* 2.11.2026: makieta rozmowy w Claude i ChatGPT (hub-home.jsx ChatMockup), według artefaktu Michała
   „Lawtern w czacie - mockupy (art. 299 k.s.h.)”. Kolory hostów to przybliżenie, nie tokeny Lawtern. */
.lw-chat-switch{align-self:flex-start;display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-card,#fff)}
.lw-chat-switch button{border:0;background:none;font:var(--type-label);color:var(--text-body);padding:8px 14px;border-radius:9px;cursor:pointer}
.lw-chat-switch button[aria-pressed="true"]{background:var(--navy-1000);color:var(--paper)}
.lw-chat{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;box-shadow:var(--shadow-md)}
.lw-chat--claude{--c-bg:#faf9f5;--c-text:#3d3929;--c-muted:#6b6a64;--c-border:#e3e0d6;--c-bubble:#efece3;--c-chip:#f4f2ec;--c-input:#fff;--c-send:#c2613f;--c-bubble-r:16px;--c-input-r:18px;--c-send-r:10px;--c-av-r:8px;--c-link:#2c5aa0}
.lw-chat--gpt{--c-bg:#fff;--c-text:#0d0d0d;--c-muted:#5d5d5d;--c-border:#e6e6e6;--c-bubble:#f2f2f2;--c-chip:#f7f7f7;--c-input:#f2f2f2;--c-send:#0d0d0d;--c-bubble-r:22px;--c-input-r:28px;--c-send-r:50%;--c-av-r:50%;--c-link:#0d0d0d}
.lw-chat__top{display:flex;align-items:center;justify-content:space-between;padding:16px 22px}
.lw-chat__model{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500}
.lw-chat__model .lw-chev{width:14px;height:14px;opacity:.6}
.lw-chat__avatar{width:34px;height:34px;border-radius:var(--c-av-r);background:#5b5bd6;color:#fff;font-size:13px;font-weight:600;display:grid;place-items:center}
.lw-chat__thread{padding:8px 22px 24px;display:flex;flex-direction:column;gap:22px}
.lw-msg-user{align-self:flex-end;max-width:82%;background:var(--c-bubble);padding:12px 18px;border-radius:var(--c-bubble-r);font-size:15px;line-height:1.55}
.lw-msg-ai{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start}
.lw-chat--gpt .lw-msg-ai{grid-template-columns:34px minmax(0,1fr)}
.lw-msg-ai__body{font-size:15px;line-height:1.62;min-width:0}
.lw-msg-ai__body p{margin:0 0 12px}
.lw-msg-ai__body ul{margin:0 0 12px;padding-left:20px}
.lw-msg-ai__body li{margin:0 0 8px}
.lw-msg-ai__body a.lw-sig{white-space:nowrap;color:var(--c-link);text-decoration:underline;text-underline-offset:2px}
.lw-msg-ai__meta{font-size:12.5px;color:var(--c-muted);margin:14px 0 0!important}
.lw-host{width:28px;height:28px;display:block;flex:none}
.lw-host--sm{width:20px;height:20px}
.lw-host--gpt{width:34px;height:34px;border-radius:50%;border:1px solid var(--c-border);display:grid;place-items:center}
.lw-host--gpt svg{width:20px;height:20px}
.lw-tools{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 14px}
.lw-tool{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-chip);font-size:13px;color:var(--c-muted)}
.lw-tool__mark{width:20px;height:20px;display:block;flex:none}
.lw-tool b{font-weight:500;color:var(--c-text)}
.lw-tool time{font-variant-numeric:tabular-nums}
.lw-chat__actions{display:flex;gap:4px;margin:6px 0 0 -6px;color:var(--c-muted)}
.lw-chat__actions span{width:32px;height:32px;display:grid;place-items:center}
.lw-chat__actions svg{width:17px;height:17px}
.lw-composer{margin:0 22px 8px;border:1px solid var(--c-border);background:var(--c-input);border-radius:var(--c-input-r);padding:14px 14px 12px 18px}
.lw-chat--gpt .lw-composer{border-color:transparent}
.lw-composer__ph{font-size:15px;color:var(--c-muted);padding:4px 0 12px}
.lw-composer__row{display:flex;align-items:center;justify-content:space-between}
.lw-composer__plus{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--c-border);border-radius:10px;color:var(--c-text)}
.lw-chat--gpt .lw-composer__plus{border:0}
.lw-composer__send{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--c-send-r);background:var(--c-send);color:#fff}
.lw-composer__plus svg,.lw-composer__send svg{width:18px;height:18px}
.lw-chat__foot{font-size:12px;color:var(--c-muted);text-align:center;padding:4px 16px 16px;margin:0}
@media (max-width:520px){.lw-chat{border-radius:16px}.lw-chat__thread{padding:8px 14px 20px}.lw-msg-ai,.lw-chat--gpt .lw-msg-ai{grid-template-columns:minmax(0,1fr)}.lw-msg-ai>.lw-host,.lw-msg-ai>.lw-host--gpt{display:none}.lw-msg-user{max-width:92%}.lw-composer{margin:0 12px 8px}.lw-msg-ai__body a.lw-sig{white-space:normal}}
/* Panel zgody na analitykę (zgoda.js). Wspólny dla lawtern.com (dołączany do hub-inline.css) i docs.lawtern.com. */
.lw-zgoda{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;max-width:560px;margin:0 auto;box-sizing:border-box;padding:16px 18px;border-radius:var(--radius-md);background:var(--surface-inverse);color:var(--text-on-inverse);font-family:'Archivo',system-ui,sans-serif;font-size:14.5px;line-height:1.5;box-shadow:var(--shadow-md)}
.lw-zgoda-tresc{margin:0 0 12px}
.lw-zgoda-tresc a{color:var(--text-on-inverse);text-decoration:underline}
.lw-zgoda-przyciski{display:flex;gap:10px}
.lw-zgoda-przycisk{flex:1 1 0;min-height:44px;padding:9px 16px;border-radius:var(--radius-md,8px);border:1.5px solid var(--text-on-inverse);background:transparent;color:var(--text-on-inverse);font:inherit;font-weight:600;cursor:pointer}
.lw-zgoda-przycisk:hover{background:var(--surface-inverse-raised)}
.lw-zgoda-przycisk:focus-visible,.lw-zgoda-tresc a:focus-visible{outline:2px solid var(--text-on-inverse);outline-offset:2px}
