html:has(body.portal-nasz-dom) { overflow-x: clip; }
body.portal-nasz-dom {
--nd-bg: #EFF2F4;
--nd-panel: #FFFFFF;
--nd-ink: #1C2830;
--nd-steel: #5B7186;
--nd-line: #D3DCE2;
--nd-line-soft: #E2E8EC;
--nd-signal: #E4581F;
--nd-signal-08: rgba(228, 88, 31, 0.08);
--nd-signal-14: rgba(228, 88, 31, 0.14);
--nd-deep: #17384A;
--nd-deep-ink: #DCE7EE;
--nd-led: #3FA46A;
--nd-font-display: 'Bricolage Grotesque', 'Arial Black', sans-serif;
--nd-font-text: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
--nd-font-mono: 'JetBrains Mono', 'Courier New', monospace;
--nd-r: 10px;
--nd-wrap: min(1240px, 100% - clamp(2rem, 6vw, 5rem));
--primary-color: #17384A;
--primary-deep: #0F2836;
--primary-contrast: #FFFFFF;
--accent-color: #E4581F;
--surface-paper: #EFF2F4;
--surface-ink: #17384A;
--text-color: #1C2830;
--text-secondary: #5B7186;
--heading-color: #1C2830;
--rule-color: #D3DCE2;
--rule-width: 1px;
--font-display: 'Bricolage Grotesque', sans-serif;
--font-body: 'Instrument Sans', sans-serif;
--font-caption: 'JetBrains Mono', monospace;
--display-weight: 700;
--plate-ink: #DCE7EE;
background: var(--nd-bg);
color: var(--nd-ink);
font-family: var(--nd-font-text);
font-size: 1.0625rem;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
overflow-x: clip;
}
body.portal-nasz-dom h1,
body.portal-nasz-dom h2,
body.portal-nasz-dom h3,
body.portal-nasz-dom h4 {
font-family: var(--nd-font-display);
font-weight: 700;
color: var(--nd-ink);
line-height: 1.12;
letter-spacing: -0.015em;
}
body.portal-nasz-dom a {
color: inherit;
text-decoration: none;
}
body.portal-nasz-dom :focus-visible {
outline: 2px solid var(--nd-signal);
outline-offset: 3px;
border-radius: 2px;
}
body.portal-nasz-dom ::selection {
background: var(--nd-signal);
color: #fff;
}
body.portal-nasz-dom .site-main {
padding: 0 0 clamp(3rem, 6vw, 5rem);
}
body.portal-nasz-dom .nd-spec {
display: inline-flex;
align-items: center;
gap: 0.5em;
font-family: var(--nd-font-mono);
font-size: 0.68rem;
font-weight: 500;
letter-spacing: 0.14em;
color: var(--nd-steel);
text-transform: uppercase;
}
body.portal-nasz-dom .nd-spec--signal { color: var(--nd-signal); }
body.portal-nasz-dom .nd-spec--light { color: var(--nd-deep-ink); opacity: 0.85; }
body.portal-nasz-dom .nd-chip {
display: inline-block;
font-family: var(--nd-font-mono);
font-size: 0.68rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--nd-deep);
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: 999px;
padding: 0.3em 0.9em;
transition: border-color 160ms ease, color 160ms ease;
}
body.portal-nasz-dom a.nd-chip:hover {
border-color: var(--nd-signal);
color: var(--nd-signal);
}
body.portal-nasz-dom .nd-btn {
display: inline-flex;
align-items: center;
gap: 0.6em;
font-family: var(--nd-font-display);
font-weight: 700;
font-size: 0.95rem;
color: #fff;
background: var(--nd-signal);
border: 1px solid var(--nd-signal);
border-radius: var(--nd-r);
padding: 0.72em 1.4em;
transition: background 160ms ease, transform 160ms ease;
}
body.portal-nasz-dom .nd-btn:hover {
background: #C94A16;
transform: translateY(-1px);
}
body.portal-nasz-dom .nd-btn--ghost {
background: transparent;
color: var(--nd-deep-ink);
border-color: rgba(220, 231, 238, 0.4);
}
body.portal-nasz-dom .nd-btn--ghost:hover {
background: rgba(220, 231, 238, 0.12);
}
body.portal-nasz-dom .nd-frame {
display: block;
position: relative;
padding: 10px;
background-image:
linear-gradient(var(--nd-ink), var(--nd-ink)),
linear-gradient(var(--nd-ink), var(--nd-ink)),
linear-gradient(var(--nd-ink), var(--nd-ink)),
linear-gradient(var(--nd-ink), var(--nd-ink)),
linear-gradient(var(--nd-ink), var(--nd-ink)),
linear-gradient(var(--nd-ink), var(--nd-ink)),
linear-gradient(var(--nd-ink), var(--nd-ink)),
linear-gradient(var(--nd-ink), var(--nd-ink));
background-repeat: no-repeat;
background-size: 16px 2px, 2px 16px, 16px 2px, 2px 16px, 16px 2px, 2px 16px, 16px 2px, 2px 16px;
background-position:
top left, top left,
top right, top right,
bottom left, bottom left,
bottom right, bottom right;
}
body.portal-nasz-dom .nd-frame img {
display: block;
width: 100%;
height: auto;
}
body.portal-nasz-dom .nd-plateimg {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 8 / 5;
background: var(--nd-deep);
color: var(--nd-deep-ink);
font-family: var(--nd-font-mono);
font-size: 0.9rem;
letter-spacing: 0.2em;
text-transform: uppercase;
}
body.portal-nasz-dom .nd-check {
display: inline-block;
vertical-align: 0.05em;
width: 0.72em;
height: 0.72em;
margin-right: 0.45em;
border: 1.5px solid var(--nd-steel);
border-radius: 3px;
position: relative;
transition: background 160ms ease, border-color 160ms ease;
}
body.portal-nasz-dom .nd-check::after {
content: '';
position: absolute;
inset: 0;
background: center / 72% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5 5 9.5 10 2.5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
opacity: 0;
transition: opacity 160ms ease;
}
body.portal-nasz-dom a:hover .nd-check,
body.portal-nasz-dom a:focus-visible .nd-check {
background: var(--nd-signal);
border-color: var(--nd-signal);
}
body.portal-nasz-dom a:hover .nd-check::after,
body.portal-nasz-dom a:focus-visible .nd-check::after {
opacity: 1;
}
body.portal-nasz-dom .nd-sechead {
margin: 0 0 clamp(1.2rem, 2.4vw, 1.8rem);
}
body.portal-nasz-dom .nd-sechead--rule {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1.5rem;
border-top: 2px solid var(--nd-ink);
padding-top: 1rem;
}
body.portal-nasz-dom .nd-sechead__title {
font-size: clamp(1.6rem, 2.6vw, 2.2rem);
margin: 0.25em 0 0;
}
body.portal-nasz-dom .nd-sechead__dek {
margin: 0.3em 0 0;
color: var(--nd-steel);
font-size: 0.95rem;
}
body.portal-nasz-dom .nd-more {
flex-shrink: 0;
font-family: var(--nd-font-mono);
font-size: 0.74rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--nd-deep);
border-bottom: 1px solid var(--nd-line);
padding-bottom: 2px;
transition: color 160ms ease, border-color 160ms ease;
}
body.portal-nasz-dom .nd-more:hover {
color: var(--nd-signal);
border-color: var(--nd-signal);
}
body.portal-nasz-dom .nd-specrow {
display: flex;
flex-wrap: wrap;
gap: 0.4em 1.4em;
font-family: var(--nd-font-mono);
font-size: 0.7rem;
letter-spacing: 0.12em;
color: var(--nd-steel);
}
body.portal-nasz-dom .nd-masthead {
position: sticky;
top: 0;
z-index: var(--z-nav, 50);
background: var(--nd-bg);
border-bottom: 1px solid var(--nd-line);
}
body.portal-nasz-dom .nd-masthead__micro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
width: var(--nd-wrap);
margin-inline: auto;
padding: 0.45rem 0;
border-bottom: 1px solid var(--nd-line-soft);
font-family: var(--nd-font-mono);
font-size: 0.64rem;
letter-spacing: 0.13em;
color: var(--nd-steel);
overflow: hidden;
max-height: 3rem;
transition: max-height 240ms ease, opacity 240ms ease, padding 240ms ease;
}
body.portal-nasz-dom .nd-masthead.is-stuck .nd-masthead__micro {
max-height: 0;
padding-block: 0;
opacity: 0;
border-bottom-color: transparent;
}
body.portal-nasz-dom .nd-micro__motto { text-align: center; }
body.portal-nasz-dom .nd-micro__status {
display: inline-flex;
align-items: center;
gap: 0.55em;
white-space: nowrap;
}
body.portal-nasz-dom .nd-led {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--nd-led);
box-shadow: 0 0 0 3px rgba(63, 164, 106, 0.18);
animation: nd-led-pulse 2.6s ease-in-out infinite;
}
@keyframes nd-led-pulse {
0%, 100% { box-shadow: 0 0 0 3px rgba(63, 164, 106, 0.18); }
50% { box-shadow: 0 0 0 5px rgba(63, 164, 106, 0.07); }
}
body.portal-nasz-dom .nd-masthead__bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
width: var(--nd-wrap);
margin-inline: auto;
padding: 0.85rem 0;
transition: padding 240ms ease;
}
body.portal-nasz-dom .nd-masthead.is-stuck .nd-masthead__bar {
padding: 0.5rem 0;
}
body.portal-nasz-dom .nd-plate {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 0.15rem;
border: 1.5px solid var(--nd-ink);
border-radius: 8px;
padding: 0.45rem 0.9rem 0.5rem;
background: var(--nd-panel);
transition: box-shadow 160ms ease, transform 160ms ease;
}
body.portal-nasz-dom .nd-plate:hover {
box-shadow: 3px 3px 0 var(--nd-line);
transform: translate(-1px, -1px);
}
body.portal-nasz-dom .nd-plate__name {
font-family: var(--nd-font-display);
font-weight: 800;
font-size: 1.45rem;
line-height: 1;
letter-spacing: -0.02em;
color: var(--nd-ink);
display: inline-flex;
align-items: baseline;
}
body.portal-nasz-dom .nd-plate__name em {
font-style: normal;
color: var(--nd-steel);
font-weight: 600;
}
body.portal-nasz-dom .nd-plate__dot {
width: 0.42em;
height: 0.42em;
border-radius: 50%;
background: var(--nd-signal);
margin-left: 0.16em;
align-self: center;
}
body.portal-nasz-dom .nd-plate__spec {
font-family: var(--nd-font-mono);
font-size: 0.52rem;
letter-spacing: 0.22em;
color: var(--nd-steel);
}
body.portal-nasz-dom .nd-plate--invert {
border-color: var(--nd-deep-ink);
background: transparent;
}
body.portal-nasz-dom .nd-plate--invert:hover {
box-shadow: 3px 3px 0 rgba(220, 231, 238, 0.25);
}
body.portal-nasz-dom .nd-plate--invert .nd-plate__name { color: #fff; }
body.portal-nasz-dom .nd-plate--invert .nd-plate__name em { color: var(--nd-deep-ink); }
body.portal-nasz-dom .nd-plate--invert .nd-plate__spec { color: var(--nd-deep-ink); }
body.portal-nasz-dom .nd-nav {
display: flex;
align-items: center;
gap: clamp(0.7rem, 1.6vw, 1.4rem);
}
body.portal-nasz-dom .nd-navlink {
display: inline-flex;
align-items: baseline;
gap: 0.4em;
font-weight: 600;
font-size: 0.92rem;
color: var(--nd-ink);
padding: 0.3em 0;
border-bottom: 2px solid transparent;
transition: color 160ms ease, border-color 160ms ease;
}
body.portal-nasz-dom .nd-navlink__no {
font-family: var(--nd-font-mono);
font-size: 0.6rem;
letter-spacing: 0.08em;
color: var(--nd-steel);
transition: color 160ms ease;
}
body.portal-nasz-dom .nd-navlink:hover,
body.portal-nasz-dom .nd-navlink.is-current {
color: var(--nd-signal);
border-bottom-color: var(--nd-signal);
}
body.portal-nasz-dom .nd-navlink:hover .nd-navlink__no,
body.portal-nasz-dom .nd-navlink.is-current .nd-navlink__no {
color: var(--nd-signal);
}
body.portal-nasz-dom .nd-navlink--search svg { align-self: center; }
body.portal-nasz-dom .nd-navlink__label--search {
position: absolute;
width: 1px; height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
}
body.portal-nasz-dom .nd-burger {
display: none;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 44px;
height: 44px;
padding: 10px;
background: var(--nd-panel);
border: 1.5px solid var(--nd-ink);
border-radius: 8px;
cursor: pointer;
}
body.portal-nasz-dom .nd-burger span {
display: block;
height: 2px;
background: var(--nd-ink);
border-radius: 2px;
transition: transform 200ms ease, opacity 200ms ease;
}
body.portal-nasz-dom.nd-nav-open .nd-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.portal-nasz-dom.nd-nav-open .nd-burger span:nth-child(2) { opacity: 0; }
body.portal-nasz-dom.nd-nav-open .nd-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
body.portal-nasz-dom .nd-hero {
display: grid;
grid-template-columns: minmax(0, 6.4fr) minmax(0, 5.6fr);
gap: clamp(1.4rem, 3vw, 2.6rem);
width: var(--nd-wrap);
margin: clamp(1.6rem, 3.2vw, 2.8rem) auto 0;
align-items: start;
}
body.portal-nasz-dom .nd-hero__xr {
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: var(--nd-r);
padding: clamp(1.1rem, 2.2vw, 1.8rem);
}
body.portal-nasz-dom .nd-sechead--tight { margin-bottom: 0.6rem; }
body.portal-nasz-dom .nd-hero__claim {
font-size: clamp(1.5rem, 2.4vw, 2.05rem);
margin: 0.3em 0 0;
}
body.portal-nasz-dom .nd-hero__claim em {
font-style: normal;
color: var(--nd-signal);
}
body.portal-nasz-dom .nd-xr {
display: block;
width: 100%;
height: auto;
margin-top: 0.4rem;
}
body.portal-nasz-dom .nd-xr__ground {
stroke: var(--nd-ink);
stroke-width: 2.5;
stroke-linecap: round;
}
body.portal-nasz-dom .nd-xr__shell polygon,
body.portal-nasz-dom .nd-xr__shell rect,
body.portal-nasz-dom .nd-xr__shell line {
stroke: var(--nd-ink);
stroke-width: 2.5;
fill: none;
stroke-linejoin: round;
}
body.portal-nasz-dom .nd-xr__shell rect:last-child { fill: var(--nd-panel); stroke-width: 2.5; }
body.portal-nasz-dom .nd-xr__zone {
fill: transparent;
stroke: none;
transition: fill 160ms ease;
}
body.portal-nasz-dom .nd-xr__stuff line,
body.portal-nasz-dom .nd-xr__stuff rect,
body.portal-nasz-dom .nd-xr__stuff circle,
body.portal-nasz-dom .nd-xr__stuff path {
stroke: var(--nd-steel);
stroke-width: 1.7;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
transition: stroke 160ms ease;
}
body.portal-nasz-dom .nd-xr__chip circle {
fill: var(--nd-deep);
transition: fill 160ms ease;
}
body.portal-nasz-dom .nd-xr__chip text {
fill: #fff;
font-family: var(--nd-font-mono);
font-size: 11px;
font-weight: 500;
text-anchor: middle;
}
body.portal-nasz-dom .nd-xr__label {
fill: var(--nd-steel);
font-family: var(--nd-font-mono);
font-size: 10.5px;
letter-spacing: 0.14em;
transition: fill 160ms ease;
}
body.portal-nasz-dom .nd-xr__room { cursor: pointer; outline: none; }
body.portal-nasz-dom .nd-xr__room.is-hot .nd-xr__zone,
body.portal-nasz-dom .nd-xr__room:hover .nd-xr__zone,
body.portal-nasz-dom .nd-xr__room:focus-visible .nd-xr__zone {
fill: var(--nd-signal-14);
}
body.portal-nasz-dom .nd-xr__room.is-hot .nd-xr__chip circle,
body.portal-nasz-dom .nd-xr__room:hover .nd-xr__chip circle,
body.portal-nasz-dom .nd-xr__room:focus-visible .nd-xr__chip circle {
fill: var(--nd-signal);
}
body.portal-nasz-dom .nd-xr__room.is-hot .nd-xr__label,
body.portal-nasz-dom .nd-xr__room:hover .nd-xr__label {
fill: var(--nd-signal);
}
body.portal-nasz-dom .nd-xr__room.is-hot .nd-xr__stuff line,
body.portal-nasz-dom .nd-xr__room.is-hot .nd-xr__stuff rect,
body.portal-nasz-dom .nd-xr__room.is-hot .nd-xr__stuff circle,
body.portal-nasz-dom .nd-xr__room.is-hot .nd-xr__stuff path,
body.portal-nasz-dom .nd-xr__room:hover .nd-xr__stuff line,
body.portal-nasz-dom .nd-xr__room:hover .nd-xr__stuff rect,
body.portal-nasz-dom .nd-xr__room:hover .nd-xr__stuff circle,
body.portal-nasz-dom .nd-xr__room:hover .nd-xr__stuff path {
stroke: var(--nd-signal);
}
body.portal-nasz-dom .nd-xr-legend {
list-style: none;
margin: 0.9rem 0 0;
padding: 0.9rem 0 0;
border-top: 1px solid var(--nd-line-soft);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.15rem 1.4rem;
}
body.portal-nasz-dom .nd-xr-legend a {
display: flex;
align-items: baseline;
gap: 0.6em;
padding: 0.3em 0.4em;
border-radius: 6px;
font-size: 0.9rem;
transition: background 160ms ease;
}
body.portal-nasz-dom .nd-xr-legend a.is-hot,
body.portal-nasz-dom .nd-xr-legend a:hover {
background: var(--nd-signal-08);
}
body.portal-nasz-dom .nd-xr-legend__no {
font-family: var(--nd-font-mono);
font-size: 0.66rem;
font-weight: 500;
color: #fff;
background: var(--nd-deep);
border-radius: 50%;
width: 1.7em;
height: 1.7em;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
align-self: center;
transition: background 160ms ease;
}
body.portal-nasz-dom .nd-xr-legend a.is-hot .nd-xr-legend__no,
body.portal-nasz-dom .nd-xr-legend a:hover .nd-xr-legend__no {
background: var(--nd-signal);
}
body.portal-nasz-dom .nd-xr-legend__room {
font-family: var(--nd-font-mono);
font-size: 0.62rem;
letter-spacing: 0.12em;
color: var(--nd-steel);
}
body.portal-nasz-dom .nd-xr-legend__arrow { color: var(--nd-line); }
body.portal-nasz-dom .nd-xr-legend__cat {
font-weight: 600;
font-size: 0.92rem;
}
body.portal-nasz-dom .nd-hero__lead {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.8rem;
}
body.portal-nasz-dom .nd-hero__media { width: 100%; }
body.portal-nasz-dom .nd-hero__title {
font-size: clamp(1.5rem, 2.6vw, 2.2rem);
margin: 0;
}
body.portal-nasz-dom .nd-hero__title a:hover { color: var(--nd-signal); }
body.portal-nasz-dom .nd-hero__lede {
margin: 0;
color: var(--nd-steel);
font-size: 1.02rem;
}
body.portal-nasz-dom .nd-protocol {
width: var(--nd-wrap);
margin: clamp(2.4rem, 4.5vw, 3.8rem) auto 0;
}
body.portal-nasz-dom .nd-protocol__strip {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(7, 1fr);
border: 1px solid var(--nd-line);
border-radius: var(--nd-r);
overflow: hidden;
background: var(--nd-panel);
}
body.portal-nasz-dom .nd-protocol__cell + .nd-protocol__cell {
border-left: 1px solid var(--nd-line-soft);
}
body.portal-nasz-dom .nd-protocol__cell a {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0.9rem 0.95rem 1.05rem;
height: 100%;
transition: background 160ms ease;
}
body.portal-nasz-dom .nd-protocol__cell a:hover { background: var(--nd-signal-08); }
body.portal-nasz-dom .nd-protocol__cell.is-today {
background: var(--nd-signal-08);
box-shadow: inset 0 3px 0 var(--nd-signal);
}
body.portal-nasz-dom .nd-protocol__day {
display: flex;
align-items: center;
justify-content: space-between;
font-family: var(--nd-font-mono);
font-size: 0.66rem;
font-weight: 500;
letter-spacing: 0.16em;
color: var(--nd-steel);
}
body.portal-nasz-dom .nd-protocol__cell.is-today .nd-protocol__day { color: var(--nd-signal); }
body.portal-nasz-dom .nd-protocol__now {
background: var(--nd-signal);
color: #fff;
border-radius: 4px;
padding: 0.1em 0.45em;
font-size: 0.58rem;
letter-spacing: 0.12em;
}
body.portal-nasz-dom .nd-protocol__task {
font-size: 0.86rem;
font-weight: 500;
line-height: 1.4;
color: var(--nd-ink);
}
body.portal-nasz-dom .nd-shelf,
body.portal-nasz-dom .nd-log {
width: var(--nd-wrap);
margin: clamp(2.6rem, 5vw, 4.2rem) auto 0;
}
body.portal-nasz-dom .nd-grid {
display: grid;
gap: clamp(1.2rem, 2.4vw, 2rem);
}
body.portal-nasz-dom .nd-grid--trio { grid-template-columns: repeat(3, 1fr); }
body.portal-nasz-dom .nd-grid--split {
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
grid-template-rows: auto auto;
}
body.portal-nasz-dom .nd-grid--split .nd-card--feature {
grid-row: 1 / span 2;
}
body.portal-nasz-dom .nd-card {
display: flex;
flex-direction: column;
gap: 0.55rem;
min-width: 0;
}
body.portal-nasz-dom .nd-card__media {
transition: transform 200ms ease;
}
body.portal-nasz-dom .nd-card:hover .nd-card__media {
transform: translateY(-3px);
}
body.portal-nasz-dom .nd-card__spec {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
font-family: var(--nd-font-mono);
font-size: 0.64rem;
letter-spacing: 0.12em;
color: var(--nd-steel);
text-transform: uppercase;
}
body.portal-nasz-dom .nd-card__cat { color: var(--nd-signal); font-weight: 500; }
body.portal-nasz-dom .nd-card__title {
font-size: 1.12rem;
margin: 0;
line-height: 1.3;
}
body.portal-nasz-dom .nd-card--feature .nd-card__title {
font-size: clamp(1.35rem, 2vw, 1.75rem);
}
body.portal-nasz-dom .nd-card:hover .nd-card__title { color: var(--nd-signal); }
body.portal-nasz-dom .nd-card__lede {
margin: 0;
color: var(--nd-steel);
font-size: 0.96rem;
}
body.portal-nasz-dom .nd-card__meta {
display: flex;
align-items: center;
justify-content: space-between;
font-family: var(--nd-font-mono);
font-size: 0.66rem;
letter-spacing: 0.12em;
color: var(--nd-steel);
margin-top: auto;
}
body.portal-nasz-dom .nd-card__go {
color: var(--nd-signal);
transform: translateX(0);
transition: transform 160ms ease;
}
body.portal-nasz-dom .nd-card:hover .nd-card__go { transform: translateX(4px); }
body.portal-nasz-dom .nd-rows {
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: var(--nd-r);
overflow: hidden;
}
body.portal-nasz-dom .nd-row {
display: grid;
grid-template-columns: 4.2rem minmax(0, 1fr) auto auto;
align-items: center;
gap: 1.2rem;
padding: 0.95rem 1.25rem;
transition: background 160ms ease;
}
body.portal-nasz-dom .nd-row + .nd-row { border-top: 1px solid var(--nd-line-soft); }
body.portal-nasz-dom .nd-row:hover { background: var(--nd-signal-08); }
body.portal-nasz-dom .nd-row__date,
body.portal-nasz-dom .nd-row__time,
body.portal-nasz-dom .nd-row__cat {
font-family: var(--nd-font-mono);
font-size: 0.68rem;
letter-spacing: 0.1em;
color: var(--nd-steel);
white-space: nowrap;
}
body.portal-nasz-dom .nd-row__title {
font-family: var(--nd-font-text);
font-weight: 600;
font-size: 1rem;
margin: 0;
line-height: 1.35;
}
body.portal-nasz-dom .nd-row:hover .nd-row__title { color: var(--nd-signal); }
body.portal-nasz-dom .nd-row__go {
color: var(--nd-signal);
transition: transform 160ms ease;
}
body.portal-nasz-dom .nd-row:hover .nd-row__go { transform: translateX(4px); }
body.portal-nasz-dom .nd-rule {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-top: clamp(2.6rem, 5vw, 4.2rem);
background: var(--nd-deep);
color: var(--nd-deep-ink);
}
body.portal-nasz-dom .nd-rule__inner {
width: var(--nd-wrap);
max-width: 900px;
margin-inline: auto;
padding: clamp(2.4rem, 5vw, 4rem) 0;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 1.1rem;
}
body.portal-nasz-dom .nd-rule__text {
font-family: var(--nd-font-display);
font-weight: 700;
font-size: clamp(1.5rem, 3.2vw, 2.5rem);
line-height: 1.25;
letter-spacing: -0.01em;
color: #fff;
margin: 0;
}
body.portal-nasz-dom .nd-rule__sig {
font-family: var(--nd-font-mono);
font-size: 0.7rem;
letter-spacing: 0.16em;
color: var(--nd-deep-ink);
opacity: 0.75;
}
body.portal-nasz-dom .nd-footer {
margin-top: clamp(3rem, 6vw, 5rem);
background: var(--nd-deep);
color: var(--nd-deep-ink);
}
body.portal-nasz-dom .nd-footer a { color: inherit; }
body.portal-nasz-dom .nd-footer__news {
width: var(--nd-wrap);
margin-inline: auto;
transform: translateY(-2.4rem);
}
body.portal-nasz-dom .nd-footer__news-card {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: clamp(1.2rem, 3vw, 2.5rem);
align-items: center;
background: var(--nd-panel);
color: var(--nd-ink);
border: 1.5px solid var(--nd-ink);
border-radius: var(--nd-r);
box-shadow: 6px 6px 0 rgba(15, 40, 54, 0.35);
padding: clamp(1.4rem, 3vw, 2.2rem);
}
body.portal-nasz-dom .nd-footer__news-title {
font-size: clamp(1.35rem, 2.4vw, 1.9rem);
margin: 0.3em 0 0.2em;
}
body.portal-nasz-dom .nd-footer__news-desc {
margin: 0;
color: var(--nd-steel);
font-size: 0.95rem;
}
body.portal-nasz-dom .nd-footer__form {
display: flex;
gap: 0.6rem;
}
body.portal-nasz-dom .nd-footer__form input {
flex: 1;
min-width: 0;
font-family: var(--nd-font-text);
font-size: 0.95rem;
color: var(--nd-ink);
background: var(--nd-bg);
border: 1px solid var(--nd-line);
border-radius: 8px;
padding: 0.75em 1em;
}
body.portal-nasz-dom .nd-footer__form input:focus {
outline: 2px solid var(--nd-signal);
outline-offset: 1px;
}
body.portal-nasz-dom .nd-footer__form button {
font-family: var(--nd-font-display);
font-weight: 700;
font-size: 0.92rem;
color: #fff;
background: var(--nd-signal);
border: none;
border-radius: 8px;
padding: 0.75em 1.3em;
cursor: pointer;
transition: background 160ms ease;
white-space: nowrap;
}
body.portal-nasz-dom .nd-footer__form button:hover { background: #C94A16; }
body.portal-nasz-dom .nd-footer__grid {
display: grid;
grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
gap: clamp(1.6rem, 3.5vw, 3rem);
width: var(--nd-wrap);
margin-inline: auto;
padding: clamp(1rem, 2.5vw, 2rem) 0 clamp(2rem, 4vw, 3rem);
}
body.portal-nasz-dom .nd-footer__tagline {
margin: 0.9rem 0 1.1rem;
font-size: 0.95rem;
opacity: 0.85;
}
body.portal-nasz-dom .nd-footer__xr { width: 160px; }
body.portal-nasz-dom .nd-footer__xr line,
body.portal-nasz-dom .nd-footer__xr rect,
body.portal-nasz-dom .nd-footer__xr polygon,
body.portal-nasz-dom .nd-footer__xr circle {
stroke: rgba(220, 231, 238, 0.55);
stroke-width: 1.6;
fill: none;
}
body.portal-nasz-dom .nd-footer__xr-dot {
fill: var(--nd-signal);
stroke: none;
}
body.portal-nasz-dom .nd-footer__col h5 { margin: 0.4rem 0 0.9rem; }
body.portal-nasz-dom .nd-footer__col ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
body.portal-nasz-dom .nd-footer__col a {
font-size: 0.92rem;
opacity: 0.9;
transition: color 160ms ease, opacity 160ms ease;
}
body.portal-nasz-dom .nd-footer__col a:hover {
color: #fff;
opacity: 1;
}
body.portal-nasz-dom .nd-footer__no {
font-family: var(--nd-font-mono);
font-size: 0.62rem;
color: rgba(220, 231, 238, 0.6);
margin-right: 0.6em;
}
body.portal-nasz-dom .nd-footer__bottom {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.4rem 1rem;
width: var(--nd-wrap);
margin-inline: auto;
padding: 1.1rem 0 1.4rem;
border-top: 1px solid rgba(220, 231, 238, 0.18);
font-family: var(--nd-font-mono);
font-size: 0.62rem;
letter-spacing: 0.12em;
opacity: 0.7;
text-transform: uppercase;
}
body.portal-nasz-dom .nd-footer__sep { color: var(--nd-signal); }
body.portal-nasz-dom .nd-progress {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 3px;
z-index: 60;
pointer-events: none;
}
body.portal-nasz-dom .nd-progress span {
display: block;
width: 0;
height: 100%;
background: var(--nd-signal);
}
body.portal-nasz-dom .nd-article {
width: var(--nd-wrap);
margin: clamp(1.8rem, 3.5vw, 3rem) auto 0;
}
body.portal-nasz-dom .nd-article__head {
max-width: 820px;
margin: 0 auto clamp(1.6rem, 3vw, 2.4rem);
display: flex;
flex-direction: column;
gap: 1rem;
}
body.portal-nasz-dom .nd-article__kickrow {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
body.portal-nasz-dom .nd-article__title {
font-size: clamp(1.9rem, 4vw, 3.1rem);
margin: 0;
}
body.portal-nasz-dom .nd-article__lede {
font-size: clamp(1.05rem, 1.6vw, 1.25rem);
line-height: 1.55;
color: var(--nd-steel);
margin: 0;
}
body.portal-nasz-dom .nd-article__specrow {
display: flex;
flex-wrap: wrap;
gap: 0.8rem 2.2rem;
margin: 0.4rem 0 0;
padding: 0.9rem 0;
border-top: 2px solid var(--nd-ink);
border-bottom: 1px solid var(--nd-line);
}
body.portal-nasz-dom .nd-article__specrow div {
display: flex;
flex-direction: column;
gap: 0.2rem;
}
body.portal-nasz-dom .nd-article__specrow dt {
font-family: var(--nd-font-mono);
font-size: 0.6rem;
letter-spacing: 0.16em;
color: var(--nd-steel);
}
body.portal-nasz-dom .nd-article__specrow dd {
margin: 0;
font-weight: 600;
font-size: 0.92rem;
}
body.portal-nasz-dom .nd-article__specrow dd a:hover { color: var(--nd-signal); }
body.portal-nasz-dom .nd-article__hero {
max-width: 1050px;
margin: 0 auto;
}
body.portal-nasz-dom .nd-article__hero figcaption {
font-family: var(--nd-font-mono);
font-size: 0.66rem;
letter-spacing: 0.1em;
color: var(--nd-steel);
padding-top: 0.7rem;
text-align: right;
}
body.portal-nasz-dom .nd-article__hero--plate {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.8rem;
aspect-ratio: 16 / 7;
background: var(--nd-deep);
border-radius: var(--nd-r);
}
body.portal-nasz-dom .nd-article__plate-num {
font-family: var(--nd-font-display);
font-weight: 800;
font-size: clamp(2rem, 5vw, 3.4rem);
color: #fff;
}
body.portal-nasz-dom .nd-article__wrap {
display: grid;
grid-template-columns: 220px minmax(0, 720px);
gap: clamp(2rem, 4vw, 3.6rem);
justify-content: center;
margin-top: clamp(1.8rem, 3.4vw, 2.8rem);
}
body.portal-nasz-dom .nd-article__wrap--solo {
grid-template-columns: minmax(0, 720px);
}
body.portal-nasz-dom .nd-toc {
position: sticky;
top: 90px;
align-self: start;
display: flex;
flex-direction: column;
gap: 1rem;
border-left: 2px solid var(--nd-line);
padding-left: 1.1rem;
}
body.portal-nasz-dom .nd-toc__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.45rem;
counter-reset: ndtoc;
}
body.portal-nasz-dom .nd-toc__list a {
display: block;
font-size: 0.84rem;
line-height: 1.4;
color: var(--nd-steel);
transition: color 160ms ease;
}
body.portal-nasz-dom .nd-toc__list li::before {
counter-increment: ndtoc;
content: counter(ndtoc, decimal-leading-zero);
font-family: var(--nd-font-mono);
font-size: 0.6rem;
color: var(--nd-signal);
margin-right: 0.5em;
}
body.portal-nasz-dom .nd-toc__list li {
display: flex;
align-items: baseline;
}
body.portal-nasz-dom .nd-toc__list a:hover { color: var(--nd-signal); }
body.portal-nasz-dom .nd-toc__share {
display: flex;
flex-direction: column;
gap: 0.4rem;
padding-top: 0.6rem;
border-top: 1px solid var(--nd-line-soft);
}
body.portal-nasz-dom .nd-toc__share a {
font-size: 0.82rem;
color: var(--nd-steel);
}
body.portal-nasz-dom .nd-toc__share a:hover { color: var(--nd-signal); }
body.portal-nasz-dom .nd-article .entry-content {
font-size: 1.0925rem;
line-height: 1.75;
}
body.portal-nasz-dom .nd-article .entry-content > p:first-of-type::first-letter {
font-family: var(--nd-font-display);
font-weight: 800;
font-size: 3.1em;
line-height: 0.85;
float: left;
padding: 0.06em 0.14em 0 0;
color: var(--nd-signal);
}
body.portal-nasz-dom .nd-article .entry-content h2 {
font-size: clamp(1.4rem, 2.2vw, 1.75rem);
margin: 2em 0 0.7em;
padding-top: 0.9em;
border-top: 1px solid var(--nd-line);
counter-increment: ndh2;
position: relative;
}
body.portal-nasz-dom .nd-article .entry-content { counter-reset: ndh2; }
body.portal-nasz-dom .nd-article .entry-content h2::before {
content: counter(ndh2, decimal-leading-zero);
font-family: var(--nd-font-mono);
font-weight: 500;
font-size: 0.62rem;
letter-spacing: 0.1em;
color: #fff;
background: var(--nd-signal);
border-radius: 4px;
padding: 0.35em 0.55em;
margin-right: 0.8em;
vertical-align: 0.35em;
}
body.portal-nasz-dom .nd-article .entry-content h3 {
font-size: 1.2rem;
margin: 1.6em 0 0.5em;
}
body.portal-nasz-dom .nd-article .entry-content a {
color: var(--nd-signal);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
body.portal-nasz-dom .nd-article .entry-content a:hover {
text-decoration-thickness: 2px;
}
body.portal-nasz-dom .nd-article .entry-content ul li::marker {
content: '▪ ';
color: var(--nd-signal);
}
body.portal-nasz-dom .nd-article .entry-content ol {
counter-reset: ndol;
list-style: none;
padding-left: 0.4em;
}
body.portal-nasz-dom .nd-article .entry-content ol > li {
counter-increment: ndol;
position: relative;
padding-left: 2.4em;
margin-bottom: 0.6em;
}
body.portal-nasz-dom .nd-article .entry-content ol > li::before {
content: counter(ndol, decimal-leading-zero);
position: absolute;
left: 0;
top: 0.18em;
font-family: var(--nd-font-mono);
font-size: 0.72rem;
font-weight: 500;
color: var(--nd-signal);
}
body.portal-nasz-dom .nd-article .entry-content blockquote {
margin: 1.8em 0;
padding: 1.1em 1.4em;
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-left: 4px solid var(--nd-signal);
border-radius: 0 var(--nd-r) var(--nd-r) 0;
font-style: normal;
}
body.portal-nasz-dom .nd-article .entry-content blockquote::before {
content: 'UWAGA';
display: block;
font-family: var(--nd-font-mono);
font-size: 0.6rem;
letter-spacing: 0.18em;
color: var(--nd-signal);
margin-bottom: 0.5em;
}
body.portal-nasz-dom .nd-article .entry-content blockquote p { margin: 0.3em 0; }
body.portal-nasz-dom .nd-article .entry-content img {
border-radius: 6px;
height: auto;
}
body.portal-nasz-dom .nd-article .entry-content table {
width: 100%;
border-collapse: collapse;
font-size: 0.94rem;
margin: 1.6em 0;
}
body.portal-nasz-dom .nd-article .entry-content th {
font-family: var(--nd-font-mono);
font-size: 0.66rem;
letter-spacing: 0.12em;
text-transform: uppercase;
text-align: left;
color: var(--nd-steel);
border-bottom: 2px solid var(--nd-ink);
padding: 0.6em 0.8em;
}
body.portal-nasz-dom .nd-article .entry-content td {
border-bottom: 1px solid var(--nd-line-soft);
padding: 0.6em 0.8em;
}
body.portal-nasz-dom .nd-article .entry-content tr:nth-child(even) td {
background: rgba(211, 220, 226, 0.18);
}
body.portal-nasz-dom .nd-authorbox {
display: flex;
gap: 1.4rem;
align-items: flex-start;
margin: 2.6rem 0 0;
padding: 1.4rem;
background: var(--nd-panel);
border: 1.5px solid var(--nd-ink);
border-radius: var(--nd-r);
box-shadow: 4px 4px 0 var(--nd-line);
}
body.portal-nasz-dom .nd-authorbox__avatar {
flex-shrink: 0;
width: 116px;
padding: 6px;
background-size: 12px 2px, 2px 12px, 12px 2px, 2px 12px, 12px 2px, 2px 12px, 12px 2px, 2px 12px;
}
body.portal-nasz-dom .nd-authorbox__avatar img {
display: block;
width: 100%;
height: auto;
border-radius: 4px;
}
body.portal-nasz-dom .nd-authorbox__name {
margin: 0.25em 0 0.35em;
font-size: 1.25rem;
}
body.portal-nasz-dom .nd-authorbox__name a:hover { color: var(--nd-signal); }
body.portal-nasz-dom .nd-authorbox__desc {
margin: 0 0 0.7em;
font-size: 0.94rem;
color: var(--nd-steel);
}
body.portal-nasz-dom .nd-authorbox__link {
font-family: var(--nd-font-mono);
font-size: 0.72rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--nd-signal);
}
body.portal-nasz-dom .nd-next {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-top: clamp(2.6rem, 5vw, 4rem);
background: var(--nd-deep);
color: var(--nd-deep-ink);
}
body.portal-nasz-dom .nd-next__inner {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
gap: clamp(1.4rem, 3vw, 2.6rem);
align-items: center;
width: var(--nd-wrap);
max-width: 1000px;
margin-inline: auto;
padding: clamp(2rem, 4vw, 3.2rem) 0;
}
body.portal-nasz-dom .nd-next__media {
background-image:
linear-gradient(var(--nd-deep-ink), var(--nd-deep-ink)),
linear-gradient(var(--nd-deep-ink), var(--nd-deep-ink)),
linear-gradient(var(--nd-deep-ink), var(--nd-deep-ink)),
linear-gradient(var(--nd-deep-ink), var(--nd-deep-ink)),
linear-gradient(var(--nd-deep-ink), var(--nd-deep-ink)),
linear-gradient(var(--nd-deep-ink), var(--nd-deep-ink)),
linear-gradient(var(--nd-deep-ink), var(--nd-deep-ink)),
linear-gradient(var(--nd-deep-ink), var(--nd-deep-ink));
}
body.portal-nasz-dom .nd-next__title {
font-size: clamp(1.4rem, 2.6vw, 2rem);
margin: 0.4em 0 0.8em;
color: #fff;
}
body.portal-nasz-dom .nd-next__title a:hover { color: var(--nd-signal); }
body.portal-nasz-dom .nd-archive {
width: var(--nd-wrap);
margin: 0 auto;
}
body.portal-nasz-dom .nd-archive__head {
max-width: 860px;
margin: clamp(1.8rem, 3.5vw, 3rem) auto clamp(1.8rem, 3.4vw, 2.6rem);
display: flex;
flex-direction: column;
gap: 0.9rem;
}
body.portal-nasz-dom .nd-archive__kickrow {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
border-top: 2px solid var(--nd-ink);
padding-top: 0.9rem;
}
body.portal-nasz-dom .nd-archive__count { color: var(--nd-signal); }
body.portal-nasz-dom .nd-archive__title {
font-size: clamp(2rem, 4.4vw, 3.4rem);
margin: 0;
}
body.portal-nasz-dom .nd-archive__title .page-header-title,
body.portal-nasz-dom .nd-archive__desc p { margin: 0; }
body.portal-nasz-dom .nd-archive__desc {
color: var(--nd-steel);
font-size: 1.02rem;
max-width: 62ch;
}
body.portal-nasz-dom .nd-searchform {
display: flex;
gap: 0.6rem;
max-width: 520px;
}
body.portal-nasz-dom .nd-searchform input {
flex: 1;
min-width: 0;
font-family: var(--nd-font-text);
font-size: 1rem;
color: var(--nd-ink);
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: 8px;
padding: 0.7em 1em;
}
body.portal-nasz-dom .nd-searchform button {
font-family: var(--nd-font-display);
font-weight: 700;
color: #fff;
background: var(--nd-signal);
border: none;
border-radius: 8px;
padding: 0.7em 1.3em;
cursor: pointer;
}
body.portal-nasz-dom .nd-archive__list {
max-width: 980px;
margin-inline: auto;
display: flex;
flex-direction: column;
gap: clamp(1.2rem, 2.4vw, 1.8rem);
}
body.portal-nasz-dom .nd-entry {
display: grid;
grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
gap: clamp(1rem, 2.4vw, 1.8rem);
align-items: start;
padding: clamp(1rem, 2vw, 1.4rem);
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: var(--nd-r);
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
body.portal-nasz-dom .nd-entry:hover {
border-color: var(--nd-ink);
box-shadow: 4px 4px 0 var(--nd-line);
transform: translate(-1px, -1px);
}
body.portal-nasz-dom .nd-entry__body {
display: flex;
flex-direction: column;
gap: 0.55rem;
min-width: 0;
}
body.portal-nasz-dom .nd-entry__title {
font-size: clamp(1.15rem, 1.9vw, 1.45rem);
margin: 0;
line-height: 1.3;
}
body.portal-nasz-dom .nd-entry:hover .nd-entry__title { color: var(--nd-signal); }
body.portal-nasz-dom .nd-entry__lede {
margin: 0;
color: var(--nd-steel);
font-size: 0.95rem;
}
body.portal-nasz-dom .nd-pagination {
max-width: 980px;
margin: clamp(1.8rem, 3.4vw, 2.6rem) auto 0;
}
body.portal-nasz-dom .nd-pagination .nav-links {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: center;
}
body.portal-nasz-dom .nd-pagination .page-numbers {
font-family: var(--nd-font-mono);
font-size: 0.78rem;
letter-spacing: 0.06em;
color: var(--nd-ink);
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: 8px;
padding: 0.55em 0.95em;
transition: border-color 160ms ease, color 160ms ease;
}
body.portal-nasz-dom .nd-pagination .page-numbers:hover {
border-color: var(--nd-signal);
color: var(--nd-signal);
}
body.portal-nasz-dom .nd-pagination .page-numbers.current {
background: var(--nd-deep);
border-color: var(--nd-deep);
color: #fff;
}
body.portal-nasz-dom .nd-pagination .page-numbers.dots {
border-color: transparent;
background: transparent;
}
body.portal-nasz-dom .nd-empty {
max-width: 560px;
margin: clamp(2rem, 5vw, 4rem) auto;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: var(--nd-r);
padding: clamp(2rem, 4vw, 3rem);
}
body.portal-nasz-dom .nd-empty__text {
margin: 0;
color: var(--nd-steel);
}
body.portal-nasz-dom .o-mnie-page .page-content,
body.portal-nasz-dom.page .page-content {
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: var(--nd-r);
}
body.portal-nasz-dom .author-avatar-wrapper img {
border-radius: 8px;
border: none;
}
body.portal-nasz-dom .o-mnie-page .author-role {
font-family: var(--nd-font-mono);
font-size: 0.72rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--nd-signal);
}
body.portal-nasz-dom .o-mnie-page .stat-number {
font-family: var(--nd-font-display);
font-weight: 800;
color: var(--nd-deep);
}
body.portal-nasz-dom .o-mnie-page .stat-label {
font-family: var(--nd-font-mono);
font-size: 0.64rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--nd-steel);
}
body.portal-nasz-dom.error404 .site-main {
width: var(--nd-wrap);
margin: clamp(2rem, 5vw, 4rem) auto;
}
body.portal-nasz-dom.error404 .inside-article {
max-width: 640px;
margin: 0 auto;
text-align: center;
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: var(--nd-r);
padding: clamp(2rem, 5vw, 3.4rem);
}
body.portal-nasz-dom.error404 .inside-article::before {
content: 'BŁĄD 404 · POKÓJ NIEZNANY';
display: block;
font-family: var(--nd-font-mono);
font-size: 0.68rem;
letter-spacing: 0.16em;
color: var(--nd-signal);
margin-bottom: 1.2rem;
}
body.portal-nasz-dom.error404 .entry-title {
font-family: var(--nd-font-display);
font-size: clamp(1.7rem, 3.6vw, 2.5rem);
margin: 0 0 0.6em;
}
body.portal-nasz-dom.error404 .inside-article p {
color: var(--nd-steel);
}
body.portal-nasz-dom.error404 .entry-content > p:first-of-type::first-letter {
float: none;
font: inherit;
color: inherit;
padding: 0;
margin: 0;
}
body.portal-nasz-dom.error404 .widget-area,
body.portal-nasz-dom.error404 #right-sidebar {
display: none;
}
body.portal-nasz-dom.error404 .site-content {
display: block;
}
body.portal-nasz-dom.error404 .search-form {
display: flex;
gap: 0.6rem;
justify-content: center;
margin-top: 1.4rem;
}
body.portal-nasz-dom.error404 .search-form .search-field {
flex: 1;
max-width: 320px;
}
body.portal-nasz-dom.error404 .search-form .search-submit,
body.portal-nasz-dom .search-form input[type="submit"],
body.portal-nasz-dom .search-form button {
font-family: var(--nd-font-display);
font-weight: 700;
color: #fff;
background: var(--nd-signal);
border: none;
border-radius: 8px;
padding: 0.6em 1.2em;
cursor: pointer;
}
body.portal-nasz-dom .search-form input[type="search"],
body.portal-nasz-dom input[type="search"] {
font-family: var(--nd-font-text);
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: 8px;
padding: 0.6em 1em;
color: var(--nd-ink);
}
body.portal-nasz-dom .share-buttons-wrapper {
margin-top: 2rem;
padding-top: 1.2rem;
border-top: 1px solid var(--nd-line);
}
body.portal-nasz-dom .share-title {
font-family: var(--nd-font-mono);
font-size: 0.68rem;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--nd-steel);
margin: 0 0 0.8rem;
}
body.portal-nasz-dom .share-buttons-list {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
}
body.portal-nasz-dom .share-button {
display: inline-flex;
align-items: center;
gap: 0.5em;
font-size: 0.85rem;
font-weight: 600;
color: var(--nd-ink);
padding: 0.5em 1em;
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: 8px;
transition: border-color 160ms ease, color 160ms ease;
}
body.portal-nasz-dom .share-button:hover {
border-color: var(--nd-signal);
color: var(--nd-signal);
}
body.portal-nasz-dom .share-button svg {
width: 15px;
height: 15px;
}
body.portal-nasz-dom [data-reveal] {
opacity: 0;
transform: translateY(14px);
transition: opacity 480ms var(--ease-page, ease), transform 480ms var(--ease-page, ease);
}
body.portal-nasz-dom [data-reveal].is-in,
body.portal-nasz-dom.no-js [data-reveal] {
opacity: 1;
transform: none;
}
@media (max-width: 1024px) {
body.portal-nasz-dom .nd-hero {
grid-template-columns: 1fr;
}
body.portal-nasz-dom .nd-hero__lead { order: -1; }
body.portal-nasz-dom .nd-protocol__strip {
grid-template-columns: repeat(4, 1fr);
}
body.portal-nasz-dom .nd-protocol__cell {
border-top: 1px solid var(--nd-line-soft);
}
body.portal-nasz-dom .nd-protocol__cell:nth-child(-n+4) { border-top: none; }
body.portal-nasz-dom .nd-protocol__cell:nth-child(5) { border-left: none; }
body.portal-nasz-dom .nd-grid--trio {
grid-template-columns: repeat(2, 1fr);
}
body.portal-nasz-dom .nd-grid--trio .nd-card:last-child { grid-column: 1 / -1; }
body.portal-nasz-dom .nd-article__wrap {
grid-template-columns: minmax(0, 720px);
}
body.portal-nasz-dom .nd-toc { display: none; }
body.portal-nasz-dom .nd-footer__grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
body.portal-nasz-dom .nd-masthead__micro .nd-micro__motto { display: none; }
body.portal-nasz-dom .nd-burger { display: flex; }
body.portal-nasz-dom .nd-nav {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
flex-direction: column;
align-items: stretch;
gap: 0;
background: var(--nd-panel);
border-bottom: 1px solid var(--nd-line);
box-shadow: 0 16px 30px rgba(28, 40, 48, 0.12);
padding: 0.5rem 0;
}
body.portal-nasz-dom.nd-nav-open .nd-nav { display: flex; }
body.portal-nasz-dom .nd-navlink {
padding: 0.8rem clamp(1.2rem, 5vw, 2rem);
border-bottom: 1px solid var(--nd-line-soft);
font-size: 1rem;
}
body.portal-nasz-dom .nd-navlink:last-child { border-bottom: none; }
body.portal-nasz-dom .nd-navlink__label--search {
position: static;
width: auto; height: auto;
clip: auto;
overflow: visible;
}
body.portal-nasz-dom .nd-grid--split { grid-template-columns: 1fr; }
body.portal-nasz-dom .nd-grid--split .nd-card--feature { grid-row: auto; }
body.portal-nasz-dom .nd-protocol__strip { grid-template-columns: repeat(2, 1fr); }
body.portal-nasz-dom .nd-protocol__cell:nth-child(-n+4) { border-top: 1px solid var(--nd-line-soft); }
body.portal-nasz-dom .nd-protocol__cell:nth-child(-n+2) { border-top: none; }
body.portal-nasz-dom .nd-protocol__cell:nth-child(odd) { border-left: none; }
body.portal-nasz-dom .nd-protocol__cell:nth-child(5) { border-left: none; }
body.portal-nasz-dom .nd-row {
grid-template-columns: 3.4rem minmax(0, 1fr) auto;
}
body.portal-nasz-dom .nd-row__time,
body.portal-nasz-dom .nd-row__cat { display: none; }
body.portal-nasz-dom .nd-footer__news-card { grid-template-columns: 1fr; }
body.portal-nasz-dom .nd-entry { grid-template-columns: 1fr; }
body.portal-nasz-dom .nd-entry__media { max-width: 100%; }
body.portal-nasz-dom .nd-next__inner { grid-template-columns: 1fr; }
body.portal-nasz-dom .nd-authorbox { flex-direction: column; }
body.portal-nasz-dom .nd-sechead--rule {
flex-direction: column;
align-items: flex-start;
gap: 0.6rem;
}
}
@media (max-width: 540px) {
body.portal-nasz-dom .nd-masthead__micro {
justify-content: center;
}
body.portal-nasz-dom .nd-micro__date { display: none; }
body.portal-nasz-dom .nd-plate__name { font-size: 1.25rem; }
body.portal-nasz-dom .nd-grid--trio { grid-template-columns: 1fr; }
body.portal-nasz-dom .nd-grid--trio .nd-card:last-child { grid-column: auto; }
body.portal-nasz-dom .nd-xr-legend { grid-template-columns: 1fr; }
body.portal-nasz-dom .nd-protocol__strip { grid-template-columns: 1fr; }
body.portal-nasz-dom .nd-protocol__cell { border-left: none !important; border-top: 1px solid var(--nd-line-soft) !important; }
body.portal-nasz-dom .nd-protocol__cell:first-child { border-top: none !important; }
body.portal-nasz-dom .nd-footer__grid { grid-template-columns: 1fr; }
body.portal-nasz-dom .nd-footer__form { flex-direction: column; }
body.portal-nasz-dom .nd-row { gap: 0.8rem; padding: 0.85rem 1rem; }
}
@media (max-width: 380px) {
body.portal-nasz-dom { font-size: 1rem; }
body.portal-nasz-dom .nd-plate__spec { display: none; }
body.portal-nasz-dom .nd-article__specrow { gap: 0.7rem 1.4rem; }
body.portal-nasz-dom .nd-hero__title { font-size: 1.35rem; }
}
@media (prefers-reduced-motion: reduce) {
body.portal-nasz-dom [data-reveal] {
opacity: 1;
transform: none;
transition: none;
}
body.portal-nasz-dom .nd-led { animation: none; }
body.portal-nasz-dom .nd-btn:hover,
body.portal-nasz-dom .nd-plate:hover,
body.portal-nasz-dom .nd-entry:hover,
body.portal-nasz-dom .nd-card:hover .nd-card__media {
transform: none;
}
body.portal-nasz-dom .nd-masthead__micro,
body.portal-nasz-dom .nd-masthead__bar,
body.portal-nasz-dom .nd-card__go,
body.portal-nasz-dom .nd-row__go {
transition: none;
}
}
body.portal-nasz-dom .entry-content .nszd-tool-recommendation a,
body.portal-nasz-dom .entry-content .nszd-tool-strip a,
body.portal-nasz-dom .entry-content .yarpp-related a {
text-decoration: none;
}
body.portal-nasz-dom .nszd-tool-recommendation::before,
body.portal-nasz-dom .nszd-tool-strip::before,
body.portal-nasz-dom .nszd-inline-related-card::before,
body.portal-nasz-dom .yarpp-related::before {
content: "";
position: absolute;
inset: 7px;
pointer-events: none;
background-image:
linear-gradient(var(--nd-signal), var(--nd-signal)),
linear-gradient(var(--nd-signal), var(--nd-signal)),
linear-gradient(var(--nd-signal), var(--nd-signal)),
linear-gradient(var(--nd-signal), var(--nd-signal)),
linear-gradient(var(--nd-signal), var(--nd-signal)),
linear-gradient(var(--nd-signal), var(--nd-signal)),
linear-gradient(var(--nd-signal), var(--nd-signal)),
linear-gradient(var(--nd-signal), var(--nd-signal));
background-repeat: no-repeat;
background-size: 12px 2px, 2px 12px, 12px 2px, 2px 12px, 12px 2px, 2px 12px, 12px 2px, 2px 12px;
background-position:
top left, top left,
top right, top right,
bottom left, bottom left,
bottom right, bottom right;
}
body.portal-nasz-dom .nszd-tool-recommendation {
position: relative;
margin: 2.4rem 0;
padding: 0;
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-left: 1px solid var(--nd-line);
border-radius: var(--nd-r);
box-shadow: 4px 4px 0 var(--nd-line-soft);
overflow: hidden;
}
body.portal-nasz-dom .nszd-tool-recommendation-inner {
display: flex;
align-items: flex-start;
gap: 1rem;
padding: 1.3rem 1.4rem;
background: transparent;
}
body.portal-nasz-dom .nszd-tool-recommendation-icon {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
font-size: 1.3rem;
line-height: 1;
background: var(--nd-deep);
border-radius: 6px;
}
body.portal-nasz-dom .entry-content .nszd-tool-recommendation-eyebrow {
display: flex;
align-items: center;
gap: 0.55em;
margin: 0 0 0.4rem;
font-family: var(--nd-font-mono);
font-size: 0.64rem;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--nd-steel);
}
body.portal-nasz-dom .entry-content .nszd-tool-recommendation-eyebrow::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--nd-signal);
}
body.portal-nasz-dom .entry-content .nszd-tool-recommendation .nszd-tool-recommendation-title {
margin: 0 0 0.45rem;
font-family: var(--nd-font-display);
font-weight: 700;
font-size: 1.15rem;
line-height: 1.2;
letter-spacing: -0.015em;
color: var(--nd-ink);
}
body.portal-nasz-dom .entry-content .nszd-tool-recommendation-title a { color: var(--nd-ink); }
body.portal-nasz-dom .entry-content .nszd-tool-recommendation-title a:hover { color: var(--nd-deep); }
body.portal-nasz-dom .entry-content .nszd-tool-recommendation-desc {
margin: 0 0 0.8rem;
font-size: 0.94rem;
line-height: 1.6;
color: var(--nd-steel);
}
body.portal-nasz-dom .entry-content .nszd-tool-recommendation-cta {
display: inline-flex;
align-items: center;
gap: 0.55em;
font-family: var(--nd-font-mono);
font-size: 0.7rem;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--nd-deep);
transition: gap 0.18s ease, color 0.18s ease;
}
body.portal-nasz-dom .entry-content .nszd-tool-recommendation-cta::before {
content: "";
width: 8px;
height: 8px;
background: var(--nd-signal);
}
body.portal-nasz-dom .entry-content .nszd-tool-recommendation-cta:hover {
color: var(--nd-ink);
gap: 0.8em;
text-decoration: underline;
text-underline-offset: 4px;
}
body.portal-nasz-dom .nszd-tool-strip {
position: relative;
margin: 2.4rem 0;
padding: 1.2rem 1.35rem;
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-left: 1px solid var(--nd-line);
border-radius: var(--nd-r);
box-shadow: 4px 4px 0 var(--nd-line-soft);
}
body.portal-nasz-dom .entry-content .nszd-tool-strip-title {
display: flex;
align-items: center;
gap: 0.55em;
margin: 0 0 0.9rem;
font-family: var(--nd-font-mono);
font-size: 0.64rem;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--nd-steel);
}
body.portal-nasz-dom .entry-content .nszd-tool-strip-title::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--nd-signal);
}
body.portal-nasz-dom .nszd-tool-strip-list { gap: 0.5rem; }
body.portal-nasz-dom .entry-content .nszd-tool-strip .nszd-tool-strip-item {
display: inline-flex;
align-items: center;
gap: 0.45em;
padding: 0.42rem 0.9rem;
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: 999px;
font-family: var(--nd-font-mono);
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.06em;
color: var(--nd-deep);
box-shadow: none;
transition: border-color 160ms ease, color 160ms ease, background 160ms ease;
}
body.portal-nasz-dom .entry-content .nszd-tool-strip .nszd-tool-strip-item:hover {
background: var(--nd-signal-08);
border-color: var(--nd-signal);
color: var(--nd-ink);
}
body.portal-nasz-dom .nszd-inline-related-card {
position: relative;
margin: 2.6rem 0;
padding: 1.25rem 1.35rem 0.7rem;
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-radius: var(--nd-r);
box-shadow: 4px 4px 0 var(--nd-line-soft);
}
body.portal-nasz-dom .entry-content .nszd-inline-related-title {
font-family: var(--nd-font-mono) !important;
font-size: 0.64rem !important;
font-weight: 500;
letter-spacing: 0.16em;
color: var(--nd-steel) !important;
margin: 0 0 0.6rem !important;
}
body.portal-nasz-dom .entry-content .nszd-inline-related-title::before {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--nd-signal);
}
body.portal-nasz-dom .entry-content .nszd-inline-related-title .nszd-inline-related-cat {
color: var(--nd-deep) !important;
}
body.portal-nasz-dom .nszd-inline-related-item + .nszd-inline-related-item {
border-top: 1px solid var(--nd-line-soft);
}
body.portal-nasz-dom .entry-content .nszd-inline-related-link {
padding: 0.8rem 0.5rem !important;
border-radius: 6px;
transition: background 180ms ease, padding-left 200ms ease;
}
body.portal-nasz-dom .entry-content .nszd-inline-related-link:hover {
background: var(--nd-signal-08) !important;
padding-left: 0.9rem !important;
}
body.portal-nasz-dom .nszd-inline-related-image {
background: var(--nd-line-soft);
border-radius: 6px;
}
body.portal-nasz-dom .entry-content .nszd-inline-related-image img {
border-radius: 6px;
object-fit: cover;
}
body.portal-nasz-dom .entry-content .nszd-inline-related-item-title {
font-family: var(--nd-font-text) !important;
font-weight: 600 !important;
font-size: 0.98rem !important;
line-height: 1.4 !important;
color: var(--nd-ink);
}
body.portal-nasz-dom .entry-content .nszd-inline-related-link:hover .nszd-inline-related-item-title {
color: var(--nd-deep);
}
body.portal-nasz-dom .nszd-inline-related-arrow {
font-family: var(--nd-font-mono);
color: var(--nd-signal);
}
body.portal-nasz-dom .yarpp-related {
position: relative;
margin: 2.6rem 0 0;
padding: 1.25rem 1.35rem;
background: var(--nd-panel);
border: 1px solid var(--nd-line);
border-left: 1px solid var(--nd-line);
border-radius: var(--nd-r);
box-shadow: 4px 4px 0 var(--nd-line-soft);
}
body.portal-nasz-dom .entry-content .yarpp-related h3 {
margin: 0 0 0.8rem;
font-family: var(--nd-font-mono);
font-size: 0.64rem;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--nd-steel);
}
body.portal-nasz-dom .yarpp-related li { border-top: 1px solid var(--nd-line-soft); }
body.portal-nasz-dom .yarpp-related li:first-child { border-top: 0; }
body.portal-nasz-dom .entry-content .yarpp-related li a {
grid-template-columns: 2.1rem 1fr;
align-items: center;
gap: 0.7rem;
padding: 0.75rem 0.5rem;
border-radius: 6px;
font-family: var(--nd-font-text);
font-weight: 600;
color: var(--nd-ink);
transition: background 180ms ease, padding-left 200ms ease, color 180ms ease;
}
body.portal-nasz-dom .entry-content .yarpp-related li a::before {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.3em 0;
font-family: var(--nd-font-mono);
font-size: 0.62rem;
font-weight: 500;
letter-spacing: 0.08em;
color: #fff;
background: var(--nd-deep);
border-radius: 4px;
font-variant-numeric: tabular-nums;
}
body.portal-nasz-dom .entry-content .yarpp-related li a:hover {
background: var(--nd-signal-08);
padding-left: 0.85rem;
color: var(--nd-deep);
}
@media (prefers-reduced-motion: reduce) {
body.portal-nasz-dom .nszd-tool-recommendation-cta,
body.portal-nasz-dom .nszd-tool-strip-item,
body.portal-nasz-dom .entry-content .nszd-inline-related-link,
body.portal-nasz-dom .entry-content .yarpp-related li a {
transition: none;
}
}
body.portal-nasz-dom .entry-content .nszd-tool-recommendation-cta {
color: #17384A !important;
}