*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#f7f8f5;color:#202b2b;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #504ea2;outline-offset:5px}.header,main,footer{max-width:1600px;margin:auto;padding-left:40px;padding-right:40px}.header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe4dd}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:17px;line-height:1.25}.brand img{object-fit:contain}.brand strong{font-weight:750}nav{display:flex;gap:32px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#5d7069;margin:0 0 10px}h1{font-size:clamp(22px,2.2vw,34px);letter-spacing:-1px;line-height:1.2;margin:0;font-weight:650}h1 span{color:#446953}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#243d32;color:#fff;padding:16px 20px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}.button:hover{background:#345641}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.map-card{border:1px solid #dce2da;border-radius:14px;overflow:hidden;background:#fff}.map-top{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px}.map-top>span:last-child{color:#687570;font-size:11px}.map-top i{display:inline-block;width:7px;height:7px;background:#52795e;border-radius:50%;margin-right:8px}iframe{display:block;width:100%;height:clamp(570px,70vh,860px);border:0;background:#eef1eb}.map-help{display:flex;gap:10px;padding:12px 18px;color:#626d68;font-size:11px;line-height:1.6}.map-help p{margin:0}.map-help a{font-weight:bold}.legend{background:white;border:1px solid #dce2da;border-radius:14px;padding:22px}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;pointer-events:none}summary::-webkit-details-marker{display:none}summary .eyebrow{display:block}.legend-title{display:block;font-size:21px;line-height:1.2;letter-spacing:-.5px;font-weight:650}.toggle-label,.chevron{display:none}.legend-note{background:#f0f3ed;border-left:3px solid #6c8968;border-radius:3px;padding:12px;font-size:12px;line-height:1.55;font-weight:600;margin:18px 0}.surfaces{list-style:none;margin:0;padding:0}.surfaces li{display:flex;gap:13px;margin-bottom:17px}.route{flex:0 0 23px;height:4px;border-radius:5px;background:var(--route);margin-top:6px}h3{font-size:10px;letter-spacing:1.1px;margin:0 0 5px}.surfaces p,.symbols p,.layers{font-size:12px;line-height:1.6;margin:0;color:#59645f}.symbols{border-top:1px solid #e5e8e1;padding-top:16px}.symbols>div{display:flex;gap:13px;margin-bottom:14px}.symbols>div>span{width:23px;font-size:23px;line-height:1}.layers{border-top:1px solid #e5e8e1;padding-top:14px;font-size:11px}.how{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:42px 0 28px}.how h2{font-size:24px;letter-spacing:-.7px;margin:0 0 10px}.how-heading>p:last-child{font-size:13px;color:#647269;margin:0}.how ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:25px;padding:0;margin:0}.how li{border-top:1px solid #cfd9ce;padding-top:15px}.how li span{font-size:12px;color:#547059;font-weight:700}.how li p{font-size:14px;line-height:1.5;margin-bottom:0}.safety{background:#eef1e9;padding:16px 20px;border-radius:9px;font-size:12px;color:#52614f;line-height:1.6;margin:0 0 34px}.safety span{margin-right:8px}footer{border-top:1px solid #dfe4dd;display:flex;justify-content:space-between;padding-top:22px;padding-bottom:25px;font-size:11px;color:#67736b}footer span:first-child{font-weight:bold;color:#394a3e}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:10px;left:10px;z-index:5;background:white;padding:15px}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 380px}.surfaces p,.symbols p{font-size:13px}}@media(max-width:1000px){.header,main,footer{padding-left:24px;padding-right:24px}.workspace{grid-template-columns:minmax(0,1fr) 310px}.legend{padding:18px}.intro{align-items:flex-end}h1{font-size:25px}.button{gap:12px;font-size:12px}.how{grid-template-columns:1fr}.desktop{display:none}}@media(max-width:760px){.header,main,footer{padding-left:16px;padding-right:16px}.header{height:78px}.brand{font-size:15px;gap:8px}.brand img{width:44px;height:44px}nav{gap:15px;font-size:12px}nav a:first-child{display:none}.intro{display:block;padding:23px 0 20px}h1{font-size:27px;line-height:1.18;max-width:440px}.button{margin-top:17px;padding:13px 16px;font-size:13px}.workspace{grid-template-columns:1fr;gap:14px}iframe{height:64svh;min-height:440px;max-height:680px}.map-top{padding:0 12px}.map-help{padding:12px}.legend{padding:18px}summary{pointer-events:auto;cursor:pointer;gap:12px}.legend-title{font-size:19px}.chevron{display:block;font-size:24px}.toggle-label{display:block;font-size:11px;white-space:nowrap}details[open] .toggle-label{display:none}details[open] .chevron{transform:rotate(180deg)}.how{padding-top:32px;gap:22px}.how ol{grid-template-columns:1fr;gap:16px}.how li{display:flex;gap:18px;align-items:baseline;padding-top:13px}.how li p{margin:0}.safety{padding:14px;font-size:12px}footer{gap:18px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.app-tip{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:13px 16px;border:1px solid #dce2da;border-radius:9px;background:#eef1e9;color:#405841;font-size:13px;line-height:1.6}.app-tip>span:first-child{font-size:22px}.app-tip strong{display:block}.facebook-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;min-height:32px}.facebook-link:hover{text-decoration:underline}footer{align-items:center}@media(max-width:760px){.app-tip{font-size:12px}.facebook-link{order:3;flex-basis:100%}}
.header nav{align-items:center}.header .facebook-link{gap:7px;min-height:44px}.header .facebook-link svg{width:20px;height:20px}@media(max-width:760px){.header nav{gap:12px}.header .facebook-link{order:initial;flex-basis:auto}.header nav>a:first-child{display:inline}.header .facebook-link>span:not(.sr){display:none}.header .facebook-link{min-width:44px;justify-content:center}.header .facebook-link>span:nth-child(2){display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}@media(max-width:380px){.header nav{gap:8px}.header .brand{font-size:13px}.header .brand img{width:34px;height:34px}}
/* Stabilne wyrównanie menu i widoczna wskazówka. */
.header nav>a{display:inline-flex;align-items:center;gap:7px;min-height:44px;white-space:nowrap}.header .facebook-link svg{display:block;flex:0 0 20px;width:20px;height:20px}.app-tip{border:1px solid #a9bca4;border-left:4px solid #52795e;background:#edf3e9;padding:16px 18px;gap:12px}.app-tip>span:first-child{font-size:20px;flex:0 0 auto}.app-tip strong{font-weight:600}@media(max-width:480px){.header{height:auto;min-height:100px;flex-wrap:wrap;gap:4px;padding-top:10px;padding-bottom:5px}.header nav{width:100%;justify-content:flex-end;gap:18px}.header .facebook-link>span:nth-child(2){display:inline;position:static;width:auto;height:auto;overflow:visible;clip-path:none}.header .facebook-link>span:last-child{display:none}.header .facebook-link{min-width:auto}.app-tip{padding:14px;font-size:13px;align-items:flex-start}}
.routes-intro{padding:34px 0 24px}.routes-intro>p:last-child{color:#59645f;line-height:1.6;max-width:720px}.routes-intro h1{margin-top:10px}.route-search{margin-bottom:24px;max-width:650px}.route-search label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.route-search input{width:100%;font:inherit;background:#fff;border:1px solid #a9bca4;border-radius:9px;padding:14px;color:#202b2b}.route-search input:focus-visible{outline:3px solid #504ea2;outline-offset:3px}.route-search p{font-size:12px;color:#59645f}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:42px}.route-card{background:white;border:1px solid #dce2da;border-radius:14px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}.route-card h2{font-size:22px;line-height:1.3;letter-spacing:-.5px}.route-card h2 a{text-decoration:none}.route-card h2 a:hover{text-decoration:underline}.route-card p:not(.eyebrow){font-size:14px;line-height:1.7;color:#59645f}.route-open{font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:16px;min-height:44px}.example-badge{display:inline-block;font-size:11px;font-weight:700;color:#715116;background:#f8efd8;border-radius:5px;padding:6px 9px}.back-link{display:inline-flex;margin-top:24px;min-height:44px;align-items:center;font-size:13px}.example-notice{max-width:900px;border:1px solid #d9c791;border-left:4px solid #ab8438;background:#fff8e7;border-radius:8px;padding:16px;font-size:14px;line-height:1.7}.route-description{max-width:850px;font-size:16px;line-height:1.8}.route-actions{margin:24px 0 18px}.route-map{margin-bottom:20px}.header nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}.header nav{flex-wrap:wrap;justify-content:flex-end;column-gap:22px}.header{height:auto;min-height:98px;gap:12px;padding-top:10px;padding-bottom:10px}.header .brand{flex-shrink:0}[hidden]{display:none!important}@media(max-width:1000px){.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.header{flex-wrap:wrap}.header nav{gap:4px 16px;width:100%;justify-content:flex-start}.header nav>a{font-size:12px;min-height:40px}.route-grid{grid-template-columns:1fr}.routes-intro{padding-top:26px}.route-card{padding:20px}.route-description{font-size:15px}.route-map iframe{min-height:440px}}
/* Czytelna lokalizacja i dystans trasy. */
.route-card .eyebrow{font-size:14px;line-height:1.6;letter-spacing:.4px;color:#405841;font-weight:700}.routes-intro>.eyebrow{font-size:18px;line-height:1.5;letter-spacing:.3px;color:#405841;font-weight:700;margin-bottom:14px}@media(max-width:760px){.route-card .eyebrow{font-size:14px}.routes-intro>.eyebrow{font-size:17px}}