/* LondonPolonia.uk 35.0 — wspólna pełnowysokościowa rama działów. */
:root {
  --navy: #071a35;
  --navy-2: #0d2f58;
  --ink: #10243d;
  --muted: #66758a;
  --line: #dfe6ee;
  --soft: #f3f6f9;
  --red: #dd1830;
  --red-dark: #b70f24;
  --blue: #0d63c7;
  --green: #27833f;
  --amber: #ed8700;
  --white: #fff;
  --shadow-sm: 0 8px 26px rgba(7, 26, 53, .08);
  --shadow-md: 0 20px 55px rgba(7, 26, 53, .15);
  --radius: 18px;
  --lp-site-frame-width: 1520px;
  --lp-content-frame-width: 1400px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: #eaf0f5;
  font-synthesis: none;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: #eaf0f5; color: var(--ink); font-size: 16px; line-height: 1.5; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
button { cursor: pointer; }

.icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 2147483647; left: 16px; top: 12px; transform: translateY(-160%); padding: 10px 14px; border-radius: 9px; background: #fff; color: var(--navy); font-weight: 850; box-shadow: var(--shadow-md); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid rgba(13, 99, 199, .42); outline-offset: 3px; }

#start { width: min(100%, 1520px); min-height: 100vh; margin: 0 auto; overflow: hidden; background: #fff; box-shadow: 0 0 50px rgba(7, 26, 53, .10); }
.shell { width: min(1400px, calc(100% - 48px)); margin-inline: auto; }

/* Pasek informacji */
.status-bar { position: relative; z-index: 40; background: var(--navy); color: #fff; font-size: .75rem; }
.status-bar::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent); }
.status-inner { min-height: 34px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 24px; }
.status-service, .status-inner a { display: flex; align-items: center; gap: 9px; min-width: 0; }
.status-service > svg { width: 17px; height: 17px; color: #ef4055; fill: none; stroke: currentColor; stroke-width: 1.9; }
.status-service strong { text-transform: uppercase; font-size: .68rem; letter-spacing: .045em; white-space: nowrap; }
.status-copy { color: #c6d3e2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.status-pill { flex: 0 0 auto; padding: 4px 10px; border-radius: 999px; background: #18863a; color: #fff; font-size: .61rem; line-height: 1; letter-spacing: .035em; font-weight: 900; }
.status-pill[data-state="warning"] { background: #f09a19; color: #291600; }
.status-inner > a { font-size: .69rem; font-weight: 800; color: #f1f5f9; white-space: nowrap; }
.status-inner > a:hover { color: #ff8896; }
.status-inner > a svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; }
.status-inner time { color: #b9c7d8; white-space: nowrap; }

/* Nagłówek */
.site-header { position: relative; z-index: 35; background: rgba(255,255,255,.98); border-bottom: 1px solid rgba(223,230,238,.9); transition: box-shadow .2s ease, transform .2s ease; }
body.lp-page-scrolled .site-header { position: sticky; top: 0; box-shadow: 0 10px 32px rgba(7,26,53,.11); }
.header-main { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { flex: 0 1 355px; min-width: 250px; }
.brand-image { width: min(355px, 100%); height: auto; object-fit: contain; }
.header-actions { display: flex; align-items: center; gap: 9px; }
.header-actions a, .header-actions button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #dbe3ec; border-radius: 11px; padding: 0 15px; background: #fff; color: var(--navy); font-size: .79rem; font-weight: 850; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.header-actions a:hover, .header-actions button:hover { transform: translateY(-1px); border-color: #b7c5d5; box-shadow: 0 7px 18px rgba(7,26,53,.08); }
.header-actions svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; }
.header-actions .add-button { min-width: 168px; border-color: var(--red); background: var(--red); color: #fff; box-shadow: 0 8px 22px rgba(221,24,48,.2); }
.header-actions .add-button:hover { border-color: var(--red-dark); background: var(--red-dark); }
.header-actions .install-app-button { position: relative; flex: 0 0 44px; width: 44px; padding: 0; border-color: #b9d3eb; background: #edf6ff; color: #0b4f91; }
.header-actions .install-app-button > svg { width: 21px; height: 21px; }
.install-app-tooltip { position: absolute; z-index: 50; top: calc(100% + 10px); left: 50%; width: max-content; max-width: 210px; padding: 9px 13px; transform: translateX(-50%); border-radius: 10px; background: #121c2a; color: #fff; font-size: .875rem; font-weight: 500; line-height: 1.4; text-align: center; visibility: hidden; opacity: 0; pointer-events: none; box-shadow: 0 8px 22px #071a3526; }
.install-app-tooltip::before { content: ""; position: absolute; bottom: 100%; left: calc(50% - 6px); border: 6px solid transparent; border-bottom-color: #121c2a; }
.install-app-button:focus-visible .install-app-tooltip { visibility: visible; opacity: 1; }
@media (hover: hover) { .install-app-button:hover .install-app-tooltip { visibility: visible; opacity: 1; } }
[data-pwa-install][hidden] { display: none !important; }
.lp-pwa-dialog { width: min(420px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 26px; border: 1px solid #dfe6ee; border-radius: 18px; background: #fff; color: #071a35; box-shadow: 0 20px 60px #071a3540; }
.lp-pwa-dialog::backdrop { background: #071a3580; }
.lp-pwa-dialog h2 { margin: 0 0 12px; font-size: 1.25rem; line-height: 1.3; }
.lp-pwa-dialog p { margin: 0 0 20px; color: #334a63; font-size: 1rem; line-height: 1.6; }
.lp-pwa-dialog button { width: 100%; min-height: 44px; padding: 10px 16px; border: 0; border-radius: 10px; background: #071a35; color: #fff; font-weight: 700; }
.header-actions .install-app-button:hover { border-color: #73a8d7; background: #e2f1ff; }
.header-actions .install-app-button[hidden] { display: none !important; }
.mobile-menu { display: none; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 10px; background: #edf2f7; color: var(--navy); }
.mobile-menu svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 2; }
.desktop-nav { min-height: 47px; display: flex; align-items: stretch; gap: 30px; }
.desktop-nav a { position: relative; display: flex; align-items: center; color: #263a51; font-size: .82rem; font-weight: 740; white-space: nowrap; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: var(--red); transition: right .2s ease; }
.desktop-nav a:hover { color: var(--red); }
.desktop-nav a:hover::after { right: 0; }
.desktop-nav .nav-help { margin-left: auto; color: var(--blue); }

/* Hero — redakcja i szybkie akcje */
.hero { position: relative; isolation: isolate; padding: 34px 0 28px; background: linear-gradient(90deg, rgba(241,247,252,.97) 0%, rgba(239,246,251,.91) 31%, rgba(230,239,247,.52) 61%, rgba(7,26,53,.19) 100%), url("https://images.unsplash.com/photo-1505761671935-60b3a7427bad?auto=format&fit=crop&w=2200&q=88") center 49% / cover no-repeat; border-bottom: 1px solid #d9e2eb; }
.hero::after { content: ""; position: absolute; z-index: -1; inset: auto 0 0; height: 76px; opacity: .33; background: url("./images/london-skyline.svg") center bottom / 100% 76px no-repeat; pointer-events: none; }
.hero-overlay { position: absolute; z-index: -2; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(7,26,53,.15)); }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.14fr) minmax(330px, .76fr) minmax(250px, .58fr); gap: 16px; align-items: stretch; }
.hero-copy { min-width: 0; padding: 7px 8px 0 0; }
.eyebrow { display: inline-flex; align-items: center; min-height: 25px; border-radius: 999px; padding: 0 10px; background: rgba(221,24,48,.09); color: #b31125; font-size: .67rem; font-weight: 900; letter-spacing: .11em; }
.hero h1 { max-width: 610px; margin: 12px 0 11px; color: var(--navy); font-size: clamp(2.35rem, 3.3vw, 3.55rem); line-height: .98; letter-spacing: -.052em; font-weight: 900; }
.hero-copy > p { max-width: 600px; margin: 0 0 18px; color: #334a63; font-size: .98rem; line-height: 1.55; }
/* LP55: zaakceptowana typografia w bardziej zwartym nagłówku. */
@media (min-width: 701px) {
  #start .hero { background-image: linear-gradient(90deg, rgba(241,247,252,.9) 0%, rgba(239,246,251,.76) 31%, rgba(230,239,247,.28) 61%, rgba(7,26,53,.08) 100%), url("https://images.unsplash.com/photo-1505761671935-60b3a7427bad?auto=format&fit=crop&w=2200&q=88"); }
  #start .hero-copy > .eyebrow { min-height: 0; padding: 0; border-radius: 0; background: none; color: #d71932; font-size: .875rem; font-weight: 700; letter-spacing: .025em; }
  #start .hero { padding-top: 28px; padding-bottom: 24px; }
  #start .hero h1 { max-width: 610px; margin: 10px 0 12px; font-size: clamp(2rem, 2.95vw, 3rem); line-height: 1.06; letter-spacing: -.04em; font-synthesis: weight; }
  #start .hero-title-main { display: block; font-weight: 800; }
  #start .hero-title-subtitle { display: block; max-width: 18ch; margin-top: 2px; font-weight: 400; }
  #start .hero h1::after { content: ""; display: block; width: 66px; height: 5px; margin-top: 12px; border-radius: 6px; background: #e61732; }
  #start .hero-copy > h1 + p { max-width: 560px; margin-bottom: 16px; color: #10243d; font-size: 1.0625rem; line-height: 1.5; }
}
@media (min-width: 821px) {
  /* Ramka i trzy wiadomości dzielą tę samą wysokość, bez pustego dołu. */
  #start .hero-grid > .news-panel.lp-home-highlights-host { display: flex; flex-direction: column; }
  #start .hero-grid > .news-panel .lp-home-news { flex: 1; height: auto; gap: 0; align-content: stretch; grid-template-rows: minmax(48px, auto); grid-auto-rows: minmax(min-content, 1fr); }
}
.borough-box { max-width: 550px; border: 1px solid rgba(211,222,233,.94); border-radius: 15px; padding: 13px; background: rgba(255,255,255,.92); box-shadow: 0 14px 38px rgba(7,26,53,.14); backdrop-filter: blur(9px); }
.borough-box > label { display: block; margin-bottom: 7px; color: var(--navy); font-size: .72rem; font-weight: 900; }
/* LP56: jedno rozwijane pole dzielnicy na komputerze i telefonie. */
.borough-box .borough-select-wrap { position: relative; display: block; height: auto; }
.borough-box .borough-select-wrap select { display: block; width: 100%; min-width: 0; height: 44px; padding: 0 38px; appearance: none; border: 1px solid #d3dfeb; border-radius: 9px; background: #fff; color: var(--navy); font: inherit; font-size: 1rem; font-weight: 650; cursor: pointer; }
.borough-box .borough-select-wrap select:focus-visible { outline: 3px solid rgba(13,99,199,.42); outline-offset: 2px; }
.borough-box .borough-select-wrap svg { position: absolute; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); fill: none; stroke: var(--navy); stroke-width: 2; pointer-events: none; }
.borough-box .borough-select-wrap svg:first-child { left: 12px; }
.borough-box .borough-select-wrap svg:last-child { right: 12px; }
.borough-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.borough-chips button { min-height: 32px; border: 1px solid #d7e0e9; border-radius: 999px; padding: 0 12px; background: #fff; color: #263a52; font-size: .65rem; font-weight: 800; }
.borough-chips button:hover { border-color: #9eb2c8; background: #f5f8fb; }
.borough-chips button.active { display: inline-flex; align-items: center; gap: 5px; border-color: var(--navy); background: var(--navy); color: #fff; }
.borough-chips button svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; }
.hero-trust { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-top: 12px; color: #3f5369; font-size: .67rem; font-weight: 750; }
.hero-trust span { display: inline-flex; align-items: center; gap: 5px; }
.hero-trust span + span::before { content: "•"; margin-right: 6px; color: var(--red); }
.hero-trust svg { width: 14px; height: 14px; fill: none; stroke: var(--green); stroke-width: 2; }

.news-panel { min-width: 0; overflow: hidden; border: 1px solid rgba(214,224,234,.96); border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 18px 46px rgba(7,26,53,.14); }
.panel-heading { min-height: 47px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 14px; border-bottom: 1px solid #e4e9ef; }
.panel-heading strong { color: var(--navy); font-size: .73rem; text-transform: uppercase; letter-spacing: .045em; }
.panel-heading a { display: inline-flex; align-items: center; gap: 4px; color: var(--blue); font-size: .63rem; font-weight: 900; }
.panel-heading svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; }
.fallback-story { min-height: 89px; display: grid; grid-template-columns: 90px minmax(0,1fr); align-items: center; gap: 11px; padding: 9px 13px; border-bottom: 1px solid #e7ecf1; transition: background .18s ease; }
.fallback-story:last-child { border-bottom: 0; }
.fallback-story:hover { background: #f6f9fc; }
.fallback-visual { width: 90px; height: 66px; border-radius: 9px; background-position: center; background-size: cover; }
.fallback-visual.london { background-image: linear-gradient(180deg, transparent, rgba(7,26,53,.2)), url("https://images.unsplash.com/photo-1486299267070-83823f5448dd?auto=format&fit=crop&w=500&q=80"); }
.fallback-visual.events { background-image: linear-gradient(180deg, transparent, rgba(7,26,53,.2)), url("https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=500&q=80"); }
.fallback-visual.alert { background: linear-gradient(135deg, #fce8ec, #f4b7c1); }
.fallback-story > span:last-child { min-width: 0; }
.fallback-story small, .fallback-story strong, .fallback-story em { display: block; }
.fallback-story small { color: var(--red); font-size: .55rem; font-weight: 900; letter-spacing: .07em; }
.fallback-story strong { margin: 3px 0; color: var(--navy); font-size: .78rem; line-height: 1.26; }
.fallback-story em { color: #7c8998; font-size: .6rem; font-style: normal; }

/* Dane redakcyjne wstawiane z API */
#start .news-panel.lp-home-highlights-host { display: block; padding: 0; }
#start .lp-home-news { height: 100%; display: grid; grid-template-rows: 47px minmax(138px,1fr) auto auto; background: transparent; }
#start .lp-home-news-title { display: flex; align-items: center; padding: 0 14px; border-bottom: 1px solid #e4e9ef; color: var(--navy); font-size: .73rem; font-weight: 900; text-transform: uppercase; letter-spacing: .045em; }
#start .lp-home-lead, #start .lp-home-mini { width: 100%; min-width: 0; display: grid; grid-template-columns: 104px minmax(0,1fr); align-items: center; gap: 12px; border: 0; border-bottom: 1px solid #e7ecf1; padding: 10px 13px; background: #fff; color: var(--ink); text-align: left; transition: background .18s ease; }
#start .lp-home-lead:hover, #start .lp-home-mini:hover { background: #f5f8fb; }
#start .lp-home-news > :last-child { border-bottom: 0; }
#start .lp-home-news { grid-template-rows: 47px repeat(3,minmax(0,1fr)); }
#start .lp-home-item { width: 100%; min-width: 0; height: 100%; display: grid; grid-template-columns: 62px minmax(0,1fr); align-items: center; gap: 10px; overflow: hidden; border: 0; border-bottom: 1px solid #e7ecf1; padding: 6px 10px; background: #fff; color: var(--ink); text-align: left; transition: background .18s ease; }
#start .lp-home-item:hover { background: #f5f8fb; }
#start .lp-home-item .lp-feed-image { width: 62px; height: 52px; min-height: 52px; overflow: hidden; border-radius: 8px; }
#start .lp-home-item > span { min-width: 0; }
#start .lp-home-lead .lp-feed-image, #start .lp-home-mini .lp-feed-image { width: 104px; height: 70px; overflow: hidden; border-radius: 9px; background: linear-gradient(135deg,#dbe8f3,#b9cbdc); }
#start .lp-home-lead .lp-feed-image.large { height: 88px; }
#start .lp-feed-image img { width: 100%; height: 100%; object-fit: cover; }
#start .lp-home-lead > span, #start .lp-home-mini > span { min-width: 0; }
#start .lp-home-kicker, #start .lp-home-headline, #start .lp-home-meta { display: block; }
#start .lp-home-kicker { color: var(--red); font-size: .55rem; font-weight: 950; letter-spacing: .07em; }
#start .lp-home-headline { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 4px 0; color: var(--navy); font-size: .78rem; line-height: 1.25; font-weight: 850; }
#start .lp-home-meta { color: #7b8999; font-size: .59rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#start .lp-event-visual, #start .lp-notice-visual { display: grid; place-items: center; align-content: center; color: #fff; background: linear-gradient(135deg,var(--red),#9c1022); }
#start .lp-event-visual strong, #start .lp-notice-visual strong { font-size: 1.4rem; line-height: 1; }
#start .lp-event-visual span, #start .lp-notice-visual span { font-size: .54rem; font-weight: 900; letter-spacing: .06em; }

.quick-grid { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 9px; }
.quick-card { position: relative; min-height: 145px; height: 100%; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; border: 1px solid rgba(255,255,255,.46); border-radius: 15px; padding: 17px; color: #fff; box-shadow: 0 13px 30px rgba(7,26,53,.16); transition: transform .2s ease, box-shadow .2s ease; }
.quick-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg,rgba(255,255,255,.22),transparent 42%); pointer-events: none; }
.quick-card:hover { transform: translateY(-3px); box-shadow: 0 19px 38px rgba(7,26,53,.24); }
.quick-card.red { background: linear-gradient(145deg,#f43a46,#c90e25); }
.quick-card.blue { background: linear-gradient(145deg,#1676df,#084da5); }
.quick-card.green { background: linear-gradient(145deg,#42a357,#1e7137); }
.quick-card.amber { background: linear-gradient(145deg,#ffa21a,#e36c00); }
.quick-card > svg { position: absolute; left: 16px; top: 15px; width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.quick-card strong { position: relative; font-size: 1rem; line-height: 1.1; text-transform: uppercase; }
.quick-card span { position: relative; margin-top: 7px; color: rgba(255,255,255,.92); font-size: .875rem; line-height: 1.35; }
.quick-card b { position: absolute; right: 13px; top: 12px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: rgba(255,255,255,.17); font-size: .83rem; }

.search-bar { position: relative; z-index: 3; min-height: 66px; display: flex; align-items: center; gap: 11px; margin-top: 18px; padding: 7px 8px 7px 19px; border: 1px solid rgba(206,218,229,.98); border-radius: 15px; background: rgba(255,255,255,.97); box-shadow: 0 15px 40px rgba(7,26,53,.18); }
.search-bar > svg { flex: 0 0 23px; width: 23px; height: 23px; fill: none; stroke: #627286; stroke-width: 2; }
.search-bar input { min-width: 0; flex: 1; height: 48px; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: .94rem; }
.search-bar input::placeholder { color: #758398; opacity: 1; }
.search-bar button { min-width: 124px; height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 10px; background: var(--red); color: #fff; font-size: .78rem; font-weight: 900; box-shadow: 0 7px 18px rgba(221,24,48,.2); }
.search-bar button:hover { background: var(--red-dark); }
.search-bar button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; }

/* Główna zawartość */
.content { padding-top: 31px; padding-bottom: 64px; }
.content > section + section { margin-top: 48px; }
.pwa-install-card { position: relative; min-height: 78px; display: grid; grid-template-columns: 52px minmax(0,1fr) auto; align-items: center; gap: 14px; margin: 0 0 25px; padding: 12px 48px 12px 14px; overflow: hidden; border: 1px solid #cfe0ef; border-radius: 15px; background: linear-gradient(110deg,#f8fbff,#edf6ff); box-shadow: 0 9px 28px rgba(7,26,53,.07); }
.pwa-install-card[hidden] { display: none !important; }
.pwa-install-card > img { width: 52px; height: 52px; border-radius: 13px; box-shadow: 0 5px 14px rgba(7,26,53,.18); }
.pwa-install-copy { min-width: 0; }
.pwa-install-copy strong, .pwa-install-copy span { display: block; }
.pwa-install-copy strong { margin-bottom: 2px; color: var(--navy); font-size: .86rem; }
.pwa-install-copy span { color: #586b80; font-size: .72rem; line-height: 1.4; }
.pwa-install-action { min-height: 42px; border: 0; border-radius: 10px; padding: 0 15px; background: var(--navy); color: #fff; font-size: .74rem; font-weight: 900; white-space: nowrap; box-shadow: 0 7px 18px rgba(7,26,53,.16); }
.pwa-install-action:hover { background: #0d3159; }
.pwa-install-dismiss { position: absolute; top: 8px; right: 8px; width: 31px; height: 31px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: #64768a; font-size: 20px; line-height: 1; }
.pwa-install-dismiss:hover { background: rgba(7,26,53,.07); color: var(--navy); }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: 17px; }
.section-heading > div { min-width: 0; }
.section-heading span, .places-heading > div > span, .community-callout-copy > span { display: block; color: var(--red); font-size: .65rem; line-height: 1.2; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.section-heading h2, .places-heading h2, .community-callout h2 { margin: 5px 0 0; color: var(--navy); font-size: clamp(1.65rem,2.4vw,2.15rem); line-height: 1.05; letter-spacing: -.04em; }
.section-heading > a, .places-heading > a { display: inline-flex; align-items: center; gap: 6px; color: var(--blue); font-size: .75rem; font-weight: 900; white-space: nowrap; }
.section-heading > a:hover, .places-heading > a:hover { color: var(--red); }
.section-heading > a svg, .places-heading > a svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; }
.section-heading > p { max-width: 440px; margin: 0; color: var(--muted); font-size: .78rem; text-align: right; }
.section-heading.compact h2 { font-size: 1.45rem; }

.daily-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow-sm); }
.daily-grid article { min-width: 0; min-height: 116px; height: 100%; display: flex; align-items: center; gap: 13px; padding: 17px; border-right: 1px solid var(--line); transition: background .18s ease; }
.daily-grid article:last-child { border-right: 0; }
.daily-grid article:hover { background: #f7f9fc; }
.daily-icon { flex: 0 0 43px; width: 43px; height: 43px; display: grid; place-items: center; border-radius: 12px; background: #eaf3ff; color: var(--blue); }
.daily-icon.weather { background: #fff4dc; color: #e58000; }
.daily-icon.events { background: #fff0f2; color: var(--red); }
.daily-icon.warning { background: #fdebed; color: #bc1429; }
.daily-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.daily-grid article > div:last-child { min-width: 0; }
.daily-grid article span, .daily-grid article strong, .daily-grid article a, .daily-grid article small { display: block; }
.daily-grid article span { margin-bottom: 4px; color: #6c7a8c; font-size: .6rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.daily-grid article strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--navy); font-size: .77rem; line-height: 1.3; }
.daily-grid article a, .daily-grid article small { margin-top: 6px; color: var(--blue); font-size: .61rem; font-weight: 750; }

.listing-layout { display: grid; grid-template-columns: minmax(0,1fr) 218px; gap: 16px; align-items: stretch; }
.listing-grid { min-width: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: 318px; gap: 14px; }
#start .listing-grid .lp-home-listing { min-width: 0 !important; min-height: 318px !important; height: 318px !important; display: grid !important; grid-template-columns: minmax(0,1fr) !important; grid-template-rows: 166px minmax(0,1fr) !important; overflow: hidden !important; border: 1px solid #dce4ec !important; border-radius: 15px !important; background: #fff !important; box-shadow: 0 8px 25px rgba(7,26,53,.07) !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
#start .listing-grid .lp-home-listing:hover { transform: translateY(-3px); border-color: #c4d0dc !important; box-shadow: 0 16px 34px rgba(7,26,53,.13) !important; }
#start .listing-grid .lp-home-listing-media { height: 166px !important; min-height: 166px !important; }
#start .listing-grid .lp-home-listing-copy { min-height: 150px !important; display: flex !important; flex-direction: column; padding: 14px 15px !important; }
#start .listing-grid .lp-home-listing-copy h3 { min-height: 40px !important; margin: 5px 0 4px !important; color: var(--navy); font-size: .92rem !important; line-height: 1.28 !important; }
#start .listing-grid .lp-home-listing-copy > strong { color: var(--ink); font-size: 1.02rem; }
#start .listing-grid .lp-home-listing-meta { margin-top: auto !important; padding-top: 12px; color: #6c7889; font-size: .64rem; }
#start .listing-grid .lp-home-listing-fav { width: 37px; height: 37px; border: 0; box-shadow: 0 5px 16px rgba(7,26,53,.16); }
.ad-card { min-height: 318px; display: grid; grid-template-rows: auto 1fr auto; gap: 8px; padding: 9px; border: 1px solid #dfe5ec; border-radius: 15px; background: #f1f4f7; }
.ad-card > span, .ad-card > em { color: #748194; font-size: .57rem; font-style: normal; text-align: center; letter-spacing: .07em; }
.ad-card > div { display: flex; flex-direction: column; justify-content: flex-end; border-radius: 11px; padding: 20px 15px; color: #fff; background: linear-gradient(180deg,rgba(7,26,53,.1),rgba(7,26,53,.9)), url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=600&q=80") center/cover; }
.ad-card small, .ad-card strong { display: block; }
.ad-card small { font-size: .64rem; font-weight: 800; text-transform: uppercase; }
.ad-card strong { margin: 6px 0 7px; font-size: 1rem; line-height: 1.17; }
.ad-card p { margin: 0 0 12px; color: #dbe4ed; font-size: .68rem; }
.ad-card a { align-self: flex-start; padding: 8px 10px; border-radius: 8px; background: var(--red); color: #fff; font-size: .63rem; font-weight: 900; }

.community-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-auto-rows: 1fr; gap: 15px; }
.community-grid article { min-width: 0; height: 100%; overflow: hidden; display: flex; flex-direction: column; border: 1px solid #dce4ec; border-radius: 16px; background: #fff; box-shadow: var(--shadow-sm); transition: transform .2s ease, box-shadow .2s ease; }
.community-grid article:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.community-icon { height: 152px; background-position: center; background-size: cover; }
.community-icon.city { background-image: linear-gradient(180deg,transparent,rgba(7,26,53,.18)),url("https://images.unsplash.com/photo-1486299267070-83823f5448dd?auto=format&fit=crop&w=700&q=82"); }
.community-icon.business { background-image: linear-gradient(180deg,transparent,rgba(7,26,53,.18)),url("https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?auto=format&fit=crop&w=700&q=82"); }
.community-icon.advice { background-image: linear-gradient(180deg,transparent,rgba(7,26,53,.18)),url("https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=700&q=82"); }
.community-icon.people { background-image: linear-gradient(180deg,transparent,rgba(7,26,53,.18)),url("https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=700&q=82"); }
.community-copy { flex: 1; display: flex; flex-direction: column; padding: 15px 16px 17px; }
.community-copy > span { color: var(--red); font-size: .58rem; font-weight: 950; letter-spacing: .08em; }
.community-copy h3 { margin: 5px 0 7px; color: var(--navy); font-size: 1rem; line-height: 1.18; }
.community-copy p { min-height: 54px; margin: 0 0 13px; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.community-copy a { display: inline-flex; align-items: center; gap: 5px; margin-top: auto; color: var(--blue); font-size: .67rem; font-weight: 900; }
.community-copy a svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }

.places-section { padding: 29px; border: 1px solid var(--line); border-radius: 20px; background: #f5f8fb; }
.places-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 18px; }
.places-heading p { max-width: 690px; margin: 6px 0 0; color: var(--muted); font-size: .78rem; }
.places-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-auto-rows: 1fr; gap: 12px; }
.place-card { min-width: 0; height: 100%; display: flex; gap: 12px; padding: 15px; border: 1px solid #dce4ec; border-radius: 14px; background: #fff; box-shadow: 0 5px 18px rgba(7,26,53,.045); }
.place-icon { flex: 0 0 41px; width: 41px; height: 41px; display: grid; place-items: center; border-radius: 11px; background: #eaf3ff; color: var(--blue); }
.place-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.place-copy { min-width: 0; }
.place-meta { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.place-meta > span { overflow: hidden; color: #758194; font-size: .53rem; font-weight: 900; letter-spacing: .055em; text-overflow: ellipsis; white-space: nowrap; }
.place-meta em { display: inline-flex; align-items: center; gap: 3px; color: var(--green); font-size: .54rem; font-style: normal; font-weight: 900; white-space: nowrap; }
.place-meta em svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 2; }
.place-card h3 { min-height: 39px; margin: 7px 0 8px; color: var(--navy); font-size: .8rem; line-height: 1.28; }
.place-card p { display: flex; align-items: flex-start; gap: 5px; margin: 0; color: #6d7a8b; font-size: .63rem; line-height: 1.45; }
.place-card p > svg { flex: 0 0 13px; width: 13px; height: 13px; margin-top: 2px; fill: none; stroke: var(--red); stroke-width: 2; }
.place-card p strong, .place-card p small { display: block; }
.place-card p strong { color: #3b4d63; }
.place-card p small { color: #8793a2; font-size: .58rem; }
.place-card a { display: inline-block; margin-top: 10px; color: var(--blue); font-size: .62rem; font-weight: 900; }
.places-note { display: flex; align-items: flex-start; gap: 7px; margin: 16px 0 0; color: #647184; font-size: .66rem; line-height: 1.45; }
.places-note svg { flex: 0 0 15px; width: 15px; height: 15px; fill: none; stroke: var(--green); stroke-width: 2; }

.community-callout { position: relative; overflow: hidden; min-height: 210px; display: flex; align-items: center; justify-content: space-between; gap: 34px; padding: 36px 40px; border-radius: 22px; color: #fff; background: linear-gradient(120deg,#071a35 0%,#0c3767 64%,#12558c 100%); box-shadow: var(--shadow-md); }
.community-callout::after { content: ""; position: absolute; right: -60px; bottom: -58px; width: 300px; height: 180px; opacity: .22; background: url("./images/london-skyline.svg") center/cover no-repeat; filter: brightness(0) invert(1); }
.community-callout-copy { position: relative; z-index: 1; max-width: 780px; }
.community-callout-copy > span { color: #ff9eaa; }
.community-callout h2 { color: #fff; font-size: clamp(1.75rem,2.9vw,2.55rem); }
.community-callout p { margin: 10px 0 0; color: #ccdae8; font-size: .86rem; }
.community-callout-actions { position: relative; z-index: 1; flex: 0 0 auto; display: flex; flex-direction: column; gap: 9px; }
.community-callout-actions a { min-height: 45px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; padding: 0 15px; color: #fff; font-size: .72rem; font-weight: 900; }
.community-callout-actions a.primary { border-color: var(--red); background: var(--red); }
.community-callout-actions svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; }

.trust-section { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.trust-section > div { display: flex; align-items: center; gap: 13px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.trust-section > div > svg { flex: 0 0 30px; width: 30px; height: 30px; padding: 6px; border-radius: 8px; background: #edf4fb; color: var(--blue); fill: none; stroke: currentColor; stroke-width: 1.8; }
.trust-section span { color: var(--muted); font-size: .7rem; }
.trust-section strong { display: block; margin-bottom: 2px; color: var(--navy); font-size: .8rem; }

/* Stopka */
.site-footer { padding: 44px 0 20px; background: #06152a; color: #dbe5ef; }
.footer-grid { display: grid; grid-template-columns: 1.7fr repeat(3,1fr); gap: 48px; }
.footer-brand img { width: 310px; padding: 7px 10px; border-radius: 8px; background: #fff; }
.footer-brand p { max-width: 360px; margin: 15px 0 0; color: #9eafc2; font-size: .78rem; }
.footer-grid > div:not(.footer-brand) { display: grid; align-content: start; gap: 8px; }
.footer-grid > div > strong { margin-bottom: 4px; color: #fff; font-size: .78rem; }
.footer-grid > div > a { color: #9eafc2; font-size: .72rem; }
.footer-grid > div > a:hover { color: #fff; }
.footer-bottom { min-height: 54px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 35px; border-top: 1px solid rgba(255,255,255,.1); color: #778ba1; font-size: .65rem; }
.footer-bottom > span:last-child { display: flex; gap: 17px; }
.mobile-bottom { display: none; }
.noscript { position: fixed; z-index: 999999; left: 12px; right: 12px; bottom: 12px; padding: 13px; border-radius: 10px; background: #fff4dc; color: #62440e; text-align: center; box-shadow: var(--shadow-md); }

/* Małe dialogi (np. logowanie). Pełne działy mają osobną, wspólną ramę poniżej. */
html body .lp-layer { align-items: center; justify-content: center; padding: 16px; background: rgba(4,15,30,.68); backdrop-filter: blur(8px); }
html body .lp-layer .lp-panel { width: min(820px,calc(100vw - 32px)); height: min(920px,calc(100dvh - 32px)); max-height: calc(100dvh - 32px); overflow: auto; border: 1px solid rgba(255,255,255,.34); border-radius: 22px; background: #fff; box-shadow: 0 34px 100px rgba(0,0,0,.34); }
html body .lp-layer .lp-panel.lp-wide { width: min(var(--lp-site-frame-width,1520px),calc(100vw - 32px)) !important; max-width: var(--lp-site-frame-width,1520px) !important; }
/* LP35: wszystkie pełne działy mają geometrię działu Praca, bez limitu 920px.
   Wyższa specyficzność jest celowa: sekcje wstrzykują własne style po otwarciu. */
html body .lp-layer.lp-page-layer {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  align-items: flex-start !important;
  justify-content: center !important;
}
html body .lp-layer.lp-page-layer .lp-panel.lp-wide {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  width: min(var(--lp-site-frame-width,1520px),100%) !important;
  max-width: var(--lp-site-frame-width,1520px) !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 18px !important;
}
html body .lp-layer.lp-page-layer .lp-panel.lp-wide > .lp-head {
  flex: 0 0 auto;
}
html body .lp-layer.lp-page-layer .lp-panel.lp-wide > .lp-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  overscroll-behavior-y: contain;
}
@media (max-width: 700px) {
  html body .lp-layer.lp-page-layer { padding: 0 !important; }
  html body .lp-layer.lp-page-layer .lp-panel.lp-wide {
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
}
html body .lp-layer .lp-panel > .lp-head { min-height: 70px !important; padding: 8px 16px !important; background: linear-gradient(110deg,#06162d,#0b315b) !important; border-bottom: 1px solid rgba(255,255,255,.1); }
html body .lp-layer .lp-panel > .lp-head .lp-head-copy h2 { font-size: 1rem !important; }
html body .lp-layer .lp-panel > .lp-head .lp-layer-brand { width: 245px !important; height: 50px !important; border-radius: 9px !important; box-shadow: 0 5px 18px rgba(0,0,0,.22) !important; }
html body .lp-layer .lp-panel > .lp-head .lp-close { width: 42px !important; height: 42px !important; border-radius: 11px; transition: background .18s ease, border-color .18s ease; }
html body .lp-layer .lp-panel > .lp-head .lp-close:hover { border-color: rgba(255,255,255,.65); background: rgba(255,255,255,.1); }
html body .lp-layer .lp-panel > .lp-content { min-height: calc(100% - 70px); padding: 23px; background: #f5f7fa; }
html body .lp-layer .lp-card { border-color: #dce4ec; box-shadow: 0 6px 20px rgba(7,26,53,.045); }
html body .lp-layer .lp-field { font-size: .83rem; }
html body .lp-layer .lp-field input, html body .lp-layer .lp-field select { min-height: 47px; }
html body .lp-layer .lp-field textarea { min-height: 130px; }
html body .lp-layer .lp-btn { min-height: 44px; font-size: .78rem; }
html body .lp-layer .lp-filterbar input, html body .lp-layer .lp-filterbar select { min-height: 46px; font-size: .79rem; }
html body .lp-layer .lp-toast { font-size: .78rem; }
html body .lp-layer .lp-table { font-size: .76rem; }
html body .lp-layer .lp-table th { font-size: .64rem; }

/* Główne działy korzystają z jednego, szerszego standardu treści. */
@media (min-width: 701px) {
  html body .lp-layer .lp-panel.lp-wide :is(.lp-newsroom,.lp-live-wrap,.lp-directory-wrap,.lp-housing-shell,.lp-work-shell,.lp-sale-wrap,.lp-help-shell,.lp-hub,.lp-search-shell) {
    width: 100%;
    max-width: var(--lp-content-frame-width,1400px) !important;
    margin-inline: auto;
  }
}

/* Nowoczesny newsroom i artykuł. */
.lp-newsroom { max-width: 1160px; margin: 0 auto; }
.lp-newsroom-intro { position: relative; min-height: 176px; overflow: hidden; display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 12px; padding: 31px 34px; border-radius: 21px; background: linear-gradient(118deg,#071a35,#0d4277); color: #fff; }
.lp-newsroom-intro::after { content: ""; position: absolute; right: -30px; bottom: -30px; width: 290px; height: 130px; opacity: .18; background: url("./images/london-skyline.svg") center/cover no-repeat; filter: brightness(0) invert(1); }
.lp-newsroom-intro > div, .lp-newsroom-intro > strong { position: relative; z-index: 1; }
.lp-newsroom-intro span { color: #ff9ba8; font-size: .62rem; font-weight: 950; letter-spacing: .1em; }
.lp-newsroom-intro h1 { margin: 7px 0 9px; font-size: clamp(2rem,4vw,3.1rem); line-height: .98; letter-spacing: -.05em; }
.lp-newsroom-intro p { max-width: 760px; margin: 0; color: #cbd9e7; font-size: .75rem; line-height: 1.52; }
.lp-newsroom-intro > strong { color: #fff; font-size: 2.3rem; text-align: center; }
.lp-newsroom-intro > strong small { display: block; color: #cbd9e7; font-size: .58rem; letter-spacing: .08em; text-transform: uppercase; }
.lp-newsroom-tools { display: grid; grid-template-columns: minmax(230px,1fr) auto; gap: 10px; margin-bottom: 17px; }
.lp-newsroom-search { min-height: 46px; border: 1px solid #d5dfe8; border-radius: 11px; padding: 0 14px; background: #fff; color: var(--ink); font-size: .79rem; }
.lp-newsroom-chips { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.lp-newsroom-chips::-webkit-scrollbar { display: none; }
.lp-newsroom-chip { min-height: 42px; flex: 0 0 auto; border: 1px solid #d7e0e9; border-radius: 999px; padding: 0 12px; background: #fff; color: #42546a; font-size: .67rem; font-weight: 850; }
.lp-newsroom-chip.active { border-color: var(--navy); background: var(--navy); color: #fff; }
.lp-newsroom-featured { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(270px,.65fr); gap: 12px; margin-bottom: 18px; }
.lp-newsroom-featured.solo { grid-template-columns: minmax(0,1fr); }
.lp-newsroom-side { display: grid; gap: 12px; }
.lp-newsroom-card { min-width: 0; overflow: hidden; display: grid; grid-template-columns: 145px minmax(0,1fr); align-items: stretch; border: 1px solid #dce4ec; border-radius: 15px; padding: 0; background: #fff; color: var(--ink); text-align: left; box-shadow: 0 6px 21px rgba(7,26,53,.05); }
.lp-newsroom-card.lead { grid-template-columns: minmax(0,1fr); grid-template-rows: 255px auto; }
.lp-newsroom-card .lp-feed-image { width: 145px; min-height: 125px; overflow: hidden; border-radius: 0; background: linear-gradient(135deg,#dce9f4,#9fb8cf); }
.lp-newsroom-card.lead .lp-feed-image { width: 100%; height: 255px; }
.lp-newsroom-card .lp-feed-image img { width: 100%; height: 100%; object-fit: cover; }
.lp-newsroom-card-copy { min-width: 0; display: flex; flex-direction: column; padding: 15px; }
.lp-newsroom-card-copy > span { color: var(--red); font-size: .59rem; font-weight: 950; letter-spacing: .07em; }
.lp-newsroom-card h2, .lp-newsroom-card h3 { margin: 5px 0 7px; color: var(--navy); line-height: 1.17; letter-spacing: -.025em; }
.lp-newsroom-card h2 { font-size: 1.4rem; }
.lp-newsroom-card h3 { font-size: .92rem; }
.lp-newsroom-card p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0 0 10px; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.lp-newsroom-card small { margin-top: auto; color: #7a8797; font-size: .62rem; }
.lp-newsroom-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 430px; gap: 14px; }
.lp-newsroom-grid .lp-newsroom-card { height: 430px; grid-template-columns: minmax(0,1fr); grid-template-rows: 224px minmax(0,1fr); }
.lp-newsroom-grid .lp-newsroom-card .lp-feed-image { width: 100%; height: 224px; min-height: 224px; }
.lp-newsroom-grid .lp-newsroom-card h3 { min-height: 49px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 1.08rem; line-height: 1.2; }
.lp-newsroom-grid .lp-newsroom-card p { min-height: 50px; font-size: .76rem; line-height: 1.5; }
.lp-newsroom-more { width: 100%; min-height: 48px; margin-top: 15px; border: 1px solid #b9c9d8; border-radius: 12px; background: #fff; color: #0a3158; font-size: .72rem; font-weight: 900; box-shadow: 0 5px 16px rgba(7,26,53,.05); }
.lp-newsroom-more:hover { border-color: #0a3158; background: #f4f8fb; }.lp-newsroom-more:disabled { opacity: .6; cursor: wait; }
.lp-newsroom-empty { grid-column: 1/-1; padding: 45px 20px; border: 1px dashed #c8d3de; border-radius: 15px; background: #fff; color: #6b798b; text-align: center; }
.lp-story-title { margin: 7px 0 15px; color: var(--navy); font-size: clamp(2rem,4.5vw,3.35rem); line-height: 1.02; letter-spacing: -.05em; }

@media (max-width: 1120px) {
  .desktop-nav { gap: 20px; }
  .desktop-nav a { font-size: .75rem; }
  .hero-grid { grid-template-columns: minmax(0,1.1fr) minmax(310px,.8fr); }
  .quick-grid { grid-column: 1/-1; grid-template-columns: repeat(4,1fr); }
  .quick-card { min-height: 114px; }
  .quick-card > svg { width: 23px; height: 23px; }
  .daily-grid { grid-template-columns: repeat(2,1fr); }
  .daily-grid article:nth-child(2) { border-right: 0; }
  .daily-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .community-grid, .places-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  .shell { width: min(100% - 28px,720px); }
  .status-copy, .status-inner time { display: none; }
  .desktop-nav { gap: 15px; overflow-x: auto; scrollbar-width: none; }
  .desktop-nav::-webkit-scrollbar { display: none; }
  .desktop-nav .nav-help { margin-left: 0; }
  .header-search span { display: none; }
  .hero-grid { grid-template-columns: minmax(0,1fr); }
  .news-panel { display: none; }
  .quick-grid { grid-template-columns: repeat(2,1fr); }
  .listing-layout { grid-template-columns: minmax(0,1fr); }
  .ad-card { display: none; }
  .listing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-grid { grid-template-columns: 1.6fr 1fr 1fr; }
  .footer-grid > div:last-child { display: none; }
}

@media (max-width: 700px) {
  body { padding-bottom: 72px; background: #fff; }
  #start { width: 100%; box-shadow: none; overflow: clip; }
  .shell { width: calc(100% - 24px); }
  .status-bar { display: none; }
  .site-header, body.lp-page-scrolled .site-header { position: sticky; top: 0; box-shadow: 0 4px 18px rgba(7,26,53,.10); }
  .header-main { min-height: 66px; gap: 12px; }
  .brand { flex: 0 1 225px; min-width: 0; }
  .brand-image { width: 225px; max-width: 100%; }
  .header-actions, .desktop-nav { display: none; }
  .mobile-menu { flex: 0 0 43px; display: grid; }

  .content { padding-top: 16px; }
  .pwa-install-card { grid-template-columns: 44px minmax(0,1fr); gap: 10px; margin-bottom: 17px; padding: 11px 38px 11px 11px; border-radius: 13px; }
  .pwa-install-card > img { width: 44px; height: 44px; border-radius: 11px; }
  .pwa-install-copy strong { font-size: .78rem; }
  .pwa-install-copy span { font-size: .66rem; }
  .pwa-install-action { grid-column: 1/-1; width: 100%; min-height: 43px; }

  .hero { display: flex; flex-direction: column; padding: 0 0 18px; background: #fff; border-bottom: 1px solid #e1e7ee; }
  .hero::after, .hero-overlay { display: none; }
  .hero-grid { display: contents; }
  .hero-copy { order: 1; min-height: 172px; display: flex; flex-direction: column; justify-content: flex-end; padding: 62px 12px 11px; background: linear-gradient(180deg,rgba(232,242,251,.1),rgba(7,26,53,.44)),url("https://images.unsplash.com/photo-1505761671935-60b3a7427bad?auto=format&fit=crop&w=1100&q=86") center 44% / cover no-repeat; }
  .hero-copy > .eyebrow, .hero-copy > h1, .hero-copy > p, .hero-trust { display: none; }
  .borough-box { max-width: none; width: 100%; padding: 11px 12px; border: 0; border-radius: 11px; background: rgba(255,255,255,.94); box-shadow: 0 11px 29px rgba(7,26,53,.25); }
  .borough-box > label { margin-bottom: 4px; font-size: .75rem; }
  .borough-select-wrap { height: 41px; display: grid; grid-template-columns: 20px minmax(0,1fr) 20px; align-items: center; gap: 8px; }
  .borough-select-wrap svg { width: 18px; height: 18px; fill: none; stroke: var(--navy); stroke-width: 2; }
  .borough-select-wrap select { width: 100%; min-width: 0; height: 41px; appearance: none; border: 0; outline: 0; background: transparent; color: var(--navy); font-size: .88rem; font-weight: 850; }
  .borough-chips { display: none; }
  .search-bar { order: 2; width: calc(100% - 24px); min-height: 52px; margin: 8px 12px 0; padding: 4px 4px 4px 12px; border-radius: 10px; box-shadow: 0 8px 24px rgba(7,26,53,.14); }
  .search-bar > svg { width: 20px; height: 20px; }
  .search-bar input { height: 42px; font-size: 1rem; }
  .search-bar button { min-width: 48px; width: 48px; height: 42px; border-radius: 8px; }
  .search-bar button span { display: none; }
  .search-bar button svg { width: 19px; height: 19px; }
  .quick-grid { order: 3; width: calc(100% - 24px); grid-template-columns: 1fr 1fr; gap: 7px; margin: 9px 12px 0; }
  .quick-card { min-height: 94px; border-radius: 12px; padding: 13px 10px 13px 46px; justify-content: center; box-shadow: 0 8px 19px rgba(7,26,53,.13); }
  .quick-card:hover { transform: none; }
  .quick-card > svg { left: 12px; top: calc(50% - 12px); width: 24px; height: 24px; }
  .quick-card b { display: none; }
  .quick-card strong { font-size: .875rem; line-height: 1.22; }
  .quick-card span { margin-top: 5px; font-size: .75rem; line-height: 1.3; }

  .content { padding-top: 22px; padding-bottom: 28px; }
  .content > section + section { margin-top: 31px; }
  .section-heading { align-items: flex-end; gap: 12px; margin-bottom: 12px; }
  .section-heading span, .places-heading > div > span, .community-callout-copy > span { font-size: .56rem; }
  .section-heading h2, .places-heading h2 { font-size: 1.38rem; }
  .section-heading.compact h2 { font-size: 1.18rem; }
  .section-heading > a, .places-heading > a { font-size: .64rem; }
  .section-heading > p { display: none; }

  .daily-grid { display: flex; gap: 8px; overflow-x: auto; border: 0; border-radius: 0; box-shadow: none; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .daily-grid::-webkit-scrollbar { display: none; }
  .daily-grid article { flex: 0 0 254px; min-height: 106px; scroll-snap-align: start; border: 1px solid var(--line) !important; border-radius: 12px; padding: 14px; background: #fff; }
  .daily-icon { flex-basis: 39px; width: 39px; height: 39px; }
  .daily-icon svg { width: 21px; height: 21px; }
  .daily-grid article strong { font-size: .76rem; }

  .listing-grid { grid-template-columns: minmax(0,1fr); grid-auto-rows: 142px; gap: 8px; }
  #start .listing-grid .lp-home-listing { min-height: 142px !important; height: 142px !important; display: grid !important; grid-template-columns: 116px minmax(0,1fr) !important; grid-template-rows: 142px !important; border-radius: 13px !important; }
  #start .listing-grid .lp-home-listing:hover { transform: none; }
  #start .listing-grid .lp-home-listing-media { grid-column: 1; grid-row: 1; height: 100% !important; min-height: 142px !important; }
  #start .listing-grid .lp-home-listing-copy { grid-column: 2; grid-row: 1; min-height: 142px !important; padding: 12px !important; }
  #start .listing-grid .lp-home-listing-copy h3 { min-height: auto !important; margin-top: 4px !important; font-size: .86rem !important; }
  #start .listing-grid .lp-home-listing-copy > strong { font-size: .94rem; }
  #start .listing-grid .lp-home-listing-meta { display: grid !important; grid-template-columns: minmax(0,1fr) auto; gap: 6px; font-size: .58rem; }
  #start .listing-grid .lp-home-listing-fav { width: 34px; height: 34px; right: 7px; top: 7px; }
  .lp-home-listings-empty { min-height: 150px; padding: 20px 14px; }

  .community-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .community-grid article:hover { transform: none; }
  .community-icon { height: 90px; }
  .community-copy { padding: 11px; }
  .community-copy > span { font-size: .5rem; }
  .community-copy h3 { min-height: 34px; margin: 4px 0 5px; font-size: .81rem; }
  .community-copy p { min-height: 68px; margin-bottom: 9px; font-size: .63rem; }
  .community-copy a { font-size: .6rem; }

  .places-section { padding: 18px 13px; border-radius: 15px; }
  .places-heading { align-items: flex-start; gap: 12px; margin-bottom: 13px; }
  .places-heading p { margin-top: 5px; font-size: .68rem; }
  .places-heading > a { padding-top: 18px; font-size: 0; }
  .places-heading > a::before { content: "Wszystkie"; font-size: .64rem; }
  .places-grid { grid-template-columns: minmax(0,1fr); gap: 7px; }
  .place-card { padding: 13px; }
  .place-card h3 { min-height: 0; font-size: .82rem; }
  .place-card p { font-size: .67rem; }
  .place-card a { font-size: .64rem; }

  .community-callout { min-height: 0; align-items: flex-start; flex-direction: column; gap: 20px; padding: 25px 20px; border-radius: 17px; }
  .community-callout h2 { font-size: 1.55rem; }
  .community-callout p { font-size: .74rem; }
  .community-callout-actions { width: 100%; flex-direction: row; }
  .community-callout-actions a { flex: 1; min-width: 0; padding: 0 10px; font-size: .63rem; }
  .trust-section { grid-template-columns: minmax(0,1fr); gap: 7px; }
  .trust-section > div { padding: 13px; }

  .site-footer { padding: 32px 0 20px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 22px; }
  .footer-brand { grid-column: 1/-1; }
  .footer-brand img { width: 255px; }
  .footer-grid > div:last-child { display: grid; }
  .footer-bottom { align-items: flex-start; flex-direction: column; min-height: 0; padding-top: 18px; }

  .mobile-bottom { position: fixed; z-index: 90000; left: 0; right: 0; bottom: 0; height: 70px; display: grid; grid-template-columns: repeat(5,1fr); align-items: end; padding: 7px 9px max(7px,env(safe-area-inset-bottom)); border-top: 1px solid #dfe5ec; background: rgba(255,255,255,.97); box-shadow: 0 -9px 27px rgba(7,26,53,.12); backdrop-filter: blur(12px); }
  .mobile-bottom a { display: flex; flex-direction: column; align-items: center; gap: 3px; color: #627185; font-size: .58rem; }
  .mobile-bottom > a > svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; }
  .mobile-bottom a.active { color: var(--red); }
  .mobile-bottom .add { transform: translateY(-8px); }
  .mobile-bottom .add > span { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 50%; background: var(--red); color: #fff; box-shadow: 0 8px 20px rgba(221,24,48,.32); }
  .mobile-bottom .add svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 2; }
  .mobile-bottom .add em { color: #627185; font-size: .58rem; font-style: normal; }

  html body .lp-layer { align-items: stretch; padding: 0; backdrop-filter: none; }
  html body .lp-layer .lp-panel, html body .lp-layer .lp-panel.lp-wide { width: 100% !important; max-width: 100% !important; height: 100dvh; max-height: 100dvh; padding-bottom: 0; border: 0; border-radius: 0; box-shadow: none; }
  html body .lp-layer .lp-panel > .lp-head { min-height: 56px !important; padding: 6px 9px !important; }
  html body .lp-layer .lp-panel > .lp-head .lp-head-copy h2 { font-size: .78rem !important; }
  html body .lp-layer .lp-panel > .lp-head .lp-layer-brand { width: 168px !important; height: 40px !important; max-width: 46vw !important; padding: 2px 4px !important; border-radius: 7px !important; }
  html body .lp-layer .lp-panel > .lp-head .lp-close { width: 40px !important; height: 40px !important; }
  html body .lp-layer .lp-panel > .lp-content { min-height: calc(100% - 56px); padding: 13px; }
  html body .lp-layer .lp-card p { font-size: .77rem; }
  html body .lp-layer .lp-field { font-size: .79rem; }
  html body .lp-layer .lp-field input, html body .lp-layer .lp-field select, html body .lp-layer .lp-field textarea { font-size: 16px; }
  html body .lp-layer .lp-admin-main { padding: 12px; }

  .lp-newsroom-intro { align-items: flex-start; padding: 20px 18px; border-radius: 14px; }
  .lp-newsroom-intro h1 { font-size: 1.65rem; }
  .lp-newsroom-intro p { font-size: .72rem; }
  .lp-newsroom-intro > strong { display: none; }
  .lp-newsroom-tools { grid-template-columns: minmax(0,1fr); }
  .lp-newsroom-search { width: 100%; font-size: 16px; }
  .lp-newsroom-chips { width: calc(100vw - 26px); margin-right: -13px; padding-right: 13px; }
  .lp-newsroom-featured { grid-template-columns: minmax(0,1fr); }
  .lp-newsroom-card.lead { grid-template-rows: 190px auto; }
  .lp-newsroom-card.lead .lp-feed-image { height: 190px; }
  .lp-newsroom-side { grid-template-columns: minmax(0,1fr); }
  .lp-newsroom-card { grid-template-columns: 112px minmax(0,1fr); }
  .lp-newsroom-card .lp-feed-image { width: 112px; min-height: 126px; }
  .lp-newsroom-card-copy { padding: 12px; }
  .lp-newsroom-card h2 { font-size: 1.18rem; }
  .lp-newsroom-card h3 { font-size: .83rem; }
  .lp-newsroom-card p { font-size: .68rem; -webkit-line-clamp: 2; }
  .lp-newsroom-grid { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .lp-newsroom-grid { grid-auto-rows: 142px; }
  .lp-newsroom-grid .lp-newsroom-card { height: 142px; grid-template-columns: 112px minmax(0,1fr); grid-template-rows: 142px; }
  .lp-newsroom-grid .lp-newsroom-card .lp-feed-image { width: 112px; height: 142px; min-height: 142px; }
  .lp-newsroom-grid .lp-newsroom-card h3 { min-height: 36px; }
  .lp-newsroom-grid .lp-newsroom-card p { min-height: 32px; }
  .lp-story-title { font-size: 2rem; }
}

@media (max-width: 390px) {
  .brand { flex-basis: 204px; }
  .brand-image { width: 204px; }
  .hero-copy { min-height: 205px; padding-top: 98px; }
  .quick-card { min-height: 99px; }
  #start .listing-grid .lp-home-listing { grid-template-columns: 106px minmax(0,1fr) !important; }
  .community-copy p { min-height: 74px; }
  .community-callout-actions { flex-direction: column; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* London Network v32: lokalny newsroom, centrum porad i samorząd. */
.lp-newsroom-v32 { max-width: 1400px; }
.lp-newsroom-tools-v32 { grid-template-columns: minmax(300px,1fr) 230px; margin-bottom: 10px; }
.lp-newsroom-search-wrap, .lp-newsroom-area { min-height: 48px; display: flex; align-items: center; gap: 9px; border: 1px solid #d5dfe8; border-radius: 12px; padding: 0 13px; background: #fff; }
.lp-newsroom-search-wrap > span { color: #6d7d90; font-size: 1.1rem; }
.lp-newsroom-search-wrap .lp-newsroom-search { width: 100%; min-width: 0; min-height: 46px; border: 0; padding: 0; outline: 0; }
.lp-newsroom-area { display: grid; grid-template-columns: auto minmax(0,1fr); }
.lp-newsroom-area > span { color: #667589; font-size: .6rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.lp-newsroom-area select { min-width: 0; height: 46px; border: 0; outline: 0; background: #fff; color: #14283f; font-size: .73rem; font-weight: 850; }
.lp-newsroom-v32 > .lp-newsroom-chips { margin-bottom: 16px; }
.lp-newsroom-layout { display: grid; grid-template-columns: minmax(0,1fr) 274px; gap: 16px; align-items: start; }
.lp-newsroom-layout > main { min-width: 0; }
.lp-newsroom-rail { display: grid; gap: 11px; position: sticky; top: 4px; }
.lp-news-card-top { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; }
.lp-news-card-top b { color: var(--red); font-size: .59rem; font-weight: 950; letter-spacing: .07em; }
.lp-news-origin { flex: 0 0 auto; border-radius: 999px; padding: 3px 6px; background: #e9f4ff; color: #1260a6; font-size: .5rem; font-style: normal; font-weight: 900; letter-spacing: .03em; }
.lp-newsroom-card small i { color: var(--red); font-style: normal; }
.lp-transport-teaser, .lp-news-rail-card { width: 100%; display: block; border: 0; border-radius: 17px; padding: 16px; color: #fff; text-align: left; cursor: pointer; overflow: hidden; box-shadow: 0 9px 26px rgba(7,26,53,.15); }
.lp-transport-teaser { position: relative; background: linear-gradient(145deg,#071a35,#0c477d 66%,#1069a8); }
.lp-transport-live { display: flex; align-items: center; gap: 6px; position: relative; z-index: 2; color: #bfe8ff; font-size: .55rem; font-weight: 950; letter-spacing: .09em; }
.lp-transport-live i { width: 7px; height: 7px; border-radius: 50%; background: #56e39f; box-shadow: 0 0 0 5px rgba(86,227,159,.12); }
.lp-mini-map { position: relative; height: 132px; display: block; margin: 10px -4px 9px; border-radius: 13px; background: radial-gradient(circle at 20% 20%,rgba(255,255,255,.09),transparent 34%),rgba(255,255,255,.045); overflow: hidden; }
.lp-mini-map b { position: absolute; display: block; height: 5px; border-radius: 9px; transform-origin: left center; }
.lp-mini-map .line-one { width: 185px; left: 18px; top: 28px; transform: rotate(28deg); background: #e51b36; }
.lp-mini-map .line-two { width: 205px; left: 25px; top: 102px; transform: rotate(-27deg); background: #40a65a; }
.lp-mini-map .line-three { width: 165px; left: 66px; top: 18px; transform: rotate(72deg); background: #f4c542; }
.lp-mini-map .station { position: absolute; z-index: 2; width: 10px; height: 10px; border: 3px solid #fff; border-radius: 50%; background: #0a3158; }
.lp-mini-map .s1 { left: 53px; top: 43px; }.lp-mini-map .s2 { left: 153px; top: 71px; }.lp-mini-map .s3 { left: 103px; top: 98px; }
.lp-mini-map .pulse { position: absolute; z-index: 3; left: 145px; top: 63px; width: 23px; height: 23px; border: 2px solid #ff5368; border-radius: 50%; animation: lp-map-pulse 1.6s ease-out infinite; }
@keyframes lp-map-pulse { 0% { opacity: 1; transform: scale(.3); } 100% { opacity: 0; transform: scale(2); } }
.lp-transport-teaser > strong { display: block; position: relative; z-index: 2; font-size: 1.12rem; line-height: 1.16; }
.lp-transport-teaser > small { display: block; min-height: 31px; margin-top: 6px; color: #cbddec; font-size: .66rem; line-height: 1.4; }
.lp-transport-teaser > em { display: block; margin-top: 11px; color: #fff; font-size: .65rem; font-style: normal; font-weight: 900; }
.lp-news-rail-card { min-height: 148px; border: 1px solid #dce5ee; background: #fff; color: #12283f; box-shadow: 0 6px 18px rgba(7,26,53,.06); }
.lp-news-rail-card > span { color: #c7162d; font-size: .54rem; font-weight: 950; letter-spacing: .08em; }
.lp-news-rail-card > strong { display: block; margin: 8px 0 6px; color: #071a35; font-size: .94rem; line-height: 1.23; }
.lp-news-rail-card > small { display: block; color: #66768a; font-size: .65rem; line-height: 1.4; }
.lp-news-rail-card > b { display: block; margin-top: 10px; color: #1568b5; font-size: .61rem; }
.lp-news-rail-card.civic { border-color: #d9eadf; background: linear-gradient(145deg,#f5fbf7,#fff); }
.lp-news-rail-card.civic > span, .lp-news-rail-card.civic > b { color: #237343; }
.lp-story-labels { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.lp-story-location, .lp-story-origin { display: inline-flex; border-radius: 999px; padding: 5px 9px; background: #edf4fb; color: #315778; font-size: .59rem; font-weight: 850; }
.lp-story-origin { background: #eaf7ee; color: #267143; }
.lp-story-source { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 7px; margin-top: 26px; padding-top: 14px; border-top: 1px solid #dfe7ef; color: #44627d; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.lp-story-source span { font-size: inherit; font-weight: 400; }
.lp-story-source a { color: #1267b5; font-size: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

.lp-guide-hub, .lp-guide-detail { width: 100%; max-width: 1400px; margin: 0 auto; padding-bottom: 38px; }
.lp-guide-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 24px; position: relative; overflow: hidden; margin-bottom: 12px; padding: 31px 34px; border-radius: 21px; background: linear-gradient(125deg,#071a35 0%,#123f70 72%,#e71933 150%); color: #fff; }
.lp-guide-hero::after { content: "?"; position: absolute; right: 185px; top: -84px; color: rgba(255,255,255,.055); font-size: 260px; font-weight: 950; }
.lp-guide-hero > div { position: relative; z-index: 1; }
.lp-guide-hero span, .lp-guide-detail-hero > span { color: #ff9aaa; font-size: .59rem; font-weight: 950; letter-spacing: .1em; }
.lp-guide-hero h1 { margin: 7px 0 9px; font-size: clamp(2rem,4vw,3.2rem); line-height: .98; letter-spacing: -.05em; }
.lp-guide-hero p { max-width: 750px; margin: 0; color: #cfdae7; font-size: .77rem; line-height: 1.55; }
.lp-guide-hero-mark { display: flex; align-items: center; gap: 9px; min-width: 142px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(255,255,255,.08); }
.lp-guide-hero-mark b { font-size: 2.35rem; line-height: 1; }.lp-guide-hero-mark small { color: #d7e1eb; font-size: .58rem; font-weight: 850; text-transform: uppercase; }
.lp-guide-quick { display: flex; align-items: center; gap: 7px; overflow-x: auto; padding: 8px 2px 14px; scrollbar-width: none; }
.lp-guide-quick > span { flex: 0 0 auto; color: #6c7a8c; font-size: .63rem; font-weight: 850; }
.lp-guide-quick button { flex: 0 0 auto; border: 1px solid #dce4ec; border-radius: 999px; padding: 7px 11px; background: #fff; color: #243b53; font-size: .62rem; font-weight: 900; }
.lp-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.lp-guide-card { min-width: 0; display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 14px; border: 1px solid #dfe7ee; border-radius: 16px; padding: 16px; background: #fff; color: #13283f; text-align: left; cursor: pointer; box-shadow: 0 5px 17px rgba(7,26,53,.045); }
.lp-guide-card:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(7,26,53,.09); }
.lp-guide-card-icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 15px; background: #eaf3ff; color: #1362aa; font-size: 1.2rem; font-weight: 950; }
.lp-guide-card.tone-1 .lp-guide-card-icon { background: #fff0f2; color: #c3152c; }.lp-guide-card.tone-2 .lp-guide-card-icon { background: #ebf8ef; color: #267240; }.lp-guide-card.tone-3 .lp-guide-card-icon { background: #fff6df; color: #996300; }.lp-guide-card.tone-4 .lp-guide-card-icon { background: #f2edff; color: #6448a8; }
.lp-guide-card-copy { min-width: 0; }.lp-guide-card-copy small { color: #c21930; font-size: .53rem; font-weight: 950; letter-spacing: .07em; }.lp-guide-card-copy strong { display: block; margin: 3px 0 4px; color: #071a35; font-size: 1rem; }.lp-guide-card-copy p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; color: #657589; font-size: .67rem; line-height: 1.42; }.lp-guide-card-copy b { display: block; margin-top: 8px; color: #1467b5; font-size: .61rem; }
.lp-guide-detail > .lp-btn { margin-bottom: 12px; }
.lp-guide-detail-hero { position: relative; overflow: hidden; border-radius: 19px; padding: 27px 30px; background: linear-gradient(125deg,#071a35,#124675); color: #fff; }
.lp-guide-detail-icon { position: absolute; right: 30px; top: 20px; width: 76px; height: 76px; display: grid; place-items: center; border-radius: 22px; background: rgba(255,255,255,.1); font-size: 2rem; font-weight: 950; }
.lp-guide-detail-hero h1 { max-width: calc(100% - 100px); margin: 6px 0 7px; font-size: 2.55rem; letter-spacing: -.045em; }.lp-guide-detail-hero p { max-width: 800px; margin: 0; color: #d2dce7; font-size: .78rem; line-height: 1.55; }
.lp-guide-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 14px; margin-top: 14px; align-items: start; }.lp-guide-detail-grid > main { display: grid; gap: 14px; }.lp-guide-detail-grid > aside { position: sticky; top: 4px; display: grid; gap: 11px; }
.lp-guide-steps, .lp-guide-official, .lp-guide-checklist, .lp-guide-warning { border: 1px solid #dfe7ef; border-radius: 16px; padding: 18px; background: #fff; }.lp-guide-steps h2, .lp-guide-official h2, .lp-guide-checklist h2 { margin: 0 0 13px; color: #071a35; font-size: 1.05rem; }
.lp-guide-steps article { display: grid; grid-template-columns: 33px minmax(0,1fr); gap: 10px; align-items: start; padding: 11px 0; border-top: 1px solid #e8edf2; }.lp-guide-steps article:first-of-type { border-top: 0; }.lp-guide-steps article > b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #e71933; color: #fff; font-size: .72rem; }.lp-guide-steps article p { margin: 3px 0 0; color: #31465d; font-size: .74rem; line-height: 1.5; }
.lp-guide-official { display: grid; gap: 8px; }.lp-guide-official h2 { margin-bottom: 4px; }.lp-guide-official > a { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; border: 1px solid #dfe6ed; border-radius: 12px; padding: 12px; color: #17324d; }.lp-guide-official a strong, .lp-guide-official a small { display: block; }.lp-guide-official a strong { font-size: .75rem; }.lp-guide-official a small { margin-top: 3px; color: #6b7a8d; font-size: .61rem; }.lp-guide-official a > b { color: #1568b6; font-size: 1.05rem; }
.lp-guide-checklist p { display: flex; align-items: flex-start; gap: 8px; margin: 9px 0; color: #31455b; font-size: .7rem; }.lp-guide-checklist i { flex: 0 0 20px; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: #e7f7ec; color: #267544; font-size: .62rem; font-style: normal; font-weight: 950; }
.lp-guide-warning { border-color: #efdca8; background: #fff8e7; }.lp-guide-warning strong { color: #8b5c00; font-size: .72rem; }.lp-guide-warning p { margin: 5px 0 0; color: #775f2c; font-size: .64rem; line-height: 1.5; }

.lp-civic-shell, .lp-civic-detail { width: 100%; max-width: 1400px; margin: 0 auto; padding-bottom: 40px; }
.lp-civic-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 25px; align-items: end; position: relative; overflow: hidden; border-radius: 21px; padding: 31px 34px; background: linear-gradient(125deg,#071a35,#174670); color: #fff; }.lp-civic-hero::after { content: "♙"; position: absolute; right: 39%; top: -72px; color: rgba(255,255,255,.055); font-size: 240px; }.lp-civic-hero > div { position: relative; z-index: 1; }.lp-civic-hero > div > span { color: #ff9aaa; font-size: .58rem; font-weight: 950; letter-spacing: .1em; }.lp-civic-hero h1 { margin: 7px 0 9px; font-size: clamp(2rem,4vw,3.1rem); line-height: .98; letter-spacing: -.05em; }.lp-civic-hero p { max-width: 700px; margin: 0; color: #d0dbe6; font-size: .75rem; line-height: 1.52; }
.lp-civic-hero-stats { display: grid; grid-template-columns: repeat(3,92px); gap: 7px; }.lp-civic-hero-stats article { padding: 12px 10px; border: 1px solid rgba(255,255,255,.17); border-radius: 13px; background: rgba(255,255,255,.08); text-align: center; }.lp-civic-hero-stats b { display: block; font-size: 1.7rem; }.lp-civic-hero-stats small { display: block; color: #cfdae5; font-size: .51rem; line-height: 1.25; text-transform: uppercase; }
.lp-civic-toolbar { display: grid; grid-template-columns: 260px minmax(260px,1fr) auto; gap: 9px; align-items: end; margin: 12px 0 21px; padding: 11px; border: 1px solid #dfe6ed; border-radius: 14px; background: #fff; }.lp-civic-toolbar label { display: grid; gap: 4px; }.lp-civic-toolbar label > span { color: #6d7b8d; font-size: .54rem; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; }.lp-civic-toolbar select, .lp-civic-toolbar input { width: 100%; min-width: 0; height: 43px; border: 1px solid #dae2ea; border-radius: 9px; padding: 0 10px; background: #fff; color: #19324b; font: inherit; font-size: .72rem; }.lp-civic-data-state { height: 43px; display: flex; align-items: center; gap: 7px; border-radius: 10px; padding: 0 12px; background: #edf7f0; color: #24683c; font-size: .61rem; font-weight: 900; }.lp-civic-data-state i { width: 8px; height: 8px; border-radius: 50%; background: #3ab266; }.lp-civic-data-state.pending { background: #fff6e3; color: #8b620c; }.lp-civic-data-state.pending i { background: #d99a1c; }
.lp-civic-section { margin-top: 23px; }.lp-civic-heading { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 10px; }.lp-civic-heading span { color: #cf1730; font-size: .55rem; font-weight: 950; letter-spacing: .09em; }.lp-civic-heading h2 { margin: 3px 0 0; color: #071a35; font-size: 1.35rem; }.lp-civic-heading > small { color: #6f7d8e; font-size: .62rem; }
.lp-vote-list { display: grid; gap: 10px; }.lp-vote-card { overflow: hidden; border: 1px solid #dfe6ed; border-radius: 16px; background: #fff; box-shadow: 0 5px 18px rgba(7,26,53,.045); }.lp-vote-card > header { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding: 14px 16px; border-bottom: 1px solid #e6ebf0; }.lp-vote-card header small { color: #718094; font-size: .58rem; }.lp-vote-card header h3 { margin: 3px 0 0; color: #0b2642; font-size: .9rem; }.lp-vote-card header a { flex: 0 0 auto; color: #1467b4; font-size: .61rem; font-weight: 900; }
.lp-vote-columns { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }.lp-vote-columns section { min-width: 0; min-height: 80px; padding: 12px; border-right: 1px solid #e7ecf1; }.lp-vote-columns section:last-child { border-right: 0; }.lp-vote-columns section > b { display: block; margin-bottom: 7px; color: #596a7d; font-size: .52rem; letter-spacing: .05em; }.lp-vote-columns section.for > b { color: #237443; }.lp-vote-columns section.against > b { color: #bf172d; }.lp-vote-columns section.abstain > b { color: #966100; }.lp-vote-columns section.absent > b { color: #6a536f; }.lp-vote-columns section span { display: block; overflow: hidden; margin-top: 4px; color: #263e56; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }.lp-vote-columns section em { color: #a0aab5; font-size: .65rem; font-style: normal; }
.lp-civic-people { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: 69px; gap: 8px; }.lp-civic-person { min-width: 0; height: 69px; display: grid; grid-template-columns: 47px minmax(0,1fr) auto; gap: 10px; align-items: center; overflow: hidden; border: 1px solid #dfe6ed; border-radius: 13px; padding: 10px; background: #fff; color: #193149; text-align: left; cursor: pointer; }.lp-civic-person:hover { border-color: #afc2d4; box-shadow: 0 6px 17px rgba(7,26,53,.07); }.lp-civic-avatar { width: 47px; height: 47px; display: grid; place-items: center; overflow: hidden; border-radius: 12px; background: #e9f1f8; color: #194e7c; font-size: .8rem; font-weight: 950; }.lp-civic-avatar img { width: 100%; height: 100%; object-fit: cover; }.lp-civic-person > span:nth-child(2) { min-width: 0; }.lp-civic-person small, .lp-civic-person strong, .lp-civic-person em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.lp-civic-person small { color: #c31830; font-size: .51rem; font-weight: 900; }.lp-civic-person strong { margin: 2px 0; font-size: .73rem; }.lp-civic-person em { color: #6b7a8c; font-size: .56rem; font-style: normal; }.lp-civic-person > b { color: #2170b6; }
.lp-civic-coming { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 18px; align-items: start; padding: 27px; border: 1px dashed #bdcad7; border-radius: 18px; background: #fff; }.lp-civic-coming > span { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 19px; background: #edf4fb; color: #1a639f; font-size: 1.7rem; }.lp-civic-coming small { color: #c41830; font-size: .59rem; font-weight: 950; text-transform: uppercase; }.lp-civic-coming h2 { margin: 4px 0 6px; font-size: 1.35rem; }.lp-civic-coming p { max-width: 800px; margin: 0 0 12px; color: #617187; font-size: .72rem; line-height: 1.5; }.lp-civic-coming a { display: inline-flex; border-radius: 9px; padding: 9px 11px; background: #071a35; color: #fff; font-size: .62rem; font-weight: 900; }
.lp-civic-footer { margin-top: 20px; padding: 14px 16px; border-radius: 14px; background: #eef3f7; }.lp-civic-footer strong { color: #183650; font-size: .68rem; }.lp-civic-footer p { margin: 3px 0; color: #637388; font-size: .62rem; }.lp-civic-footer small { color: #788697; font-size: .56rem; }
.lp-civic-empty { padding: 28px 16px; border: 1px dashed #cbd5df; border-radius: 14px; background: #fff; color: #6b7a8d; font-size: .7rem; text-align: center; }
.lp-civic-detail > .lp-btn { margin-bottom: 12px; }.lp-civic-profile { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 20px; align-items: center; border-radius: 19px; padding: 22px; background: linear-gradient(125deg,#071a35,#144a7c); color: #fff; }.lp-civic-profile-photo { width: 120px; height: 120px; display: grid; place-items: center; overflow: hidden; border-radius: 20px; background: rgba(255,255,255,.12); font-size: 3rem; }.lp-civic-profile-photo img { width: 100%; height: 100%; object-fit: cover; }.lp-civic-profile span { color: #ff9aaa; font-size: .58rem; font-weight: 950; letter-spacing: .08em; }.lp-civic-profile h1 { margin: 4px 0; font-size: 2.2rem; }.lp-civic-profile p { margin: 0; color: #cfdce8; font-size: .72rem; }.lp-civic-profile-links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }.lp-civic-profile-links a { border: 1px solid rgba(255,255,255,.26); border-radius: 9px; padding: 8px 10px; color: #fff; font-size: .61rem; font-weight: 900; }
.lp-civic-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 14px; margin-top: 14px; align-items: start; }.lp-civic-detail-grid h2 { margin: 0 0 10px; color: #071a35; font-size: 1.2rem; }.lp-civic-activity { display: grid; grid-template-columns: 115px minmax(0,1fr); gap: 13px; margin-bottom: 8px; border: 1px solid #dfe6ed; border-radius: 14px; padding: 13px; background: #fff; }.lp-civic-activity > span { align-self: start; border-radius: 999px; padding: 5px 8px; background: #edf2f7; color: #4d6075; font-size: .55rem; font-weight: 950; text-align: center; }.lp-civic-activity > span.for { background: #e9f8ee; color: #267242; }.lp-civic-activity > span.against { background: #fff0f2; color: #bd172c; }.lp-civic-activity > span.abstain { background: #fff6e1; color: #916000; }.lp-civic-activity small { color: #6f7d8f; font-size: .56rem; }.lp-civic-activity h3 { margin: 3px 0; color: #173149; font-size: .82rem; }.lp-civic-activity p { margin: 4px 0; color: #637287; font-size: .65rem; line-height: 1.45; }.lp-civic-activity a { color: #1467b4; font-size: .59rem; font-weight: 900; }.lp-civic-method { position: sticky; top: 4px; border: 1px solid #efdca8; border-radius: 15px; padding: 16px; background: #fff8e7; }.lp-civic-method strong { color: #815800; font-size: .72rem; }.lp-civic-method p { color: #735e2d; font-size: .64rem; line-height: 1.5; }.lp-civic-method a { color: #1164ad; font-size: .62rem; font-weight: 900; }

@media (max-width: 1080px) {
  .lp-newsroom-layout { grid-template-columns: minmax(0,1fr); }
  .lp-newsroom-rail { position: static; grid-template-columns: 1.1fr 1fr 1fr; align-items: stretch; }
  .lp-transport-teaser, .lp-news-rail-card { min-height: 190px; }
  .lp-mini-map { height: 75px; }
  .lp-civic-people { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lp-civic-hero { grid-template-columns: minmax(0,1fr); }
  .lp-civic-hero-stats { grid-template-columns: repeat(3,minmax(90px,1fr)); }
}
@media (max-width: 760px) {
  .lp-newsroom-tools-v32 { grid-template-columns: minmax(0,1fr); }
  .lp-newsroom-v32 > .lp-newsroom-chips { width: calc(100vw - 26px); margin-right: -13px; }
  .lp-newsroom-rail { grid-template-columns: minmax(0,1fr); }
  .lp-transport-teaser { min-height: 270px; }.lp-mini-map { height: 125px; }.lp-news-rail-card { min-height: 135px; }
  .lp-guide-hero { grid-template-columns: minmax(0,1fr); padding: 23px 19px; }.lp-guide-hero h1 { font-size: 2rem; }.lp-guide-hero-mark { width: fit-content; }.lp-guide-grid { grid-template-columns: minmax(0,1fr); }.lp-guide-card { grid-template-columns: 50px minmax(0,1fr); padding: 13px; }.lp-guide-card-icon { width: 48px; height: 48px; border-radius: 13px; }.lp-guide-detail-hero { padding: 22px 18px; }.lp-guide-detail-icon { right: 17px; top: 17px; width: 58px; height: 58px; border-radius: 16px; }.lp-guide-detail-hero h1 { max-width: calc(100% - 68px); font-size: 2rem; }.lp-guide-detail-grid { grid-template-columns: minmax(0,1fr); }.lp-guide-detail-grid > aside { position: static; }
  .lp-civic-hero { padding: 23px 19px; }.lp-civic-hero h1 { font-size: 2rem; }.lp-civic-hero-stats { grid-template-columns: repeat(3,minmax(0,1fr)); }.lp-civic-hero-stats article { padding: 9px 5px; }.lp-civic-toolbar { grid-template-columns: minmax(0,1fr); }.lp-civic-toolbar select, .lp-civic-toolbar input { font-size: 16px; }.lp-vote-columns { grid-template-columns: 1fr 1fr; }.lp-vote-columns section { border-bottom: 1px solid #e7ecf1; }.lp-civic-people { grid-template-columns: minmax(0,1fr); }.lp-civic-coming { grid-template-columns: minmax(0,1fr); padding: 20px; }.lp-civic-detail-grid { grid-template-columns: minmax(0,1fr); }.lp-civic-profile { grid-template-columns: 82px minmax(0,1fr); padding: 16px; }.lp-civic-profile-photo { width: 82px; height: 82px; border-radius: 15px; }.lp-civic-profile h1 { font-size: 1.5rem; }.lp-civic-activity { grid-template-columns: minmax(0,1fr); }.lp-civic-activity > span { justify-self: start; }
}

/* Wiadomości 36.0 — pełna szerokość, rejony Londynu, 3 karty / lista. */
.lp-news-v36-panel .lp-content{background:#f5f8fb!important}
.lp-newsroom-v36{max-width:1400px!important;margin:0 auto!important}
.lp-newsroom-v36 .lp-newsroom-intro{min-height:168px;margin-bottom:14px}
.lp-newsroom-filterbox{margin-bottom:16px;padding:14px;border:1px solid #dce4ec;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(7,26,53,.04)}
.lp-newsroom-tools-v36{grid-template-columns:minmax(280px,1fr) 230px auto!important;align-items:stretch;margin-bottom:12px!important}
.lp-newsroom-tools-v36 .lp-newsroom-search-wrap,.lp-newsroom-tools-v36 .lp-newsroom-area{margin:0}
.lp-news-view{display:grid;grid-template-columns:1fr 1fr;gap:5px;min-width:190px;padding:4px;border:1px solid #d5dfe8;border-radius:12px;background:#f5f8fb}
.lp-news-view button{min-height:38px;border:0;border-radius:8px;background:transparent;color:#5f7084;font:inherit;font-size:.68rem;font-weight:900;cursor:pointer}
.lp-news-view button.active{background:#071a35;color:#fff;box-shadow:0 3px 9px rgba(7,26,53,.16)}
.lp-news-filter-label{margin:8px 2px 6px;color:#718095;font-size:.58rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.lp-newsroom-regions,.lp-newsroom-v36>.lp-newsroom-filterbox .lp-newsroom-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.lp-newsroom-regions::-webkit-scrollbar,.lp-newsroom-v36>.lp-newsroom-filterbox .lp-newsroom-chips::-webkit-scrollbar{display:none}
.lp-newsroom-region{min-height:39px;flex:0 0 auto;border:1px solid #d7e0e9;border-radius:999px;padding:0 12px;background:#fff;color:#42546a;font:inherit;font-size:.65rem;font-weight:850;cursor:pointer}
.lp-newsroom-region:hover{border-color:#9eb0c2;background:#f7fafc}
.lp-newsroom-region.active{border-color:#d7192d;background:#d7192d;color:#fff}
.lp-newsroom-v36 .lp-newsroom-chip{min-height:38px;font-size:.64rem}
.lp-newsroom-v36 .lp-newsroom-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:14px!important}
.lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card{height:100%!important;min-height:404px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:205px minmax(0,1fr)!important;border-radius:16px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card:hover{transform:translateY(-2px);border-color:#c3d0dc;box-shadow:0 12px 28px rgba(7,26,53,.09)}
.lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card .lp-feed-image{width:100%!important;height:205px!important;min-height:205px!important}
.lp-newsroom-v36 .lp-newsroom-card-copy{padding:15px 16px 16px!important}
.lp-newsroom-v36 .lp-news-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card h3{min-height:48px!important;margin:6px 0 8px!important;font-size:1.05rem!important;line-height:1.22!important;-webkit-line-clamp:2!important}
.lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card p{min-height:50px!important;margin-bottom:11px!important;font-size:.74rem!important;line-height:1.48!important;-webkit-line-clamp:3!important}
.lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card small{font-size:.62rem!important}
.lp-newsroom-v36 .lp-newsroom-grid.is-list{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card{min-height:150px!important;height:auto!important;grid-template-columns:230px minmax(0,1fr)!important;grid-template-rows:minmax(150px,auto)!important}
.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card .lp-feed-image{width:230px!important;height:100%!important;min-height:150px!important}
.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card-copy{padding:16px 18px!important}
.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card h3{min-height:0!important;font-size:1.08rem!important;-webkit-line-clamp:2!important}
.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card p{min-height:0!important;-webkit-line-clamp:2!important}
.lp-newsroom-v36 .lp-newsroom-more{margin-top:16px!important}

@media(max-width:1100px){
  .lp-newsroom-tools-v36{grid-template-columns:minmax(250px,1fr) 210px!important}
  .lp-news-view{grid-column:1/-1;justify-self:start;width:190px}
  .lp-newsroom-v36 .lp-newsroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .lp-newsroom-v36{width:100%!important}
  .lp-newsroom-v36 .lp-newsroom-intro{min-height:0!important;margin:0 0 10px!important;padding:17px 15px!important}
  .lp-newsroom-v36 .lp-newsroom-intro h1{font-size:1.55rem!important}
  .lp-newsroom-filterbox{margin:0 0 10px;padding:10px;border-radius:13px}
  .lp-newsroom-tools-v36{grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
  .lp-news-view{grid-column:auto;width:100%;min-width:0}
  .lp-newsroom-regions,.lp-newsroom-v36>.lp-newsroom-filterbox .lp-newsroom-chips{width:calc(100vw - 38px);margin-right:-10px;padding-right:10px}
  .lp-newsroom-region{min-height:36px;padding:0 11px;font-size:.62rem}
  .lp-newsroom-v36 .lp-newsroom-chip{min-height:36px!important}
  .lp-newsroom-v36 .lp-newsroom-grid,.lp-newsroom-v36 .lp-newsroom-grid.is-list{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card,.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card{min-height:142px!important;height:auto!important;grid-template-columns:112px minmax(0,1fr)!important;grid-template-rows:minmax(142px,auto)!important}
  .lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card .lp-feed-image,.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card .lp-feed-image{width:112px!important;height:100%!important;min-height:142px!important}
  .lp-newsroom-v36 .lp-newsroom-card-copy,.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card-copy{padding:11px 11px 10px!important}
  .lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card h3,.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card h3{min-height:34px!important;margin:4px 0 5px!important;font-size:.84rem!important;line-height:1.2!important;-webkit-line-clamp:2!important}
  .lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card p,.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card p{min-height:29px!important;margin-bottom:5px!important;font-size:.66rem!important;line-height:1.35!important;-webkit-line-clamp:2!important}
  .lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card small{font-size:.57rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:390px){
  .lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card,.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card{grid-template-columns:104px minmax(0,1fr)!important}
  .lp-newsroom-v36 .lp-newsroom-grid .lp-newsroom-card .lp-feed-image,.lp-newsroom-v36 .lp-newsroom-grid.is-list .lp-newsroom-card .lp-feed-image{width:104px!important}
}