/* thementor.pl — blog (wpisy i indeks). Uzupełnia tm-style.css */
body{margin:0;background:#F4F5F7;color:#212529;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.bl-top{background:#212529;color:#CED4DA}
.bl-top>div{max-width:1280px;margin:0 auto;padding:10px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em}
.bl-head{background:#191970;border-bottom:1px solid rgba(255,255,255,.18);position:sticky;top:0;z-index:50}
.bl-head>div{max-width:1280px;margin:0 auto;padding:16px 32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.bl-head img{display:block;height:42px;width:auto}
.bl-head nav{display:flex;flex-wrap:wrap;align-items:center;gap:26px;font-size:14px;font-weight:500}
.bl-head nav a{color:#E9ECEF;text-decoration:none}
.bl-head nav a.btn-primary{background:#fb5607;color:#212529;padding:12px 18px;font-weight:700}
.bl-hero{background:#191970;color:#fff;position:relative;overflow:hidden}
.bl-hero .gr1{position:absolute;inset:0;background:linear-gradient(180deg,rgba(251,86,7,0) 0%,rgba(251,86,7,.9) 100%);clip-path:polygon(0 0,46% 0,46% 62%,0 82%)}
.bl-hero .gr2{position:absolute;inset:0;background:linear-gradient(180deg,rgba(251,86,7,.9) 20%,rgba(251,86,7,0) 100%);clip-path:polygon(46% 62%,100% 38%,100% 100%,46% 100%)}
.bl-hero svg.gn{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:overlay;opacity:.5}
.bl-hero .in{max-width:1280px;margin:0 auto;padding:88px 32px 96px;position:relative;display:flex;flex-direction:column;gap:24px}
.bl-hero .in.narrow{max-width:960px}
.bl-lab{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.16em;color:#fff;text-transform:uppercase}
.bl-hero h1{margin:0;font-family:Newsreader,Georgia,serif;font-size:68px;font-weight:500;line-height:1.02;letter-spacing:-.03em;max-width:900px}
.bl-hero h1 i{font-style:italic}
.bl-hero p.sub{margin:0;font-size:19px;line-height:1.6;max-width:560px;color:#fff}
.bl-by{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;color:#E9ECEF;text-transform:uppercase}
.bl-cover{max-width:960px;margin:-48px auto 0;padding:0 32px;position:relative;z-index:2}
.bl-cover>div{position:relative;overflow:hidden;min-height:300px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.bl-cover .g{position:absolute;right:32px;top:50%;transform:translateY(-50%);width:min(52%,440px);height:auto;pointer-events:none}
.bl-cover .g *{transform-box:fill-box;transform-origin:center}
.bl-cover .meta{position:relative;display:flex;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em}
.bl-cover .num{position:relative;font-family:Newsreader,Georgia,serif;font-size:140px;line-height:.9;letter-spacing:-.04em}
.bl-art{max-width:720px;margin:0 auto;padding:64px 32px 24px;font-size:18px;line-height:1.75;color:#212529}
.bl-art p{margin:0 0 24px}
.bl-art p:first-of-type{font-size:21px;line-height:1.6}
.bl-art h2{font-family:Newsreader,Georgia,serif;font-size:36px;font-weight:500;line-height:1.1;letter-spacing:-.02em;margin:56px 0 20px;padding-top:20px;border-top:1px solid #212529;color:#191970}
.bl-art b,.bl-art strong{font-weight:600;color:#191970}
.bl-cta{max-width:720px;margin:24px auto 0;padding:0 32px}
.bl-cta>div{background:#fb5607;color:#212529;padding:40px;position:relative;overflow:hidden}
.bl-cta h3{margin:0 0 12px;font-family:Newsreader,Georgia,serif;font-size:36px;font-weight:500;line-height:1.05;letter-spacing:-.02em}
.bl-cta p{margin:0 0 24px;font-size:17px;line-height:1.6;max-width:520px}
.bl-cta a.btn-dark{background:#212529;color:#fff;text-decoration:none;padding:16px 26px;font-weight:700}
.bl-nav{max-width:720px;margin:48px auto 0;padding:0 32px 72px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
.bl-nav a{flex:1 1 280px;border-top:1px solid #212529;padding:16px 0;text-decoration:none;color:#212529;display:flex;flex-direction:column;gap:6px}
.bl-nav a span{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;color:#495057}
.bl-nav a b{font-family:Newsreader,Georgia,serif;font-size:22px;font-weight:500;line-height:1.15;letter-spacing:-.01em}
.bl-nav a:hover b{color:#191970}
.bl-nav a.r{text-align:right}
.bl-list{max-width:1280px;margin:0 auto;padding:72px 32px 96px}
.bl-foot{background:#212529;color:#CED4DA}
.bl-foot>div{max-width:1280px;margin:0 auto;padding:32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
.bl-foot a{color:#CED4DA}
.bl-foot small{display:block;margin-top:8px;font-size:12.5px;line-height:1.6;opacity:.8}
@media(max-width:720px){.bl-hero h1{font-size:42px}.bl-hero .in{padding:56px 20px 72px}.bl-art{padding:48px 20px 16px;font-size:17px}.bl-art h2{font-size:28px}.bl-cover{padding:0 16px}.bl-cover .num{font-size:96px}.bl-cover .g{width:48%;right:16px}.bl-cta{padding:0 16px}.bl-cta>div{padding:28px 22px}.bl-nav{padding:0 20px 56px}.bl-head>div,.bl-top>div,.bl-foot>div,.bl-list{padding-left:20px;padding-right:20px}.bl-head nav a:not(.btn-primary){display:none}}