.inpage-nav{position:sticky;top:70px;z-index:999;padding:10px 15px;margin-bottom:20px;background:var(--w);border-bottom:1px solid var(--g2);border-radius:0;box-shadow:var(--s);overflow-x:auto;}
.inpage-navbox{width:max-content;margin:0 auto;}
.inpage-nav .inpage-btn{display:var(--i);padding:5px 12px;margin-right:0;font-weight:bold;border-radius:50px;background:none;color:var(--b);cursor:pointer;}
.inpage-nav .inpage-act{background:var(--v);color:var(--w);}
.inpage-nav .no-btn{display:none;}
@media (max-width:1024px){.inpage-nav{top:112px;}}
@media (max-width:600px){.inpage-nav{position:relative;top:0;}} 
section{margin-bottom:40px;}
.banner_inpage{margin-bottom:0;}
h1,h2,h3{color:#1a4d72;}
.img-cover{position:relative;border-radius:6px;overflow:hidden;min-height:200px;}
.img-cover img{position: absolute;right: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.section-intro{display:flex;gap:20px;margin-bottom:20px;}
.section-intro .text{flex:3;}
.section-intro .image{flex:1;}
.tab-container{display:flex;margin:40px auto;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.tab-buttons{width:252px;background-color:#1a4d72;display:flex;flex-direction:column;}
.tab-btn{padding:15px;line-height:1.2;background:transparent;border:none;color:#fff;text-align:left;font-weight:bold;cursor:pointer;transition:background 0.3s;}
.tab-btn.active{background-color:var(--v);}
.tab-btn:hover{background-color:rgba(255,255,255,0.1);}
.tab-btn.active:hover{background-color:var(--v);}
.tab-content{flex:1;background-color:#f9fafb;padding:10px 15px 15px;position:relative;}
.tab-panel{display:none;}
.tab-panel.active{display:block;}
.tab-panel p{color:#333;}
.tab-panel ul{list-style-type:disc;}
.tab-panel ul li{color:#333;}
.learn-more{text-align:right;}
.learn-more a{color:#1a4d72;font-weight:bold;text-decoration:none;}
.strain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0;}
.strain-card{background-color:#f8f9fa;padding:15px;border-radius:6px;}
.strain-card .img-cover{margin-bottom:10px;}
table .ullist{margin:0;}
.cultivation-table{width:100%;border-collapse:collapse;margin:20px 0;}
.cultivation-table th,.cultivation-table td{border:1px solid #ccc;padding:10px;text-align:left;}
.cultivation-table th{background-color:#1a4d72;color:white;}
.antibiotic-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:20px 0;}
.test-card{background-color:#f0f4f8;border-radius:6px;overflow:hidden;}
.test-card .card-header{background-color:#1a4d72;color:white;padding:10px;font-weight:bold;display:flex;align-items:center;gap:10px;}
.test-card .card-header a{color:white;}
.test-card .card-body{display:flex;flex-direction:column;justify-content:space-between;height:100%;}
.test-card .card-1 p{padding:15px 15px 0;}
.test-card .card-2{padding:0 15px;}
.susceptibility-table{width:100%;border-collapse:collapse;margin:20px 0;}
.susceptibility-table th,.susceptibility-table td{border:1px solid #ccc;padding:10px;text-align:left;}
.susceptibility-table th{background-color:#1a4d72;color:white;}
.faq-section{display:flex;gap:20px;margin:20px 0;}
.faq-list{flex:2;background:#f0f4f8;border-radius:8px;padding:10px;}
.faq-item{border-bottom:1px solid #dbe4f0;}
.faq-question{padding:6px 15px;cursor:pointer;color:#1a4d72;font-weight:500;display:flex;justify-content:space-between;align-items:center;background:#ffffff;border-radius:6px;margin:5px 0;transition:background 0.3s;}
.faq-question:hover{background:#e8f0fe;}
.faq-question::after{content:"+";font-size:24px;font-weight:bold;}
.faq-question.active::after{content:"-";}
.faq-answer{padding:0 15px;max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;color:#333;}
.faq-answer.show{padding:10px 15px 15px;max-height:200px;}
.faq-image{flex:1;}
.section-header{display:flex;align-items:center;}
.diamond-icon{width:10px;height:10px;background-color:#1a4d72;transform:rotate(45deg);margin-right:12px;}
.mar0{margin:0;}
.gap-0{gap:0;}
.flex-15{flex:1.5;}
.section-title a{color:#1a4d72;}
.oral-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;background-color:#e6edf2;padding:15px;border-radius:8px;}
.oral-grid .card{background-color:#ffffff;padding:10px;border-radius:4px;}
.oral-grid .card-header{display:flex;align-items:center;}
.oral-grid .hand-icon{margin-right:10px;}
.med-box{margin-top:60px;border:2px solid #1a4d72;border-radius:6px;background-color:#e6edf2;}
.med-header{background-color:#1a4d72;color:white;padding:18px 25px;font-weight:bold;width:48%;position:relative;margin-top:-30px;margin-left:-2px;margin-bottom:0;}
.med-row{display:grid;grid-template-columns:repeat(3,1fr);padding:20px;gap:20px;}
.column-title{color:#1a4d72;}
.table-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.table-wrapper{overflow-y:auto;}
.table-wrapper table{border:2px solid #1a4d72;margin:0;}
.table-wrapper table td{border:2px solid #1a4d72;}
.label-cell{background-color:#e6edf2;font-weight:bold;color:#1a4d72;width:30%;vertical-align:middle;}
.flow-box{background-color:#e6edf2;border:2px solid #1a4d72;border-radius:4px;position:relative;box-shadow:3px 3px 8px rgba(0,0,0,0.2);margin-top:40px;}
.flow-header{background-color:#1a4d72;color:white;font-size:1.2rem;font-weight:bold;text-align:center;width:90%;padding:10px 15px;margin:-30px auto 0;}
.flow-rowbox{padding:30px 20px 10px;overflow-y:auto;white-space:nowrap;}
.flow-row{display:flex;align-items:center;margin-bottom:20px;}
.flow-box .step{background-color:#1a4d72;color:white;padding:10px 15px;min-width:210px;}
.flow-box .arrow{min-width:80px;height:2px;background-color:#1a4d72;position:relative;}
.flow-box .arrow::after{content:"";position:absolute;right:-1px;top:-6px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #1a4d72;}
.flow-box .step-wide{min-width:max-content;flex:1;}
.flow-line{align-items:normal;}
.step-1{min-width:540px;}
.step-2{min-width:80px;}
.step-2{position:relative;}
.step-2::after{content:"";position:absolute;left:0;top:-88%;width:2px;height:calc(100% + 20px);background-color:#1a4d72;}
.h-100{display:flex;align-items:center;height:100%;}
@media (max-width:1024px){
.strain-grid,.oral-grid,.med-row{grid-template-columns:repeat(2,1fr);}
.tab-container,.faq-section{flex-direction:column;}
.tab-buttons{width:100%;flex-direction:row;}  
}
@media (max-width:768px){
.section-intro{flex-direction:column;}
.strain-grid,.antibiotic-cards,.oral-grid,.med-row,.table-grid{grid-template-columns:1fr;}
.tab-buttons{width:100%;flex-direction:column;}
.med-header{width:calc(100% + 4px);}
}