/* HardFish — reset, typografia, kontenery i bazowe elementy HTML. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:124px}
body{margin:0;background:var(--hf-bg);color:var(--hf-ink);font-family:var(--hf-font);font-size:var(--hf-text-base);line-height:var(--hf-line-height);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open,body.filter-open{overscroll-behavior:none}
img,svg{max-width:100%}img{display:block;height:auto}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
h1,h2,h3,h4{color:var(--hf-ink);text-wrap:balance}p{overflow-wrap:anywhere}
[hidden]{display:none}
.container{width:min(var(--hf-container),calc(100% - 40px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:9999;top:-70px;left:16px;padding:12px 18px;border-radius:var(--hf-radius-sm);background:var(--hf-surface);box-shadow:var(--hf-shadow);color:var(--hf-brand-950);font-weight:850}.skip-link:focus{top:16px}
.demo-bar{padding:9px 20px;border-bottom:1px solid var(--hf-warning-border);background:var(--hf-warning-bg);color:var(--hf-warning);font-size:13px;text-align:center}.demo-bar a{font-weight:850;text-decoration:underline}
.eyebrow{display:inline-block;color:var(--hf-accent);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.text-link{color:var(--hf-brand-900);font-weight:850}.text-link:focus-visible{outline:3px solid var(--hf-accent);outline-offset:3px;border-radius:3px}
.section{padding:64px 0}.section--tight{padding:42px 0}.section--white{background:var(--hf-surface)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{margin:7px 0 0;font-size:clamp(30px,3.6vw,48px);line-height:1.05;letter-spacing:-.03em}.section-head p{max-width:540px;color:var(--hf-muted)}
.page-hero{padding:34px 0 26px;background:linear-gradient(145deg,var(--hf-surface-alt),var(--hf-surface-soft))}.page-hero h1{max-width:980px;margin:0 0 12px;font-size:clamp(34px,4.6vw,58px);line-height:1.02;letter-spacing:-.035em}.page-hero p{max-width:74ch;margin-bottom:0;color:var(--hf-muted);font-size:17px}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:12px;color:var(--hf-muted);font-size:13px}.breadcrumbs a{color:var(--hf-brand-900);font-weight:750}.breadcrumbs a:focus-visible{outline:3px solid var(--hf-accent);outline-offset:2px}
.empty-state{padding:clamp(36px,7vw,72px) 24px;border:1px solid var(--hf-line);border-radius:var(--hf-radius-xl);background:var(--hf-surface);text-align:center}.empty-state h1,.empty-state h2{margin-top:0}.empty-state p{max-width:60ch;margin-inline:auto;color:var(--hf-muted)}
.content-card{max-width:1040px;padding:clamp(24px,4vw,46px);border:1px solid var(--hf-line);border-radius:var(--hf-radius-xl);background:var(--hf-surface)}.content-card h2{scroll-margin-top:130px;margin:38px 0 12px;color:var(--hf-brand-900)}.content-card h2:first-child{margin-top:0}.content-card p,.content-card li{max-width:78ch;color:var(--hf-muted)}.content-card li+li{margin-top:7px}
.error-page__code{display:block;color:var(--hf-accent);font-size:64px;font-weight:950;line-height:1}.error-page p{margin-bottom:24px}
[id]{scroll-margin-top:130px}
@media(max-width:860px){html{scroll-padding-top:84px}.section{padding:50px 0}.section-head{align-items:flex-start;flex-direction:column}[id]{scroll-margin-top:88px}}
@media(max-width:560px){.container{width:min(var(--hf-container),calc(100% - 24px))}.demo-bar{font-size:11px}.section{padding:44px 0}.page-hero{padding:28px 0 22px}.page-hero h1{font-size:clamp(31px,9vw,42px)}.page-hero p{font-size:16px}.content-card{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}