.guides-page,.guide-page{padding-top:70px;padding-bottom:90px}
.guides-page h1{font-size:clamp(44px,7vw,82px);line-height:1;letter-spacing:-.05em;margin:0 0 28px}
.guides-page h1 span{color:var(--muted)}
.guides-lead{font-size:19px;color:var(--muted);max-width:780px}
.guides-section{border-top:1px solid var(--line);margin-top:50px;padding-top:30px}
.guides-section h2{font-size:30px;margin:0 0 15px}
.guides-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-card{display:flex;flex-direction:column;padding:28px;background:var(--panel);border:1px solid var(--line);transition:border-color .15s}
.guide-card:hover{border-color:var(--accent)}
.guide-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.guide-card h3{font-size:23px;line-height:1.3;margin:0 0 14px}
.guide-card>p{color:var(--muted);margin:0 0 24px}
.guide-card-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}
.guide-card-bottom strong{color:#fff;white-space:nowrap}
.guide-page{max-width:960px}
.guide-back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:30px}
.guide-back:hover{color:#fff}
.guide-page h1{font-size:clamp(34px,5vw,60px);line-height:1.1;letter-spacing:-.035em;margin:0 0 24px}
.guide-byline{display:flex;flex-wrap:wrap;gap:10px 24px;color:var(--muted);font-size:13px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.guide-byline strong{color:#fff}
.guide-content{font-size:17px;line-height:1.85;margin:36px 0 48px;overflow-wrap:anywhere}
.guide-content h2{font-size:29px;line-height:1.25;margin:40px 0 20px}
.guide-content h3,.guide-content h4{line-height:1.35;margin-top:30px}
.guide-content a{color:#ff8279;text-decoration:underline}
.guide-content figure{margin:30px 0}
.guide-content img{display:block;width:auto;max-width:100%;height:auto;margin:22px auto}
.guide-content a:has(img){display:block;cursor:zoom-in}
.guide-content figcaption{color:var(--muted);font-size:13px;text-align:center}
.guide-content blockquote{margin:24px 0;border-left:3px solid var(--accent);padding:8px 24px;color:#c6c9ce;background:var(--panel)}
.guide-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.guide-content th,.guide-content td{padding:10px;border:1px solid var(--line)}
.guide-missing-image{display:block;padding:16px;border:1px solid var(--line);color:var(--muted);font-size:13px}
.guide-chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.guide-chapters a{padding:8px 12px;border:1px solid var(--line);font-size:12px}
.guide-chapters a[aria-current]{background:var(--accent);border-color:var(--accent);color:#fff}
.guide-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-bottom:40px}
.home-guides{padding:46px;border:1px solid var(--line);background:var(--panel);margin:0 0 70px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.home-guides h2{font-size:36px;line-height:1.1;margin:0 0 12px}
.home-guides p{color:var(--muted);margin:0;max-width:700px}
.home-guides .btn{flex:none}
@media(max-width:700px){.guides-page,.guide-page{padding-top:48px}.guides-grid{grid-template-columns:1fr}.guide-card{padding:24px}.guide-content{font-size:16px}.home-guides{padding:28px;display:block}.home-guides .btn{margin-top:22px}}

@media(min-width:761px) and (max-width:1100px){.top{height:70px;position:relative;z-index:50}.top nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--bg);padding:24px;z-index:20;flex-direction:column;box-shadow:0 18px 35px rgba(0,0,0,.35)}.top nav.open{display:flex}.top .menu{display:block;margin-left:auto}.top>.discord{display:none}}

/* Stabilny układ nagłówka po dodaniu poradników. */
.top{gap:18px}
.top .brand{flex-shrink:0}
.top nav{align-items:center;gap:16px}
.top nav a{white-space:nowrap}
.top>.discord{flex-shrink:0;white-space:nowrap}
@media(max-width:1100px){.top nav{align-items:flex-start}.top nav a{display:block;padding:5px 0}}