.article-header{max-width:1000px;margin-inline:auto;padding-bottom:36px}.article-header>.eyebrow{margin-top:40px}.article-header h1{letter-spacing:-.045em;overflow-wrap:break-word;font-size:clamp(36px,5.3vw,68px);line-height:1.08}.article-meta{color:var(--muted);flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:12px;display:flex}.article-content{overflow-wrap:break-word;max-width:850px;font-size:17px;line-height:1.85}.article-content h2{letter-spacing:-.025em;margin:48px 0 20px;font-size:clamp(26px,3.5vw,36px);line-height:1.2}.article-content h3{margin:30px 0 14px;font-size:23px;line-height:1.4}.article-content h4{margin:24px 0 12px;font-size:19px;line-height:1.5}.article-content ul,.article-content ol{padding-left:24px}.article-content li{margin:8px 0}.article-content li>p{margin:0}.article-content a{text-underline-offset:4px;text-decoration:underline}.article-content a:hover{color:var(--accent)}.article-content figure{margin:32px 0}.article-content figure img{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;display:block}.article-content figcaption{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.5}.article-content blockquote{border-left:3px solid var(--accent);background:#00000006;margin:30px 0;padding:10px 24px}.article-content blockquote p{margin:0}.article-content code{white-space:normal;overflow-wrap:anywhere;background:#0000000d;border-radius:4px;padding:3px 7px;font-size:.88em}.article-content table{border-collapse:collapse;width:100%;margin:30px 0;font-size:14px;line-height:1.6}.article-content td,.article-content th{border:1px solid var(--line);text-align:left;vertical-align:top;padding:14px}.article-content th{background:var(--ink);color:var(--paper)}.article-end{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:48px;padding-top:24px;font-size:12px;display:flex}@media (width<=620px){.article-content{font-size:16px}.article-content td,.article-content th{padding:9px}.article-content table{font-size:12px}.article-content blockquote{padding:12px 16px}}.article-guide .article-lead{color:var(--ink);margin:32px 0 22px;font-size:clamp(19px,2.3vw,23px);line-height:1.65}.article-toc{border:1px solid var(--line);background:#00000005;border-radius:8px;margin:0 0 36px;padding:24px 28px}.article-toc .article-toc-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:11px;font-weight:700}.article-toc ol{gap:7px;margin:0;padding-left:22px;display:grid}.article-toc li{margin:0;padding-left:5px;font-size:14px;line-height:1.5}.article-toc li::marker{color:var(--accent);font-weight:700}.article-toc a{text-decoration:none}.article-toc a:hover{text-decoration:underline}.article-guide h2{border-top:1px solid var(--line);margin-top:54px;padding-top:26px;scroll-margin-top:110px}.article-guide h3{letter-spacing:-.02em;margin-top:30px;font-size:21px;font-weight:650}.article-guide table tbody tr:last-child{background:#eaf0d8}.article-guide figure img{border:0;border-radius:10px}.article-guide figcaption{max-width:65ch}.article-guide blockquote{background:#f1eee6;border-radius:0 8px 8px 0}.article-guide ul li::marker{color:var(--accent)}@media (width<=620px){.article-toc{padding:20px}.article-toc li{font-size:13px}.article-guide h2{font-size:27px}.article-guide h3{font-size:20px}}.article-guide figure img.article-sequence{aspect-ratio:2.4;object-fit:cover;object-position:center}.article-guide .article-code-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:28px 0 8px;font-size:11px;font-weight:700}.article-guide pre.article-code{background:var(--ink);color:var(--paper);border-radius:8px;margin:0 0 24px;padding:22px 24px;line-height:1.7;overflow-x:auto}.article-guide pre.article-code code{color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;padding:0;font-size:15px}.article-guide .article-code-note{color:var(--muted);font-size:13px;line-height:1.6}.article-guide .article-code+p{margin-top:22px}@media (width<=620px){.article-guide pre.article-code{padding:18px 16px}.article-guide pre.article-code code{font-size:12px}}.format-picks{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0;display:grid}.format-picks>div{background:var(--lime);border-radius:8px;padding:24px}.format-picks>div+div{background:#eeede5}.format-picks .format-pick-label{letter-spacing:.08em;font-size:11px;font-weight:700}.format-picks h3{margin:14px 0;font-size:25px;line-height:1.2}.format-picks p{margin:0;font-size:15px;line-height:1.7}.article-table-scroll{max-width:100%;margin:28px 0;overflow-x:auto}.article-table-scroll table{min-width:580px;margin:0}.article-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.article-table-scroll td:nth-child(2){white-space:nowrap}.article-guide .article-table-scroll table tbody tr:last-child{background:0 0}.format-figure-scroll{overflow-x:auto}.format-figure-scroll img{min-width:640px}.format-figure-scroll:focus-visible{outline:2px solid var(--accent)}@media (width<=620px){.format-picks{grid-template-columns:1fr}.format-picks>div{padding:20px}.format-figure-scroll:before{content:"Przesuń grafikę, aby zobaczyć wszystkie formaty ↔";color:var(--muted);max-width:280px;margin-bottom:12px;font-size:12px;display:block}.article-table-scroll:before{content:"Przesuń tabelę w bok ↔";color:var(--muted);margin-bottom:10px;font-size:12px;display:block}}.article-guide:has(.format-detail) h2,.article-guide:has(.format-detail) h3{clear:both}.article-guide .format-detail{float:right;width:240px;margin:0 0 24px 28px}.article-guide .format-detail figcaption{font-size:12px}.article-project-cta{clear:both;background:var(--lime);color:var(--ink);border-radius:10px;margin-top:48px;padding:32px}.article-project-cta .article-project-title{margin:0 0 16px;font-size:clamp(26px,4vw,36px);font-weight:700;line-height:1.2}.article-project-cta>p{margin:0 0 24px}.article-project-cta>div{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.article-project-cta a{font-size:14px;font-weight:600}.article-project-cta .article-project-primary{background:var(--ink);color:var(--paper);border-radius:4px;padding:14px 20px;text-decoration:none;display:inline-block}.article-content .article-project-cta .article-project-primary:hover,.article-content .article-project-cta .article-project-primary:focus-visible{background:var(--accent);color:var(--ink)}@media (width<=620px){.article-guide .format-detail{float:none;width:min(100%,300px);margin:16px auto 24px}.article-project-cta{padding:24px}.article-project-cta>div{flex-direction:column;align-items:flex-start}}.article-guide .production-checklist{counter-reset:production;margin:28px 0;padding:0;list-style:none}.production-checklist>li{counter-increment:production;border:1px solid var(--line);background:#f1eee6;border-radius:8px;margin:14px 0;padding:24px 24px 24px 76px;position:relative}.production-checklist>li:before{content:counter(production,decimal-leading-zero);color:var(--accent);font-size:22px;font-weight:700;position:absolute;top:24px;left:22px}.article-guide .production-checklist h3{margin:0 0 12px;font-size:20px;line-height:1.4}.article-guide .production-checklist p{margin:0;font-size:16px;line-height:1.75}.article-guide:has(.production-checklist) .article-table-scroll td:nth-child(2){white-space:normal}@media (width<=620px){.production-checklist>li{padding:20px 18px 20px 58px}.production-checklist>li:before{font-size:19px;top:20px;left:15px}.article-guide .production-checklist h3{font-size:19px}.article-guide .production-checklist p{font-size:15px}}.article-content .article-source{vertical-align:super;margin-left:.18em;font-size:.65em;line-height:0}.article-content .article-source a{font-weight:600;text-decoration:none}.article-content .article-source a:hover{text-decoration:underline}.article-content .article-source a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.rm-demo{border:1px solid var(--line);text-align:center;background:#eeede5;border-radius:10px;margin:24px 0 36px;padding:24px}.rm-demo .rm-label{margin:0 0 20px;font-size:13px;font-weight:700}.rm-demo button,.rm-demo summary{font:inherit;cursor:pointer;border:1px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:5px;padding:10px 16px;font-size:14px}.rm-demo button:hover,.rm-demo button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.rm-demo button:focus-visible,.rm-demo summary:focus-visible,.rm-demo input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.rm-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rm-product{background:#f95735;border-radius:15px;width:100px;height:140px;margin:20px auto;padding-top:20px}.rm-product span{background:var(--ink);width:64px;height:64px;box-shadow:0 43px 0 -22px var(--paper);border-radius:50%;margin:auto;display:block}.rm-demo [data-status]{min-height:26px;font-size:14px}.rm-cutaway{background:var(--lime);border-radius:12px;max-width:320px;height:180px;margin:20px auto;position:relative;overflow:hidden}.rm-inside{padding:24px;font-size:44px;line-height:1.3}.rm-inside small{font-size:14px}.rm-shell{background:var(--accent);clip-path:inset(0 0 0 50%);place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.rm-demo input[type=range]{width:100%;max-width:320px;accent-color:var(--ink);min-height:32px;margin:16px auto;display:block}.rm-demo label{font-size:14px}.rm-memory{grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:auto;display:grid}.rm-memory button{height:65px;font-size:28px}.rm-memory button:disabled{background:var(--lime);color:var(--ink);opacity:1;cursor:default}.rm-demo video{background:var(--ink);width:100%;max-height:350px;margin:auto;display:block}.rm-demo>p:last-child,.rm-demo details p{font-size:14px;line-height:1.6}.rm-demo details summary{font-weight:700}.rm-demo details[open] summary{background:var(--lime)}@media (width<=620px){.rm-demo{padding:20px 14px}.rm-demo button{min-height:44px}}.rm-comparison{grid-template-columns:1fr 1fr;gap:18px;margin:30px 0;display:grid}.rm-comparison .rm-demo{min-width:0;margin:0}.rm-comparison [data-scene]{min-height:58px;font-weight:700}.rm-demo[data-rm=video] .rm-controls{margin-top:18px}.rm-demo [data-video-status]{font-size:13px}@media (width<=620px){.rm-comparison{grid-template-columns:1fr}}.rm-video-banner{background:var(--lime);border:2px solid var(--ink);text-align:left;border-radius:8px;grid-template-columns:1fr 1.2fr;align-items:center;gap:24px;padding:28px;display:grid}.rm-fiction-brand{letter-spacing:.16em;margin-bottom:18px;font-size:11px;font-weight:700;display:block}.rm-video-copy>strong{letter-spacing:-.04em;font-size:clamp(23px,3vw,32px);line-height:1.12;display:block}.rm-video-copy .rm-product{width:80px;height:110px;margin:22px 0}.rm-video-copy .rm-product span{width:48px;height:48px;box-shadow:0 34px 0 -17px var(--paper)}.rm-video-copy>p{font-size:13px;line-height:1.5}.rm-video-window{background:var(--paper);border-radius:8px;min-width:0;padding:16px}.rm-video-window>p:first-child{margin:0 0 12px;font-size:15px;font-weight:700}.rm-video-example .rm-video-window video{aspect-ratio:16/9;object-fit:contain;width:100%;max-height:none}.rm-video-example .rm-video-window .rm-controls{justify-content:flex-start;gap:8px}.rm-video-window .rm-controls button{padding:9px 10px;font-size:12px}.rm-video-window [data-video-status]{min-height:39px;margin-bottom:0;line-height:1.5}.rm-video-example .rm-video-offer summary{background:var(--ink);color:var(--paper);font-size:13px}.rm-video-example .rm-video-offer[open] summary{background:var(--ink);color:var(--paper)}@media (width<=620px){.rm-video-banner{grid-template-columns:1fr;gap:20px;padding:20px}.rm-video-copy .rm-product{float:right;margin:12px 0 12px 16px}.rm-video-copy>strong{font-size:28px}.rm-video-offer{clear:both}.rm-video-window{padding:12px}}
