/* Static archive additions shared by the existing landing and gallery. */
.discover-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.discover-home-search { display:flex; align-items:center; gap:14px; max-width:720px; margin:32px 0 0; padding:8px 8px 8px 20px; background:#fff; color:#263d32; border:1px solid #d6e4d9; border-radius:14px; box-shadow:0 16px 50px #0003; }
.discover-home-search > span { font-size:32px; }
.discover-home-search input { min-width:0; flex:1; background:transparent; color:#24392f; border:0; padding:14px 0; font:inherit; font-size:16px; }
.discover-home-search button { border:0; border-radius:9px; background:#d7ef9d; color:#172b21; padding:16px 20px; font-weight:650; white-space:nowrap; }
.discover-home-hint { color:#b5c5ba; font-size:13px; margin:12px 0 20px; }
.discover-home-topics { display:flex; justify-content:flex-start; flex-wrap:wrap; gap:8px; }
.discover-home-topics a { font-size:12px; border:1px solid #657b694f; color:#dce9df; padding:6px 12px; border-radius:30px; }
.discover-home-topics a:hover { background:#ffffff12; color:#fff; }
.landing-page:has(.discover-home-search) .ld-stage { padding-top:70px; padding-bottom:44px; }
.landing-page:has(.discover-home-search) .ld-title { font-size:clamp(42px,6vw,74px); }
.discover-gallery-callout { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; background:var(--bg-subtle); border:1px solid var(--border); border-radius:14px; margin:28px 0; }
.discover-gallery-callout p { margin:4px 0 0; font-size:14px; color:var(--text-soft); }
.discover-gallery-callout a { font-weight:600; white-space:nowrap; }
.discover-card-tools { display:flex; justify-content:space-between; align-items:center; margin-top:14px; font-size:12px; gap:8px; }
.discover-card-tools button, .discover-project-actions button { border:1px solid var(--border); border-radius:8px; background:var(--bg); color:var(--text); padding:7px 12px; }
[data-save-slug][aria-pressed="true"] { background:var(--accent-soft); color:var(--accent); }
.discover-breadcrumb { display:flex; gap:12px; font-size:13px; margin:28px 0; color:var(--text-muted); }
.discover-kicker { font:11px var(--font-mono); letter-spacing:.14em; color:var(--text-muted); }
.discover-project-hero { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr); gap:70px; padding:40px 0 60px; align-items:center; }
.discover-project-hero h1 { font:clamp(34px,5vw,64px)/1.1 var(--font-serif); letter-spacing:-.035em; margin:18px 0; overflow-wrap:anywhere; }
.discover-project-owner { font:13px var(--font-mono); color:var(--text-muted); overflow-wrap:anywhere; }
.discover-project-description { font-size:19px; line-height:1.7; color:var(--text-soft); max-width:620px; }
.discover-project-topics { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.discover-project-topics a { font-size:12px; padding:5px 10px; background:var(--bg-subtle); border:1px solid var(--border); border-radius:20px; }
.discover-project-actions { display:flex; gap:10px; flex-wrap:wrap; }
.discover-primary { display:inline-flex; background:var(--text); color:var(--bg); border-radius:9px; padding:12px 20px; font-weight:600; }
.discover-primary:hover { background:var(--accent); color:var(--accent-fg); }
.discover-storage-note { font-size:12px; color:var(--text-muted); }
.discover-watch-panel { border:1px solid var(--border); border-radius:20px; overflow:hidden; background:var(--bg-elevated); }
.discover-watch-panel img { width:100%; max-height:340px; object-fit:cover; object-position:center 30%; }
.discover-watch-panel > a { display:block; padding:18px; font-size:14px; font-weight:600; }
.discover-project-monogram { min-height:240px; background:radial-gradient(ellipse at top right,#53856755,transparent),#172a21; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#d7ef9d; font:80px var(--font-serif); }
.discover-project-monogram span { font:12px var(--font-mono); color:#b1c0b5; margin-top:20px; }
.discover-project-reading { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding:40px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.discover-project-reading h2, .discover-related h2 { font:32px var(--font-serif); margin:8px 0 14px; }
.discover-project-reading p { color:var(--text-soft); max-width:530px; }
.discover-project-reading label { font-size:12px; display:block; margin-bottom:8px; }
.discover-inline-search { display:flex; gap:8px; }
.discover-inline-search input { min-width:0; width:100%; font:inherit; border:1px solid var(--border); background:var(--bg-elevated); color:var(--text); padding:12px; border-radius:8px; }
.discover-inline-search button { background:var(--text); color:var(--bg); border:0; border-radius:8px; padding:10px 14px; }
.discover-related { margin:50px 0; }
.discover-section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.discover-related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:24px; }
.discover-related-grid article { padding:22px; border:1px solid var(--border); border-radius:12px; background:var(--bg-elevated); }
.discover-related-grid article > span { font:11px var(--font-mono); color:var(--text-muted); }
.discover-related-grid h3 { overflow-wrap:anywhere; margin:8px 0 12px; }
.discover-related-grid p { font-size:14px; line-height:1.6; color:var(--text-soft); display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.discover-related-grid article > a { font-size:12px; }
.discover-topics-hero { padding:60px 0 44px; }
.discover-topics-hero h1 { font:clamp(40px,6vw,70px)/1.1 var(--font-serif); letter-spacing:-.04em; margin:20px 0; }
.discover-topics-hero h1 em { color:var(--accent); font-weight:400; }
.discover-topics-hero > p:not(.discover-kicker) { font-size:18px; color:var(--text-soft); }
.discover-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding-bottom:40px; }
.discover-topic-grid > a { color:var(--text); display:flex; flex-direction:column; padding:28px; background:var(--bg-elevated); border:1px solid var(--border); border-radius:14px; transition:transform .2s,border-color .2s; }
.discover-topic-grid > a:hover { border-color:var(--accent); transform:translateY(-3px); }
.discover-topic-number { font:12px var(--font-mono); color:var(--text-muted); }
.discover-topic-grid h2 { font:27px var(--font-serif); margin:26px 0 10px; }
.discover-topic-grid p { font-size:14px; line-height:1.7; color:var(--text-soft); margin:0 0 26px; flex:1; }
.discover-topic-bottom { display:flex; justify-content:space-between; font-size:12px; color:var(--accent); }
@media(max-width:800px) { .discover-project-hero { gap:30px; } .discover-related-grid,.discover-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .discover-project-reading { gap:28px; } }
@media(max-width:600px) { .discover-home-search { gap:8px; padding-left:12px; } .discover-home-search > span { display:none; } .discover-home-search input { font-size:14px; } .discover-home-search button { font-size:0; padding:14px; } .discover-home-search button span { font-size:20px; } .discover-project-hero,.discover-project-reading { grid-template-columns:1fr; } .discover-project-hero { padding-top:10px; } .discover-gallery-callout,.discover-section-heading { align-items:flex-start; flex-direction:column; } .discover-gallery-callout a { white-space:normal; } .discover-topic-grid,.discover-related-grid { grid-template-columns:1fr; } .discover-project-description { font-size:17px; } .nav__inner { flex-wrap:wrap; gap:10px; } .nav__links { flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { .discover-topic-grid > a { transition:none; } }
/* Leave room for the two-line mobile navigation above the landing hero. */
@media(max-width:600px) { .landing-page:has(.discover-home-search) .ld-stage { padding-top:130px; } }
.discover-page { --accent:#2e5543; --accent-hover:#203e30; --accent-soft:#edf2ee; }
[data-theme="dark"] .discover-page { --accent:#c4e48c; --accent-hover:#ddf5b3; --accent-soft:#23382c; }