/*
Theme Name: ChildPugh Clinical Portal
Theme URI: https://childpughcalculator.com/
Author: ChildPugh Portal
Description: WordPress integration of the provided Child-Pugh and MELD 3.0 React clinical portal. Original desktop and mobile menus, calculators and article interface retained.
Version: 1.2.1
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: childpugh
*/
body{margin:0}#root{min-height:70vh}.cp-noscript{padding:24px;max-width:1100px;margin:auto;font-family:system-ui,sans-serif}.cp-noscript section{margin-bottom:24px}.cp-noscript h1{font-size:32px}.cp-noscript p{line-height:1.7}.cp-sticky-product{position:sticky;top:0;z-index:60;background:#effcf9;border-bottom:1px solid #99e2d0}.cp-sticky-product-inner{max-width:1152px;margin:auto;display:flex;align-items:center;gap:12px;padding:8px 18px}.cp-sticky-product img{width:42px;height:42px;object-fit:contain}.cp-sticky-product .cp-button{margin-left:auto;background:#0f766e;color:white;border-radius:8px;padding:8px 13px;text-decoration:none;font-weight:700;font-size:12px}.cp-ad{max-width:1152px;margin:12px auto;padding:8px;text-align:center;min-height:0}.cp-ad--sticky-bottom{position:fixed;bottom:0;left:0;right:0;z-index:55;background:#fff;box-shadow:0 -2px 12px #0001;max-width:none;margin:0}.cp-ad small{display:block;color:#64748b;font-size:10px;margin-bottom:4px}.cp-footer-links a{display:block;color:#94a3b8;margin-top:8px;font-size:12px}.cp-footer-links a:hover{color:white}.cp-wordpress-post{max-width:960px;margin:32px auto;padding:0 20px}.cp-wordpress-post img{max-width:100%;height:auto}.cp-wordpress-post article{background:white;padding:30px;border:1px solid #e2e8f0;border-radius:16px;line-height:1.85}.cp-wordpress-post h1{font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.2}.cp-wordpress-post h2{font-size:24px;font-weight:700;margin-top:26px}.cp-wordpress-post p{margin:15px 0}.cp-wordpress-post a{color:#0f766e}.cp-wordpress-post ul{list-style:disc;padding-left:24px}@media(max-width:700px){.cp-sticky-product-inner{padding:7px 12px}.cp-sticky-product strong{font-size:12px}.cp-sticky-product .cp-button{font-size:11px;padding:7px}} 

/* Keep both sticky elements visible when the optional promoted product is active. */
.cp-has-product > header{top:58px}
.cp-has-product .cp-sticky-product{min-height:58px}
.cp-has-bottom-ad{padding-bottom:90px}
@media(max-width:700px){.cp-has-product > header{top:56px}.cp-has-product .cp-sticky-product{min-height:56px}}


/* Prevent server-rendered SEO text from flashing before the interactive portal.
   The skeleton is never displayed without JS and disappears before the first
   React paint. If the app fails, a guarded timeout reveals the HTML fallback. */
#cp-app-loader{display:none;position:fixed;inset:0;z-index:2147483000;overflow:hidden;background:#f8fafc;pointer-events:auto;color:#0f172a}
html.cp-booting:not(.cp-app-ready) #cp-app-loader{display:block}
html.cp-booting:not(.cp-app-ready){overflow:hidden}
.cp-loader-top{height:65px;background:#fff;border-bottom:1px solid #e2e8f0}
.cp-loader-top-inner{height:100%;max-width:1232px;margin:0 auto;display:flex;gap:12px;align-items:center;padding:0 18px;box-sizing:border-box}
.cp-loader-logo{height:35px;width:35px;flex:none;border-radius:9px;background:#007d75}
.cp-loader-brand{width:208px;height:20px;border-radius:5px;background:#e2e8f0;flex:none}
.cp-loader-nav{height:12px;border-radius:4px;background:#e2e8f0}
.cp-loader-nav-1{width:105px;margin-left:auto}
.cp-loader-nav-2{width:135px;margin-left:21px}
.cp-loader-nav-3{width:185px;margin-left:21px}
.cp-loader-cta{margin-left:auto;width:150px;height:34px;border-radius:7px;background:#007d75;flex:none}
.cp-loader-content{max-width:1104px;margin:42px auto 0;padding:0 18px;box-sizing:content-box;display:flex;flex-direction:column;align-items:center}
.cp-loader-content span{display:block;box-sizing:border-box}
.cp-loader-hero-title{height:43px;width:min(685px,80%);border-radius:8px;background:#e2e8f0}
.cp-loader-hero-sub{height:15px;width:min(740px,85%);border-radius:4px;background:#e2e8f0;margin-top:24px}
.cp-loader-hero-sub-short{margin-top:10px;width:min(430px,65%)}
.cp-loader-pills{display:flex;gap:8px;justify-content:center;margin-top:40px}
.cp-loader-pills span{height:27px;width:126px;border:1px solid #e2e8f0;border-radius:5px;background:#fff}
.cp-loader-tabs{margin-top:82px;background:#e2e8f0;border:1px solid #d7dee9;display:flex;gap:8px;padding:5px;border-radius:12px;width:700px;max-width:96%;box-sizing:border-box}
.cp-loader-tabs span{flex:1;height:35px;border-radius:7px;background:#f8fafc}
.cp-loader-tabs span:not(:first-child){background:transparent}
.cp-loader-calculator{margin-top:20px;width:100%;border:1px solid #d8e1ec;border-radius:14px;overflow:hidden;background:#fff}
.cp-loader-calculator-head{height:164px;background:#0f172a;display:flex;flex-direction:column;justify-content:center;gap:13px;padding:32px;box-sizing:border-box}
.cp-loader-calculator-head span{height:13px;border-radius:4px;background:#293b57;width:210px}
.cp-loader-calculator-head span:nth-child(2){height:27px;width:280px}
.cp-loader-calculator-head span:nth-child(3){width:550px;max-width:100%}
.cp-loader-panels{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:32px}
.cp-loader-left,.cp-loader-right{display:flex;flex-direction:column;gap:24px}
.cp-loader-left span{height:44px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;width:100%}
.cp-loader-left span:first-child{height:17px;width:48%;border:0}
.cp-loader-right{border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:24px}
.cp-loader-right span{height:16px;background:#e2e8f0;border-radius:5px;width:100%}
.cp-loader-right span:nth-child(2){height:125px;background:#fff;border:1px solid #cbd5e1}
@media(max-width:700px){
  .cp-loader-top{height:62px}
  .cp-loader-top-inner{padding:0 16px}
  .cp-loader-logo{height:34px;width:34px}
  .cp-loader-brand{width:min(190px,56vw);height:18px}
  .cp-loader-nav{display:none}
  .cp-loader-cta{width:35px;height:35px;margin-left:auto;background:#e2e8f0}
  .cp-loader-content{margin-top:42px;padding:0 14px}
  .cp-loader-hero-title{height:29px;width:96%}
  .cp-loader-hero-sub{height:12px;width:87%;margin-top:20px}
  .cp-loader-hero-sub-short{margin-top:8px;width:67%}
  .cp-loader-pills{margin-top:32px;gap:6px}
  .cp-loader-pills span{width:78px;height:25px}
  .cp-loader-tabs{margin-top:58px}
  .cp-loader-tabs span{height:35px}
  .cp-loader-calculator{margin-top:20px}
  .cp-loader-calculator-head{height:145px;padding:23px}
  .cp-loader-calculator-head span:nth-child(2){width:240px;max-width:100%}
  .cp-loader-panels{display:flex;flex-direction:column;gap:25px;padding:22px}
}