/* The appearance follows the original YIPLO website. */
html{height:100%}body.site-page{margin:0;font-family:"Times New Roman",serif;font-size:16px;color:#000;background:#fff;min-height:100vh;display:flex;flex-direction:column}
a:focus-visible{outline:2px solid #000080;outline-offset:2px}
.skip-link{position:fixed;left:8px;top:-80px;z-index:9;background:#fff;padding:8px}.skip-link:focus{top:4px}
.site-header{min-height:50px;background:#fff}
.site-header table{font-size:16px}
.site-header ul{list-style:none;font-weight:bold;text-align:center;margin:0;padding:.2em 0;color:#fff;background:navy}
.site-header li{display:inline;white-space:nowrap}
.site-header li a{text-decoration:none;padding:.2em .8em;color:#fff}
.site-header li a:hover{color:#fff;background:blue}
.site-columns{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);flex:1;min-height:0}
.sidebar{padding:8px;overflow:visible}
.sidebar p{margin:1em 0}.sidebar img{max-width:none}
.page-content{min-width:0;overflow:auto;padding:2em 4em 4em}
.page-content.bio,.page-content.map,.page-content.english-home,.page-content.english-info,.page-content.news{padding:8px}
.page-content.access{font-size:small;padding:3em}
.page-content table{font-size:inherit}
.page-content.bio table{font-size:16px}
.page-content.english-home{background:url("../img/po.gif") repeat}
.site-page.english .site-header{min-height:66px;background:#dedede}
.site-columns.no-sidebar{display:block;min-height:0}
.map-frame{max-width:100%;border:0}
.news-resources{max-width:680px;margin:2em auto}.news-resources li{margin:.8em 0}
.notice-content{max-width:500px;margin:auto}.notice-content table{max-width:100%}
@media(max-width:900px){
  .site-columns{display:block}.site-header,.site-page.english .site-header{min-width:0}
  .site-header table{width:100%;max-width:100%}.site-header ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0;line-height:1.6}
  .site-header li{display:block;white-space:normal}.site-header li a{display:inline-block;padding:.35em .6em}
  .sidebar{display:flex;flex-wrap:wrap;gap:8px;padding:12px 8px;border-bottom:1px solid #ddd}
  .sidebar p{margin:0;max-width:100%}.sidebar>p:has(font){flex-basis:100%}.sidebar img{max-width:100%;height:auto}
  .sidebar>p>a>img,.sidebar>p>img{width:150px;height:auto}
  .page-content,.page-content.access{padding:20px 12px;overflow:visible}
  .page-content.bio,.page-content.map,.page-content.english-home,.page-content.english-info,.page-content.news{padding:12px}
  .page-content table{width:100%;max-width:100%;table-layout:auto}.page-content td{overflow-wrap:anywhere}
  .page-content.bio td{width:auto}.page-content.bio td:first-child{min-width:44px}.page-content.bio td:nth-child(2){min-width:70px}
  .page-content.bio font{font-size:13px}.page-content.english-info img{max-width:100%;height:auto}
  .page-content iframe{width:100%;max-width:100%;height:350px}.page-content ul{padding-left:1.4em}
  .notice-page table{width:auto;max-width:100%}.notice-page{margin:8px}.news-resources{margin:1em 0}
}
@media print{.site-header,.sidebar,.skip-link{display:none}.site-columns{display:block}.page-content{padding:0}.page-content.english-home{background:none}}