/* WSPÓLNE style artykułów */
h1,h2,h3{line-height:1.2;letter-spacing:-.02em}
.article-header::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .12; mix-blend-mode: overlay; background-image: var(--noise); }
.back-link:hover { color: var(--text); }
.back-link svg { width: 18px; height: 18px; }
.article-meta img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.prose { max-width: 720px; margin: 0 auto; padding: 24px 24px 96px; font-size: 18px; line-height: 1.7; color: rgba(246, 246, 244, 0.85); }
.prose p { margin-bottom: 1.6em; }
.prose h2, .prose h3 { color: var(--text); font-weight: 700; margin: 2em 0 1em; }
.prose h2 { font-size: 32px; }
.prose h3 { font-size: 24px; }
.prose a { color: var(--green); text-decoration: none; border-bottom: 1px solid rgba(89, 190, 152, 0.4); transition: border-color 0.2s; }
.prose a:hover { border-bottom-color: var(--green); }
.prose strong { color: var(--text); font-weight: 600; }
.prose ul, .prose ol { margin-bottom: 1.6em; padding-left: 24px; }
.prose li { margin-bottom: 0.5em; }
.prose pre { background: #08090e; border: 1px solid var(--line); border-radius: 16px; padding: 24px; overflow-x: auto; margin: 2em 0; font-size: 14.5px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; line-height: 1.5; }
.prose code { font-family: inherit; color: var(--yellow); background: rgba(247, 198, 76, 0.1); padding: 2px 6px; border-radius: 4px; font-size: 0.9em; }
.prose pre code { color: var(--text); background: transparent; padding: 0; border-radius: 0; font-size: 1em; }
.panel h2{font-size:clamp(28px,3.8vw,46px);font-weight:800;max-width:16em;margin:0 auto;color:var(--text)}
@media (max-width:900px){.fg{grid-template-columns:1fr 1fr} .fg>:first-child{grid-column:1/-1} .panel{padding:48px 24px} .prose { padding: 0 24px 64px; }}