/* ==========================================================================
   AcademicLab — Template Research Styles
   Extracted from template-research.php
   ========================================================================== */

.al-research-hero{background:var(--uh-red);padding:5rem 0 3.5rem;}
.al-research-hero__inner{max-width:1200px;margin:0 auto;padding:0 2rem;}
.al-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,.6);margin-bottom:1rem;}
.al-eyebrow a{color:inherit;text-decoration:none;}
.al-research-hero__title{font-family:var(--font-display)!important;color:#fff!important;text-transform:uppercase;font-size:clamp(2.5rem,6vw,4.5rem)!important;margin:0 0 1rem!important;line-height:.95;}
.al-research-hero__sub{color:rgba(255,255,255,.8);font-size:1.05rem;max-width:600px;line-height:1.7;margin:0;}

.al-research-areas{max-width:1200px;margin:0 auto;padding:4rem 2rem 5rem;}

.al-empty-state{text-align:center;padding:5rem 2rem;color:var(--dm-text-muted, #777);}
.al-empty-state i{font-size:3rem;display:block;margin-bottom:1rem;color:var(--uh-mid-gray);}
.al-empty-state h2{font-family:var(--font-display);color:var(--dm-heading, var(--uh-slate));text-transform:uppercase;}

.al-rcard__tag{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:2px;color:var(--uh-gold);font-weight:700;margin-bottom:.5rem;}

.al-research-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;}
.al-rcard{background:var(--dm-card-bg, #fff);border:1px solid var(--dm-border, #e8e8e8);border-top:4px solid var(--uh-red);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;}
.al-rcard:hover{box-shadow:0 8px 24px rgba(0,0,0,.09);transform:translateY(-3px);}
.al-rcard__media{height:220px;overflow:hidden;}
.al-rcard__media img{width:100%;height:100%;object-fit:cover;}
.al-rcard__icon-wrap{background:var(--uh-slate);height:140px;display:flex;align-items:center;justify-content:center;}
.al-rcard__icon-wrap i{font-size:3rem;color:#fff;opacity:.8;}
.al-rcard__body{padding:1.75rem;flex:1;display:flex;flex-direction:column;}
.al-rcard__title{font-family:var(--font-display)!important;text-transform:uppercase;font-size:1.1rem!important;color:var(--dm-heading, var(--uh-slate))!important;margin:.25rem 0 .75rem!important;}
.al-rcard__short{font-size:.92rem;color:var(--dm-text-muted, #555);line-height:1.65;flex:1;margin-bottom:1rem;}

.al-research-timeline { display: flex; flex-direction: column; gap: 2rem; }

.al-research-strip {
    display: flex;
    flex-direction: row; 
    gap: 2.5rem;         
    background: var(--dm-surface, #ffffff);
    border: 1px solid var(--dm-border, #e8e8e8);
    border-left: 4px solid var(--uh-red); 
    padding: 2rem;
    align-items: flex-start; 
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.al-research-strip:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.al-research-strip__media {
    flex: 0 0 35%; /* Locks the image column to exactly 35% of the card */
    max-width: 450px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

/* Forces Wikimedia or external images to fit the box without exploding */
.al-research-strip__media img,
.al-research-strip__media a img {
    width: 100% !important;  
    height: auto !important; 
    object-fit: cover;       
    display: block;
}

.al-research-strip__body {
    flex: 1; /* Takes up the remaining 65% */
    display: flex;
    flex-direction: column;
}

.al-rtline__header { margin-bottom: 0.75rem; }
.al-rtline__title { font-family: var(--font-display) !important; text-transform: uppercase; font-size: 1.2rem !important; color: var(--dm-heading, var(--uh-slate)) !important; margin: 0.25rem 0 !important; }
.al-rtline__short { font-size: 0.92rem; color: var(--dm-text-muted, #555); line-height: 1.65; margin-bottom: 1rem; }

.al-research-minimal{max-width:860px;margin:0 auto;}
.al-rminimal__item{display:grid;grid-template-columns:60px 1fr;gap:2rem;padding:2.5rem 0;border-bottom:1px solid var(--dm-border, #e8e8e8);}
.al-rminimal__num{font-family:var(--font-display);font-size:2.2rem;color:var(--uh-mid-gray, #ddd);font-weight:700;line-height:1;padding-top:.3rem;}
.al-rminimal__title{font-family:var(--font-display)!important;text-transform:uppercase;font-size:1.1rem!important;color:var(--dm-heading, var(--uh-slate))!important;margin:.25rem 0 .75rem!important;}
.al-rminimal__short{font-size:.92rem;color:var(--dm-text-muted, #555);line-height:1.65;margin-bottom:1rem;}

.al-accordion-toggle{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-body, 'Roboto', sans-serif);font-size:.85rem;font-weight:600;color:var(--uh-red);text-transform:uppercase;letter-spacing:.5px;margin-top:auto;}
.al-accordion-toggle:hover { color: var(--uh-gold); background: transparent !important; }
.al-accordion-toggle .fa-chevron-down{transition:transform .25s ease;font-size:.75rem;}
.al-accordion-panel{overflow:hidden;animation:al-accordion-open .25s ease;}
.al-accordion-panel__inner{padding:1.5rem;background:var(--dm-surface, #f9fafb);border-left:3px solid var(--uh-gold);margin-top:1rem;font-size:.95rem;line-height:1.75;color:var(--dm-text, #444);}
.al-accordion-panel__inner p{margin:0 0 1rem;}
.al-accordion-panel__inner p:last-child{margin-bottom:0;}
.al-accordion-media{margin-bottom:1.25rem;border-radius:2px;overflow:hidden;}
@keyframes al-accordion-open{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}

.al-video-embed{border-radius:2px;overflow:hidden;}

.al-funding{background:var(--uh-slate);padding:4rem 0;}
.al-funding__inner{max-width:1200px;margin:0 auto;padding:0 2rem;}
.al-funding__heading{font-family:var(--font-display)!important;text-transform:uppercase;color:#fff!important;margin:0 0 1rem!important;font-size:1.4rem!important;border-bottom:2px solid var(--uh-gold);padding-bottom:.75rem;}
.al-funding__intro{color:rgba(255,255,255,.75);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem;}
.al-funding__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem;}
.al-funding__item a,.al-funding__item span{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:.9rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.25);transition:background .2s,border-color .2s;}
.al-funding__item a:hover{background:rgba(255,255,255,.1);border-color:var(--uh-gold);}
.al-funding__item i{color:var(--uh-gold);}

@media(max-width:850px){
    .al-research-strip {
        flex-direction: column; 
        gap: 1.5rem;
        padding: 1.5rem;
    }
    .al-research-strip__media {
        flex: none;
        width: 100%;
        max-width: 100%;
    }
}

@media(max-width:768px){
    .al-research-cards{grid-template-columns:1fr;}
    .al-rminimal__item{grid-template-columns:40px 1fr;gap:1rem;}
    .al-rminimal__num{font-size:1.8rem;}
}