/* jasonlau.biz restore layer: accessibility + responsive. Desktop layout untouched. */
.di{color:inherit}
a.ui-corner-all,#header-menu a{text-decoration:none}
#sidebar .widget h3{margin-top:0}
.archive-title{font-size:1.6em;margin:0 0 .6em}
.site-brand{display:inline;font-size:2.2em;font-weight:bold;line-height:1}
.site-brand a{text-decoration:none}
h1.entry-title,h2.entry-title{font-size:1.7em;line-height:1.25}
/* contrast fixes measured against the theme background (#fff / #f5f5f5) */
.entry-meta,.entry-tags,.entry-tags a,.entry-meta a{color:#595959}
#footer,#footer a,.tc-copyright-text{color:#4a4a4a}
pre,code{max-width:100%;overflow-x:auto}
table{max-width:100%}
img{max-width:100%;height:auto}

@media (max-width:900px){
  html{-webkit-text-size-adjust:100%}
  body{font-size:16px;line-height:1.6}
  #doc2,#doc2 .yui-b,#doc2 #yui-main,#bd,#hd,#ft,#doc2 .body,#content,#sidebar{
    width:auto!important;min-width:0!important;max-width:100%!important;
    margin:0!important;float:none!important;position:static!important}
  #doc2{padding:0 12px;box-sizing:border-box}
  .yui-t2 #yui-main .yui-b{margin-left:0!important}
  .yui-t2 .yui-b{float:none!important;width:auto!important}
  #content,#sidebar{width:auto!important;float:none!important}
  #header{height:auto!important;position:relative!important}
  ul#thought{position:static!important;list-style:none;margin:0;padding:12px 0}
  ul#thought li{position:static!important;display:block;width:auto!important;height:auto!important;
    background:none!important;margin:0 0 6px;padding:0}
  ul#thought li#avatar{float:left;margin-right:12px}
  ul#thought li#avatar img.me-avatar{width:72px;height:auto}
  ul#thought li.oval-thought-4-small-circle,ul#thought li.oval-thought-4-large-circle{display:none}
  .site-brand{font-size:1.6em}
  h3.thought-process{font-size:1em;margin:2px 0 0}
  #header-menu{position:static!important;height:auto!important;padding:6px 0}
  #header-menu .alignleft,#header-menu .alignright{float:none!important;width:auto!important;padding:0}
  #header-menu ul.menu{margin:0;padding:0;list-style:none;display:block}
  #header-menu ul.menu>li{display:block;float:none;margin:0 0 4px}
  #header-menu ul.menu>li>a,#sidebar li>a{display:block;min-height:44px;line-height:1.3;
    padding:12px 10px;box-sizing:border-box;font-size:16px}
  #header-menu ul.sub-menu{position:static!important;display:block;margin:0 0 0 14px;padding:0;
    list-style:none;box-shadow:none;width:auto!important}
  #header-menu ul.sub-menu li{display:block;float:none!important;width:auto!important;
    min-height:44px;padding:12px 10px;box-sizing:border-box}
  #header-menu ul.sub-menu{max-height:60vh;overflow-y:auto}
  #header-menu form{margin:6px 0}
  #header-menu input[type=text],#header-menu select,#sidebar input,#sidebar select{
    width:100%;box-sizing:border-box;min-height:44px;font-size:16px}
  #themeswitcher{min-height:44px;font-size:16px;max-width:100%}
  #sidebar ul{padding-left:0;list-style:none}
  #sidebar li{margin:0 0 2px}
  .entry-content,.entry-content p,.entry-content li{font-size:16px}
  .entry-meta,.entry-tags{font-size:15px}
  pre,.entry-content pre,.syntaxhighlighter{overflow-x:auto!important;max-width:100%!important}
  .entry-content table,#content table{display:block;overflow-x:auto;max-width:100%}
  .wp-caption{width:auto!important;max-width:100%!important}
  .navigation .nav-previous,.navigation .nav-next{float:none;width:auto;display:block;margin:0 0 8px}
  .navigation a{display:inline-block;min-height:44px;padding:12px 4px;box-sizing:border-box}
  #footer{text-align:left;padding:12px 0}
}
@media (max-width:900px){
  html,body{overflow-x:clip}
  #doc2 *{max-width:100%}
  #doc2 pre,#doc2 table,#doc2 .syntaxhighlighter{max-width:100%!important}
  iframe{max-width:100%}
}