.przyklad-shell{background:var(--color-product-surface-white);min-height:100dvh;display:flex;flex-direction:column}@media (min-width:64rem){.przyklad-shell{height:100dvh;overflow:hidden}}.przyklad-header{flex-shrink:0;height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 1rem;background:var(--color-product-surface-white);border-bottom:1px solid var(--color-hairline)}.przyklad-header-left{display:flex;align-items:center;gap:.875rem;min-width:0}.przyklad-brand{display:inline-flex;align-items:center;gap:.625rem;min-height:2.75rem;flex-shrink:0}.przyklad-brand-word{font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;color:var(--color-product-ink)}.przyklad-brand-accent{color:#309b6c}.przyklad-header-divider{display:none;width:1px;height:1.375rem;background:var(--color-hairline-strong);flex-shrink:0}.przyklad-header-label{display:none;font-size:.8125rem;font-weight:500;color:var(--color-product-text-secondary);white-space:nowrap}.przyklad-header-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:.4rem;height:2.75rem;padding:0 .875rem;border-radius:9999px;background:var(--color-product-accent-strong);color:#fff;font-size:.8125rem;font-weight:600;white-space:nowrap;transition:filter .15s ease}.przyklad-header-cta:hover{filter:brightness(1.05)}.przyklad-header-cta-pill{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;background:rgba(255,255,255,.18);font-family:var(--font-mono,ui-monospace,monospace);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}@media (min-width:48rem){.przyklad-header-divider,.przyklad-header-label{display:block}}@media (min-width:64rem){.przyklad-header{padding:0 1.5rem}.przyklad-header-cta{height:2.75rem;padding:0 1.125rem;font-size:.875rem;gap:.5rem}}.przyklad-body{display:block}@media (min-width:64rem){.przyklad-body{flex:1;min-height:0;display:flex;align-items:stretch}}.przyklad-rail{display:none}@media (min-width:64rem){.przyklad-rail{display:block;flex:0 0 42%;overflow-y:auto;border-right:1px solid var(--color-hairline);padding:2rem 2.5rem 2.5rem;background:var(--color-product-surface-white)}}@media (min-width:80rem){.przyklad-rail{flex-basis:40%}}.przyklad-rail-inner{display:flex;flex-direction:column;gap:1.5rem}.przyklad-rail-block{display:flex;flex-direction:column;gap:.6875rem}.przyklad-eyebrow{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.przyklad-eyebrow,.przyklad-rail-lead{color:var(--color-product-text-secondary)}.przyklad-rail-lead{font-size:.84rem;line-height:1.6}.przyklad-chip-row{display:flex;flex-wrap:wrap;gap:.375rem}.przyklad-source-chip{display:inline-flex;align-items:center;padding:.25rem .625rem;border:1px solid var(--color-hairline-strong);border-radius:9999px;font-family:var(--font-mono,ui-monospace,monospace);font-size:.75rem;font-weight:500;color:var(--color-product-label);white-space:nowrap}.przyklad-source-chip--muted{border-color:var(--color-hairline);color:var(--color-product-placeholder)}.przyklad-toc{display:flex;flex-direction:column}.przyklad-toc-row{display:flex;align-items:center;gap:.8125rem;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--color-hairline);padding:.6875rem .375rem .6875rem .125rem;border-radius:.375rem;cursor:pointer;color:var(--color-product-ink);transition:background .12s ease}.przyklad-toc-row:last-child{border-bottom:none}.przyklad-toc-row:hover{background:var(--color-product-stage)}.przyklad-toc-num{flex-shrink:0;font-family:var(--font-mono,ui-monospace,monospace);font-size:.6875rem;font-weight:500;color:var(--color-product-placeholder)}.przyklad-toc-title{flex:1;min-width:0;font-size:.84rem;font-weight:500;color:var(--color-product-ink)}.przyklad-toc-span{font-family:var(--font-mono,ui-monospace,monospace);font-size:.65rem}.przyklad-toc-chev,.przyklad-toc-span{flex-shrink:0;color:var(--color-product-placeholder)}.przyklad-rule{border:0;border-top:1px solid var(--color-hairline);margin:0}.przyklad-buy{gap:.875rem;padding:1.125rem;border:1.5px solid var(--color-product-accent-strong);border-radius:.875rem;background:var(--color-product-highlight-fill)}.przyklad-buy,.przyklad-buy-price{display:flex;flex-direction:column;align-items:center}.przyklad-buy-price{gap:.125rem}.przyklad-buy-amount{font-size:2.5rem;line-height:1;font-weight:500;letter-spacing:-.03em;color:var(--color-product-accent-strong);white-space:nowrap}.przyklad-buy-amount,.przyklad-buy-meta{font-family:var(--font-mono,ui-monospace,monospace)}.przyklad-buy-meta{font-size:.7rem;color:var(--color-product-text-secondary)}.przyklad-buy-links{display:flex;flex-direction:column;align-items:center;gap:.5rem}.przyklad-quiet-link{display:inline-flex;min-height:44px;align-items:center;font-size:.78rem;font-weight:500;color:var(--color-product-accent-strong)}.przyklad-quiet-link:hover{text-decoration:underline}.przyklad-intro-mobile{display:flex;flex-direction:column;gap:1rem;padding:1.375rem 1.125rem 1.5rem;background:var(--color-product-surface-white)}@media (min-width:64rem){.przyklad-intro-mobile{display:none}}.przyklad-verdict-chip{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:1.5px solid var(--color-product-accent-strong);border-radius:.75rem;background:var(--color-product-highlight-fill)}.przyklad-verdict-icon{flex-shrink:0;width:2.375rem;height:2.375rem;border-radius:9999px;background:var(--color-product-accent-strong);color:#fff;display:flex;align-items:center;justify-content:center}.przyklad-verdict-text{display:flex;flex-direction:column;gap:.125rem}.przyklad-verdict-eyebrow,.przyklad-verdict-label{color:var(--color-product-accent-strong)}.przyklad-verdict-label{font-size:1.1875rem;line-height:1;font-weight:800;letter-spacing:-.02em}.przyklad-mobile-price{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.75rem 0;border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline)}.przyklad-mobile-price-main{display:flex;align-items:baseline;gap:.5rem}.przyklad-mobile-price .przyklad-buy-amount{font-size:1.875rem}.przyklad-mobile-links{display:flex;align-items:center;justify-content:center;gap:1.125rem}.przyklad-mobile-sources{margin-top:.25rem}.przyklad-pages{background:#e9edef;padding:1.125rem .75rem 1.5rem}@media (min-width:64rem){.przyklad-pages{flex:1;min-width:0;overflow-y:auto;padding:2.5rem 0 4rem}}.przyklad-stage{width:48rem;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:.875rem}@media (min-width:64rem){.przyklad-stage{gap:1.75rem}}.przyklad-toolbar{display:none;align-items:center;justify-content:space-between;gap:1rem;padding:0 .125rem}@media (min-width:64rem){.przyklad-toolbar{display:flex}}.przyklad-toolbar-label{font-family:var(--font-mono,ui-monospace,monospace);font-size:.72rem;color:var(--color-product-text-secondary)}.przyklad-toolbar-link{display:inline-flex;align-items:center;gap:.4375rem;font-size:.8125rem;font-weight:600;color:var(--color-product-accent-strong);white-space:nowrap}.przyklad-toolbar-link:hover{text-decoration:underline}.przyklad-page-frame{position:relative;margin:0;overflow:hidden;background:var(--color-product-surface-white);border:1px solid var(--color-hairline);border-radius:3px;box-shadow:0 1px 2px rgba(23,28,31,.04),0 18px 32px -24px rgba(23,28,31,.45)}.przyklad-page-frame img{display:block;width:100%;height:auto}.przyklad-wm{position:absolute;display:none;top:1.375rem;right:-1rem;transform:rotate(45deg);padding:.3125rem 1.75rem;background:rgba(23,28,31,.045);color:rgba(23,28,31,.3);font-size:.59rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;z-index:1}@media (min-width:64rem){.przyklad-wm{display:block}}.przyklad-page-caption{position:absolute;bottom:.625rem;right:.625rem;padding:.1875rem .5rem;border-radius:9999px;background:rgba(255,255,255,.92);border:1px solid var(--color-hairline);font-family:var(--font-mono,ui-monospace,monospace);font-size:.625rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-product-text-secondary)}.przyklad-end{text-align:center;padding:2rem 1rem .5rem}.przyklad-end-title{font-size:1rem;font-weight:600;color:var(--color-product-ink);margin-bottom:1rem}.przyklad-mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;padding:.625rem 1rem calc(.625rem + env(safe-area-inset-bottom, 0px));background:var(--color-product-surface-white);border-top:1px solid var(--color-hairline);box-shadow:0 -8px 24px -18px rgba(23,28,31,.45)}@media (min-width:64rem){.przyklad-mobile-cta{display:none}}@media (max-width:63.999rem){.przyklad-pages{padding-bottom:5.5rem}}