.article-image {
    float: right;
    margin: 0 0 1rem 1.5rem;
    max-width: 30%;
    position: relative;
    border-left: 2px solid gray;
    border-right: 2px solid gray;
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
    filter: drop-shadow(0 0 0.75rem gray); 

}

.highlight .hll{background-color:#ffc}
.c{color:#0099FF;font-style:italic}
.err{color:#AA0000;background-color:#faa}
.k{color:#006699;font-weight:bold}
.o{color:#555}
.cm{color:#0099FF;font-style:italic}
.cp{color:#099}
.c1{color:#0099FF;font-style:italic}
.cs{color:#0099FF;font-weight:bold;font-style:italic}
.gd{background-color:#FFCCCC;border:1px solid #c00}
.ge{font-style:italic}.gr{color:red}
.gh{color:#003300;font-weight:bold}
.gi{background-color:#CCFFCC;border:1px solid #0c0}
.go{color:#aaa}
.gp{color:#000099;font-weight:bold}
.gs{font-weight:bold}.gu{color:#003300;font-weight:bold}
.gt{color:#9c6}.kc{color:#006699;font-weight:bold}
.kd{color:#006699;font-weight:bold}
.kn{color:#006699;font-weight:bold}
.kp{color:#069}
.kr{color:#006699;font-weight:bold}
.kt{color:#007788;font-weight:bold}
.m{color:#f60}.s{color:#c30}
.na{color:#309}
.nb{color:#366}
.nc{color:#00AA88;font-weight:bold}
.no{color:#360}
.nd{color:#99f}
.ni{color:#999999;font-weight:bold}
.ne{color:#CC0000;font-weight:bold}
.nf{color:#c0f}.nl{color:#99f}
.nn{color:#00CCFF;font-weight:bold}
.nt{color:#330099;font-weight:bold}
.nv{color:#033}
.ow{color:#000000;font-weight:bold}
.w{color:#bbb}.mf{color:#f60}
.mh{color:#f60}
.mi{color:#f60}
.mo{color:#f60}
.sb{color:#c30}
.sc{color:#c30}
.sd{color:#CC3300;font-style:italic}
.s2{color:#c30}
.se{color:#CC3300;font-weight:bold}
.sh{color:#c30}
.si{color:#a00}
.sx{color:#c30}
.sr{color:#3aa}
.s1{color:#c30}
.ss{color:#fc3}
.bp{color:#366}
.vc{color:#033}.vg{color:#033}.vi{color:#033}.il{color:#f60}

/* *{background-color:#fefefe;color:#030303} */

code,kbd,pre,samp{font-family:"Menlo","Monaco","Consolas","Courier New",monospace}
body{font-family:"Merriweather","Georgia",serif;font-weight:300}
body a{font-weight:400}
body h1,body h2,body h3,body h4,body h5,body h6{font-family:"Gentium Book Basic","Georgia",serif}
body h1 a,body h2 a,body h3 a,body h4 a,body h5 a,body h6 a{font-weight:bold}
body iframe{max-width:100%;margin:2em auto;display:block}
.disclaimer{text-align:center;font-size:0.8em}
.nav{list-style:none;padding-left:0}
.nav li{display:inline-block;margin-right:0.56em}
@media screen and (max-width: 640px){
    .nav li{display:block;margin-right:0}
}
.header-link{font-size:70%;float:right}
.landing-container{width:65%;margin:2em auto 0;font-family:"Merriweather","Georgia",serif}
.landing-container li{font-family:"Gentium Book Basic","Georgia",serif}
@media screen and (max-width: 640px){
    .landing-container{width:100%;margin:1em 0}
}
.landing-container header{font-size:1.2em}
.landing-container header h1{font-size:4em;margin:0.4em 0}
.landing-container ul{margin-top:5em;margin-bottom:3em;text-align:center}
.landing-container ul li{font-size:2em}
.container{max-width:56em;margin:1em auto}
@media screen and (max-width: 640px){
    .container{margin:0.8em}
}
.container .paginator{text-align:center;margin:3.2em 0}
.container .blog-header{margin-bottom:3em;position:relative}
.container .blog-header h1{margin-bottom:0}
.container .blog-header p{margin-top:0.2em}
.container .blog-header nav{position:absolute;top:0;right:0;margin:0 2px;font-family:"Gentium Book Basic","Georgia",serif}
@media screen and (max-width: 640px){
    .container .blog-header nav{position:relative;text-align:center}
}
@media screen and (max-width: 640px){
    .container .blog-header{text-align:center}
}
.container .nav{font-size:1.2em}
.container .blog-footer{margin-top:2em;text-align:center}
.container .post-list .post-overview{margin:1em;position:relative;padding-left:7em}
.container .post-list .post-overview .left-col{position:absolute;left:0em;top:0.2em}
.container .post-list .post-overview .excerpt p {margin-left: 0}
@media screen and (max-width: 640px){
    .container .post-list .post-overview{margin:0;top:0em;padding-left:0}
    .container .post-list .post-overview time{position:relative}
}
@media (max-width: 480px) {
.container .post-list .post-overview .left-col {
  
    position: static;
  }
}
.container .post{font-size:1.18em, margin-top: 1em}

@media screen and (max-width: 640px){
    .container .post{font-size:1em}
}
.container .post h1{font-size:1.5em}
.container .post h2{font-size:1.44em}
.container .post h3{font-size:1.3em}
.container .post h4{font-size:1.2em}
.container .post h5{font-size:1.18em}
.container .post h6{
    font-size:1em;
    margin: 0px;
    text-align: end;
    font-style:italic;
    color: gray;}
.container .post a{font-weight:400}

.container .post img{height:auto;display:block;/* margin:1.5em auto */}
.container .post code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}
.container .post .highlight{font-size:0.9em;overflow-x:auto}
.container .post blockquote{font-style:italic;font-weight:300}
.container .post header{margin:2.2em 0}
.container .post header h1{font-size:2.45em}
.container .post header p.date{margin-top:-1.3em}
.container .post article{line-height:1.6em;text-align: justify}
.container .post footer{margin:2em 0 3em;text-align:right}
/*# sourceMappingURL=cid.css.map */
taglist a {
    font-style: italic;
    color: gray;
    text-decoration: none;
}
span.superscript {
    font-size: rfs(0.67rem);
     vertical-align: super;
}


.hike-sign {
    vertical-align: middle;
    display: inline !important;
  }

.bike-track {
    vertical-align: middle;
    display: inline !important;
  }

.road-track {
    vertical-align: middle;
    display: inline !important;
}



.gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

@media (max-width: 768px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .gallery {
        grid-template-columns: 1fr;
    }
}
.gallery a {
    display: block;
}

.gallery img {
    max-width: 100% !important; 
    display: block !important;
}
.gpx-card {
    margin: 12px;
    float: right;
    position: relative;
    /* display: flex; */
    gap: 12px;
    padding: 12px;
    border: 1px solid #1f2937;
    border-radius: 5px;
    /* width: 60%; */
    /* background: #0f172a; */
}

/* 🗺️ levá strana = mapa */
.gpx-left {
  width: 180px;
  flex-shrink: 0;
}

/* mapa */
.gpx-map {
/*  width: 30%; */
  height: 140px;
  border-radius: 10px;
  overflow: hidden;
}

/* 🧾 pravá strana */
.gpx-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gpx-title {
  font-weight: 600;
  /* color: #f9fafb; */
}

/* meta řádek */
.gpx-meta {
  display: flex;
  gap: 10px;
  font-size: 0.85em;
  color: gray;
}

/* akce */
.gpx-actions {
  display: flex;
  gap: 8px;
  margin-top: auto;
}

/* tlačítka */
.gpx-download {
  /* background: #2563eb; */
  /* color: white; */
  /* padding: 6px 10px; */
  border-radius: 8px;
  text-decoration: none;
  font-size: 0.85em;
}

.gpx-osm-link {
  color: #60a5fa;
  text-decoration: none;
  font-size: 0.85em;
}

.gpx-osm-link:hover {
  text-decoration: underline;
}