/* English research gallery: paper tones and a quieter information hierarchy. */
.gallery-page{--gallery-rule:#dcd5c9;--gallery-muted:#736b5f}
.gallery-page .hero{max-width:1180px;margin:auto;padding:64px 28px 38px}
.gallery-page .eyebrow{font:10px/1.6 'Roboto Mono',monospace;letter-spacing:.09em;color:var(--gallery-muted)}
.gallery-page h1{font-size:clamp(40px,5vw,68px);line-height:1.1;letter-spacing:-.035em;margin:22px 0}
.gallery-page h1 em{font-weight:400;color:#736653}
.gallery-page .lead{max-width:790px;font-size:18px;line-height:1.8;color:#514d45}
.gallery-page .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:24px;margin-top:30px;border-top:1px solid var(--gallery-rule)}
.gallery-page .stats strong{font:400 30px/1.3 'Playfair Display',Georgia,serif;margin-bottom:7px}
.gallery-page .stats span{display:block;font:11px/1.6 'Roboto Mono',monospace;color:var(--gallery-muted)}
.gallery-page nav{justify-content:center;gap:26px;padding:14px 24px;border-color:var(--gallery-rule)}
.gallery-page nav a{font:11px/1.6 'Roboto Mono',monospace;color:#665e51;font-weight:400}
.gallery-page nav a:hover{color:#1b1b1b;text-decoration:underline;text-underline-offset:6px}
.gallery-page main{max-width:1180px;padding:0 28px}
.gallery-page main>section{padding:48px 0;border-color:var(--gallery-rule)}
.gallery-page .section-title{align-items:baseline;gap:16px;margin-bottom:16px}
.gallery-page .section-title>span{font:11px/1.6 'Roboto Mono',monospace;color:#998c76;flex:none}
.gallery-page .section-title h2{background:none;color:var(--ink);padding:0;font:700 clamp(25px,3vw,34px)/1.3 'Playfair Display',Georgia,serif;letter-spacing:-.02em}
.gallery-page main>section>p{max-width:980px;font-size:17px;line-height:1.8;color:#4b4841}
.gallery-page .note,.gallery-page .takeaway{padding:16px 20px;background:#f2ece1;border:1px solid #ded4c3;border-radius:9px;font:13px/1.8 system-ui,-apple-system,'Segoe UI',sans-serif;color:#585144}
.gallery-page iframe{box-sizing:border-box;display:block;border:1px solid #d5cbb9;border-radius:12px;margin-top:24px}
.gallery-page .selected{margin:18px 0 24px;padding:20px;gap:24px;min-height:0;border-color:var(--gallery-rule);border-radius:12px}
.gallery-page .selected img{width:145px;max-height:170px;flex:none;mix-blend-mode:multiply}
.gallery-page .selection-text{font:13px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif;color:#5d564b}
.gallery-page .selection-text p{margin:8px 0}
.gallery-page .selection-text .sample-title{font:500 12px/1.7 'Roboto Mono',monospace;color:#24221e;overflow-wrap:anywhere}
.gallery-page .selection-facts{display:flex;flex-wrap:wrap;gap:6px 18px}
.gallery-page .selection-facts strong{font-weight:500;color:#25231f}
.gallery-page .mono{font-size:11px;line-height:1.8}
.gallery-page .badge{padding:3px 9px;border-radius:5px;background:#eee7db;font:10px/1.7 'Roboto Mono',monospace;color:#6d604c}
.gallery-page .cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px}
.gallery-page .cluster-card{border:1px solid var(--gallery-rule);border-top:3px solid var(--cluster);border-radius:12px;padding:20px}
.gallery-page .cluster-head{margin-bottom:14px}
.gallery-page .cluster-head h3{font:700 27px/1.2 'Playfair Display',Georgia,serif}
.gallery-page .cluster-head span{font-size:10px;color:var(--gallery-muted)}
.gallery-page .pair{gap:14px}
.gallery-page .pair img{height:175px;object-fit:contain;border-radius:7px}
.gallery-page .pair figcaption{font-size:10px;line-height:1.6;padding-top:8px}
.gallery-page .cluster-card p{font:12px/1.8 system-ui,-apple-system,'Segoe UI',sans-serif;color:#655e52}
.gallery-page .cluster-card p.mono{font:10px/1.8 'Roboto Mono',monospace;color:#3d3932}
.gallery-page button{border:1px solid #d1c6b4;border-radius:6px;background:#eee7db;color:#3b352c;padding:8px 11px;font:11px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;margin-top:6px}
.gallery-page button:hover{background:#e3d9c8;border-color:#b8a98f}
.gallery-page button:focus-visible,.gallery-page a:focus-visible{outline:2px solid #7b6a4d;outline-offset:3px}
.gallery-page details{border:1px solid var(--gallery-rule);border-radius:9px;padding:13px 16px;background:transparent}
.gallery-page summary{font:12px/1.7 'Roboto Mono',monospace;color:#554e43}
.gallery-page details>p{font:12px/1.8 system-ui,-apple-system,'Segoe UI',sans-serif}
.gallery-page .controls{display:flex;align-items:flex-end;gap:14px;padding:16px 18px;margin:24px 0;border:1px solid var(--gallery-rule);border-radius:10px;background:#f5f0e7}
.gallery-page .controls label{display:flex;flex-direction:column;align-items:stretch;gap:7px;font:11px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--gallery-muted)}
.gallery-page .controls label:nth-child(2){flex:1;min-width:180px}
.gallery-page input,.gallery-page select{box-sizing:border-box;min-height:36px;border:1px solid #d8cebd;border-radius:6px;background:#fdfaf4;padding:7px 10px;font:12px/1.5 'Roboto Mono',monospace;color:#3b352c}
.gallery-page #demoCount{margin:0 0 9px;font:10px/1.6 'Roboto Mono',monospace;color:var(--gallery-muted)}
.gallery-page .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.gallery-page .demo-card{border:1px solid var(--gallery-rule);border-radius:12px;background:transparent}
.gallery-page .demo-card video{aspect-ratio:4/3;object-fit:contain;display:block}
.gallery-page .demo-card .text{padding:18px 20px 20px}
.gallery-page .demo-card h3{font:700 22px/1.4 'Playfair Display',Georgia,serif;margin:9px 0}
.gallery-page .demo-card p{font:12px/1.8 system-ui,-apple-system,'Segoe UI',sans-serif;color:#625b50}
.gallery-page .demo-card p.mono{font:10px/1.8 'Roboto Mono',monospace}
.gallery-page .demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:14px 0}
.gallery-page .demo-actions button{margin:0}
.gallery-page .demo-actions a{font:11px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;text-decoration:underline;text-underline-offset:3px}
.gallery-page .demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 0;border-top:1px solid #e3dbce;border-bottom:1px solid #e3dbce;margin:14px 0}
.gallery-page .demo-metrics dt{font:10px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;color:#8a7f6e;margin-bottom:4px}
.gallery-page .demo-metrics dd{font:12px/1.5 'Roboto Mono',monospace;margin:0;color:#403a31}
.gallery-page .demo-snapshots{gap:8px;margin:16px 0}
.gallery-page .demo-snapshots small{display:block;font-size:9px;margin-top:5px;color:#8b7f6c}
.gallery-page figure{margin:24px 0}
.gallery-page figure img{width:auto;max-width:100%;height:auto}
.gallery-page figcaption{font:11px/1.8 'Roboto Mono',monospace;color:#7d7364}
.gallery-page .tablewrap{margin:20px 0 26px;border:1px solid var(--gallery-rule);border-radius:9px;scrollbar-width:thin}
.gallery-page table{font:11px/1.6 'Roboto Mono',monospace;font-variant-numeric:tabular-nums}
.gallery-page th,.gallery-page td{padding:12px;min-width:80px}
.gallery-page th{white-space:normal;color:#5e5547;font-weight:500;background:#eee8dd}
.gallery-page th:first-child,.gallery-page td:first-child{min-width:150px;white-space:normal;overflow-wrap:anywhere}
.gallery-page .conclusions{gap:20px;margin:24px 0}
.gallery-page .conclusions article{border:1px solid var(--gallery-rule);border-radius:10px;padding:22px;background:transparent}
.gallery-page .conclusions h3{font:700 22px/1.4 'Playfair Display',Georgia,serif;margin:0 0 12px}
.gallery-page .conclusions p{font:13px/1.8 system-ui,-apple-system,'Segoe UI',sans-serif;color:#625b50}
.gallery-page .downloads{gap:9px}
.gallery-page .downloads a{border:1px solid #d5cab8;border-radius:6px;background:transparent;color:#5f5442;padding:9px 12px;font:10px/1.6 'Roboto Mono',monospace}
.gallery-page .downloads a:hover{background:#eee7da}
.gallery-page footer{font:10px/1.8 'Roboto Mono',monospace;color:#8c806d;padding:30px 24px 45px}
@media(max-width:850px){.gallery-page nav{justify-content:flex-start;gap:20px}.gallery-page .conclusions{grid-template-columns:1fr}.gallery-page .pair img{height:145px}.gallery-page .cluster-card{padding:16px}}
@media(max-width:650px){.gallery-page .hero{padding:38px 20px 28px}.gallery-page main{padding:0 20px}.gallery-page .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-page .cluster-grid,.gallery-page .demo-grid{grid-template-columns:1fr}.gallery-page .selected{flex-direction:column;align-items:flex-start;gap:14px}.gallery-page .selected img{width:110px}.gallery-page main>section{padding:32px 0}.gallery-page .lead{font-size:16px}.gallery-page main>section>p{font-size:16px}.gallery-page .controls label:nth-child(2){min-width:150px}.gallery-page .pair img{height:180px}}
@media print{.gallery-page nav,.gallery-page .controls{display:none}.gallery-page main{max-width:none}.gallery-page .hero{padding:20px 0}.gallery-page .hero h1{font-size:35px}.gallery-page .cluster-card,.gallery-page .demo-card{break-inside:avoid}.gallery-page .cluster-grid,.gallery-page .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}