.home{margin-top:7rem;margin-left:1rem;margin-right:1rem;font-size:0.8rem;max-width:1200px;margin-left:auto;margin-right:auto;h1{color:#00627f;text-align:center}.description{color:#00627f;text-align:center;margin-left:auto;margin-right:auto}.custom-hr{margin-top:1rem;margin-bottom:1rem}.hero{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:2rem;// border:2px solid blue;@media (max-width:900px){display:flex;flex-direction:column}#intervention-image{box-shadow:rgba(0,0,0,0.24) 0px 3px 8px}}}.interventions-container{display:flex;width:100%;height:auto;// border:2px solid green;margin-top:2rem;#intervention-header{margin-top:1rem;margin-bottom:1rem;font-size:1.5rem;color:#000!important;font-weight:600!important;span{font-weight:600!important;color:#000!important}@media (max-width:900px){text-align:center}}.header_tab,.header_shalf{font-weight:500;text-decoration:underline;margin-bottom:0.5rem}}.interventions-menu{width:250px;min-width:250px;margin-right:2rem;// box-shadow:0 0 10px rgba(0,0,0,0.1);// border:2px solid red;border-radius:8px;padding:1rem 0}.intervention-item{padding:1rem 1.5rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;border-left:4px solid transparent}.intervention-item:hover{background-color:#f5f5f5}.intervention-item.active{background-color:#f0f0f0;border-left:4px solid #3498db;color:#3498db}.intervention-item-code{margin-left:8px;font-size:0.8em;color:#666}.interventions-content{flex:1;min-height:600px;position:relative}.intervention-details{width:100%;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intervention-details.hidden{display:none}@media (max-width:768px){.interventions-container{flex-direction:column}.interventions-menu{width:100%;margin-right:0;margin-bottom:2rem;display:flex;overflow-x:auto;padding:0.5rem}.intervention-item{white-space:nowrap;border-left:none;border-bottom:4px solid transparent}.intervention-item.active{border-left:none;border-bottom:4px solid #3498db}}.container_canvas{height:500px;width:100%;max-width:1000px;margin:2rem auto;padding:1rem;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}#efficacy-bars-container{max-width:800px;margin:0 auto;padding:20px 0;font-family:"Poppins",sans-serif}.outcome-section{margin-bottom:30px;background-color:#ffffff;border-radius:10px;padding:15px 20px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.outcome-header{font-size:1rem;color:#333;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #eaeaea;font-weight:600;text-align:center}.efficacy-bar-container{position:relative;margin-bottom:18px;padding:0 10px;border-radius:6px;cursor:pointer;transition:background-color 0.2s ease}.efficacy-bar-container:hover{background-color:#f5f5f5}.bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.disorder-label{font-weight:500;color:#555;font-size:0.85rem}.efficacy-value{font-weight:600;font-size:0.85rem;color:#333}.bar-background{height:20px;width:100%;background-color:#eeeeee;border-radius:10px;overflow:hidden;border:1px solid #ddd;position:relative}.bar-fill{height:100%;width:0;border-radius:10px;transition:width 0.5s ease}.efficacy-legend{max-width:600px;margin:30px auto 0;padding:15px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-align:center}.legend-row{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.legend-item{display:flex;align-items:center;margin:0 15px;font-size:0.9rem;color:#555}.color-box{display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:3px}.color-box.positive{background-color:#4bc04b}.color-box.negative{background-color:#ff6363}.color-box.neutral{background-color:#a0a0a0}.sig-symbol{font-weight:bold;margin-right:5px}.no-data-message{text-align:center;padding:30px;color:#666;font-style:italic}.error-message{text-align:center;padding:30px;color:#d32f2f;background-color:#ffebee;border-radius:8px}#efficacy-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}.modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #ddd;border-radius:8px;width:80%;max-width:600px;box-shadow:0 4px 15px rgba(0,0,0,0.2);position:relative}.close{position:absolute;top:15px;right:20px;color:#aaa;font-size:24px;font-weight:bold;cursor:pointer}.close:hover,.close:focus{color:#333}.efficacy-details-table{width:100%;border-collapse:collapse;margin-bottom:20px}.efficacy-details-table td{padding:8px;border-bottom:1px solid #eee}.efficacy-details-table td:first-child{width:40%;color:#666}.modal-explanation{background-color:#f9f9f9;padding:15px;border-radius:5px}.modal-explanation p{margin:0 0 10px 0;line-height:1.5}.filter-container{display:flex;align-items:center;margin-bottom:20px;background-color:#f8f8f8;padding:12px 15px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.filter-container label{margin-right:10px;font-weight:500;color:#444}.disorder-filter{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:0.95rem;color:#333;min-width:180px;cursor:pointer}.disorder-filter:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,0.2)}.grade-explanation{margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-left:4px solid #3498db;border-radius:4px}.grade-explanation p{margin:0 0 10px 0;font-weight:500}.grade-explanation ul{margin:0;padding-left:20px}.grade-explanation li{margin-bottom:6px;line-height:1.4}.grade-indicator{font-size:0.8rem;font-weight:normal;color:#666;font-style:italic}.efficacy-value{display:flex;align-items:center;gap:5px}.sig-symbol{color:#e67e22;font-weight:bold}.outcome-section{transition:background-color 0.2s ease}.outcome-section:hover{background-color:#fcfcfc}.efficacy-bar-container:hover{background-color:#f0f8ff}@media (max-width:768px){.filter-container{flex-direction:column;align-items:flex-start}.filter-container label{margin-bottom:8px}.disorder-filter{width:100%}}