.science-grade-intro{margin-bottom:22px}
.science-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.science-unit-card{min-height:260px;display:grid;grid-template-columns:minmax(170px,39%) 1fr;overflow:hidden;border:1px solid #c9d7d4;border-radius:18px;background:linear-gradient(145deg,#fffdf8,#eaf2ef);box-shadow:0 13px 28px rgba(38,74,69,.13);color:var(--ink);text-decoration:none;transition:transform .18s,box-shadow .18s}
.science-unit-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(38,74,69,.2)}
.science-unit-art{min-height:230px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--science-accent,#70a89b) 24%,#fff),color-mix(in srgb,var(--science-accent,#70a89b) 48%,#eef5f2));overflow:hidden}
.science-unit-art img{width:100%;height:100%;object-fit:cover}
.science-unit-art span{font-size:72px;filter:drop-shadow(0 9px 9px rgba(35,68,63,.18))}
.science-unit-copy{padding:24px;display:flex;flex-direction:column}
.science-unit-copy p{margin:0;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.18em}
.science-unit-copy h3{font:600 26px/1.08 'Fraunces',serif;margin:9px 0 12px}
.science-unit-copy small{font-size:13px;line-height:1.55;color:#5e706b}
.science-unit-copy b{margin-top:auto;padding-top:18px;color:var(--green);font-size:12px}
.science-card-1{--science-accent:#9db7aa}
.science-card-2{--science-accent:#c8a26f}
.science-card-3{--science-accent:#6ab2cc}
.science-card-4{--science-accent:#efb94e}
.science-card-5{--science-accent:#9d8dcb}
.science-card-6{--science-accent:#f4ad5d}
.science-card-7{--science-accent:#5d79a8}
.science-card-8{--science-accent:#72a96b}
.science-card-9{--science-accent:#d68d70}
.science-card-10{--science-accent:#8ba8d8}
.science-unit-detail{margin:0}
.science-unit-detail>.rail-back{padding-left:0}
.science-unit-detail-head{display:grid;grid-template-columns:minmax(240px,34%) 1fr;overflow:hidden;border:1px solid #c9d7d4;border-radius:18px;background:linear-gradient(145deg,#fffdf8,#eaf2ef);box-shadow:0 16px 34px rgba(38,74,69,.14)}
.science-unit-detail-head .science-unit-art{min-height:330px}
.science-unit-detail-head>div:last-child{padding:clamp(28px,5vw,58px)}
.science-unit-detail-head .eyebrow{margin:0}
.science-unit-detail-head h1{font-size:clamp(36px,5vw,62px);line-height:1.02;margin:12px 0 18px}
.science-unit-detail-head p:last-child{max-width:720px;font-size:16px;line-height:1.7;color:#566a64}
.science-ready{display:flex;gap:16px;align-items:center;margin-top:20px;padding:22px 26px;border:1px dashed #aabdb8;border-radius:14px;background:rgba(255,255,255,.4)}
.science-ready>span{font-size:28px;color:var(--orange)}
.science-ready h2{font-size:21px;margin:0 0 4px}
.science-ready p{margin:0;color:#64746f;font-size:13px}
@media(max-width:900px){.science-unit-grid{grid-template-columns:1fr}
}
@media(max-width:620px){.science-unit-card,.science-unit-detail-head{grid-template-columns:1fr}
.science-unit-card{min-height:0}
.science-unit-art{min-height:180px}
.science-unit-detail-head .science-unit-art{min-height:230px}
}