/* KISH — the Lab's own blocks on a feature page (D-454): share bar, the Lab's footer note,
   the Lab sign-up, "You might also like" and the site footer, in the features' palette.
   Drawn by scripts/lab-feature-chrome.js; loaded by every page in lab-features/.
   Teal is a fill or a line here, never small text on a light ground (D-187, D-443). */
.lf{--lf-ink:#eeede6;--lf-muted:#b0b1a9;--lf-mint:#20d6c5;--lf-rule:#4d4d47;color:var(--lf-ink);font-family:Grotesk,Arial,sans-serif}
.lf *{box-sizing:border-box}
.lf-band{background:#1c1c1c;padding:0 5vw}
.lf-band .lf-share{max-width:1250px;margin:0 auto}
.lf-share{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:22px 0;border-top:1px solid var(--lf-rule);border-bottom:1px solid var(--lf-rule)}
.lf-share-label{font:11px Mono,monospace;letter-spacing:1.6px;text-transform:uppercase;color:var(--lf-muted);margin-right:8px}
.lf-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--lf-rule);background:transparent;color:var(--lf-muted);font:700 11px/1.2 Mono,monospace;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none;cursor:pointer}
@media (hover:hover){.lf-btn:hover{border-color:var(--lf-mint);color:var(--lf-mint)}.lf-whatsapp:hover{border-color:#25D366;color:#25D366}}
.lf-copied{border-color:var(--lf-mint)!important;color:var(--lf-mint)!important}
.lf a:focus-visible,.lf button:focus-visible,.lf input:focus-visible{outline:3px solid var(--lf-mint);outline-offset:3px}
.lf-end{background:#1c1c1c;padding:10px 5vw 72px}
.lf-end>*{max-width:1250px;margin-left:auto;margin-right:auto}
.lf-note{margin-top:30px;margin-bottom:34px;padding-top:22px;border-top:1px solid var(--lf-rule);font-size:12px;line-height:1.6;color:var(--lf-muted);opacity:.85}
.lf-cta{margin-top:44px;padding:34px 32px;background:var(--lf-mint);color:#1c1c1c;border-radius:4px}
.lf-cta h3{font:400 34px/1 Display,Impact,sans-serif;letter-spacing:1px;text-transform:uppercase;margin:0 0 12px;color:#1c1c1c}
.lf-cta p{font-size:16px;line-height:1.5;margin:0 0 18px;color:#1c1c1c}
.lf-cta>p{opacity:.85}
.lf-signup-row{display:flex;gap:12px;flex-wrap:wrap}
.lf-signup-row input{flex:1 1 220px;min-width:0;padding:15px;background:rgba(28,28,28,.06);color:#1c1c1c;font:16px Grotesk,Arial,sans-serif;border:1px solid rgba(28,28,28,.28);border-radius:3px;-webkit-appearance:none;appearance:none}
.lf-signup-row input:focus{border-color:#1c1c1c;background:rgba(28,28,28,.1)}
.lf-signup-row input::placeholder{color:#1c1c1c;opacity:.55}
.lf-signup-row button{flex:0 0 auto;padding:15px 22px;border:0;border-radius:3px;background:#1c1c1c;color:var(--lf-mint);font:700 12px Mono,monospace;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer}
@media (hover:hover){.lf-signup-row button:hover{background:#000;color:#fff}}
.lf-signup-row button:disabled{opacity:.7;cursor:default}
.lf-cta .lf-signup-micro{margin:12px 0 0;font-size:12px;opacity:.75}
.lf-cta .lf-signup-error{margin:12px 0 0;font-size:12px;font-weight:700}
.lf-signup-micro a,.lf-signup-success a{color:#1c1c1c;text-decoration:underline}
.lf-signup-success{font-size:16px;line-height:1.5;color:#1c1c1c}
.lf-mono{font-family:Mono,monospace}
.lf-related{margin-top:64px}
.lf-kicker{font:11px Mono,monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--lf-ink);margin:0 0 22px}
.lf-dot{color:var(--lf-mint)}
.lf-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.lf-card{display:flex;flex-direction:column;text-decoration:none;color:var(--lf-ink);border:1px solid var(--lf-rule);background:#111}
.lf-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.lf-card-theme{font:10px Mono,monospace;letter-spacing:1.4px;text-transform:uppercase;color:var(--lf-muted);padding:16px 18px 0}
.lf-card-title{font:400 26px/1.05 Display,Impact,sans-serif;letter-spacing:.5px;text-transform:uppercase;padding:10px 18px 0}
.lf-card-dek{font-size:14px;line-height:1.55;color:var(--lf-muted);padding:10px 18px 0}
.lf-card-meta{font:10px Mono,monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--lf-muted);padding:14px 18px 18px;margin-top:auto}
@media (hover:hover){.lf-card:hover{border-color:var(--lf-mint)}.lf-card:hover .lf-card-title{color:var(--lf-mint)}}
.lf-site{display:block;margin:0;background:#111;color:var(--lf-muted);padding:40px 5vw 48px;border-top:1px solid var(--lf-rule);font-size:13px}
.lf-site>*{max-width:1250px;margin-left:auto;margin-right:auto}
.lf-site-id{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font:11px Mono,monospace;letter-spacing:1.4px;text-transform:uppercase}
.lf-word{font:30px Wordmark,serif;letter-spacing:.12em;color:var(--lf-ink);text-transform:none}
.lf-ig{display:inline-flex}
.lf-site-nav,.lf-site-cats,.lf-site-legal{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px}
.lf-site a{color:var(--lf-muted);text-decoration:none}
.lf-site-nav a{color:var(--lf-ink)}
.lf-site-cats span{opacity:.85}
.lf-site-legal{font-size:12px}
.lf-cookie{background:none;border:0;padding:0;font:inherit;color:var(--lf-muted);cursor:pointer}
@media (hover:hover){.lf-site a:hover,.lf-cookie:hover{color:var(--lf-mint)}}
.lf-site-copy{margin-top:24px;margin-bottom:0;font-size:11px;opacity:.75}
@media (max-width:760px){.lf-cards{grid-template-columns:1fr}}
@media (max-width:620px){.lf-cta{padding:26px 20px}.lf-cta h3{font-size:30px}.lf-share{gap:10px}.lf-btn{padding:8px 13px}}
@media print{.lf-share,.lf-cta,.lf-related,.lf-site{display:none}}