/* LokalnyBytom.pl — szablon artykułu, 27.10.2026. Wszystkie reguły ograniczone do artykułów. */
.lb-article-page{--article-ink:#081d48;--article-muted:#62718a;--article-line:#e5ebf2;--article-yellow:#ffc400;max-width:1200px;color:var(--article-ink)}
.lb-article-page .breadcrumb{font-size:12px;margin-bottom:16px;color:var(--article-muted)}
.lb-article-page .breadcrumb a{color:var(--article-muted);text-decoration:none}
.lb-article-page .article-full{padding:0;background:transparent;border:0;border-radius:0;min-width:0}
.lb-article-page .article-title{max-width:980px;font-size:clamp(28px,3.2vw,44px);line-height:1.12;font-weight:800;letter-spacing:-1.1px;color:var(--article-ink);margin:12px 0 18px;overflow-wrap:anywhere}
.lb-article-page .card-cat{position:static;display:inline-block;color:#fff;background:#0878e6;border-radius:5px;padding:5px 10px;font-size:11px;font-weight:800;text-transform:uppercase;text-decoration:none}
.lb-article-page .article-meta{color:var(--article-muted)!important;align-items:center;font-size:12px;margin-bottom:20px!important}
.lb-article-page .article-meta a{color:inherit}
.lb-article-page .lb-article-hero{margin:0 0 26px}
.lb-article-page .lb-article-hero>img{width:100%;height:auto;max-height:590px;object-fit:cover;aspect-ratio:3/1;border-radius:9px!important;display:block}
.lb-article-page .lb-article-hero figcaption{padding:6px 0;font-size:12px}
.lb-article-grid{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(280px,1fr);gap:30px;align-items:start}
.lb-article-main,.lb-article-sidebar{min-width:0}
.lb-article-page .article-lead{font-size:19px;line-height:1.45;font-weight:750;color:var(--article-ink);margin:0 0 18px}
.lb-article-page .article-body{max-width:none;font-size:16px;line-height:1.8;color:#42536f;overflow-wrap:anywhere}
.lb-article-page .article-body p{margin:0 0 20px}
.lb-article-page .article-body h2,.lb-article-page .article-body h3{color:var(--article-ink);font-weight:800;line-height:1.3;letter-spacing:-.4px;margin:28px 0 12px}
.lb-article-page .article-body h2{font-size:25px}
.lb-article-page .article-body h3{font-size:21px}
.lb-article-page .article-body h2:after{content:"";display:block;width:44px;height:3px;background:var(--article-yellow);margin-top:8px}
.lb-article-page .article-body blockquote{background:linear-gradient(110deg,#fffaf0,#fff);border:1px solid #f3ebd9;border-left:4px solid var(--article-yellow);border-radius:7px;margin:24px 0;padding:22px 24px;color:#233957}
.lb-article-page .article-body blockquote p:last-child{margin-bottom:0}
.lb-article-page .article-body ul,.lb-article-page .article-body ol{padding-left:24px;margin-bottom:22px}
.lb-article-page .article-body li{margin-bottom:8px}
.lb-article-page .article-body img,.lb-article-page .article-body video,.lb-article-page .article-body iframe{max-width:100%}
.lb-article-page .article-body table{display:block;overflow-x:auto;max-width:100%}
.lb-article-page .article-body .article-summary{padding:22px;background:#f4f8fc;border:1px solid #dfe8f3;border-radius:8px}
.lb-article-page .article-body .article-tip{padding:22px;background:#fffaec;border:1px solid #f7ecd0;border-radius:8px}
.lb-article-page .article-actions{border:0!important;margin:20px 0!important;padding:14px 0!important}
.lb-article-page .share{gap:8px!important}
.lb-article-page .btn-share{border:1px solid var(--article-line);border-radius:6px;background:white;min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center}
.lb-article-page .lb-partners-callout{margin:26px 0}
.lb-article-sidebar .card{border:1px solid #edf1f6!important;border-radius:9px;overflow:hidden;box-shadow:0 3px 16px #152b4e06!important}
.lb-article-sidebar .card-header{padding:17px 16px 12px;border:0;display:flex;gap:12px;justify-content:space-between;align-items:baseline}
.lb-article-sidebar h2{font-size:19px;font-weight:800;margin:0;color:var(--article-ink)}
.lb-article-sidebar .card-header>a{font-size:10px;white-space:nowrap;color:#426b9b}
.lb-article-sidebar .list-group-item{border-color:#eff2f6;padding:13px 16px;align-items:center;text-decoration:none}
.lb-article-sidebar .list-group-item img{width:92px;height:67px;border-radius:6px!important}
.lb-latest-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.lb-latest-copy strong{font-size:13px;line-height:1.4;color:var(--article-ink)}
.lb-latest-copy time{font-size:11px;color:var(--article-muted)}
.lb-event-row{display:flex;gap:14px}
.lb-event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 48px;min-height:58px;background:#f8fafc;border:1px solid var(--article-line);border-radius:6px;color:var(--article-ink)}
.lb-event-date b{font-size:24px;line-height:1.1}.lb-event-date>span{font-size:9px;font-weight:700}
.lb-event-row strong{display:block;font-size:13px;color:var(--article-ink)}.lb-event-row small{display:block;font-size:11px;margin-top:5px;color:var(--article-muted)}
.lb-article-cta{position:relative;overflow:hidden;padding:26px;border-radius:9px;color:#fff;background:radial-gradient(circle at 100% 0,#146695,transparent 65%),#062945;margin-bottom:26px}
.lb-article-cta>span{font-size:10px;font-weight:750;letter-spacing:2px;color:#ffcf27}
.lb-article-cta h2{font-size:29px;color:#fff;margin:15px 0 12px;line-height:1.15}
.lb-article-cta p{font-size:13px;line-height:1.65;color:#d6e3ee}
.lb-article-cta a{display:inline-flex;gap:18px;align-items:center;background:var(--article-yellow);color:#082543;border-radius:6px;padding:13px 16px;text-decoration:none;font-size:12px;font-weight:800}
.lb-article-page .lb-article-related{margin-top:32px}
.lb-article-page .section-title{font-size:23px;font-weight:800;color:var(--article-ink)}
.lb-article-page .card-article{border:1px solid var(--article-line)!important;border-radius:8px;overflow:hidden;background:white}
.lb-article-page .card-article .card-img-wrap{display:block;aspect-ratio:2.1;overflow:hidden}
.lb-article-page .card-article .card-img-wrap img{width:100%;height:100%;object-fit:cover}
.lb-article-page .card-article .card-body{padding:18px}.lb-article-page .card-article .card-title{font-size:17px;line-height:1.4;margin:10px 0 14px}
.lb-article-page .card-article .card-title a{color:var(--article-ink);text-decoration:none}
.lb-article-page #komentarze{margin-top:32px;scroll-margin-top:100px}
.lb-article-page .lb-comment-form{border:1px solid var(--article-line);border-radius:9px;background:white;padding:22px;box-shadow:0 3px 14px #112d4c05}
.lb-article-page .lb-comment-form .form-control{border-color:#dce5ef;border-radius:6px}
.lb-article-page .lb-comment-form button{background:var(--article-yellow);border-color:var(--article-yellow);color:#102744;font-weight:750;padding:11px 20px;border-radius:6px}
.lb-article-page .related-modules{margin-top:30px!important}
.lb-article-page a:focus-visible,.lb-article-page button:focus-visible{outline:3px solid #0878e6;outline-offset:4px}
@media(min-width:992px){.lb-article-page{padding-top:30px!important;padding-bottom:40px!important}}
@media(max-width:991.98px){.lb-article-grid{grid-template-columns:1fr;gap:24px}.lb-article-sidebar .lb-sidebar-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lb-article-sidebar .lb-sidebar-inner> :not(.card){grid-column:1/-1}.lb-article-page .lb-article-hero>img{aspect-ratio:2/1}.lb-article-page .article-title{letter-spacing:-.6px}}
@media(max-width:575.98px){.lb-article-page{padding-left:18px;padding-right:18px}.lb-article-page .article-title{font-size:29px}.lb-article-page .article-lead{font-size:18px}.lb-article-page .article-body{font-size:16px}.lb-article-page .lb-article-hero>img{aspect-ratio:16/10}.lb-article-sidebar .lb-sidebar-inner{display:block}.lb-article-page .article-body h2{font-size:23px}.lb-article-page .lb-comment-form{padding:16px}.lb-article-page .lb-comment-form small{display:block;margin:12px 0 0!important}}
@media print{.lb-article-sidebar,.lb-article-page .article-actions,.lb-article-page .lb-comment-form,.lb-article-page .lb-partners-callout{display:none!important}.lb-article-grid{display:block}.lb-article-page .article-title{font-size:28px}}
/* Pełna oprawa: nagłówek, nawigacja, newsletter, stopka i lokalne ikony SVG. */
.la-page{background:#fff;color:#081d48}.la-page .site-main{background:linear-gradient(#fff,#fcfdff);min-height:40vh}
.la-wrap{width:calc(100% - 48px);max-width:1176px;margin:0 auto}.la-icon{display:block;flex-shrink:0}
.la-topbar{background:#06334f;color:#e6eff8;font-size:11px}.la-topbar .la-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:32px}.la-topbar nav{display:flex;align-items:center;gap:15px}.la-topbar a{color:#fff;text-decoration:none}.la-topbar .la-icon{width:14px;height:14px}.la-top-city{margin-left:14px}
.la-header{background:white;border-bottom:1px solid #e9eef4}.la-header-inner{min-height:88px;display:flex;align-items:center;gap:24px}.la-brand{flex:0 0 215px}.la-brand img{width:215px;height:auto;display:block}.la-nav{display:flex;align-items:center;gap:18px;flex:1;justify-content:center}.la-nav>a,.la-nav summary{font-size:12px;font-weight:650;color:#1c3557;white-space:nowrap;text-decoration:none;padding:31px 0 28px;cursor:pointer;border-bottom:3px solid transparent}.la-nav .is-active{border-bottom-color:#ffc400}.la-nav details{position:relative}.la-nav summary{list-style:none}.la-nav summary:after{content:'⌄';margin-left:5px}.la-nav details>div{position:absolute;top:100%;right:0;width:215px;background:#fff;border:1px solid #e5ebf2;padding:10px;box-shadow:0 10px 24px #10284620;border-radius:8px;z-index:1050}.la-nav details a{display:block;padding:9px;color:#173456;text-decoration:none;font-size:13px}.la-nav details a:hover{background:#f3f7fb}
.la-actions{display:flex;align-items:center;gap:15px}.la-actions>a:not(.la-button){display:flex;align-items:center;justify-content:center;min-width:28px;min-height:36px}.la-button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#ffc400;color:#092944;text-decoration:none;font-size:12px;font-weight:800;padding:12px 13px;border-radius:6px}.la-menu{display:none;border:0;background:#f2f6fa;border-radius:5px;padding:10px}.la-search-link{color:#092944}
.la-newsletter{background:#07334f;color:#fff;padding:34px 0}.la-newsletter>.la-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.la-newsletter h2{font-size:27px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;color:#fff}.la-newsletter p{font-size:13px;line-height:1.7;color:#d4e4ef;max-width:480px;margin:0}.la-newsletter form>div{display:flex;background:white;border:4px solid #e7eef5;border-radius:9px;padding:2px;gap:5px}.la-newsletter input[type=email]{flex:1;width:0;min-width:0;background:#fff;color:#18324e;border:0;padding:10px;font-size:13px;outline-offset:0}.la-newsletter button{border:0;border-radius:5px;background:#ffc400;font-weight:800;color:#102744;padding:12px 25px;font-size:13px}.la-newsletter small{display:block;font-size:10px;color:#b8cdda;margin-top:9px}.la-newsletter small a{color:#fff}
.la-footer{background:linear-gradient(#fff,#f6f8fa);color:#26415f;padding:32px 0 20px}.la-footer-columns{display:grid;grid-template-columns:1.65fr 1fr 1.1fr 1fr;gap:35px}.la-footer-logo{max-width:240px;width:100%;height:auto;display:block;margin-bottom:16px}.la-footer p{font-size:12px;line-height:1.7;color:#62758c}.la-footer h3{font-size:13px;font-weight:800;color:#0a2549;margin-bottom:13px}.la-footer nav>a{display:block;font-size:12px;color:#36516f;text-decoration:none;margin:0 0 7px}.la-social{display:flex;gap:14px;margin-top:16px}.la-social a{display:block}.la-footer-bottom{border-top:1px solid #e1e8ef;margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;font-size:11px}.la-footer-bottom b{color:#e8ad00;font-size:24px;vertical-align:middle;margin-left:5px}
.la-share{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.la-share>strong{font-size:14px;margin-right:8px;color:#102748}.la-share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 12px;border:1px solid #dce5ef;background:#fff;color:#1d395c;text-decoration:none;border-radius:7px;font-size:12px;font-weight:600}.la-share-button img{display:block;object-fit:contain}.la-share-button:hover{background:#f2f7fc;border-color:#b7cce1;color:#102748}.la-share .article-action-btn{min-height:42px;font-size:12px}
.la-page :is(.la-header,.la-footer,.la-newsletter,.la-topbar) a:focus-visible,.la-page .la-menu:focus-visible{outline:3px solid #168cf0;outline-offset:4px}
@media(min-width:1400px){.la-wrap{max-width:1296px}.la-page .lb-article-page{max-width:1320px}.la-header-inner{gap:25px}.la-nav{gap:20px}.la-nav>a,.la-nav summary{font-size:13px}}
@media(max-width:1199.98px){.la-header-inner{gap:16px}.la-brand{flex-basis:185px}.la-brand img{width:185px}.la-nav{gap:11px}.la-nav>a,.la-nav summary{font-size:11px}.la-actions{gap:9px}.la-button{padding:11px 10px;font-size:11px}.la-nav>a[href*="nieruchomosci"]{display:none}}
@media(max-width:991.98px){.la-nav{display:none}.la-menu{display:block}.la-actions{margin-left:auto;gap:15px}.la-header-inner{min-height:76px}.la-brand{flex-basis:210px}.la-brand img{width:210px}.la-newsletter>.la-wrap{gap:28px}.la-newsletter h2{font-size:24px}.la-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:575.98px){.la-wrap{width:calc(100% - 36px)}.la-topbar{font-size:10px}.la-topbar nav{gap:10px}.la-topbar nav>a:nth-child(2){display:none}.la-topbar .la-top-city{display:none}.la-topbar nav>a:has(img){display:none}.la-header-inner{gap:12px;min-height:70px}.la-brand{flex-basis:166px}.la-brand img{width:166px}.la-actions{gap:8px}.la-actions .la-button{display:none}.la-actions>a:not(.la-button){min-width:22px}.la-newsletter{padding:28px 0}.la-newsletter>.la-wrap{grid-template-columns:1fr;gap:20px}.la-newsletter button{padding:12px 16px}.la-footer-columns{gap:25px 18px}.la-footer-columns>div:first-child{grid-column:1/-1}.la-footer-logo{max-width:220px}.la-footer-bottom{flex-direction:column;gap:6px}.la-share>strong{width:100%;margin-bottom:3px}.la-share-button{padding:10px;font-size:12px}.la-share-button img{width:20px;height:20px}}
@media print{.la-header,.la-topbar,.la-newsletter,.la-footer,.la-share{display:none!important}}
.la-newsletter button,.lb-article-page .lb-comment-form button{min-height:44px;line-height:1.25;display:inline-flex;align-items:center;justify-content:center}
.la-newsletter form>div{min-height:54px}
