/* Paper-Tech — Rimas Logic / samosiezrobi.pl (html[lang="pl"] only) */

@font-face{
  font-family:"Unbounded";
  src:url("/fonts/unbounded.ttf") format("truetype");
  font-weight:200 900;font-display:swap;font-style:normal}
@font-face{
  font-family:"Manrope";
  src:url("/fonts/manrope.ttf") format("truetype");
  font-weight:200 800;font-display:swap;font-style:normal}
@font-face{
  font-family:"Fira Code";
  src:url("/fonts/fira-code.ttf") format("truetype");
  font-weight:300 700;font-display:swap;font-style:normal}

html[lang="pl"] body{
  line-height:1.6;
  font-size:var(--text-base);
}
html[lang="pl"] body::after{display:none}

html[lang="pl"] h1,
html[lang="pl"] h2,
html[lang="pl"] h3,
html[lang="pl"] .foot-statement p.line{
  font-family:var(--font-display);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-0.018em;
}
html[lang="pl"] h2{font-size:var(--text-xl)}
html[lang="pl"] h3{font-weight:600;font-family:var(--font-body);line-height:1.18;letter-spacing:-0.015em}

html[lang="pl"] a{
  color:var(--color-accent);
  font-weight:500;
  border-bottom:0;
  text-decoration:none;
  transition:color var(--dur-fast) var(--ease-out);
}
html[lang="pl"] a:hover{
  color:#0940AE;
  text-decoration:underline;
  text-underline-offset:3px;
}
html[lang="pl"] a.btn:hover{border-bottom-color:transparent;text-decoration:none}

html[lang="pl"] :focus-visible{
  outline:2px solid var(--color-focus);
  outline-offset:2px;
  border-radius:0;
}

/* Signature Block wordmark */
html[lang="pl"] .wordmark .cell{
  width:12px;height:12px;border-radius:0;
  box-shadow:none;
}
html[lang="pl"] .wordmark .name{
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-0.018em;
}
html[lang="pl"] .wordmark .name s{
  color:#9C9B95;
  text-decoration-color:var(--color-accent);
  text-decoration-thickness:2px;
  box-shadow:0 2px 0 0 var(--color-accent-glow);
}

html[lang="pl"] .nav{
  border-bottom-color:var(--color-rule);
  padding-left:max(clamp(20px,5vw,90px), env(safe-area-inset-left));
  padding-right:max(clamp(20px,5vw,90px), env(safe-area-inset-right));
}
/* Homepage only: hide nav at top so hero stays the focus */
html[lang="pl"] body.home .nav{
  position:fixed;
  top:0;left:0;right:0;
  z-index:950;
  background:var(--color-paper);
  border-bottom:1px solid var(--color-rule);
  transform:translateY(-100%);
  visibility:hidden;
  pointer-events:none;
  transition:transform var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base);
}
html[lang="pl"] body.home .nav.is-on{
  transform:translateY(0);
  visibility:visible;
  pointer-events:auto;
  transition:transform var(--dur-base) var(--ease-out), visibility 0s;
}
html[lang="pl"] .shell{
  max-width:var(--shell);
  padding-left:max(clamp(20px,5vw,90px), env(safe-area-inset-left));
  padding-right:max(clamp(20px,5vw,90px), env(safe-area-inset-right));
}

/* Visual grid — pattern A, masked from left */
html[lang="pl"] .opening .field,
html[lang="pl"] .hero .field{
  background-image:
    linear-gradient(var(--color-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px);
  background-size:var(--cell) var(--cell);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 55%);
  mask-image:linear-gradient(90deg, transparent, #000 55%);
}
html[lang="pl"] .hero .lit,
html[lang="pl"] .opening .lit{
  width:var(--cell);height:var(--cell);
  box-shadow:0 0 0 1px var(--color-accent-halo), 0 0 18px 2px var(--color-accent-glow);
}

html[lang="pl"] .opening{padding:clamp(60px,9vw,120px) 0}
html[lang="pl"] .hero h1{font-size:var(--text-display)}
/* Home hero carries a two-sentence headline, so it runs one step down the scale
   on a wider measure; at --text-display / 14ch it filled the whole first screen. */
html[lang="pl"] .opening h1{font-size:var(--text-display-s);max-width:19ch}

/* Portrait — rectangular, bottom-right chamfer, no circle */
html[lang="pl"] .portrait img{
  -webkit-mask-image:none;mask-image:none;
  filter:saturate(.9) contrast(1.02);
  clip-path:var(--clip-card);
  border:1px solid var(--color-rule);
}
html[lang="pl"] .withface img{
  width:72px;height:72px;border-radius:0;
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%);
  filter:saturate(.9) contrast(1.02);
  border:1px solid var(--color-rule);
}

