/* Shared page presentation. Scientific plots and data colour scales retain their own styles. */
:root { --site-green:#426b35; --site-link:#0049d9; --site-line:#d9ddd6; }
body[data-page] { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#333; background:#fff; }
body[data-page] input, body[data-page] select, body[data-page] textarea, body[data-page] button { font-family:inherit; }
body[data-page] :focus-visible { outline:2px solid var(--site-link); outline-offset:3px; }
body[data-page] a { color:var(--site-link); }
body[data-page] h1, body[data-page] h2, body[data-page] h3 { letter-spacing:0; }
body[data-page] .mo-nav { background:#24401f; border-bottom:1px solid #182c15; box-shadow:0 1px 4px #0000002e; }
body[data-page] .mo-nav__brand { color:#fff; font-size:1.2rem; font-weight:600; letter-spacing:0; }
body[data-page] .mo-nav__brand span { color:#b9d98a; }
body[data-page] .mo-nav__link, body[data-page] .mo-nav__trigger { color:#eef3e6; font-size:.9rem; }
body[data-page] .mo-nav__link:hover, body[data-page] .mo-nav__link.is-active,
body[data-page] .mo-nav__trigger:hover, body[data-page] .mo-nav__trigger.is-active,
body[data-page] .mo-nav__links>li.is-open>.mo-nav__trigger { background:#36592f; color:#fff; border-bottom-color:#b9d98a; }
body[data-page] .mo-nav__toggle { color:#fff; border-color:#ffffff80; border-radius:3px; font-weight:400; }
body[data-page] .mo-nav__panel { background:#24401f; box-shadow:none; }
body[data-page] .mo-nav__sub { border-color:#182c15; border-radius:0; background:#2f5129; box-shadow:0 6px 14px #00000040; }
body[data-page] .mo-nav__sub a { color:#eef3e6; }
body[data-page] .mo-nav__sub a:hover, body[data-page] .mo-nav__sub a.is-active { background:#41693a; color:#fff; border-left-color:#b9d98a; }

/* Module banners (2026-09-13): per-page photo via --banner, shade keeps white text readable; pages without a photo get the plain green gradient */
body[data-page] .hero, body[data-page] .page-header { position:relative; isolation:isolate; overflow:hidden; color:#fff; padding:2.6rem 2rem; text-align:left; border-bottom:0; background:linear-gradient(120deg,#1f3a1c,#3d6a33); }
body[data-page] .hero::before { display:none; }
/* Photo layer: shade + WebP photo + ~1KB inline placeholder (paints instantly while the photo loads); photo pages drift slowly (Ken Burns) */
body[data-page] .hero::after, body[data-page] .page-header::after { content:""; display:block; position:absolute; inset:0; width:auto; height:auto; z-index:-1; pointer-events:none; transform-origin:65% 50%;
  background:var(--banner-shade, linear-gradient(90deg,#1c3519e6 0%,#1c3519a6 50%,#1c351933 100%)), var(--banner, none) var(--banner-pos, center)/var(--banner-size, cover) no-repeat, var(--banner-lq, none) var(--banner-pos, center)/var(--banner-size, cover) no-repeat; }
body:is([data-page="index"],[data-page="gene"],[data-page="epigenome"],[data-page="multiomics"],[data-page="ppi"],[data-page="oil"],[data-page="leaf-color"],[data-page="gwas"],[data-page="samples"],[data-page="data"],[data-page="about"]) :is(.hero,.page-header)::after { animation:banner-drift 40s ease-in-out infinite alternate; will-change:transform; }
@keyframes banner-drift { to { transform:scale(1.08) translateX(-2%); } }
@media (prefers-reduced-motion: reduce) { body[data-page] .hero::after, body[data-page] .page-header::after { animation:none; } }
body[data-page] .hero-inner { max-width:1140px; margin:0 auto; }
body[data-page] .hero h1, body[data-page] .hero-title, body[data-page] .page-header h1 { color:#fff; text-shadow:0 1px 3px #00000059; font-size:2rem; font-weight:500; line-height:1.25; letter-spacing:0; }
body[data-page] .hero h1 span, body[data-page] .hero h1 em, body[data-page] .hero-title span { color:inherit; }
body[data-page] .hero p, body[data-page] .page-header p, body[data-page] .hero-sub, body[data-page] .hero-desc, body[data-page] .hero-subtitle { color:#ffffffe6; opacity:1; line-height:1.6; margin-left:0; margin-right:0; }
body[data-page] .hero-badge, body[data-page] .eyebrow { background:none; border:0; border-radius:0; padding:0; color:var(--site-green); font-size:.85rem; font-weight:400; letter-spacing:0; text-transform:none; margin-bottom:.6rem; }
body[data-page] .hero .hero-badge, body[data-page] .hero .eyebrow { color:#cfe3a6; }
body[data-page] .hero .hstat-num { color:#fff; }
body[data-page] .hero .hstat-label { color:#ffffffd9; }
body[data-page] .hero a:not(.button), body[data-page] .page-header a { color:#fff; text-decoration:underline; text-underline-offset:2px; }
body[data-page] .hero-stats { justify-content:flex-start; margin-top:1.25rem; gap:1.5rem; }
body[data-page] .hstat { text-align:left; }
body[data-page] .hstat-num { color:var(--site-green); font-size:1.3rem; font-weight:500; }
body[data-page] .hstat-label { color:#50554d; opacity:1; }
body[data-page] .hero .button { color:#fff; }
body[data-page] .hero .button--quiet, body[data-page] .hero .button--light { color:var(--site-green); border-color:#b5c1a6; background:#fff; }
body[data-page="index"] { --banner:url('../img/banner/banner_home.webp'); --banner-lq:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAALABgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCF/EAmVXjQIC2Cp5xVWfUw8rISNvqagjUGJSQCWHORUc0EbFSV9utc0pzctZM0jGK2QyeSQygFjgjPpRU16qppkDqAG3sN3fGBRQk2txs//9k='); --banner-pos:center 65%; --banner-shade:linear-gradient(#0000,#0000); }
body[data-page="gene"] { --banner:url('../img/banner/banner_transcriptome.webp'); --banner-lq:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAALABgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwBsMdsPLRJmLJ1B5wKkDoVdE5weMHqKpxRqjrtGM9acWKwNg4+fHFcLgmejCppsSmVEaMyIUUNnJGNp/rmisu6uJpLd1eQsN/Q/QUVXsUZyxFnsf//Z'); }
body[data-page="epigenome"] { --banner:url('../img/banner/banner_epigenome.webp'); --banner-lq:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAALABgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwAjdZIhtA6f/W604qHReSGHX0NZDOwZADwR0qzE7BVIY5wRWPs+qNY1U9GiYqFB4LBh6UVM0j+Q3P3htP0oqyJJX0P/2Q=='); }
body[data-page="multiomics"], body[data-page="ppi"] { --banner:url('../img/banner/banner_proteome.webp'); --banner-lq:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAALABgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwC7cT2qHmQHPGV5FZ9xcRZKKQG7Vz8MriFQGOFY4oeV/PZtxzioliqrdkEaFNF6a9xIAq5NFVZxi4Uf7C0Vmq9RLRlunF9D/9k='); }
body[data-page="oil"] { --banner:url('../img/banner/banner_oil.webp'); --banner-lq:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAALABgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwByS28sgRWIJGRkdahnZYs5xj2rEQkyxkkkk+taupkiFgOPlrmxGJqTUYs0o0YRbkMlfO3y2BJ7CisOSR1K4Y9aKIqVtWOTV9j/2Q=='); }
body[data-page="leaf-color"] { --banner:url('../img/banner/banner_leafcolor.webp'); --banner-lq:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAALABgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCE35ldWCRZAwSqYyPSki2liPu4H0AqCCJBbKwX5tqnPuc1cSRpYNsh3ANxkVy8zT1O2m1ayRLCYpY2WZyzryCBncKKrj5YsrweeaKn2z6IJ0Vzbn//2Q=='); }
body[data-page="gwas"] { --banner:url('../img/banner/banner_gwas.webp'); --banner-lq:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAALABgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwC5/bxu7NfMk3MrcOPSqcmoN5wfzA0bAgg84GayVVdwXGBjtxSSqBGQOABXM73ubRtsXWvfIui0IVsjPB6UViB2V2wSKK0i5JaMiaTeqP/Z'); }
/* portrait / 1024px photos: right 60% near native scale instead of upscaled full-bleed */
body[data-page="samples"], body[data-page="data"] { --banner:url('../img/banner/banner_samples.webp'); --banner-lq:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAYABIDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCypvkVgt7jd15NRMbkAI93legzkj+dQXNyVbylYbmPzEnt3ou7gRSwsWHlONjDsR2rgVWp3Otwp9iwBOox9pHHH3T/AI0VWMYz8ty4HYZoo9rP+YOSHYox3QD+bMTuOB0x8tV7q4W4iMexV5JBGaKK1UVe5k29iRLuERqDckcDja3H60UUU/ZoOZn/2Q=='); --banner-pos:right center; --banner-size:60% auto; --banner-shade:linear-gradient(90deg,#1f3a1c 40%,#1f3a1c00 72%); }
body[data-page="about"] { --banner:url('../img/banner/banner_about.webp'); --banner-lq:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAQABgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCpb6jqituksFlJ4/1RAH5Vfjvbr7w0mI+zMf8AGpvPYgssbuo6/L0oM2FB8n5iQCOOK876/VNvq8EUftGoJKzrpsJ9iDj+dFWJb6MM2GAwcHJop/Xaz6B7CCP/2Q=='); --banner-pos:right center; --banner-size:60% auto; --banner-shade:linear-gradient(90deg,#1f3a1c 40%,#1f3a1c00 72%); }
@media(max-width:600px) { body[data-page="samples"], body[data-page="data"], body[data-page="about"] { --banner-size:cover; --banner-shade:linear-gradient(#1f3a1cc7,#1f3a1cc7); } }

body[data-page="index"] .hero { background:#000; isolation:isolate; text-align:center; padding:2.5rem 1rem; }
/* Rotating leaf spiral (JAAS leaf-diversity figure) on the Genome module; pivot = spiral centre (~55%,45% of image) */
body[data-page="genome"] .hero, body[data-page="synteny"] .page-header { background:#000; isolation:isolate; overflow:hidden; }
body[data-page="genome"] .hero::before, body[data-page="synteny"] .page-header::before { content:""; display:block; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#101f12e0 0%,#101f12b3 55%,#101f1280 100%); }
body[data-page="genome"] .hero::after, body[data-page="synteny"] .page-header::after { display:none; }
body[data-page] .hero-bg { position:absolute; z-index:-2; width:1000px; height:1059px; left:calc(50% - 550px); top:calc(50% - 476px); background:url('../img/hero/hero_leaf_spiral.jpg') center/100% 100% no-repeat; transform-origin:550px 476px; animation:hero-spin 240s linear infinite; will-change:transform; pointer-events:none; }
@keyframes hero-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { body[data-page] .hero-bg { animation:none; } }
body[data-page="index"] .hero::before { display:block; background:rgba(16,31,18,.42); }
body[data-page="index"] .hero h1 { color:#fff; font-size:2.5rem; }
body[data-page="index"] .hero p, body[data-page="index"] .hero-links a { color:#fff; }
body[data-page="index"] .hero p { margin-left:auto; margin-right:auto; }
body[data-page="index"] .hero-subtitle { margin:.8rem auto 1.3rem; max-width:760px; font-size:1rem; }
body[data-page="index"] .hero-subtitle strong { color:inherit !important; font-weight:400; }
body[data-page="index"] .hero-search { max-width:680px; margin:0 auto; background:#fff; border:1px solid #b8beb3; border-radius:3px; backdrop-filter:none; }
body[data-page="index"] .hero-search input { color:#333; min-width:0; }
body[data-page="index"] .hero-search input::placeholder { color:#73796d; }
body[data-page="index"] .hero-search select, body[data-page="index"] .hero-search select option { color:#333; background:#fff; border-color:#d9ddd6; }
body[data-page="index"] .hero-search button { border-radius:0; background:var(--site-green); font-weight:500; }
body[data-page="index"] .hero-links { opacity:1; flex-wrap:wrap; gap:.8rem 1.4rem; }
body[data-page="index"] .hero-links a { text-decoration:underline; text-underline-offset:3px; }
body[data-page="index"] .stat-num { color:var(--site-green); font-weight:500; font-size:1.6rem; }
body[data-page="index"] .stat-label { text-transform:none; letter-spacing:0; font-size:.8rem; }
body[data-page="index"] .section { padding-top:2.2rem; padding-bottom:2.2rem; }
body[data-page="index"] .section-title { text-align:left; font-weight:500; color:#333; }
body[data-page="index"] .section-divider { width:100%; height:1px; background:var(--site-line); margin:.7rem 0 1.5rem; border-radius:0; }
body[data-page="index"] .pheno-section { background:#fafbf8; border-top:1px solid var(--site-line); border-bottom:1px solid var(--site-line); }
body[data-page="index"] .diversity-figure img { border-radius:0; box-shadow:none; }
body[data-page="index"] .pheno-img-wrap, body[data-page="index"] .pheno-img { background:#f1f3ee; }
body[data-page="index"] .feature-card-img { height:66px; justify-content:flex-start; padding-left:1.2rem; background:#f0f4e7; color:var(--site-green); }
body[data-page="index"] .feature-card-img svg { width:32px; height:32px; }
body[data-page="index"] .feature-card-title { color:#333; font-weight:500; font-size:1rem; }
body[data-page="index"] .feature-card-desc { color:#555; font-size:.86rem; }
body[data-page="index"] .feature-card-tags .tag { border:0; border-radius:0; background:#f3f4f0; color:#565e4b; }
body[data-page="index"] .sp-badge { border-radius:3px; background:#53733d; font-weight:500; }
body[data-page="index"] .sp-dip { background:#596c7a; }
body[data-page="index"] .sp-stats span { background:#f3f4f0; border-radius:2px; }
body[data-page="index"] .sp-info h4, body[data-page="index"] .pheno-cn { color:#333; font-weight:500; }
body[data-page="index"] .news-banner { border-radius:3px; background:#f5f7ee; border-color:#d5ddc4; padding:.8rem 1rem; }
body[data-page="index"] .news-badge { background:#e4ebd4; color:#365529; border-radius:2px; font-weight:500; }
body[data-page="index"] .news-text { color:#3d4935; }
body[data-page="index"] .cite-card { background:#f8f9f5; border-left-color:#8da94c; }
body[data-page="index"] .cite-card strong { color:#333; }
body[data-page="index"] .wf-icon { border-radius:3px; background:#f0f3e9; }

body[data-page] .card, body[data-page] .about-card, body[data-page] .highlight-item,
body[data-page] .sp-card, body[data-page] .ov-card, body[data-page] .feature-card,
body[data-page] .pheno-card, body[data-page] .cite-card, body[data-page] .section-card,
body[data-page] .form-card, body[data-page] .result-card, body[data-page] .search-card,
body[data-page] .expr-card, body[data-page] .chart-card, body[data-page] .detail-card,
body[data-page] .stats-card, body[data-page] .layer-card, body[data-page] .network-card,
body[data-page] .info-card, body[data-page] .table-card, body[data-page] .module-card,
body[data-page] .team-card, body[data-page] .table-wrap { border-radius:3px; box-shadow:none; border-color:var(--site-line); }
body[data-page] .sp-card:hover, body[data-page] .feature-card:hover, body[data-page] .pheno-card:hover,
body[data-page] .module-card:hover, body[data-page] .layer-card:hover { transform:none; box-shadow:none; border-color:#97ac78; }
body[data-page="about"] .section { border:1px solid var(--site-line); border-radius:3px; box-shadow:none; }
body[data-page] .section h2, body[data-page] .section-card h2, body[data-page] .section-header,
body[data-page] .card-title, body[data-page] .ov-card-header { color:#333; font-weight:500; }
body[data-page] .section h2, body[data-page] .section-card h2 { border-bottom-color:var(--site-line); border-bottom-width:1px; }
body[data-page] .btn, body[data-page] .button, body[data-page] .cta-btn, body[data-page] .download-link { border-radius:3px; font-weight:500; }
body[data-page] .btn-primary, body[data-page] .btn-gold, body[data-page] .btn-orange,
body[data-page] .button, body[data-page] .cta-btn, body[data-page] .download-link { background:var(--site-green); color:#fff; }
body[data-page] .button--light, body[data-page] .btn-outline { background:#fff; color:var(--site-green); border-color:#b5c1a6; }
body[data-page] .tab-btn:hover { background:#f5f7ef; color:var(--site-green); }
body[data-page] .tab-btn.active { background:#f5f7ef; color:#294822; border-bottom-color:#77963b; }
body[data-page] .link-card, body[data-page] .na-highlight { background:#f6f8f1; border-color:#d5ddc4; border-radius:3px; }
body[data-page] .team-avatar { background:#eef2e6; color:#426b35; border-radius:3px; }
body[data-page] footer, body[data-page] .footer { background:#f6f7f4; color:#555; border-top:1px solid var(--site-line); padding:1.5rem 1rem; }
body[data-page] .footer-top { border-bottom-color:var(--site-line); }
body[data-page] .footer-col h4 { color:#333; font-weight:500; }
body[data-page] footer a, body[data-page] .footer a, body[data-page] .footer-col a { color:var(--site-link); }
@media(max-width:1260px) {
  body[data-page] .mo-nav__link.is-active, body[data-page] .mo-nav__trigger.is-active { border-left-color:#8da94c; }
  body[data-page] .mo-nav__sub { background:#2a4a25; }
}
@media(max-width:600px) {
  body[data-page] .hero, body[data-page] .page-header { padding:1.5rem 1rem; }
  body[data-page] .hero h1, body[data-page] .hero-title, body[data-page] .page-header h1 { font-size:1.7rem; }
  body[data-page="index"] .hero h1 { font-size:2.1rem; }
  body[data-page="index"] .hero-search input { border-bottom-color:#d9ddd6; }
  body[data-page="index"] .news-banner { align-items:flex-start; }
}