/* APP-018 shared presentation. Content, ads, tracking and SEO are not modified. */
#body_wrap{--app-ink:#202529;--app-muted:#555e58;--app-green:#52694e;--app-line:#dfe3db;--app-paper:#fafbf8;color:var(--app-ink);background:#fff}
#body_wrap :where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--app-green);outline-offset:4px}
/* The native header/menu/search markup remains the sole owner of navigation. */
#body_wrap #header{background:#fff;color:var(--app-ink);border-bottom:1px solid var(--app-line);box-shadow:none}
#body_wrap #header .l-header__inner{max-width:1280px;min-height:88px;padding:0 40px}
#body_wrap #header .l-header__logo{padding:0}
#body_wrap #header .c-headLogo__img{filter:brightness(0);width:196px;height:auto;max-width:none}
#body_wrap #header .c-gnav>li>a{color:var(--app-ink);font-size:14px;font-weight:600}
#body_wrap #header .c-gnav>li>a:after{display:none}
#body_wrap #header .c-plainBtn{color:var(--app-ink)}
#body_wrap #fix_header{background:#fff;color:var(--app-ink);box-shadow:0 1px 0 var(--app-line)}
#body_wrap #fix_header:before{background:#fff}
#body_wrap #fix_header .l-fixHeader__inner{color:var(--app-ink)}
#body_wrap #fix_header .c-headLogo__img{filter:brightness(0)}
#body_wrap #fix_header a,#body_wrap #fix_header button{color:var(--app-ink)}
/* SWELL adds link-side borders; remove them here instead of compensating with gaps. */
#body_wrap #footer{background:#fff;color:var(--app-ink);border-top:1px solid var(--app-line)}
#body_wrap #footer .l-footer__foot{background:#fff;color:inherit;padding:32px 0 24px}
#body_wrap #footer .l-container{max-width:1280px;padding:0 40px;text-align:left}
#body_wrap #footer .l-footer__foot .l-container:before{content:"";display:block;width:160px;height:39px;margin:0 0 16px;background:url("https://appscen.com/wp-content/uploads/2019/05/appscen-logo.png") left center/contain no-repeat;filter:brightness(0)}
#body_wrap #footer .l-footer__nav{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px 26px;margin:0;padding:0;list-style:none;font-size:13px}
#body_wrap #footer .l-footer__nav li{margin:0;padding:0;flex:0 0 auto;list-style:none}
#body_wrap #footer .l-footer__nav a{display:inline-flex;align-items:center;min-height:44px;padding:5px 0;border:0;color:inherit;line-height:1.7;text-decoration:none;white-space:normal}
#body_wrap #footer .l-footer__nav a:hover{text-decoration:underline;text-underline-offset:4px}
#body_wrap #footer .copyright{margin:18px 0 0;text-align:left;color:var(--app-muted);font-size:12px;line-height:1.8}
/* Reading pages only. The homepage maintains its own layout file. */
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content{font-size:17px;line-height:1.95;letter-spacing:.025em;color:var(--app-ink)}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content>p{margin-top:0;margin-bottom:1.6em}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content>h2{margin:2.6em 0 1.1em;padding:.35em 0 .4em .8em;font-size:1.45em;line-height:1.65;background:none;color:var(--app-ink);border:0;border-left:3px solid var(--app-green);box-shadow:none}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content>h2:before,#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content>h2:after{display:none}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content>h3{margin:2em 0 1em;padding:0 0 .45em;font-size:1.18em;line-height:1.7;background:none;color:var(--app-ink);border:0;border-bottom:1px solid var(--app-line);box-shadow:none}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content>h3:before,#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content>h3:after{display:none}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content :where(p,li,td,th)>a:not([class]){color:#405d3e;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content :where(ul.wp-block-list,ol.wp-block-list){padding-left:1.5em;margin:1.3em 0 1.7em;line-height:1.95}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content :where(ul.wp-block-list,ol.wp-block-list)>li{margin:.45em 0}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content blockquote{background:var(--app-paper);border:1px solid var(--app-line);border-left:3px solid var(--app-green);border-radius:0 8px 8px 0;padding:22px 26px;color:var(--app-muted);box-shadow:none}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content blockquote:before,#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content blockquote:after{display:none}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content :where(.wp-block-table,.swell-block-table-scroll){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content table{color:var(--app-ink);line-height:1.8;font-size:.94em}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content :where(th,td){padding:12px 14px;overflow-wrap:break-word}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content pre{max-width:100%;overflow-x:auto;line-height:1.8;border-radius:6px}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content .wp-block-image img{max-width:100%;height:auto;border-radius:8px}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content .swell-block-button__link{border-radius:6px;line-height:1.75;white-space:normal;overflow-wrap:break-word}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .p-articleThumb img{border-radius:8px}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .p-toc{background:var(--app-paper);color:var(--app-ink);border:1px solid var(--app-line);border-radius:8px;box-shadow:none;padding:24px 28px;line-height:1.8}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .p-toc a{color:inherit}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .c-postTitle__ttl,#body_wrap:is(.single-post,.page:not(.home)) #main_content .c-pageTitle{font-size:30px;line-height:1.65;letter-spacing:.015em;overflow-wrap:anywhere;color:var(--app-ink)}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .c-postTimes{color:var(--app-muted);font-size:13px;margin-top:16px}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .l-mainContent__inner{padding-bottom:40px}
#body_wrap #breadcrumb{font-size:12px;color:var(--app-muted);line-height:1.8}
#body_wrap .appscen-about-name{font-size:1.15em}
@media(min-width:960px){
#body_wrap:is(.single-post,.page:not(.home)) #main_content{max-width:840px}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content{max-width:760px;margin-left:auto;margin-right:auto}
}
@media(max-width:959px){
#body_wrap #header .l-header__inner{min-height:68px;padding:0 24px;justify-content:flex-start;gap:0}
#body_wrap #header .c-headLogo__img{width:170px}
#body_wrap #header .l-header__logo{order:0;margin-right:auto;margin-left:0;text-align:left;flex:1}
#body_wrap #header .l-header__customBtn{order:1;flex:none}
#body_wrap #header .l-header__menuBtn{order:2;flex:none}
}
@media(max-width:599px){
#body_wrap #header .l-header__inner{min-height:60px;padding:0 16px}
#body_wrap #header .c-headLogo__img{width:157px;max-width:50vw}
#body_wrap #header .l-header__customBtn,#body_wrap #header .l-header__menuBtn{width:44px}
#body_wrap #footer .l-footer__foot{padding:26px 0 22px}
#body_wrap #footer .l-container{padding:0 20px}
#body_wrap #footer .l-footer__foot .l-container:before{width:144px;height:35px}
#body_wrap #footer .l-footer__nav{gap:4px 22px;font-size:13px}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content{font-size:16px;line-height:1.95;letter-spacing:.02em}
#body_wrap.page:not(.home) #main_content .c-pageTitle{font-size:24px;line-height:1.65}
#body_wrap.single-post:not(.home) #main_content .c-postTitle__ttl{font-size:21px;line-height:1.55;letter-spacing:.01em}
#body_wrap.single-post:not(.home) #main_content .p-articleMetas__times{font-size:12px;margin-top:10px}
#body_wrap.single-post:not(.home) #main_content .p-articleThumb{margin-top:20px;margin-bottom:24px}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content>h2{font-size:21px;margin:2.3em 0 1em}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content>h3{font-size:18px}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content :where(th,td){font-size:14px;padding:10px}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .p-toc{padding:20px 19px;font-size:14px}
#body_wrap:is(.single-post,.page:not(.home)) #main_content .post_content blockquote{padding:18px 20px}
}
/* Contact page: presentation only; field names, validation and delivery stay native CF7. */
#body_wrap.page-id-1859 #main_content .wpcf7 :where(input[type="text"],input[type="email"],textarea){min-height:44px;padding:10px 12px;border:1px solid #c9d0c5;border-radius:6px;background:#fafbf8;color:#202529;font:inherit}
#body_wrap.page-id-1859 #main_content .wpcf7 textarea{height:240px;resize:vertical}
#body_wrap.page-id-1859 #main_content .wpcf7 .wpcf7-submit{min-height:44px;padding:10px 26px;border:0;border-radius:6px;background:#52694e;color:#fff;font:inherit;cursor:pointer}

/* APP-019: anonymous author introduction, scoped to the existing about page. */
#body_wrap.page-id-7032 #main_content .appscen-profile{display:flex;align-items:center;gap:24px;padding:24px;background:var(--app-paper);border:1px solid var(--app-line);border-radius:12px;margin-bottom:28px}
#body_wrap.page-id-7032 #main_content .appscen-profile img{display:block;flex:none;width:96px;height:96px;border-radius:50%;object-fit:contain;background:white}
#body_wrap.page-id-7032 #main_content .appscen-profile p{margin:0;line-height:1.8}
#body_wrap.page-id-7032 #main_content .appscen-profile strong{display:block;font-size:21px;letter-spacing:.04em}
#body_wrap.page-id-7032 #main_content .appscen-profile span{display:block;font-size:13px;color:var(--app-muted)}
#body_wrap.page-id-7032 #main_content .appscen-source{font-size:13px;color:var(--app-muted);line-height:1.8}
@media(max-width:599px){#body_wrap.page-id-7032 #main_content .appscen-profile{padding:18px;gap:18px}#body_wrap.page-id-7032 #main_content .appscen-profile img{width:76px;height:76px}#body_wrap.page-id-7032 #main_content .appscen-profile strong{font-size:19px}}