html[lang="pl"] .tool{
  background:var(--color-paper-2);
  box-shadow:none;
}
html[lang="pl"] .tool-logo-cell{box-shadow:none}

/* Buttons — 45° signature cut, no gradient/shadow */
html[lang="pl"] button,
html[lang="pl"] a.btn{
  --btn-line:transparent;
  --btn-line-w:1px;
  position:relative;
  font-family:var(--font-body);
  font-weight:600;
  border-radius:0;
  clip-path:var(--clip-btn);
  box-shadow:none;
  min-height:48px;
  padding:12px 24px;
  border:1px solid var(--color-accent);
  background:var(--color-accent);
  color:var(--color-accent-ink);
}

/* The clip-path shears a real border away on the two cut edges, so the outline is
   drawn as an even-odd ring that follows the whole silhouette. */
html[lang="pl"] button::after,
html[lang="pl"] a.btn::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:var(--btn-line);
  /* Inner polygon = outer silhouette inset by the line width. On the two 45° edges the
     inset is w*sqrt(2) along the axis (2.414w on the top edge, 0.414w on the others),
     otherwise the slant gets zero width at the top-left tip and a tail bottom-right. */
  clip-path:polygon(evenodd,
    0 0,
    100% 0,
    100% calc(100% - 6px),
    calc(100% - 6px) 100%,
    6px 100%,
    6px 6px,
    calc(var(--btn-line-w) * 2.414) var(--btn-line-w),
    calc(100% - var(--btn-line-w)) var(--btn-line-w),
    calc(100% - var(--btn-line-w)) calc(100% - 6px - var(--btn-line-w) * 0.414),
    calc(100% - 6px - var(--btn-line-w) * 0.414) calc(100% - var(--btn-line-w)),
    calc(6px + var(--btn-line-w)) calc(100% - var(--btn-line-w)),
    calc(6px + var(--btn-line-w)) calc(6px - var(--btn-line-w) * 0.414)
  );
}
html[lang="pl"] button:hover,
html[lang="pl"] a.btn:hover,
html[lang="pl"] button.is-hover{
  background:var(--color-accent-2);
  border-color:var(--color-accent-2);
  box-shadow:0 0 24px 4px var(--color-accent-glow);
}
html[lang="pl"] button:active,
html[lang="pl"] a.btn:active,
html[lang="pl"] button.is-active{
  transform:translate(1px,1px);
}
html[lang="pl"] button:disabled,
html[lang="pl"] a.btn:disabled{opacity:.4}
html[lang="pl"] button.ghost,
html[lang="pl"] a.btn.ghost{
  background:transparent;
  color:var(--color-accent);
  border-color:transparent;
  --btn-line:var(--color-accent);
}
html[lang="pl"] button.ghost:hover,
html[lang="pl"] a.btn.ghost:hover{
  background:var(--color-accent);
  color:var(--color-accent-ink);
}

/* Focus ring: an outline is clipped away with the corners, so it rides the same ring */
html[lang="pl"] button:focus-visible,
html[lang="pl"] a.btn:focus-visible{
  outline:none;
  --btn-line:var(--color-focus);
  --btn-line-w:2px;
}
html[lang="pl"] button.btn:not(.ghost):focus-visible,
html[lang="pl"] a.btn:not(.ghost):focus-visible,
html[lang="pl"] .q-nav:focus-visible{
  --btn-line:var(--color-accent-ink);
}

@media (max-width:47.99rem){
  html[lang="pl"] .ask > .btns .ask-util,
  html[lang="pl"] .ask > .btns .ask-nav{--btn-line:transparent}
}

/* Cards — bottom-right chamfer only */
html[lang="pl"] .guide-card,
html[lang="pl"] .quote,
html[lang="pl"] .offer-card,
html[lang="pl"] .tool,
html[lang="pl"] .ask-tools,
html[lang="pl"] .gate-box,
html[lang="pl"] .offer-pilot{
  border-radius:0;
  clip-path:var(--clip-card);
  background:var(--color-paper-2);
  border:1px solid var(--color-rule);
  box-shadow:none;
}
html[lang="pl"] .offer-pilot{border-left:2px solid var(--color-accent)}

/* Quotes — Dusty Pink Signature Block opener */
html[lang="pl"] .quote{
  position:relative;
  padding-left:calc(var(--space-lg) + 18px);
}
html[lang="pl"] .quote::before{
  content:"";
  position:absolute;
  left:var(--space-lg);
  top:var(--space-lg);
  width:12px;height:12px;
  background:var(--color-human);
}
html[lang="pl"] .quote blockquote p{
  font-weight:500;
  font-size:var(--text-sm);
  color:var(--color-ink-2);
}
html[lang="pl"] .quote figcaption{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--color-muted);
}

