/* Materiały autora z mockupów Affinity, 29.10.2026. */

:root{--accent:#84a3c9}
.mosaics-site{font-family:var(--project-font);background:#fff;color:#222f39;font-weight:400;line-height:1.65}.mosaics-site h1,.mosaics-site h2,.mosaics-site h3,.mosaics-site strong{font-weight:400}.mosaics-site button,.mosaics-site input,.mosaics-site select{font:inherit}.mosaics-site .eyebrow,.mosaics-site .draft-note,.mosaics-site .map-caption,.mosaics-site .map-legend,.mosaics-site .count,.mosaics-site .nearby-note,.mosaics-site .location-note,.mosaics-site .photo-credit,.mosaics-site .project-footer,.mosaics-site .detail-facts dt{font-family:var(--project-font)}
.project-header{background:#f5f3ed;min-height:104px;padding:14px clamp(18px,4vw,64px)}.project-brand{gap:12px;max-width:none;letter-spacing:0}.brand-mark{height:70px;width:66px;object-fit:contain}.project-brand .brand-wordmark{display:flex;flex-direction:column;max-width:none;line-height:1.08;font-size:30px}.brand-wordmark small{font:inherit;font-size:23px;line-height:1.2}.round-nav{gap:14px}.round-action,.mosaics-site .view-switch .round-action{background:transparent;border-color:transparent;width:60px;height:60px;padding:3px}.ui-icon{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.round-action:hover{background:#84a3c922;border-color:#84a3c9}.round-action:focus-visible{outline:3px solid #32618c;outline-offset:3px}.mosaics-site .view-switch .active{background:#84a3c93b;box-shadow:0 0 0 1px #84a3c9}.wide-banner{display:block;min-height:0;padding:0;background:#ebe9df;border:0;line-height:0}.wide-banner picture{display:block}.wide-banner img{width:100%;height:auto;aspect-ratio:1440/250;object-fit:cover;display:block}.search-box .ui-icon{width:30px;height:30px;flex:none}.visit-link{display:inline-flex;align-items:center;gap:9px;font-size:15px;border:0}.visit-link .ui-icon{width:27px;height:34px}.mosaics-site .map-reset{width:48px;height:48px;padding:6px;border-radius:50%;background:#fffefa}.mosaics-site .map-toolbar h2{font-size:28px}.mosaics-site .search-box input{font-size:15px}.mosaics-site .count{font-size:12px}.mosaics-site .visit-disclosure>summary{font-size:15px}.mosaics-site .nearby-heading h3{font-size:23px}.mosaics-site .nearby-status{font-size:15px}.mosaics-site .button.primary{background:#222f39;color:#fff}.mosaics-site .place-dialog .close-place{padding:3px;width:44px;height:44px;background:#fffefa}.mosaics-site .detail-description,.mosaics-site .detail-facts dd{font-size:15px;line-height:1.7}.mosaics-site .detail-address{font-size:13px}.mosaics-site .detail-actions,.mosaics-site .detail-visit-actions .button{font-size:13px}.mosaics-site .detail-image .image-enlarge{font-family:var(--project-font)}.mosaics-site .project-story>p:last-child{font-size:18px;line-height:1.9}.mosaics-site .project-story h2,.mosaics-site .gallery-heading h2{font-size:36px}.mosaics-site .gallery-heading p:not(.eyebrow){font-size:16px}.mosaics-site .place-list-button strong{font-size:20px}.mosaics-site .place-list-button small{font-size:13px}.photo-dialog .round-action{border:0;background:#fffeef22}.photo-dialog .lightbox-prev,.photo-dialog .lightbox-next{background:#fffefaee!important;border-radius:50%;width:52px;height:52px;padding:3px}.lightbox-caption p{font-size:18px}.gallery-tile-caption{font-size:16px}.mosaics-site .maplibregl-ctrl{font-family:var(--project-font)}.mosaics-site .maplibregl-ctrl-attrib{font-size:11px}.project-footer{background:#f5f3ed}
@media(max-width:800px){.project-header{padding:12px 18px}.project-brand .brand-wordmark{font-size:25px}.brand-wordmark small{font-size:20px}.brand-mark{width:54px;height:58px}.round-nav{gap:7px}.round-nav .round-action{width:48px;height:48px}}
@media(max-width:600px){.project-header{min-height:88px;padding:12px;gap:8px}.project-brand{gap:7px;flex:1;min-width:0}.brand-mark{width:38px;height:44px}.project-brand .brand-wordmark{font-size:19px;max-width:none;white-space:nowrap}.brand-wordmark small{font-size:16px}.round-nav{gap:3px}.round-nav .round-action{width:38px;height:42px;padding:1px}.wide-banner img{aspect-ratio:390/220;object-fit:cover}.mosaics-site .map-toolbar h2{font-size:24px}.mosaics-site .map-toolbar .count{font-size:11px}.mosaics-site .view-switch .round-action{width:44px;height:44px}.mosaics-site .project-story h2,.mosaics-site .gallery-heading h2{font-size:30px}.mosaics-site .project-story>p:last-child{font-size:16px}.mosaics-site .detail-description,.mosaics-site .detail-facts dd{font-size:14px}.mosaics-site .gallery-heading p:not(.eyebrow){font-size:14px}.mosaics-site .place-list-button strong{font-size:18px}.mosaics-site .place-list-button small{font-size:12px}.lightbox-caption p{font-size:16px}.gallery-tile-caption{font-size:13px}}
@media(max-width:359px){.project-brand .brand-wordmark{font-size:16px}.brand-wordmark small{font-size:14px}.brand-mark{width:30px}.round-nav .round-action{width:32px}.project-header{padding:10px 8px}}

/* Wydanie 0.6 — logo i oś ścieżki mają wspólny środek. */
.project-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:116px;padding:16px clamp(18px,4vw,64px);background:#f5f3ed;gap:18px;border-bottom:0}
.project-brand{grid-column:2;justify-self:center;flex:none;max-width:none}
.round-nav{grid-column:3;justify-self:end}
.wide-banner{background:#f5f3ed}
.wide-banner img{aspect-ratio:1173.84/256.8;object-fit:contain}
.ui-icon[src$="/dalej.svg"]{transform:scaleX(-1)}
.inline-icon{display:inline-block;width:26px;height:26px;object-fit:contain;vertical-align:middle;flex:none;margin-right:7px}
.search-toolbar .visit-link .ui-icon{width:34px;height:34px}
.mosaics-site .search-box{gap:8px;padding-left:10px}
.mosaics-site .search-box>.ui-icon{width:32px;height:32px}
.mosaics-site .detail-image .image-enlarge{display:inline-flex;align-items:center}
.mosaics-site .detail-image .image-enlarge img.inline-icon{position:static;inset:auto;width:24px;height:24px;object-fit:contain}
.maplibregl-ctrl-group{background:transparent;box-shadow:none!important}
.maplibregl-ctrl-group button{width:44px;height:44px;margin-bottom:5px;border:0!important;border-radius:50%!important;background:transparent!important}
.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url('../brand/icons/plus.svg')!important;background-size:contain!important}
.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url('../brand/icons/minus.svg')!important;background-size:contain!important}
.maplibregl-ctrl-group button:focus-visible{outline:3px solid #32618c;outline-offset:2px}
.admin-nav>.inline-icon{width:28px;height:28px;margin:0}
@media(max-width:800px){.project-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:14px 18px;gap:12px}.round-nav{gap:6px}.round-nav .round-action{width:44px;height:44px}}
@media(max-width:600px){.project-header{grid-template-columns:1fr;gap:12px;padding:18px 12px 8px;min-height:0}.project-brand{grid-column:1;grid-row:1;justify-self:center;flex:none}.project-brand .brand-wordmark{font-size:25px;max-width:none;white-space:nowrap}.brand-wordmark small{font-size:20px}.brand-mark{width:48px;height:54px}.round-nav{grid-column:1;grid-row:2;justify-self:center;gap:14px}.round-nav .round-action{width:42px;height:42px;padding:1px}.wide-banner img{aspect-ratio:900/508;object-fit:contain}.mosaics-site .map-toolbar .count{font-size:12px}.mosaics-site .draft-note{font-size:11px;line-height:1.8}.mosaics-site .detail-facts dt{font-size:11px}.project-footer{font-size:12px}}
@media(max-width:359px){.project-brand .brand-wordmark{font-size:23px}.brand-wordmark small{font-size:18px}.brand-mark{width:42px}.round-nav .round-action{width:40px}}

.motion-pause{display:block;width:20px;height:24px;border-left:6px solid currentColor;border-right:6px solid currentColor}
.mosaics-site .detail-visit-actions .button,.mosaics-site .detail-actions a,.mosaics-site .detail-actions button{display:inline-flex;align-items:center}

.project-header .project-brand>.brand-wordmark{max-width:none;line-height:1.08}