/* Doniec Górecki & Partnerzy manual: graphite/white/tints; Surt text for reading, expanded only at display scale.
   Gold remains a small interaction cue, never a content panel or illustration fill. */
/* One header at a time: site navigation on upward scroll, reader tools downward. */
.kh-directional-header .kh-header-slot { height:var(--kh-site-height,81px); }
.kh-directional-header .dgp-site-header {
 position:fixed; inset-inline:0; top:var(--kh-admin-inset,0px); transform:none;
 border-bottom:1px solid #050505;
 transition:transform 240ms ease,visibility 240ms;
}
.kh-directional-header.kh-reading-active .dgp-site-header {
 transform:translateY(calc(-100% - var(--kh-admin-inset,0px))); visibility:hidden; pointer-events:none;
}
.kh-directional-header .kh-readingbar {
 top:var(--kh-admin-inset,0px); min-height:72px; box-sizing:border-box; z-index:1001;
 padding:10px max(24px,calc((100% - 1280px)/2)); gap:24px;
 background:#fff; color:#27282b; border-bottom:1px solid #b7b6b6; box-shadow:none;
 transform:translateY(calc(-100% - var(--kh-admin-inset,0px)));
 transition:transform 240ms ease,opacity 240ms,visibility 240ms;
}
.kh-directional-header .kh-readingbar.is-visible { transform:none; }
.kh-readingbar .kh-readingbar__brand { font-size:16px; font-weight:500; padding-right:24px; border-right:1px solid #e5e5e5; }
.kh-readingbar .kh-readingbar__title { min-width:0; font-size:16px; line-height:1.4; font-family:"Surt Text",Arial,sans-serif; }
.kh-readingbar__actions { display:flex; align-items:center; gap:6px; flex-shrink:0; }
.kh-readingbar__button,.kh-readingbar__actions .kh-save {
 display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:44px; height:44px;
 padding:10px; border:0; border-radius:0; background:transparent; color:inherit; cursor:pointer;
 font:inherit; font-size:13px; white-space:nowrap;
}
.kh-readingbar__button svg { width:20px; height:20px; flex-shrink:0; }
.kh-readingbar__button:hover,.kh-readingbar__actions .kh-save:hover { background:#e5e5e5; box-shadow:inset 0 -2px var(--kh-gold); }
.kh-readingbar__button:focus-visible { outline:2px solid #27282b; outline-offset:2px; }
.kh-readingbar [data-kh-share-fallback] { position:absolute; top:100%; right:24px; width:min(560px,calc(100% - 48px)); background:#fff; color:#27282b; padding:12px; }
.kh-directional-header .kh-article__aside { top:var(--kh-reader-inset,104px); max-height:calc(100dvh - var(--kh-reader-inset,104px) - 24px); }
@media(max-width:1100px) { .kh-readingbar__button span { display:none; } }
@media(max-width:991px) {
 .kh-directional-header .kh-header-slot { height:0; }
 .kh-directional-header .kh-readingbar { min-height:61px; padding:8px 20px; gap:12px; }
 .kh-readingbar__actions { gap:0; }
}
@media(max-width:600px) {
 .kh-readingbar .kh-readingbar__brand { display:none; }
 .kh-directional-header .kh-readingbar { padding-inline:12px; gap:8px; }
 .kh-readingbar .kh-readingbar__title { font-size:13px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; }
}
@media(prefers-reduced-motion:reduce) {
 .kh-directional-header .dgp-site-header,.kh-directional-header .kh-readingbar { transition:none; }
}
@media print { .kh-directional-header .kh-header-slot { display:none; } }
.kh-diagram,.kh-explainer { --kh-ink:#27282b; --kh-muted:#525556; --kh-line:#e5e5e5; --kh-paper:#f7f7f7; }
.kh-article:not(.kh-enhanced) .kh-article__aside { display:none; }
.kh-article:not(.kh-enhanced) .kh-article__layout { display:block; max-width:690px; margin-inline:auto; }
.kh-card__image img[src*="/know-how-"][src$=".svg"],.kh-article__visual img[src*="/know-how-"][src$=".svg"] { filter:grayscale(1); }
.kh-article__opening { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:64px; align-items:center; padding-block:52px 76px; border-bottom:1px solid var(--kh-line); margin-bottom:64px; }
.kh-article__opening .kh-article__header { max-width:none; padding:0; margin:0; }
.kh-article__opening .kh-article__visual { margin:0; min-width:0; }
.kh-article__opening .kh-article__visual img { width:100%; height:auto; max-height:620px; object-fit:contain; }
.kh-article h1 { font-size:clamp(32px,3.4vw,48px); line-height:1.16; text-wrap:pretty; }
.kh-article__deck { font-size:20px; line-height:1.6; }
.kh-review { border-top:1px solid var(--kh-line); margin-top:26px; padding-top:18px; font-size:13px; line-height:1.65; color:var(--kh-muted); }
.kh-review p+p { margin-top:6px; }
.kh-review__note { max-width:60ch; }
.kh-catalog-switch { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0; }
.kh-catalog-switch a { padding:12px 18px; border:1px solid var(--kh-line); text-decoration:none; font-size:16px; }
.kh-catalog-switch a[aria-current="page"] { background:#27282b; color:#fff; border-color:#27282b; }
.kh-catalog-switch a:hover { border-color:#525556; }
.kh-catalog-switch a:focus-visible,.kh-corrections summary:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.kh-corrections { margin-top:16px; max-width:65ch; }
.kh-corrections summary { cursor:pointer; padding:8px 0; font-size:14px; line-height:1.6; }
.kh-corrections ul { padding-left:20px; margin:10px 0; }
.kh-corrections li+li { margin-top:6px; }
.kh-corrections a { overflow-wrap:anywhere; text-decoration:underline; }
.kh-takeaways { padding:28px 32px; background:var(--kh-paper); margin-bottom:42px; border-top:1px solid var(--kh-ink); font-size:16px; line-height:1.65; }
.kh-takeaways ul { padding-left:1.1em; margin-block:18px 0; }
.kh-takeaways li+li { margin-top:12px; }
.kh-toc summary { cursor:pointer; min-height:44px; padding-block:10px; font-size:12px; letter-spacing:.04em; }
.kh-toc summary span { font-size:11px; color:var(--kh-muted); margin-left:6px; }
.kh-toc nav a { padding:9px 8px 9px calc(10px + var(--toc-depth,0) * 10px); border-left:2px solid transparent; font-size:12px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.kh-toc nav a[aria-current] { color:var(--kh-ink); background:var(--kh-paper); border-left-color:var(--kh-gold); }
.kh-toc nav a:hover { color:var(--kh-ink); }
.kh-collections { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.8fr); gap:64px; padding-block:46px 76px; border-top:1px solid var(--kh-line); }
.kh-collections__intro { background:var(--kh-ink); color:#fff; padding:36px; align-self:start; }
.kh-collections__intro .kh-kicker { color:#b7b6b6; }
.kh-collections__intro h2 { font-size:32px; line-height:1.2; margin-block:18px 26px; }
.kh-collections__intro>p:last-child { color:#e5e5e5; font-size:15px; line-height:1.75; }
.kh-collection { display:grid; grid-template-columns:40px minmax(0,1fr) 20px; gap:24px; border-top:1px solid var(--kh-line); padding-block:26px; text-decoration:none; }
.kh-collection:first-child { border-top:0; padding-top:0; }
.kh-collection__number { font-family:var(--wp--preset--font-family--surt-display); font-size:25px; line-height:1.3; color:#525556; }
.kh-collection h3 { font-size:26px; line-height:1.25; margin-block:8px 10px; }
.kh-collection p { font-size:15px; color:var(--kh-muted); line-height:1.65; }
.kh-collection>svg { align-self:center; transition:transform .2s; }
.kh-collection:hover h3 { text-decoration:underline; text-decoration-thickness:2px; text-decoration-color:var(--kh-gold); text-underline-offset:5px; }
.kh-collection:hover>svg { transform:translateX(4px); }
.kh-collection-description { font-size:16px; line-height:1.7; color:var(--kh-muted); margin-top:20px!important; max-width:55ch; }
.kh-author { display:grid; grid-template-columns:140px minmax(0,1fr); gap:32px; width:min(954px,100%); border-top:1px solid var(--kh-line); padding-top:36px; margin:68px auto 0; }
.kh-author>img { width:140px; height:auto; object-fit:contain; filter:grayscale(1); }
.kh-author h2,.kh-author h3 { font-size:29px; line-height:1.2; margin-block:10px 12px; }
.kh-author p:not(.kh-kicker) { font-size:15px; line-height:1.7; max-width:64ch; color:var(--kh-muted); }
.kh-author .kh-author__role { margin-bottom:12px; }
.kh-author--archive { grid-template-columns:1fr; }
.kh-author__links { display:flex; flex-wrap:wrap; gap:8px 28px; margin-top:16px; }
.kh-index>.kh-wrap>.kh-author { margin:40px 0 48px; border-top:0; padding-top:0; }
.kh-related__reason { min-height:3.5em; border-left:1px solid #b7b6b6; padding-left:16px; margin-bottom:24px!important; font-size:14px; line-height:1.65; color:var(--kh-muted); }
.kh-image-dialog { width:min(1400px,calc(100vw - 48px)); height:min(950px,calc(100dvh - 48px)); max-width:none; max-height:none; margin:auto; padding:24px; border:0; color:var(--kh-ink); background:#fff; }
.kh-image-dialog[open] { display:flex; flex-direction:column; gap:16px; }
.kh-image-dialog::backdrop { background:#17181be8; }
.kh-image-dialog__bar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.kh-image-dialog__bar h2 { font-size:18px; margin-right:auto; }
.kh-image-dialog__canvas { flex:1; min-height:0; overflow:auto; display:grid; place-items:center; background:var(--kh-paper); }
.kh-image-dialog__canvas img { display:block; max-width:100%; max-height:100%; object-fit:contain; }
.kh-image-dialog.is-zoomed .kh-image-dialog__canvas { display:block; }
.kh-image-dialog.is-zoomed img { max-width:none; max-height:none; width:auto; height:auto; min-width:100%; }
.kh-image-dialog [data-kh-image-caption] { font-size:13px; line-height:1.5; max-height:6em; overflow:auto; }
.kh-diagram { counter-reset:kh-step; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-block:36px; border-block:1px solid var(--kh-line); }
.kh-diagram>div { counter-increment:kh-step; padding:26px; border-left:1px solid var(--kh-line); }
.kh-diagram>div:first-child { border-left:0; }
.kh-diagram>div::before { content:counter(kh-step,decimal-leading-zero); display:block; font-family:var(--wp--preset--font-family--surt-display); font-size:28px; margin-bottom:20px; color:var(--kh-muted); }
.kh-diagram p { font-size:16px; }
.kh-explainer { background:var(--kh-paper); border-top:1px solid var(--kh-ink); padding:28px; }
@media(max-width:1000px) { .kh-article__opening,.kh-collections { gap:36px; } .kh-article__deck { font-size:18px; } .kh-collections__intro { padding:28px; } }
@media(max-width:800px) {
 .kh-article__opening { grid-template-columns:1fr; padding-block:30px 36px; margin-bottom:36px; gap:30px; }
 .kh-article__opening .kh-article__visual img { max-height:460px; }
 .kh-article__aside { padding:16px 20px; }
 .kh-toc nav { display:block; max-height:45dvh; overflow:auto; }
 .kh-article__tools { margin-top:8px; }
 .kh-collections { grid-template-columns:1fr; padding-block:32px 48px; }
 .kh-collections__intro { background:none; color:var(--kh-ink); padding:0; }
 .kh-collections__intro .kh-kicker,.kh-collections__intro>p:last-child { color:var(--kh-muted); }
 .kh-collections__intro h2 br { display:none; }
 .kh-collections__intro h2 { font-size:30px; margin-block:12px 16px; }
 .kh-collections__intro h2 br::after { content:' '; }
 .kh-diagram { grid-template-columns:1fr; }
 .kh-diagram>div { border-left:0; border-top:1px solid var(--kh-line); }
 .kh-diagram>div:first-child { border-top:0; }
}
@media(max-width:560px) {
 .kh-author { grid-template-columns:88px minmax(0,1fr); gap:22px; margin-top:46px; }
 .kh-author>img { width:88px; }
 .kh-author--archive { grid-template-columns:1fr; }
 .kh-author h2,.kh-author h3 { font-size:25px; }
 .kh-author__links { display:block; }
 .kh-author__links a { display:flex; }
 .kh-takeaways { padding:24px 22px; }
 .kh-collection { grid-template-columns:28px minmax(0,1fr) 20px; gap:16px; }
 .kh-collection h3 { font-size:24px; }
 .kh-collection__number { font-size:21px; }
 .kh-image-dialog { width:calc(100vw - 20px); height:calc(100dvh - 20px); padding:16px; }
 .kh-image-dialog__bar h2 { width:100%; }
 .kh-image-dialog__bar .kh-button { font-size:12px!important; padding-inline:10px; }
}
@media print { .kh-article__opening { display:block; padding-block:0 20px; margin-bottom:20px; } .kh-image-dialog { display:none!important; } .kh-author { break-inside:avoid; margin-top:30px; } .kh-review { font-size:10pt; } .kh-takeaways { break-inside:avoid; } }