html[lang="pl"] .offer-price{
  font-family:var(--font-mono);
  color:var(--color-accent);
  letter-spacing:0.02em;
}

/* Stage labels — Fira Code section style */
html[lang="pl"] .stage .num{
  letter-spacing:0.16em;
  color:var(--color-muted);
}
html[lang="pl"] .stage{border-top-width:1px}
html[lang="pl"] .material-kicker{
  letter-spacing:0.16em;
  color:var(--color-muted);
}

/* Code blocks — flat, sharp */
html[lang="pl"] pre.cmd{
  background:var(--color-paper-3);
  border:1px solid var(--color-rule);
  border-left:2px solid var(--color-accent);
  border-radius:0;
  box-shadow:none;
  font-size:var(--text-sm);
  line-height:1.45;
}

html[lang="pl"] .block,
html[lang="pl"] .sendbox{
  border-radius:0;
  box-shadow:none;
  border:1px solid var(--color-rule);
}

/* Gate — no glassmorphism */
html[lang="pl"] .gate{
  background:rgba(24,25,28,.88);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[lang="pl"] .gate-box input,
html[lang="pl"] .send-input{
  border-radius:0;
  background:var(--color-paper);
  border-color:var(--color-rule);
}
html[lang="pl"] .gate-error{color:var(--color-error)}

/* Doc tables — analytical */
html[lang="pl"] .doc th{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:500;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--color-muted);
}
html[lang="pl"] .doc code{
  border-radius:0;
  font-family:var(--font-mono);
  font-size:0.9em;
}

/* Phase explorer — reduce glow on glyphs */
html[lang="pl"] .phase-glyph,
html[lang="pl"] .phases [role="tab"][aria-selected="true"] .phase-glyph,
html[lang="pl"] .phases [role="tab"]:hover .phase-glyph,
html[lang="pl"] .phase-panel-glyph{
  filter:none;
  opacity:1;
}
html[lang="pl"] .phase-leave,
html[lang="pl"] .phases [role="tab"],
html[lang="pl"] .phase-panel{
  border-radius:0;
}
html[lang="pl"] .phases [role="tab"][aria-selected="true"]{
  border-bottom-color:var(--color-accent);
}

/* Survey — sharp controls */
html[lang="pl"] .survey-picks label,
html[lang="pl"] .survey-scale label{border-radius:0}
html[lang="pl"] .survey-picks label:has(input:checked){
  background:var(--color-paper-2);
  color:var(--color-ink);
  box-shadow:inset 0 -2px 0 var(--color-accent);
}
html[lang="pl"] .survey-scale label:has(input:checked){
  background:var(--color-accent);
  color:var(--color-accent-ink);
}

/* Method line — machine label */
html[lang="pl"] .opening .method{
  letter-spacing:0.16em;
  color:var(--color-muted);
}

html[lang="pl"] .foot-statement p.line{
  font-size:var(--text-xl);
  letter-spacing:-0.018em;
}

/* Sticky CTA — fixed bottom bar, hidden until scroll; button centered for easy tap */
html[lang="pl"] .sticky-cta{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:900;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-md);
  padding:var(--space-sm)
    max(clamp(20px,5vw,90px), env(safe-area-inset-right))
    max(var(--space-sm), env(safe-area-inset-bottom))
    max(clamp(20px,5vw,90px), env(safe-area-inset-left));
  background:var(--color-paper-2);
  border-top:1px solid var(--color-rule);
  box-shadow:0 -8px 24px rgba(24,25,28,.06);
  transform:translateY(100%);
  visibility:hidden;
  pointer-events:none;
  transition:transform var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base);
}
html[lang="pl"] .sticky-cta.is-on{
  transform:translateY(0);
  visibility:visible;
  pointer-events:auto;
  transition:transform var(--dur-base) var(--ease-out), visibility 0s;
}
html[lang="pl"] .sticky-name{display:none}
html[lang="pl"] .sticky-cta .btn{
  flex:none;
  white-space:nowrap;
  min-height:48px;
  min-width:min(100%, 18rem);
  padding:12px 28px;
  justify-content:center;
}
@media (max-width:47.99rem){
  html[lang="pl"] .sticky-cta .btn{
    width:100%;
    max-width:22rem;
  }
}

