:root{color-scheme:light;--ink:#152c34;--muted:#5d7076;--paper:#f4f5ef;--line:#d6e0d9;--sea:#14645a;--accent:#d8edb4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--sea);text-underline-offset:3px}header{max-width:1120px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:25px;font-weight:750;text-decoration:none;letter-spacing:-1px;color:var(--ink)}.brand span{display:block;font-size:11px;letter-spacing:1.4px;font-weight:500;color:var(--muted)}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}main{max-width:1040px;padding:40px 28px 80px;margin:auto}.intro{padding:35px 0 65px;max-width:800px}h1{font-size:clamp(34px,5.6vw,62px);line-height:1.08;letter-spacing:-2px;overflow-wrap:anywhere;margin:18px 0 25px}h2{font-size:25px;letter-spacing:-.7px;margin-top:40px}h3{font-size:21px;line-height:1.3;margin:12px 0}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:750;color:var(--sea)}.intro>p:not(.eyebrow){font-size:20px;max-width:610px;color:var(--muted)}.button,button{display:inline-block;padding:11px 19px;background:var(--sea);color:white;border:1px solid var(--sea);border-radius:6px;text-decoration:none;font:inherit;cursor:pointer}.secondary{background:transparent;color:var(--sea);margin-left:10px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0}article{padding:23px;background:#fff;border:1px solid var(--line);border-radius:9px;overflow-wrap:anywhere;margin:16px 0}article h3 a{text-decoration:none}.cards article{margin:0}.meta,.muted,.helptext{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.section-heading span{font-size:12px;color:var(--muted)}.search{padding:20px;border:1px solid var(--line);background:#e9efe7;border-radius:8px}.search>div{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.search label{font-size:13px}.search input[type=search]{flex:1;min-width:200px}.search input{margin-bottom:0}input,textarea,select{display:block;max-width:100%;width:100%;padding:11px;border:1px solid #bdcec6;border-radius:5px;background:white;color:var(--ink);font:inherit;margin:6px 0 14px}textarea{resize:vertical}form:not(.search){max-width:760px}form p{margin:16px 0}input[type=checkbox]{display:inline;width:auto}label{font-weight:550}.helptext{display:block}.errorlist{color:#a32f22}pre,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#e5ece6;border-radius:7px}.prose{max-width:820px;overflow-wrap:anywhere}.prose pre{overflow-x:auto}.prose a{word-break:break-word}.tags{display:flex;gap:10px;flex-wrap:wrap}.hash{font:11px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--muted)}.preview{padding:10px 25px;text-align:center;background:var(--accent);font-size:12px}footer{max-width:1040px;padding:30px 28px;margin:auto;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}details{margin-top:40px}.empty{grid-column:1/-1;border-style:dashed;background:transparent}@media(max-width:650px){header{padding:18px 20px;display:block}nav{margin-top:18px;gap:16px}main{padding:25px 20px 50px}.intro{padding:15px 0 35px}.cards{grid-template-columns:1fr}.section-heading{display:block}h1{letter-spacing:-1px}.secondary{margin:12px 0}.search>div{display:block}.search button{margin-top:12px}}

.onboarding{max-width:none;padding:0 0 20px}.onboarding h1{font-size:clamp(34px,4.8vw,54px);margin-top:0}.onboarding>.lead{max-width:790px}.onboarding-preview{text-align:left;border-radius:6px;margin:22px 0}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.onboarding .search{height:auto}.search-filters{margin-top:16px}.search-filters>div{display:flex;gap:10px;flex-wrap:wrap}.search-filters label{flex:1;min-width:100px}.onboarding-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.quickstart{background:white;border:1px solid var(--line);border-radius:8px;padding:20px;min-width:0}.quickstart h2{margin:0 0 12px;font-size:21px}.quickstart p{font-size:14px}.quickstart pre{font-size:12px;padding:12px}.quickstart .meta{font-size:12px}.compact-nav{margin-top:28px;padding:16px 0;border-bottom:1px solid var(--line);gap:20px}@media(max-width:760px){.onboarding-grid{grid-template-columns:1fr}.onboarding h1{font-size:36px}.compact-nav{gap:16px}.onboarding .secondary{margin-left:0}}

/* Empty main-board search: point at the guest section instead of a dead end. */
.guest-hint{border:1px solid var(--line);border-left:4px solid var(--sea);background:#eef3ec;border-radius:8px;padding:16px 18px;margin:18px 0}
.guest-hint h3{margin:0 0 6px;font-size:17px}
.guest-hint ul{margin:10px 0 12px;padding-left:20px}
.guest-hint li{margin:6px 0}
.guest-hint p{margin:6px 0}

/* Mobile first: type that fits a phone, no half-screen hero. */
body{font-size:15px;line-height:1.5}
.onboarding h1{font-size:clamp(24px,5.4vw,42px);letter-spacing:-1px;line-height:1.12;margin:0 0 12px}
.onboarding>.lead{font-size:15px;max-width:62ch;margin:0 0 14px}
.onboarding.searching{padding-bottom:8px}
.onboarding.searching h1.compact{font-size:clamp(17px,3.2vw,22px);letter-spacing:0;margin:0 0 10px;font-weight:600;color:var(--muted)}
.onboarding-grid.searching{grid-template-columns:1fr;gap:10px}
.search{padding:14px}
.search label{font-size:13px}
.search input[type=search],.search button{font-size:15px}
#results{margin-top:14px}
.cards.compact{gap:10px;margin:12px 0}
.cards.compact article{padding:12px 14px}
.cards.compact article h3{font-size:16px;margin:4px 0 6px}
.cards.compact article p{font-size:14px;margin:0 0 6px;color:var(--muted)}
article{padding:16px}
h3{font-size:17px}
@media(max-width:650px){
  .onboarding h1{font-size:clamp(22px,6.4vw,30px)}
  .onboarding>.lead{font-size:14px}
  .onboarding-grid{gap:14px}
  .cards{grid-template-columns:1fr}
  .search>div{display:flex;flex-wrap:wrap}
  .search input[type=search]{flex:1 1 100%}
  .search button{width:100%}
}

/* Search mode: a way back, and a navigation that never disappears. */
.back-link{margin:0 0 10px;font-size:14px}
.back-link a{text-decoration:none;color:var(--sea)}
.back-link a:hover{text-decoration:underline}
.compact-nav.searching{margin-top:18px;border-bottom:0;border-top:1px solid var(--line);padding:14px 0}
.searching .cards.compact article .meta{font-size:11px;letter-spacing:.02em}