/* Phase 51.6.29 — 2026/2027 Semester One Theme homepage card */
.semester-theme-home-section{
    padding-top:clamp(28px,4vw,52px);
    padding-bottom:clamp(16px,3vw,34px);
}
.semester-theme-card{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.75fr) minmax(190px,.7fr);
    align-items:center;
    gap:clamp(24px,4vw,56px);
    overflow:hidden;
    padding:clamp(28px,4.4vw,58px);
    border:1px solid rgba(0,153,255,.18);
    border-radius:28px;
    background:#FFFFFF;
    box-shadow:0 18px 48px rgba(0,0,0,.06);
}
.semester-theme-card::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:5px;
    background:linear-gradient(to bottom,#0099FF 0 64%,#FF9900 64% 100%);
}
.semester-theme-card::after{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    right:-86px;
    bottom:-120px;
    border-radius:50%;
    border:1px solid rgba(0,153,255,.08);
    pointer-events:none;
}
.semester-theme-copy{
    position:relative;
    z-index:2;
    min-width:0;
}
.semester-theme-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:clamp(15px,2vw,22px);
    color:#000000;
    font-family:"Montserrat",sans-serif;
    font-size:clamp(.72rem,1vw,.82rem);
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.semester-theme-meta span:nth-child(2){
    color:#FF9900;
}
.semester-theme-label{
    margin:0 0 10px;
    color:#0099FF;
    font-family:"Montserrat",sans-serif;
    font-size:clamp(.72rem,.95vw,.8rem);
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.semester-theme-heading{
    display:flex;
    flex-wrap:wrap;
    gap:.12em .28em;
    max-width:800px;
    margin:0;
    font-family:"Montserrat",sans-serif;
    font-size:clamp(2.35rem,5vw,5.25rem);
    font-weight:800;
    line-height:.93;
    letter-spacing:-.055em;
    text-transform:uppercase;
}
.semester-theme-guarding{color:#0099FF;}
.semester-theme-your{color:#000000;}
.semester-theme-heart-word{color:#FF9900;}
.semester-theme-reference{
    margin:clamp(18px,2.5vw,28px) 0 10px;
    color:#0099FF;
    font-family:"Montserrat",sans-serif;
    font-size:clamp(.92rem,1.4vw,1.08rem);
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.semester-theme-scripture{
    max-width:760px;
    margin:0;
    padding:0;
    border:0;
    color:#000000;
    font-family:"Montserrat",sans-serif;
    font-size:clamp(1rem,1.45vw,1.18rem);
    font-weight:500;
    line-height:1.72;
}
.semester-theme-art{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
}
.semester-theme-art svg{
    display:block;
    width:min(100%,230px);
    height:auto;
}
.semester-theme-orbit{
    fill:none;
    stroke:#CCCCCC;
    stroke-width:1.5;
    stroke-dasharray:3 8;
}
.semester-theme-shield{
    fill:rgba(0,153,255,.035);
    stroke:#0099FF;
    stroke-width:4;
    stroke-linejoin:round;
}
.semester-theme-heart{
    fill:rgba(255,153,0,.045);
    stroke:#FF9900;
    stroke-width:4;
    stroke-linejoin:round;
}
.semester-theme-bible-line{
    fill:none;
    stroke:#000000;
    stroke-width:4;
    stroke-linecap:round;
    opacity:.72;
}

@media (max-width:900px){
    .semester-theme-card{
        grid-template-columns:minmax(0,1fr) 170px;
        border-radius:24px;
    }
    .semester-theme-heading{
        font-size:clamp(2.2rem,6vw,4rem);
    }
}

@media (max-width:680px){
    .semester-theme-home-section{
        padding-top:24px;
        padding-bottom:12px;
    }
    .semester-theme-card{
        grid-template-columns:1fr;
        gap:18px;
        padding:28px 24px 24px;
        border-radius:22px;
    }
    .semester-theme-heading{
        display:block;
        font-size:clamp(2.35rem,12vw,3.65rem);
        line-height:.9;
    }
    .semester-theme-heading span{
        display:block;
    }
    .semester-theme-heading span+span{
        margin-top:.05em;
    }
    .semester-theme-scripture{
        font-size:1rem;
        line-height:1.65;
    }
    .semester-theme-art{
        justify-content:flex-end;
        margin-top:-8px;
    }
    .semester-theme-art svg{
        width:126px;
        opacity:.78;
    }
}

@media (max-width:390px){
    .semester-theme-card{
        padding:24px 20px 20px;
    }
    .semester-theme-meta{
        gap:6px;
        letter-spacing:.055em;
    }
    .semester-theme-heading{
        font-size:clamp(2.15rem,11.5vw,2.8rem);
    }
}