/* Green Flask Science: additions for the reorganized home page and the Free resources page. */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[id]{scroll-margin-top:72px}

/* Second header dropdown: align the menu to the right edge so it never runs off the screen */
.nav nav .dd:nth-of-type(2) .dd-m{left:auto;right:0}
@media (max-width:700px){.nav nav .dd:nth-of-type(2) .dd-m{left:12px;right:12px}}

/* Course picker */
.pick .cell .lk{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:14px}
.pick .cell .lk a{font-weight:500;text-decoration:none;color:var(--accent)}
.pick .cell .lk a::after{content:" \2192"}
.pick .cell .lk a:hover{text-decoration:underline}
.pick .cell.apes .lk a:first-child{color:var(--apes)}
.pick .cell.chem .lk a:first-child{color:var(--chem)}
.pick .cells{max-width:860px}

/* Store cells with a link */
#store .cell .lnk{margin-top:auto;padding-top:8px;font-weight:500;color:var(--accent);text-decoration:none}
#store .cell .lnk:hover{text-decoration:underline}

/* Chemistry unit grid: same cards as APES, in the chemistry color */
.chemgrid .u{background:var(--bg);border-top-color:var(--chem)}
.chemgrid .u .un{color:var(--chem)}
.chemgrid .u .cnt{font-size:.82rem;color:var(--muted);margin-top:-2px}
.chemgrid .u ul{gap:3px;margin-top:10px}
.chemgrid .u li a{padding:2px 0;font-size:.92rem}
.chemgrid .u li a:hover{color:var(--chem)}

/* Free resources page */
.fhead{padding-block:56px 72px}
.jump{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.jump a{display:inline-flex;padding:8px 18px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:500;font-size:.92rem;background:var(--panel)}
.jump a:hover{border-color:var(--ink)}
.fgroup{width:100%;max-width:820px;margin-top:56px;text-align:left}
.fgroup h2{font-size:clamp(1.6rem,3.4vw,2.1rem);padding-bottom:12px;border-bottom:3px solid var(--apes)}
.fgroup:nth-of-type(n+2) h2{border-bottom-color:var(--chem)}
.fgroup .list{margin-top:0;border-top:0}
.fnote{color:var(--muted);margin-top:12px;font-size:.95rem}
.fnote a{color:var(--accent)}