.main-navigation a.current { color: var(--green, #aaff00); }
.subpage-wrap { padding-top: 110px; min-height: 70vh; }
.subpage-hero { max-width: 980px; margin: 0 auto; padding: 90px 24px 55px; text-align: center; }
.subpage-hero h1 { margin: 10px 0 18px; font-size: clamp(42px, 7vw, 76px); letter-spacing: -.05em; }
.subpage-hero > p:not(.eyebrow) { max-width: 760px; margin: 0 auto 28px; color: #aab5c6; font-size: 18px; line-height: 1.75; }
.subpage-section { padding-top: 60px; padding-bottom: 70px; }
.rich-text { max-width: 850px; color: #b5c0d0; font-size: 17px; line-height: 1.85; }
.single-image { max-width: 1100px; margin: 0 auto; }
.single-image img { width: 100%; border: 1px solid rgba(145,170,210,.18); border-radius: 20px; box-shadow: 0 28px 80px rgba(0,0,0,.35); }
.single-image figcaption { margin-top: 12px; color: #8f9bae; text-align: center; }
.screenshot-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; max-width:1200px; margin:35px auto 0; }
.screenshot-card { padding:0; overflow:hidden; color:inherit; border:1px solid rgba(145,170,210,.18); border-radius:18px; background:rgba(255,255,255,.025); cursor:pointer; text-align:left; transition:transform .2s ease,border-color .2s ease; }
.screenshot-card:hover { transform:translateY(-4px); border-color:rgba(170,255,0,.35); }
.screenshot-card img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; background:#0a1020; }
.screenshot-card span { display:block; padding:16px 17px 18px; }
.screenshot-card strong { display:block; font-size:17px; }
.screenshot-card small { display:block; margin-top:6px; color:#94a1b5; line-height:1.5; }
.lightbox { position:fixed; inset:0; z-index:999; display:grid; place-items:center; padding:40px; background:rgba(0,0,0,.9); }
.lightbox[hidden] { display:none; }
.lightbox img { max-width:min(94vw,1500px); max-height:82vh; border-radius:14px; box-shadow:0 30px 100px #000; }
.lightbox p { position:absolute; bottom:18px; color:white; }
.lightbox-close { position:absolute; top:18px; right:24px; width:48px; height:48px; color:white; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:rgba(0,0,0,.4); font-size:30px; cursor:pointer; }
.faq-list { max-width:900px; margin:34px auto 0; display:grid; gap:12px; }
.faq-item { border:1px solid rgba(145,170,210,.18); border-radius:14px; background:rgba(255,255,255,.025); }
.faq-item summary { padding:18px 20px; cursor:pointer; font-weight:750; }
.faq-item p { margin:0; padding:0 20px 20px; color:#a8b3c4; line-height:1.7; }
.news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; max-width:1180px; margin:35px auto 0; }
.news-card { padding:23px; border:1px solid rgba(145,170,210,.18); border-radius:18px; background:rgba(255,255,255,.025); }
.news-card time { color:#aaff00; font-size:12px; font-weight:800; letter-spacing:.08em; }
.news-card h3 { margin:10px 0; }
.news-card p { color:#9da9bb; line-height:1.65; }
.news-card summary { cursor:pointer; color:#dce5f2; font-weight:700; }
.download-list { max-width:1000px; margin:32px auto; display:grid; gap:14px; }
.download-entry { display:flex; justify-content:space-between; gap:30px; align-items:center; padding:24px; border:1px solid rgba(145,170,210,.18); border-radius:18px; background:rgba(255,255,255,.025); }
.download-entry h3 { margin:5px 0 8px; font-size:24px; }
.download-entry h3 span { color:#aaff00; font-size:15px; }
.download-entry p,.download-entry small { display:block; color:#9ba8ba; }
.hash { margin-top:7px; word-break:break-all; }
.centered-action { text-align:center; margin-top:28px; }
@media(max-width:900px){.screenshot-grid,.news-grid{grid-template-columns:1fr 1fr}.download-entry{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.screenshot-grid,.news-grid{grid-template-columns:1fr}.subpage-wrap{padding-top:80px}.lightbox{padding:15px}}


/* Ochrona podstron hasłem */
.access-page{min-height:100vh;background:var(--cms-bg,#060b16);color:var(--cms-text,#f4f7fb)}
.access-shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px;position:relative;z-index:2}
.access-card{width:min(100%,520px);padding:34px;border:1px solid var(--cms-border,#263449);border-radius:var(--cms-radius,18px);background:rgba(16,24,39,.94);box-shadow:0 24px 80px rgba(0,0,0,.36)}
.access-card h1{margin:.35rem 0 1rem;font-size:clamp(2rem,6vw,3.2rem)}
.access-card p{color:var(--cms-muted,#aab7c8);line-height:1.65}
.access-brand{display:inline-flex;margin-bottom:28px}
.access-form{display:grid;gap:16px;margin-top:24px}
.access-form label{display:grid;gap:8px;font-weight:700}
.access-form input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--cms-border,#263449);background:#08101d;color:#fff;font:inherit}
.access-error{margin:18px 0;padding:12px 14px;border:1px solid #a83b49;border-radius:12px;background:rgba(168,59,73,.16);color:#ffd7dc}
.access-back{display:inline-block;margin-top:24px;color:var(--cms-muted,#aab7c8)}

.responsive-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.device-card{padding:20px;border:1px solid var(--admin-border,#334155);border-radius:16px;background:rgba(15,23,42,.35)}.device-card h3{margin-top:0}.preview-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.preview-toolbar button{padding:10px 14px;border-radius:10px;border:1px solid #475569;background:#0f172a;color:#fff;cursor:pointer}.responsive-preview-shell{width:100%;overflow:auto;padding:20px;border:1px solid #334155;border-radius:16px;background:#111827}.responsive-preview-shell iframe{display:block;width:390px;max-width:100%;height:720px;margin:auto;border:1px solid #64748b;border-radius:12px;background:#fff;transition:width .2s ease}@media(max-width:900px){.responsive-device-grid{grid-template-columns:1fr}}

.admin-image-preview{display:flex;align-items:center;gap:14px;margin:10px 0 18px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.admin-image-preview img{display:block;width:120px;max-height:90px;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.18)}.admin-image-preview small{overflow-wrap:anywhere}.check-label{display:flex!important;align-items:center;gap:8px}

.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border:none;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:34px;cursor:pointer;z-index:5}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-counter{position:absolute;top:20px;left:20px;color:#fff;font-weight:bold}

/* Przycisk prowadzący do automatycznie utworzonej podstrony */
.block-link-action{margin-top:1.35rem}
.block-read-more{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.82rem 1.3rem;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.06);color:var(--cms-text,#f4f7fb);text-decoration:none;font-weight:700;line-height:1;box-shadow:0 10px 28px rgba(0,0,0,.16);transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.block-read-more span{font-size:1.15em;transition:transform .2s ease}
.block-read-more:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.34);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.block-read-more:hover span{transform:translateX(3px)}
.block-read-more:focus-visible{outline:3px solid rgba(138,180,255,.55);outline-offset:3px}
@media(max-width:640px){.block-read-more{width:100%;padding:.9rem 1rem}}