html{font-size:100%}body{font-size:16px}.entry-content{font-size:1rem;line-height:1.65}.widget-area .widget{font-size:.875rem}.widget-area .widget p,.widget-area .widget li{font-size:.875rem}.entry-meta{font-size:.875rem!important}a:focus-visible,button:focus-visible{outline:3px solid #dd9955;outline-offset:3px}.archive-note{font-size:.875rem;text-align:center;padding:10px 16px;background:#eee;color:#444}.main-navigation .menu-toggle{display:none}.main-navigation ul.nav-menu{display:block}.entry-content img{max-width:100%;height:auto}.entry-content{overflow-wrap:anywhere}table{max-width:100%;display:block;overflow-x:auto}.missing-image{font-size:.875rem;color:#666}.restored-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.restored-gallery img{width:100%;height:180px;object-fit:cover}@media(max-width:650px){.site{padding:0 16px}.site-content,body.single .site-content,body.page .site-content,.rannirosa-layout .site-content{width:100%;margin:24px 0}.rannirosa-layout #extra-sidebar,.rannirosa-layout .widget-area{width:100%;margin:0;padding:0;float:none}.main-navigation li{display:inline-block;margin:4px 12px 4px 0}.site-header h2.page-custom-title{font-size:1.5rem}.restored-gallery{grid-template-columns:1fr}}

/* Zachovat původní vzhled a umožnit čtení na úzkých obrazovkách. */
.site-header h1.site-title a { color: #eee !important; }
.site-header h2.site-description { color: #b7b7b7 !important; }
.site-header h1.site-title a:hover { color: #dd9955 !important; }
.header-image { max-width: 100%; height: auto; }
@media screen and (max-width: 650px) {
  body .site { margin: 0; width: 100%; padding: 0; }
  header#masthead { box-sizing: border-box; width: 100%; margin: 0; padding: 22px 16px 14px; }
  #header-titles { display: flex; flex-direction: column; gap: 12px; }
  h1.site-title, h2.site-description { float: none; width: 100%; margin: 0; line-height: 1.3; text-align: left; }
  h1.site-title { font-size: 1.9rem; }
  h2.site-description { font-size: .9rem; }
  .site-header .page-custom-title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
  .site-header .header-image { display: block; width: 100%; max-width: 100%; height: auto; margin-top: 18px; }
  .main-navigation { margin: 16px 0 0; }
  .main-navigation ul.nav-menu { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0 16px; padding: 10px 0; text-align: left; }
  .main-navigation ul.nav-menu li { display: block; margin: 0; }
  .main-navigation ul.nav-menu li a { display: block; padding: 7px 0; }
  #main { padding: 0 16px; }
  #main .site-content { margin: 24px 0; }
  .entry-content img, .entry-content iframe, .entry-content video { max-width: 100%; height: auto; }
  .site-footer { box-sizing: border-box; max-width: 100%; }
}
@media screen and (max-width: 650px) {
  .main-navigation ul.nav-menu li { flex: 0 0 auto; width: auto; border: 0; }
}
/* Fotogalerie z původního archivu. */
body:has(>#navigation):not(:has(.site)), body:has(>#index):not(:has(.site)){margin:0;padding:16px;}
body:has(>#index) .description, body:has(>#navigation) .description{overflow-wrap:anywhere;}
body:has(>#index) .missing-image, body:has(>#navigation) .missing-image{color:#cbd2d4;}
body:has(>#navigation) #photograph img{max-width:100%;height:auto;}
@media screen and (max-width:650px){
 body:has(>#index) #index table,body:has(>#navigation) #navigation table{width:100%;max-width:100%;display:table;table-layout:fixed;}
 body:has(>#index) #index td.thumbcell,body:has(>#navigation) #navigation td.thumbcell{width:auto;overflow-wrap:anywhere;padding:4px;}
 body:has(>#index) #index img,body:has(>#navigation) #navigation img{max-width:100%;height:auto;}
 body:has(>#navigation) #navigation td{width:auto;}
 body:has(>#navigation) div[align=center] table{max-width:100%;}
}
@media screen and (max-width:650px){
 body:has(>#index) p.description, body:has(>#navigation) p.description, body:has(>#navigation) p.caption{width:100%;max-width:100%;}
}
@media screen and (max-width:650px){
 #site-navigation ul#menu-header-menu {display:flex!important;flex-wrap:wrap;gap:0 16px;}
 #site-navigation ul#menu-header-menu > li {flex:0 0 auto;width:auto;}
}