.notebook-hero {
    background: radial-gradient(circle at 82% 14%, #dcefe0 0, transparent 24rem), linear-gradient(122deg, #f5f2e9 0%, #f8faf7 48%, #e8f0e5 100%);
    overflow: hidden;
    padding: clamp(4.25rem, 7vw, 6rem) 0 clamp(2.75rem, 4.5vw, 4rem);
}

.notebook-hero-grid { align-items: end; display: grid; gap: clamp(2rem, 8vw, 8rem); grid-template-columns: 1.22fr .78fr; }
.notebook-hero h1 { color: #1f3e2b; font-size: clamp(2.9rem, 5.4vw, 5rem); letter-spacing: -.075em; line-height: .95; margin: .45rem 0 0; }
.notebook-hero h1 em, .notebook-introduction h2 em, .notebook-principles h2 em { color: #4b7961; font-family: Georgia, serif; font-weight: 400; }
.notebook-hero-grid > p { color: #4d6352; font-size: clamp(1.05rem, 1.8vw, 1.25rem); line-height: 1.7; margin: 0 0 .2rem; max-width: 28rem; }
.notebook-main { overflow: hidden; }
.notebook-introduction { max-width: 52rem; padding-bottom: clamp(4rem, 8vw, 7rem); padding-top: clamp(4rem, 8vw, 7rem); }
.notebook-introduction h2, .notebook-section-heading h2, .notebook-principles h2 { color: #244632; font-size: clamp(2.2rem, 4.5vw, 4.2rem); letter-spacing: -.06em; line-height: 1; margin: .5rem 0 1.4rem; }
.notebook-introduction > p:last-child { color: #526559; font-size: 1.08rem; line-height: 1.85; max-width: 46rem; }
.notebook-areas { background: #284d3a; padding: clamp(4rem, 8vw, 7rem) 0; }
.notebook-areas .eyebrow { color: #b8d5ad; }
.notebook-section-heading h2 { color: #fff; margin-bottom: 2.4rem; }
.notebook-card-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); }
.notebook-card { border: 1px solid rgba(255, 255, 255, .22); border-radius: 1.25rem; color: #eef5eb; display: flex; flex-direction: column; justify-content: space-between; min-height: 25rem; padding: 1.5rem; }
.notebook-card > span { color: #c3ddbd; font-size: .8rem; font-weight: 700; letter-spacing: .1em; }
.notebook-card .eyebrow { color: inherit; font-size: .68rem; margin: 0; opacity: .75; }
.notebook-card h3 { color: #fff; font-size: clamp(1.65rem, 3vw, 2.25rem); letter-spacing: -.05em; line-height: 1.05; margin: .75rem 0 1rem; }
.notebook-card div > p:last-child { font-size: .94rem; line-height: 1.7; margin: 0; }
.notebook-card-note { border-top: 1px solid rgba(255, 255, 255, .25); font-size: .84rem; line-height: 1.5; margin: 2rem 0 0; padding-top: 1rem; }
.notebook-card-note a { color: inherit; font-weight: 700; text-decoration: none; }
.notebook-card-note a:hover, .notebook-card-note a:focus-visible { text-decoration: underline; text-underline-offset: .2em; }
.notebook-card--study { background: linear-gradient(150deg, rgba(99, 150, 102, .4), rgba(255, 255, 255, .04)); }
.notebook-card--news { background: linear-gradient(150deg, rgba(54, 107, 113, .55), rgba(255, 255, 255, .04)); }
.notebook-card--grants { background: linear-gradient(150deg, rgba(135, 122, 69, .52), rgba(255, 255, 255, .04)); }
.notebook-latest { padding-bottom: clamp(4.5rem, 9vw, 8rem); padding-top: clamp(4.5rem, 9vw, 8rem); }
.notebook-latest-heading { align-items: end; display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 2.25rem; }
.notebook-latest-heading h2 { color: #244632; font-size: clamp(2.25rem, 4.5vw, 4.2rem); letter-spacing: -.06em; line-height: 1; margin: .5rem 0 0; }
.notebook-latest-heading h2 em { color: #4b7961; font-family: Georgia, serif; font-weight: 400; }
.notebook-latest-heading > p { color: #607064; font-size: 1rem; line-height: 1.7; margin: 0 0 .25rem; max-width: 24rem; }
.notebook-latest-grid { display: grid; grid-template-columns: 1fr; }
.journal-card { background: #f7faf5; border: 1px solid #dbe7d9; border-radius: 1.25rem; display: grid; grid-template-columns: minmax(15rem, .9fr) 1.1fr; overflow: hidden; }
.journal-card-image { display: block; min-height: 100%; overflow: hidden; }
.journal-card-image img { display: block; height: 100%; min-height: 18rem; object-fit: cover; transition: transform .45s ease; width: 100%; }
.journal-card:hover .journal-card-image img { transform: scale(1.025); }
.journal-card-content { align-self: center; padding: clamp(1.5rem, 4vw, 3rem); }
.journal-card-meta { color: #5a7960; display: flex; flex-wrap: wrap; font-size: .72rem; font-weight: 800; gap: .45rem; letter-spacing: .045em; text-transform: uppercase; }
.journal-card h3 { font-size: clamp(1.6rem, 3.2vw, 2.65rem); letter-spacing: -.055em; line-height: 1.06; margin: .9rem 0; }
.journal-card h3 a { color: #244632; text-decoration: none; }
.journal-card h3 a:hover, .journal-card h3 a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.journal-card-content > p { color: #5b6f60; font-size: .98rem; line-height: 1.7; margin: 0 0 1.4rem; max-width: 40rem; }
.journal-card-link { color: #226536; font-size: .88rem; font-weight: 800; text-decoration: none; }
.journal-card-link:hover, .journal-card-link:focus-visible { text-decoration: underline; text-underline-offset: .2em; }
.notebook-principles { display: grid; gap: clamp(2rem, 9vw, 9rem); grid-template-columns: .85fr 1fr; padding-bottom: clamp(4.5rem, 9vw, 8rem); padding-top: clamp(4.5rem, 9vw, 8rem); }
.notebook-principles > div:last-child { color: #526559; font-size: 1.04rem; line-height: 1.85; max-width: 38rem; }
.notebook-principles > div:last-child p { margin: 0 0 1.1rem; }
.journal-directory-hero { background:radial-gradient(circle at 82% 14%,#dcefe0 0,transparent 24rem),linear-gradient(122deg,#f5f2e9 0%,#f8faf7 48%,#e8f0e5 100%);padding:clamp(4.25rem,7vw,6rem) 0 clamp(2.75rem,4.5vw,4rem); }
.journal-directory-hero h1 { color:#1f3e2b;font-size:clamp(2.9rem,5.4vw,5rem);letter-spacing:-.075em;line-height:.95;margin:.45rem 0 1.2rem; }
.journal-directory-hero h1 em { color:#4b7961;font-family:Georgia,serif;font-weight:400; }
.journal-directory-hero p:last-child { color:#4d6352;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.7;margin:0;max-width:43rem; }
.journal-directory { padding-block:clamp(3.5rem,7vw,6.5rem); }
.journal-directory-controls { align-items:end;border-bottom:1px solid #dbe7d9;display:grid;gap:1.5rem;grid-template-columns:1fr minmax(16rem,25rem);padding-bottom:2rem; }
.journal-category-links { display:flex;flex-wrap:wrap;gap:.6rem; }
.journal-category-links a { border:1px solid #ceddce;border-radius:999px;color:#36543e;font-size:.82rem;font-weight:700;padding:.55rem .8rem;text-decoration:none; }
.journal-category-links a:hover,.journal-category-links a:focus-visible,.journal-category-links a[aria-current="page"] { background:#284d3a;border-color:#284d3a;color:#fff; }
.journal-search label { color:#38533e;display:block;font-size:.76rem;font-weight:800;margin-bottom:.45rem; }
.journal-search div { display:flex; }
.journal-search input { border:1px solid #bfcfbd;border-radius:.65rem 0 0 .65rem;color:#27442f;font:inherit;min-width:0;padding:.68rem .7rem;width:100%; }
.journal-search button { background:#284d3a;border:1px solid #284d3a;border-radius:0 .65rem .65rem 0;color:#fff;font-size:.8rem;font-weight:800;padding:.68rem .9rem; }
.journal-directory-heading { align-items:end;display:flex;gap:2rem;justify-content:space-between;margin:3rem 0 2.25rem; }
.journal-directory-heading .eyebrow { margin-bottom:.55rem; }
.journal-directory-heading h2 { color:#244632;font-size:clamp(2rem,4vw,3.7rem);margin:0; }
.journal-directory-heading>p { color:#607064;font-size:.85rem;margin:0 0 .35rem;white-space:nowrap; }
.journal-directory-grid { display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr)); }
.journal-directory-grid .journal-card { display:flex;height:auto;flex-direction:column; }
.journal-directory-grid .journal-card-image { min-height:0; }
.journal-directory-grid .journal-card-image img { height:auto;min-height:0;aspect-ratio:3/2; }
.journal-directory-grid .journal-card-content { background:#f7faf5;color:#244632;display:block;height:auto;inset:auto;min-height:0;opacity:1;padding:1.5rem;position:static;visibility:visible;z-index:auto; }
.journal-directory-grid .journal-card h3 { font-size:clamp(1.5rem,2.8vw,2.15rem); }
.journal-directory-grid .journal-card .journal-card-meta { color:#5a7960;display:flex; }
.journal-directory-grid .journal-card .journal-card-content>p { color:#5b6f60;display:block; }
.journal-directory-grid .journal-card .journal-card-link { color:#226536;display:inline-flex; }
.journal-pagination { align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:3rem; }
.journal-pagination a { border:1px solid #b9ccb8;border-radius:999px;color:#31583c;font-size:.84rem;font-weight:800;padding:.6rem 1rem;text-decoration:none; }
.journal-pagination a:hover,.journal-pagination a:focus-visible { background:#e5f0e1; }
.journal-pagination span { color:#607064;font-size:.82rem; }
.journal-empty { background:#f3f7f0;border:1px solid #dbe7d9;border-radius:1rem;color:#526559;line-height:1.7;padding:1.5rem; }
.journal-empty p { margin:0 0 1rem; }
.notebook-latest-heading>div:last-child { max-width:24rem; }
.notebook-latest-heading>div:last-child>p { color:#607064;font-size:1rem;line-height:1.7;margin:0 0 1rem; }
.notebook-latest-heading .text-link { gap:.65rem;font-size:.82rem; }

@media (max-width: 760px) {
    .notebook-hero { padding-top: 5rem; }
    .notebook-hero-grid, .notebook-principles { grid-template-columns: 1fr; }
    .notebook-hero-grid { gap: 1.5rem; }
    .notebook-hero-grid > p, .notebook-introduction > p:last-child, .notebook-principles > div:last-child { font-size: 1rem; }
    .notebook-card-grid { grid-template-columns: 1fr; }
    .notebook-latest-heading { align-items: start; flex-direction: column; gap: 1rem; }
    .journal-directory-hero { padding-top:5rem; }
    .journal-directory-controls { align-items:stretch;grid-template-columns:1fr; }
    .journal-directory-heading { align-items:start;flex-direction:column;gap:.7rem;margin-top:2.2rem; }
    .journal-directory-grid { grid-template-columns:1fr; }
    .journal-card { grid-template-columns: 1fr; }
    .journal-card-image img { min-height: auto; }
    .notebook-card { min-height: 20rem; }
}