:root{--forest:#002d21;--forest-2:#001e17;--green:#0b513d;--gold:#d89a22;--gold-2:#efb343;--cream:#f7f3e9;--paper:#fffaf0;--mint:#eef3e8;--ink:#17372d;--muted:#526359;--line:#d8bd7c;--shadow:0 14px 38px rgba(6,42,31,.14)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#d9ddd9}
body{margin:0;color:var(--ink);background:#edf0eb;font:16px/1.65 "Segoe UI",Inter,Arial,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 12% 12%,#fff9e8 0 8%,transparent 28%),linear-gradient(135deg,#e7ede3,#f4eee1 55%,#dde8dc)}
a{color:inherit}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:200;background:#fff;padding:.8rem;border:2px solid var(--gold)}

.topbar{position:relative;z-index:70;display:grid;grid-template-columns:108px 84px 1fr minmax(300px,auto);align-items:center;gap:18px;min-height:138px;padding:18px clamp(22px,3vw,46px);color:#fff;background:radial-gradient(circle at 25% 0,#084637,var(--forest-2) 65%);border-bottom:1px solid #d89a2270}
.brand,.brody{display:grid;justify-items:center;align-content:center;text-decoration:none;color:#fff;font-size:.68rem;font-weight:800;line-height:1.25;text-align:center;letter-spacing:.03em}
.brand img{width:100px;height:100px;object-fit:contain;transition:.25s transform}
.brody img{width:72px;height:86px;object-fit:contain;transition:.25s transform}
.brand:hover img,.brody:hover img{transform:scale(1.05)}
.brand span,.brody span{margin-top:3px;color:#f2cd76;text-shadow:0 1px 2px #000}
.motto{text-align:center;color:#f4bd4d;text-shadow:0 2px 5px #001b15;font:700 clamp(20px,2vw,27px)/1.4 Georgia,"Times New Roman",serif;letter-spacing:.01em}
.head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px}
.languages{display:flex;gap:7px}
.language{display:flex;align-items:center;justify-content:center;min-width:58px;height:34px;padding:0 8px;border:1px solid #ffffff5c;border-bottom:2px solid transparent;border-radius:3px;color:#fff;text-decoration:none;font-weight:900;font-size:.78rem;text-shadow:0 1px 2px #000;box-shadow:0 2px 8px #0003}
.language::before{content:"";width:25px;height:16px;margin-right:6px;border:1px solid #fff9;box-shadow:0 0 0 1px #0003}
.language.pl::before{background:linear-gradient(#fff 50%,#dc143c 50%)}
.language.de::before{background:linear-gradient(#161616 33.3%,#d00 33.3% 66.6%,#ffce00 66.6%)}
.language.en::before{background:#012169 url('/assets/flag-uk.svg') center/cover no-repeat}
.language[aria-current=page]{border-bottom-color:var(--gold-2);background:#ffffff0f;box-shadow:0 3px 0 #d89a22}
.fb{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:5px 12px 5px 6px;border-radius:4px;background:#1877f2;color:#fff;text-decoration:none;font-weight:800;font-size:.86rem;box-shadow:0 2px #0d57b5,0 4px 12px #0004}
.fb b{display:grid;place-items:end center;width:27px;height:27px;border-radius:3px;background:#fff;color:#1877f2;font:900 29px/28px Arial}
.menu-toggle{display:none;min-height:44px;padding:0 13px;border:2px solid var(--gold-2);border-radius:5px;background:#063d30;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 2px 8px #0005}

.nav{position:sticky;top:0;z-index:60;display:flex;justify-content:center;align-items:stretch;gap:0;min-height:70px;padding:7px max(18px,4%);background:#f8f4e9f4;border-top:1px solid #d6b66f;border-bottom:2px solid #b8811c;box-shadow:0 5px 15px #05271d24;backdrop-filter:blur(10px)}
.nav a{display:grid;place-items:center;min-height:52px;padding:0 14px;border:1px solid transparent;border-radius:5px;color:#12392e;text-align:center;text-decoration:none;font-size:14px;font-weight:800;line-height:1.2;transition:.18s background,.18s color,.18s transform}
.nav a:hover,.nav a:focus-visible,.nav a[aria-current=page]{color:#fff;background:var(--green);border-color:#b9811c;transform:translateY(-1px);box-shadow:inset 0 -3px var(--gold-2)}

main{min-height:430px}
.hero{isolation:isolate;position:relative;display:flex;align-items:center;min-height:520px;padding:55px clamp(24px,5vw,72px);overflow:hidden;color:#fff;background:linear-gradient(90deg,#001e17f5 0%,#00241dcc 42%,#001e1733),url('/logo-rokita.png') 77% 47%/720px auto no-repeat,var(--forest-2);filter:sepia(.08)}
.hero::before{content:"";position:absolute;z-index:-1;inset:-30%;background:radial-gradient(circle at 70% 38%,#f0b85322 0 7%,transparent 25%),linear-gradient(112deg,transparent 24%,#ddad5b12 47%,transparent 65%);animation:forestLight 12s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 46%,#a77b3822 70%,transparent 90%);box-shadow:inset 0 0 95px #8f602955}
.watermark{position:absolute;top:51%;left:66%;width:max-content;pointer-events:none;transform:translate(-50%,-50%) rotate(-24deg);color:#f1bd4d2b;text-transform:uppercase;white-space:nowrap;letter-spacing:.045em;text-shadow:0 0 2px #fff3,0 0 22px #e3ac4055;font:italic 700 clamp(34px,4vw,60px)/1 Georgia,serif;animation:watermarkGlow 5.5s ease-in-out infinite}
.hero-copy{position:relative;z-index:2;width:min(660px,58%);animation:heroReveal .7s ease-out both}
.eyebrow{display:inline-block;color:#efb343;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:850}
.hero h1,.page-hero h1{margin:.1rem 0 .6rem;font:700 clamp(42px,5vw,72px)/1.05 Georgia,"Times New Roman",serif}
.hero h2{margin:0;color:#efae38;font:700 clamp(27px,3vw,40px)/1.35 Georgia,serif}
.hero-copy>p{max-width:640px;font-size:20px;line-height:1.7}
.hero-copy>p::before{content:"";display:block;width:62px;margin:20px 0 22px;border-top:4px solid #efae38}
.actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.75rem 1.15rem;border:1px solid var(--gold);border-radius:4px;background:var(--gold-2);color:#123227;text-decoration:none;font-weight:900;cursor:pointer;transition:.2s transform,.2s background,.2s box-shadow}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);background:#ffc251;box-shadow:0 10px 22px #00181130}
.btn.alt{background:#fffdf7;color:#17372d;border-color:#fff}
.hero .btn:first-child{color:#fff;background:#00291fdd;border:2px solid var(--gold);min-height:62px}
.hero .btn.alt{min-height:62px}

.ticker{overflow:hidden;color:#fff;background:linear-gradient(105deg,#0a4937,#003026 58%,#001f18);border-block:1px solid var(--gold)}
.ticker-track{display:flex;width:max-content;gap:4rem;padding:.75rem 0;font-weight:850;animation:marquee 32s linear infinite}
.ticker-track span{color:#f3ddad}
.ticker-track span::before{content:"✦";margin-right:1rem;color:#efb343}
.ticker:hover .ticker-track{animation-play-state:paused}

.section{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(2.8rem,6vw,5.5rem) 0}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem}
.section-title h2{margin:0;color:#123e30;font:700 clamp(1.9rem,4vw,3.2rem)/1.1 Georgia,serif}
.section-title p{max-width:560px;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tile{isolation:isolate;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;padding:1.45rem;border:1px solid #d7b15a;border-radius:10px;background-image:linear-gradient(145deg,#fffdf9,#f6eddd);color:#123e30;text-decoration:none;overflow:hidden;box-shadow:0 12px 34px #3f2b1618;transition:.28s transform,.28s box-shadow,.28s border-color}
.tile::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 26%,#f2ce8030 48%,transparent 68%);transform:translateX(-110%);transition:.8s transform}
.tile::after{content:attr(data-no);position:absolute;z-index:-2;right:.8rem;top:-.4rem;color:#0b513d0f;font:800 5.4rem Georgia,serif}
.tile:hover,.tile:focus-visible{transform:translateY(-7px);border-color:#c4922f;box-shadow:0 18px 36px #082d2126}
.tile:hover::before,.tile:focus-visible::before{transform:translateX(110%)}
.tile h3{margin:.25rem 0;color:#123e30;font:700 1.55rem Georgia,serif}
.tile p{margin:.2rem 0;color:var(--muted)}
.tile .arrow{font-size:1.65rem;color:#b57c16}
.feature-band{color:#fff;background:linear-gradient(105deg,#0a4937,#003026 58%,#001f18);border-block:1px solid var(--gold)}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch}
.panel{position:relative;padding:clamp(1.4rem,3vw,2.25rem);border:1px solid #d7b15a;border-radius:10px;background:linear-gradient(145deg,#fffdf9,#f6eddd);color:var(--ink);box-shadow:var(--shadow);overflow:hidden}
.panel h2,.panel h3{color:#123e30;font-family:Georgia,serif}
.panel h2{font-size:2rem}
.panel h3{font-size:1.35rem;margin-top:2rem}

.page-hero{isolation:isolate;position:relative;overflow:hidden;padding:55px max(24px,calc((100% - 1180px)/2));color:#fff;background:linear-gradient(90deg,#001e17f5,#00372bd9),url('/logo-rokita.png') right 34%/520px no-repeat;box-shadow:inset 0 -24px 50px #6d4a2420}
.page-hero::after{content:"";position:absolute;z-index:-1;right:-70px;bottom:-110px;width:270px;height:270px;border:1px solid #e7ad3c44;border-radius:50%;box-shadow:0 0 0 34px #e7ad3c0c,0 0 0 68px #e7ad3c09}
.page-hero h1{font-size:clamp(40px,5vw,64px)}
.page-hero p{color:#f0c66f;font-size:19px}
.breadcrumbs{color:#e5ddca;font-size:.84rem;letter-spacing:.05em}
.breadcrumbs a{color:#f3c66a}
.article{width:min(950px,calc(100% - 2rem));margin:auto;padding:3rem 0}
.article-lead{padding:1.4rem;border-left:6px solid var(--gold);border-radius:0 10px 10px 0;background:#edf3e7;color:#213d34;font:1.25rem/1.65 Georgia,serif}
.article h2{margin-top:2.5rem;color:#123e30;font:700 clamp(1.55rem,3vw,2.3rem) Georgia,serif}
.article section{padding:.2rem .2rem}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.5rem 0}
.fact{padding:1rem;border:1px solid #dbc17f;border-radius:10px;background:linear-gradient(145deg,#eef3e8,#f2e8d6);text-align:center}
.fact strong{display:block;color:#123e30;font:700 1.75rem Georgia,serif}
.infographic{margin:1.8rem 0;padding:1.4rem;border:1px solid #c69a45;border-radius:12px;background:linear-gradient(135deg,#173e31,#2c624b);color:#fff;box-shadow:var(--shadow)}
.infographic h3{margin:.1rem 0 1rem;color:#f3d59c;font:700 1.4rem Georgia,serif}
.diagram{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.7rem}
.diagram div{position:relative;min-height:105px;padding:1rem;border:1px solid #ffffff2e;border-radius:9px;background:#ffffff12}
.diagram strong{display:block;color:#f2cd8c}
.diagram div:not(:last-child)::after{content:"→";position:absolute;right:-.65rem;top:40%;color:#f2cd8c;font-weight:900}
.sourcebox{margin-top:2rem;padding:1.2rem;border:1px dashed #9b8051;border-radius:9px;background:#f3ead8;font-size:.92rem}
.article-nav{display:flex;justify-content:space-between;gap:.8rem;margin-top:2rem}
.article-nav a{color:var(--green);font-weight:850}

.trail-wrap{position:relative;min-height:440px;overflow:hidden;border:1px solid #c79e52;border-radius:12px;background:#122d25;box-shadow:var(--shadow)}
.trail-wrap img{width:100%;height:100%;min-height:440px;object-fit:cover;opacity:.86;filter:sepia(.24) saturate(.9)}
.route-layer{position:absolute;inset:0;width:100%;height:100%}
.route-path{fill:none;stroke:#d72724;stroke-width:5;stroke-linecap:round;stroke-dasharray:8 12;filter:drop-shadow(0 1px 2px #fff)}
.traveller{fill:#e11919;stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 7px #fff)}
.waypoint{position:absolute;z-index:2;transform:translate(-50%,-50%) scale(1);padding:.28rem .62rem;border:1px solid #2f7d52;border-radius:999px;background:#fffdf4ed;color:#0b5b39;white-space:nowrap;font:italic 800 clamp(.62rem,1.4vw,.95rem) Georgia,serif;box-shadow:0 4px 14px #0004;transition:.32s transform,.32s background,.32s box-shadow}
.waypoint.is-active{z-index:5;transform:translate(-50%,-50%) scale(1.62);background:#fff1c8;box-shadow:0 0 0 6px #d89a2238,0 7px 22px #0005}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-form label{display:grid;gap:.35rem;font-weight:800}
.contact-form .full{grid-column:1/-1}
.contact-form input,.contact-form textarea{width:100%;padding:.85rem;border:1px solid #9caf9f;border-radius:5px;background:#fffef9;color:#17372d}
.contact-form input:focus,.contact-form textarea:focus{outline:3px solid #d89a2240;border-color:#b77b10}
.contact-form textarea{min-height:160px}
.consent{display:flex!important;grid-column:1/-1;align-items:flex-start;font-weight:500!important}
.consent input{width:auto;margin-top:.35rem}
.hp{position:absolute!important;left:-9999px}
.status-note{padding:1rem;border-radius:7px;background:#e7efd8}
.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:100px;padding:20px max(24px,7%);background:linear-gradient(#003729e8,#002318f4),url('/logo-rokita.png') 50% 47%/350px no-repeat;color:#eee;flex-wrap:wrap}
.footer a{color:#f2cc7d}
.footer .btn{min-height:40px;padding:.45rem .9rem;background:transparent;color:#fff}
.reveal{opacity:0;transform:translateY(20px);transition:.7s opacity,.7s transform}
.reveal.visible{opacity:1;transform:none}
.float-tools{position:fixed;right:1rem;bottom:1rem;z-index:52}
.music-button{padding:.72rem 1rem;border:1px solid #dfc083;border-radius:999px;background:#163e31;color:#fff;font-weight:850;cursor:pointer;box-shadow:var(--shadow)}
.music-frame{position:fixed;right:1rem;bottom:4.6rem;z-index:51;width:min(360px,calc(100% - 2rem));height:80px;border:0;border-radius:10px}
.privacy-banner{position:fixed;left:1rem;bottom:1rem;z-index:80;display:flex;align-items:center;gap:1rem;width:min(480px,calc(100% - 2rem));padding:1rem;border:1px solid var(--gold);border-radius:10px;background:#fffaf0;color:var(--ink);box-shadow:0 18px 55px #00150f4a}
.privacy-banner p{margin:0}
.privacy-banner[hidden]{display:none}

@keyframes marquee{to{transform:translateX(-50%)}
}
@keyframes heroReveal{from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:none}
}
@keyframes forestLight{to{transform:translate3d(3%,1%,0) scale(1.04)}
}
@keyframes watermarkGlow{50%{opacity:.55;text-shadow:0 0 7px #fff4,0 0 28px #e3ac4070}
}

@media(max-width:1080px){.topbar{grid-template-columns:92px 70px 1fr minmax(270px,auto)}
.brand img{width:84px;height:84px}
.brody img{width:62px;height:74px}
.nav a{padding:0 8px;font-size:13px}
.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:1000px){.topbar{grid-template-columns:72px 58px 1fr 52px;grid-template-rows:82px auto;gap:10px;min-height:188px;padding:15px 18px}
.brand img{width:70px;height:70px}
.brody img{width:54px;height:64px}
.brand span,.brody span{font-size:.58rem}
.motto{display:none}
.head-actions{grid-area:2/1/3/5;justify-content:space-between}
.language{min-width:48px;padding:0 5px}
.language::before{width:21px;height:14px;margin-right:4px}
.fb span{display:none}
.menu-toggle{display:block;grid-area:1/4}
.nav{display:none;position:absolute;top:112px;right:12px;z-index:100;flex-direction:column;align-items:stretch;width:min(370px,calc(100vw - 24px));max-height:calc(100vh - 130px);padding:10px;border:2px solid #d7a238;border-radius:8px;background:#073a2d;overflow:auto;box-shadow:0 18px 42px #00130ee6}
.nav.open{display:flex}
.nav a{min-height:49px;padding:0 16px;border:0;border-bottom:1px solid #e7b64d88;color:#fffdf6;font-size:15px}
.nav a:last-child{border-bottom:0}
.nav a:hover,.nav a[aria-current=page]{background:#f0b340;color:#062f24;box-shadow:none}
.hero{align-items:flex-end;min-height:575px;padding:38px 22px 30px;background:linear-gradient(0deg,#001e17 5%,#00241de6 56%,#001e1766),url('/logo-rokita.png') center 10%/430px auto no-repeat,var(--forest-2)}
.hero-copy{width:100%}
.hero h1{font-size:39px}
.hero-copy>p{font-size:16px;line-height:1.55}
.watermark{top:43%;left:50%;font-size:clamp(24px,7vw,34px);transform:translate(-50%,-50%) rotate(-38deg)}
.actions{flex-direction:column;gap:10px}
.actions .btn{width:100%}
.section{width:min(100% - 2rem,1180px);padding:2.8rem 0}
.section-title{display:block}
.section-title p{margin-top:.7rem}
.grid,.split{grid-template-columns:1fr}
.tile{min-height:210px}
.page-hero{padding:42px 24px;background-size:360px}
.page-hero h1{font-size:40px}
.facts{grid-template-columns:1fr}
.contact-form{grid-template-columns:1fr}
.article-nav{flex-direction:column}
.trail-wrap,.trail-wrap img{min-height:330px}
.waypoint{font-size:.58rem}
.diagram div:not(:last-child)::after{content:"↓";top:auto;right:.5rem;bottom:-.75rem}
.footer{flex-direction:column;text-align:center;padding:28px 20px}
.privacy-banner{right:1rem;bottom:5rem;display:grid}
.privacy-banner .btn{width:100%}
}

@media(max-width:520px){.topbar{padding-inline:10px}
.head-actions{gap:6px}
.language{min-width:42px;font-size:.68rem}
.language::before{display:none}
.hero h1{font-size:35px}
.page-hero h1{font-size:34px}
.trail-wrap,.trail-wrap img{min-height:280px}
.waypoint{padding:.2rem .4rem}
.waypoint.is-active{transform:translate(-50%,-50%) scale(1.32)}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.reveal{opacity:1;transform:none}
.waypoint.is-active{transform:translate(-50%,-50%) scale(1.15)}
}


/* r21: ten sam system wizualny r20 dla wszystkich nowych podstron. */
.music-button{display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:50%;font-size:0}
.music-button span{font:700 25px/1 Georgia,serif}
.music-button:hover,.music-button:focus-visible{background:#225d48;transform:translateY(-2px)}
.music-frame{bottom:4.9rem}
.footer{padding-right:max(96px,7%)}

.imported-content{width:min(1040px,calc(100% - 2rem));padding-top:2.4rem}
.imported-content>.wrap,.imported-content .wrap{width:100%;max-width:none;margin:0}
.imported-content .section{width:100%;padding:1.5rem 0 2.4rem}
.imported-content h2,.custom-page h2{color:#123e30;font:700 clamp(1.55rem,3vw,2.3rem) Georgia,serif}
.imported-content h3,.custom-page h3{color:#123e30;font-family:Georgia,serif}
.imported-content p,.custom-page p{max-width:82ch}
.imported-content figure{margin:1.5rem 0}
.imported-content figure img,.imported-content .visual img{width:100%;max-height:680px;object-fit:contain;border:1px solid #d7b15a;border-radius:10px;background:#f5efe0}
.imported-content figcaption{padding:.55rem;color:var(--muted);font-size:.9rem}
.imported-content .cards,.imported-content .grid2,.imported-content .region-links,.imported-content .method,.imported-content .timeline,.imported-content .photo-grid,.page-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:1.4rem 0}
.imported-content .card,.imported-content .feature-card,.imported-content .region-links>a,.imported-content .photo-card{position:relative;display:flex;flex-direction:column;min-height:190px;padding:1.3rem;border:1px solid #d7b15a;border-radius:10px;background:linear-gradient(145deg,#fffdf9,#f6eddd);color:#123e30;text-decoration:none;box-shadow:0 12px 34px #3f2b1618;transition:.25s transform,.25s box-shadow}
.imported-content .card:hover,.imported-content .feature-card:hover,.imported-content .region-links>a:hover{transform:translateY(-5px);box-shadow:0 18px 36px #082d2126}
.imported-content .card .no,.imported-content .badge,.imported-content .status,.imported-content .kicker{display:inline-block;width:max-content;margin-bottom:.5rem;padding:.25rem .55rem;border-radius:999px;background:#e8d4a3;color:#174735;font-size:.78rem;font-weight:900;letter-spacing:.04em}
.imported-content .callout,.imported-content .source,.imported-content .fact-source,.imported-content .archive,.imported-content .context,.imported-content .hero-side,.statute-intro{margin:1rem 0;padding:1.2rem;border:1px solid #d7b15a;border-radius:10px;background:#edf3e7}
.imported-content .source-list{display:grid;gap:.75rem}
.imported-content .source small{display:block;color:var(--muted)}
.imported-content .sources{padding-left:1.4rem}
.imported-content .sources li{margin:.8rem 0}
.imported-content table{display:block;width:100%;max-width:100%;overflow:auto;border-collapse:collapse}
.imported-content th,.imported-content td{padding:.7rem;border:1px solid #cdbb8c;text-align:left}
.imported-content .facts,.imported-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:0 0 1.2rem}
.imported-content .facts .fact,.imported-facts .fact{display:grid;align-content:center;min-height:95px;padding:1rem;border:1px solid #dbc17f;border-radius:10px;background:linear-gradient(145deg,#eef3e8,#f2e8d6);text-align:center}
.imported-content .facts b,.imported-facts b{display:block;color:#123e30;font:700 1.55rem Georgia,serif}
.imported-content .btnrow{display:flex;flex-wrap:wrap;gap:.8rem}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-grid .panel{min-height:230px}
.statute-intro{margin-bottom:1.5rem;border-left:6px solid var(--gold)}
.statute-chapter{margin:0 0 1rem;padding:1.2rem 1.4rem;border:1px solid #d7c38f;border-radius:10px;background:#f2f5eb}
.statute-chapter p{padding:.65rem 0;margin:0;border-bottom:1px solid #d9ddcf}
.statute-chapter p:last-child{border-bottom:0}
.custom-page>.grid{margin-top:1.2rem}

.route-path{stroke-width:3;stroke-linejoin:round;stroke-dasharray:10 14;opacity:.22}
.traveller{stroke-width:4;filter:drop-shadow(0 0 8px #fff)}

@media(max-width:1180px) and (min-width:1101px){.nav a{padding-inline:7px;font-size:12px}
}

@media(max-width:1100px){.menu-toggle{display:block}
.nav{display:none;position:absolute;top:112px;right:12px;z-index:100;flex-direction:column;align-items:stretch;width:min(370px,calc(100vw - 24px));max-height:calc(100vh - 130px);padding:10px;border:2px solid #d7a238;border-radius:8px;background:#073a2d;overflow:auto;box-shadow:0 18px 42px #00130ee6}
.nav.open{display:flex}
.nav a{min-height:49px;padding:0 16px;border:0;border-bottom:1px solid #e7b64d88;color:#fffdf6;font-size:15px}
.nav a:last-child{border-bottom:0}
.imported-content .cards,.imported-content .grid2,.imported-content .region-links,.imported-content .method,.imported-content .timeline,.imported-content .photo-grid,.page-cards,.project-grid,.imported-content .facts,.imported-facts{grid-template-columns:1fr}
.footer{padding:28px 88px 90px 20px}
}