/* Theme chrome only: never target #wpadminbar or generic header/footer elements. */
body.xun-official-layout {background:#F4F2EA;color:#173F35;}
body.xun-official-layout #header-container,
body.xun-official-layout #navi,
body.xun-official-layout #sidebar,
body.xun-official-layout #footer,
body.xun-official-layout #breadcrumb,
body.xun-official-layout .breadcrumb,
body.xun-official-layout #main > article > .article-header,
body.xun-official-layout #main > article > .article-footer,
body.xun-official-layout .sns-share,
body.xun-official-layout .sns-follow,
body.xun-official-layout #main .toc,
body.xun-official-layout #main .under-entry-content,
body.xun-official-layout #main .related-entries,
body.xun-official-layout #main .pager-post-navi {display:none!important;}
body.xun-official-layout #content,
body.xun-official-layout #content-in,
body.xun-official-layout #main {display:block!important;float:none!important;width:100%!important;max-width:1200px!important;min-width:0!important;margin:0 auto!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}
body.xun-official-layout #main > article,
body.xun-official-layout #main > article > .entry-content {margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
.xun-site-header {box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 40px;background:#173F35;color:#F4F2EA;}
.xun-site-header .xun-site-brand {display:block;width:200px;max-width:45%;line-height:0;}
.xun-site-header .xun-site-brand img {display:block;width:100%;height:auto;}
.xun-site-header nav {display:flex;flex-wrap:wrap;gap:24px;}
.xun-site-header nav a {color:#F4F2EA!important;text-decoration:none;font-size:12px;letter-spacing:.1em;min-height:44px;display:flex;align-items:center;}
.xun-site-footer {display:flex;justify-content:space-between;align-items:center;gap:24px;margin:40px 24px 0;padding:28px 0;border-top:1px solid #D9DFDB;font-size:12px;color:#60716A;}
.xun-site-footer nav {display:flex;flex-wrap:wrap;gap:20px;}
.xun-site-footer a {color:#173F35;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;}
@media(max-width:767px){
 .xun-site-header {padding:10px 16px;gap:12px;flex-wrap:wrap;}
 .xun-site-header .xun-site-brand {width:160px;max-width:100%;}
 .xun-site-header nav {gap:18px;}
 .xun-site-footer {flex-direction:column;align-items:flex-start;margin:32px 20px 0;gap:8px;}
 body.xun-official-layout .mobile-footer-menu-buttons {box-sizing:border-box;min-height:calc(44px + env(safe-area-inset-bottom,0px))!important;height:auto!important;padding-top:0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;align-items:stretch;}
 body.xun-official-layout .mobile-footer-menu-buttons > .menu-button {min-height:44px!important;padding-top:0!important;padding-bottom:0!important;}
 body.xun-official-layout .mobile-footer-menu-buttons > .menu-button > .menu-button-in {box-sizing:border-box;display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:44px;min-height:44px!important;padding:3px 0!important;margin:0;line-height:1.1;gap:2px;}
 body.xun-official-layout .mobile-footer-menu-buttons .menu-icon {font-size:17px!important;line-height:19px!important;}
 body.xun-official-layout .mobile-footer-menu-buttons .menu-caption {font-size:8px!important;line-height:10px!important;}
 body.xun-official-layout.mobile-button-fmb {margin-bottom:0!important;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))!important;}
}
