/* Hydrogen Plasma Heating Site - Clean CSS */ 

html{box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
html,body{font-family:Verdana,sans-serif;font-size:14px;line-height:1.2}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif}
h2{font-size:1.25rem;line-height:1.2;text-align:center;font-weight:600}
h3{font-size:20px;font-weight:400;text-align:center}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}
button,input,select,textarea,optgroup{font:inherit;margin:0}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}

/* Fixed Header - NO PADDING */
.fixed{position:fixed;top:0;left:0;width:100%;border:0px solid #000;z-index:1;background-color:#063558;padding:0px}

/* Row & Columns - FLOAT LAYOUT */
.shc-row:after{content:"";display:table;clear:both}
.shc-column-a{float:left;padding:10px 10px 10px 30px;width:70%;box-sizing:border-box}
.shc-column-b{padding:15px 30px 10px 0px;float:right;width:30%;box-sizing:border-box}

/* Bar & Button */
.shc-bar-item{width:100%;display:block;text-decoration:none;color:white;font-weight:500}
.shc-button:hover{color:#000!important}
.shc-button{vertical-align:middle;text-decoration:none;color:inherit;background-color:inherit}
input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:#e3f6f5;border-radius:2px;outline-border:#003E42;border:2px;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:white;border:2px solid #27b0a4;cursor:pointer;}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:white;border:2px solid #27b0a4;cursor:pointer;}

/* Dropdown Menu */
.shc-dropdown{position:relative}
.shc-dropdown-content{display:none;position:absolute;right:0;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:999;}
.shc-dropdown:hover .shc-dropdown-content{display:block}
.shc-desc-drop{text-align:left;}
.shc-desc-drop a{color:#333;text-decoration:none;display:block}
.shc-desc-drop a:hover{color:#063558;font-weight:bold}

/* Navigation */
a.nav:active{text-decoration:underline;}
a.nav:hover{text-decoration:underline;background-color: #0000ff !important;padding:2px 2px 2px 2px;}
a.nav:link{text-decoration:none;}
a.nav:visited{color:#CC0000;text-decoration:none;}
a.nav2:active{color:#009900;text-decoration:none;}
a.nav2:hover{text-decoration:none;background-color:#dfdfdf!important;}
a.nav2:link{color:#000088;text-decoration:none;}
a.nav2:visited{color:#CC0000;text-decoration:none;}
a.nav3:active {text-decoration:underline;}
a.nav3:link {text-decoration:none;font-weight:500}
a.nav3:hover {text-decoration:underline; background-color:#b6e8e5 !important}
a.nav3:visited {color:#CC0000;text-decoration:none;}


/* Hero Section */
.h1{font-size:1.5rem}
.h1a{font-size:1.9rem; font-weight: 500; margin: 0 0 1rem; line-height: 1.5; color: #081818;}
.h1s{font-size:2rem; font-weight: 500; margin: 0 0 1rem; line-height: 1.5; color: #fff;}
.shc-center{display:flex;align-items:center;justify-content:center;margin-top:80px}
.shc-position{position:relative}
.shc-bgimg{background-position:center center;background-size:cover;background-repeat:no-repeat;margin:20px 0}
.shc-middle{position:relative;z-index:0;text-align:center;padding:40px 20px}
.shc-h1{font-size:3.2rem;font-weight:600;color:white;letter-spacing:3px;text-shadow:2px 2px 2px black;line-height:1.4;margin:0;max-width:50rem;word-wrap:break-word;margin-left:auto;margin-right:auto;z-index:0}
.shc-h1a{font-size:1.4rem;font-weight:600;color:white;letter-spacing:2px;padding:1rem 0rem;text-shadow:2px 2px 2px black;line-height:1.2;margin:0;word-wrap:break-word;margin-left:auto;margin-right:auto;z-index:0}
w3-display-container{position:relative}
.shc-h1b{font-size:3.2rem;font-weight:600;color:#ccc;letter-spacing:3px;text-shadow:2px 2px 2px black;line-height:1.4;padding:0 0 1.5rem 0;margin:0;max-width:50rem;word-wrap:break-word;margin-left:auto;margin-right:auto;z-index:0}
.shc-h1c{font-size:2.2rem;font-weight:600;color:#ccc;letter-spacing:3px;text-shadow:2px 2px 2px black;line-height:1.4;padding:1.5rem;margin:0;max-width:50rem;word-wrap:break-word;margin-left:auto;margin-right:auto;z-index:0}
.shc-h1d{font-size:3.2rem;font-weight:600;color:#e3f6f5;letter-spacing:2px;text-shadow:2px 2px 2px black;line-height:1.4;padding:0 0 2rem 0;margin:0;max-width:50rem;word-wrap:break-word;margin-left:auto;margin-right:auto;z-index:0}
.shc-h1e{font-size:2.5rem;font-weight:600;color:#e3f6f5;letter-spacing:2px;text-shadow:2px 2px 2px black;line-height:1.4;padding:1.5rem 0 0 0;margin:0;max-width:50rem;word-wrap:break-word;margin-left:auto;margin-right:auto;z-index:0}
.shc-h1f{font-size:2rem;font-weight:600;color:#fff;letter-spacing:2px;text-shadow:2px 2px 2px black;line-height:1.4;padding:1.5rem 0 0 0;margin:0;max-width:50rem;word-wrap:break-word;margin-left:auto;margin-right:auto;z-index:0}
.shc-h1g{font-size:2.8rem;font-weight:600;color:#fff;letter-spacing:2px;text-shadow:2px 2px 2px black;line-height:1.4;padding:0 0 2rem 0;margin:0;max-width:50rem;word-wrap:break-word;margin-left:auto;margin-right:auto;z-index:0}




/* Container & Content */
.container{max-width:1240px;margin:0 auto;border:0px solid #ff0000;padding:0px 20px;background-color:#efefef}
.container-d {display: grid;grid-template-columns: 900px 40px 260px;gap: 0;max-width: 1200px;margin: 0 auto;justify-content: center;background-color: #efefef;border: 0px solid #00ff00;}
.shc-content{margin:auto;max-width:1500;box-sizing:border-box}
.st-pa{color:#042A47;text-align:left;font-size:16px;font-weight:400;line-height:1.4}
.st-p1{color:#042A47;text-align:left;font-size:17px;font-weight:600;line-height:1.5;letter-spacing:1px}
.column {box-sizing: border-box;justify-content: center;}
.content-column-e {background-color: #efefef;color: #063558;font-size: 16px;text-align: left;line-height: 1.2;}
.table-container {max-width: 65rem;}
.table {width: 100%;border-collapse: collapse;margin:0 auto;justify-content: center;}

/* Article Pages */
.article-hero{background-color:#063558;padding:80px 20px 40px;text-align:center}
.article-hero h1{font-family:"Segoe UI",Arial,sans-serif;font-size:2.2rem;font-weight:700;color:#ffffff;letter-spacing:2px;line-height:1.3;margin:0 auto;max-width:860px}
.article-hero h1a {font-family:"Segoe UI",Arial,sans-serif;font-size:2.2rem;font-weight:700;color:#ffffff;letter-spacing:2px;line-height:1.3;margin:0 auto;max-width:860px}
.article-hero .subtitle{font-size:1rem;color:#a8c8e8;margin:16px auto 0;max-width:680px;font-style:italic;letter-spacing:1px}
.article-body{max-width:860px;margin:0 auto;padding:40px 24px 60px}
.article-body h2{font-family:"Segoe UI",Arial,sans-serif;font-size:1.4rem;font-weight:700;color:#063558;margin:48px 0 14px;padding-bottom:8px;border-bottom:2px solid #27b0a4;letter-spacing:1px;text-align:left}
.article-body p{font-size:1rem;color:#2a2a2a;line-height:1.85;margin:0 0 18px}
.article-body strong{color:#063558}
.highlight-box{max-width: 600px; border-left:4px solid #27b0a4; margin: 0 auto;}
.highlight-box p{margin:30 20;font-size:1rem; line-height: 1.6; background: #e3f6f5; padding: 1rem 1rem 1.2rem 1rem; border-radius: 8px; border: 0.5px solid #76b4a7; color:#1e453e; text-align: center;}
.highlight-box2 {max-width: 840px; border-top: 2px solid #27b0a4; margin: 0 auto;}
.stat-row {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin: 0 auto; max-width: 800px;}
.stat-card {background: #0F8584; color:white;padding:24px 16px;text-align:center;border-radius:6px}
.stat-card .stat-number {font-size:2rem;font-weight:700;color:#6ef5e9;display:block;line-height:1}
.stat-card .stat-label {font-size:0.82rem;color:#fff;margin-top:8px;letter-spacing:0.5px;line-height:1.4}
.stat-row2 {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin: 0 auto; max-width: 900px;}
.stat-card2 {background:#0D7373;color:white;padding:22px 16px 16px 16px;text-align:center;border-radius:8px}
.stat-card2 .stat-number2 {font-size:1.3rem;font-weight:500;color:#6ef5e9;display:block;line-height:1}
.stat-card2 .stat-label2 {font-size:0.9rem;color:#fff;margin-top:8px;letter-spacing:0.5px;line-height:1.4}
.breadcrumb{font-size:0.82rem;color:#888;margin-bottom:40px;letter-spacing:0.5px}
.breadcrumb a{color:#27b0a4;text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.cta-bar{background:#063558;padding:32px 24px;text-align:center;margin-top:60px}
.cta-bar p{color:#a8c8e8;font-size:0.95rem;margin:0 0 16px;letter-spacing:1px}
.cta-bar a{display:inline-block;background:#27b0a4;color:white;padding:14px 36px;text-decoration:none;font-size:1rem;font-weight:600;letter-spacing:1px;border-radius:3px}
.cta-bar a:hover{background:#1e8a80}

/* Info Pop-up Box */
.info-trigger {color:#27b0a4;cursor:pointer;font-weight:500;border-bottom:1px dotted #27b0a4}
.info-trigger:hover {color:#063558}
.info-box {display:none;background:#e3f6f5;border-left:4px solid #27b0a4;padding:16px 20px;margin:12px 0;border-radius:0 6px 6px 0;font-size:0.95rem;color:#1a3a5c;line-height:1.7}

/* Responsive Media Queries */
@media (max-width:1200px){
.container1,.container2,.container3,.container4,.container5,.container6,.container7,.container8,.container9,.container10,.container11,.container12,.container13,.container14,.container15,.container16,.container17{grid-template-columns:1fr!important;max-width:100%!important}
}

@media (max-width:1200px){div[style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}div[style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}.shc-h1{max-width:600px!important}}

@media (max-width:768px){div[style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr!important}div[style*="width: 100%; height: 160px"]{height:240px!important}div[style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:1fr!important}.shc-h1{font-size:2.2rem!important;max-width:90vw!important}.shc-h1a{font-size:1.2rem!important;max-width:90vw!important}.article-hero h1{font-size:1.5rem!important}.stat-row{grid-template-columns:1fr!important}.article-body{padding:30px 16px 50px!important}.stat-row2{grid-template-columns:repeat(2,1fr)!important}}

@media (max-width:480px){.shc-h1{font-size:2.2rem!important;letter-spacing:0.5px;max-width:90vw!important}.shc-h1a{font-size:1rem!important;max-width:90vw!important}.st-pa{font-size:14px}.article-hero h1{font-size:1.3rem!important}.stat-row2{grid-template-columns:1fr!important}}