/* Offer groups — what is buyable today versus what is still in preparation */
html[lang="pl"] .offer-group{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:0.10em;
  text-transform:uppercase;
  color:var(--color-muted);
  margin:var(--space-xl) 0 var(--space-2xs);
}
html[lang="pl"] .offer-soon .offer-price{color:var(--color-muted)}

/* Hub quick-win blocks */
html[lang="pl"] .price-span,
html[lang="pl"] .cta-note{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:0.08em;
  color:var(--color-muted);
  margin:var(--space-sm) 0 0;
}
html[lang="pl"] .fit-grid{
  display:grid;
  gap:var(--space-lg);
  margin:var(--space-md) 0 var(--space-lg);
}
@media (min-width:48rem){
  html[lang="pl"] .fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
html[lang="pl"] .faq{
  border-top:1px solid var(--color-rule);
  padding:var(--space-sm) 0;
}
html[lang="pl"] .faq summary{
  cursor:pointer;
  font-weight:600;
  color:var(--color-ink);
  list-style:none;
}
html[lang="pl"] .faq summary::-webkit-details-marker{display:none}
html[lang="pl"] .faq p{
  margin:var(--space-sm) 0 0;
  color:var(--color-ink-2);
  max-width:var(--measure);
}

@media (prefers-reduced-motion:reduce){
  html[lang="pl"] *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

/* Four burns (HI2) */
html[lang="pl"] .burns{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
  gap:18px;margin:24px 0;
}
html[lang="pl"] .burn{
  background:var(--color-paper-2);border:1px solid var(--color-rule);
  border-left:3px solid var(--color-accent);
  padding:18px;
}
html[lang="pl"] .burn-no{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--color-muted);
}
html[lang="pl"] .burn-quote{margin:6px 0;font-weight:600;font-style:italic}
html[lang="pl"] .burn-note{margin:0;font-size:.875rem;color:var(--color-muted)}

/* Evidence block in the body: before-and-after pairs, set off from the prose */
html[lang="pl"] .doc > .proof-block{
  background:var(--color-paper-2);
  border-left:3px solid var(--color-accent);
  clip-path:var(--clip-card);
  padding:18px 18px 6px;
  margin:24px 0;
}
html[lang="pl"] .doc > .proof-block > p:first-child{margin-bottom:12px}
html[lang="pl"] .doc > .proof-block table{margin-bottom:6px}

/* Narrow screens: three columns of before-and-after crush, so each row stacks
   and the two states get their own labels instead of a shared header row. */
@media (max-width:47.99rem){
  html[lang="pl"] .doc > .proof-block thead{position:absolute;left:-9999px}
  html[lang="pl"] .doc > .proof-block tr{
    display:block;padding:12px 0;
    border-bottom:1px solid var(--color-rule);
  }
  html[lang="pl"] .doc > .proof-block tbody tr:last-child{border-bottom:0}
  html[lang="pl"] .doc > .proof-block td{display:block;border:0;padding:2px 0}
  html[lang="pl"] .doc > .proof-block td:first-child{
    color:var(--color-ink);font-weight:600;margin-bottom:6px;
  }
  html[lang="pl"] .doc > .proof-block td:nth-child(2)::before{content:"Przed: "}
  html[lang="pl"] .doc > .proof-block td:nth-child(3)::before{content:"Po: "}
  html[lang="pl"] .doc > .proof-block td:nth-child(n+2)::before{
    font-family:var(--font-mono);font-size:var(--text-xs);
    letter-spacing:0.12em;text-transform:uppercase;color:var(--color-muted);
  }
}

/* Hero proof line (P4) */
html[lang="pl"] .opening .proof-line{
  margin-top:6px;font-size:.875rem;color:var(--color-muted);letter-spacing:.02em;
}

/* Mobile: CTA above signature (P5) */
@media (max-width:59.99rem){
  html[lang="pl"] .opening .said{display:flex;flex-direction:column}
  html[lang="pl"] .opening .said .method-sign{order:8}
  html[lang="pl"] .opening .said .method{order:9}
  html[lang="pl"] .opening .said .proof-line{order:10}
}

/* Takeaways (HI3) + testimonial outcome leads (HI5) */
html[lang="pl"] .takeaways{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;margin:24px 0;
}
html[lang="pl"] .takeaway{
  background:var(--color-paper-2);border:1px solid var(--color-rule);
  clip-path:var(--clip-card);padding:18px;
}
html[lang="pl"] .takeaway h3{margin:0 0 .3rem;font-size:1em}
html[lang="pl"] .takeaway p{margin:0;font-size:.88em;color:var(--color-muted)}
html[lang="pl"] .quote .op-lead{
  margin:0 0 .4rem;font-weight:600;font-size:.92em;color:var(--color-ink);
}

/* Quotes carousel (01.09): scroll-snap, one card in view, mechanical motion */
html[lang="pl"] .quotes-carousel{margin:24px 0}
html[lang="pl"] .quotes-carousel .quotes{
  display:flex;grid-template-columns:none;gap:18px;
  overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:6px;scrollbar-width:thin;
}
html[lang="pl"] .quotes-carousel .quote{
  flex:0 0 min(100%, 480px);scroll-snap-align:start;
}
html[lang="pl"] .q-navs{
  display:flex;
  justify-content:center;
  gap:var(--space-sm);
  margin-top:var(--space-md);
}
html[lang="pl"] .q-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-mono);
  font-size:1.35rem;
  font-weight:600;
  line-height:1;
  min-width:52px;
  min-height:52px;
  width:52px;
  height:52px;
  padding:0;
  clip-path:var(--clip-btn);
  border-radius:0;
  border:none;
  background:var(--color-accent);
  color:var(--color-accent-ink);
  box-shadow:none;
  cursor:pointer;
  transition:background var(--dur-fast) var(--ease-out);
}
html[lang="pl"] .q-nav:hover,
html[lang="pl"] .q-nav.is-hover{
  background:var(--color-accent-2);
  color:var(--color-accent-ink);
  box-shadow:0 0 24px 4px var(--color-accent-glow);
}
html[lang="pl"] .q-nav:active,
html[lang="pl"] .q-nav.is-active{
  transform:translate(1px,1px);
}
@media (prefers-reduced-motion:no-preference){
  html[lang="pl"] .quotes-carousel .quotes{scroll-behavior:smooth}
}

/* Mobile nav: hamburger (01.09) */
html[lang="pl"] .nav-burger{display:none}
@media (max-width:47.99rem){
  html[lang="pl"] .nav{position:relative}
  html[lang="pl"] .nav-burger{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:44px;padding:10px;margin-right:-10px;
    background:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;
  }
  html[lang="pl"] .nav-burger span{
    display:block;width:22px;height:2px;background:var(--color-ink);
    transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);
  }
  html[lang="pl"] .nav.menu-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  html[lang="pl"] .nav.menu-open .nav-burger span:nth-child(2){opacity:0}
  html[lang="pl"] .nav.menu-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  html[lang="pl"] .nav .links{
    display:none;
    position:absolute;top:100%;left:0;right:0;z-index:940;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--color-paper);
    border-bottom:1px solid var(--color-rule);
  }
  html[lang="pl"] .nav.menu-open .links{display:flex}
  html[lang="pl"] .nav .links a.navlink{
    padding:18px max(clamp(20px,5vw,90px), env(safe-area-inset-left));
    border-top:1px solid var(--color-rule);
    font-size:.875rem;
  }
  html[lang="pl"] .nav .links a.navlink.wide{display:block}
  html[lang="pl"] body.home .nav{transition:transform var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base)}
}

/* Lead forms (07.09): waitlists and the opt-in list in place of mailto links */
html[lang="pl"] form.lead{margin:var(--space-md) 0 var(--space-sm)}
html[lang="pl"] form.lead .lead-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:stretch}
html[lang="pl"] form.lead input[type=email]{
  flex:1 1 14rem;min-width:0;padding:var(--space-sm) var(--space-md);
  font:inherit;font-size:var(--text-sm);color:var(--color-ink);
  background:var(--color-paper);border:1px solid var(--color-rule);border-radius:0;
}
html[lang="pl"] form.lead input[type=email]::placeholder{color:var(--color-muted)}
html[lang="pl"] form.lead input[type=email]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
html[lang="pl"] form.lead .lead-consent{display:flex;gap:var(--space-xs);align-items:flex-start;
  margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-muted);line-height:1.45}
html[lang="pl"] form.lead .lead-consent input{margin-top:.2em;flex:none}
html[lang="pl"] form.lead .lead-msg{margin:var(--space-sm) 0 0;font-size:var(--text-sm)}
html[lang="pl"] form.lead .lead-msg.error{color:var(--color-error)}
html[lang="pl"] form.lead .lead-msg.done{color:var(--color-ink)}
html[lang="pl"] form.lead.is-done .lead-row,
html[lang="pl"] form.lead.is-done .lead-consent{display:none}
html[lang="pl"] .thanks .next{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}
html[lang="pl"] .shift{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--color-ink)}
html[lang="pl"] .shift p{margin:0}
html[lang="pl"] .shift p + p{margin-top:var(--space-sm)}
html[lang="pl"] .doc > h1:first-child{margin-top:var(--space-xl)}