body.not-found{background:var(--paper);min-height:100vh;display:flex;flex-direction:column}.nf-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 56px;border-bottom:1px solid var(--hairline)}.nf-nav .links{display:flex;gap:24px;font-size:13px;color:var(--ink-2)}.nf-nav .links a{color:inherit;text-decoration:none}.nf-nav .wf-logo{text-decoration:none;color:var(--ink)}.nf-center{flex:1;display:grid;place-items:center;padding:80px 32px}.panel{max-width:640px;text-align:center;position:relative}.big-404{font-family:var(--hand);font-weight:700;font-size:220px;line-height:.9;color:var(--ink);letter-spacing:-.02em;position:relative;display:inline-block}.big-404 .strike{position:absolute;inset:50% -10% auto 0%;height:6px;background:var(--accent);transform:rotate(-3deg);border-radius:6px}.crumb-404{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);margin-top:8px;margin-bottom:24px}.panel h1{font-family:var(--ui);font-weight:800;font-size:42px;line-height:1.1;letter-spacing:-.03em;margin:0 0 14px}.panel h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--accent)}.panel .lede{font-size:16px;color:var(--ink-2);line-height:1.55;max-width:460px;margin:0 auto 36px}.actions{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:48px}.suggestions{border-top:1px solid var(--hairline);padding-top:32px;margin-top:16px;text-align:left}.suggestions h4{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;text-align:center}.suggestions ul{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;max-width:460px}.suggestions li{padding:8px 0;font-size:14px;color:var(--ink-2);border-bottom:1px dashed var(--hairline);display:flex;align-items:center;gap:10px}.suggestions li:before{content:"↗";color:var(--accent);font-family:var(--hand);font-size:18px}.suggestions li a{color:inherit;text-decoration:none}.suggestions li a:hover{color:var(--ink)}.stickynote-doodle{position:absolute;top:-40px;right:-60px;transform:rotate(8deg)}.scattered{margin-top:56px;display:flex;justify-content:center;gap:12px}.scattered .mini{width:80px;height:100px;border:1.5px solid var(--ink);border-radius:6px;background:var(--paper);box-shadow:2px 3px 0 var(--ink-2);display:flex;flex-direction:column;padding:8px 6px;gap:4px}.scattered .mini.tilt1{transform:rotate(-7deg)}.scattered .mini.tilt2{transform:rotate(3deg);margin-top:12px}.scattered .mini.tilt3{transform:rotate(8deg)}.scattered .mini.tilt4{transform:rotate(-3deg);margin-top:8px}.scattered .mini.tilt5{transform:rotate(5deg);margin-top:-4px}.scattered .mini .blk{background:#1f1d1821;border-radius:2px}.scattered .mini .blk.hd{height:6px;width:70%}.scattered .mini .blk.bd{height:5px;width:90%}.scattered .mini .blk.short{width:50%}.scattered .mini .mini-tag{height:14px;border-top:1px dashed var(--hairline);padding-top:4px;font-family:var(--mono);font-size:7px;color:var(--ink-3);letter-spacing:.1em}.nf-footer{border-top:1px solid var(--hairline);padding:24px 56px;text-align:center;font-size:13px;color:var(--ink-3)}.nf-footer a{color:var(--ink-2);margin:0 12px;text-decoration:none}@media(max-width:720px){.nf-nav{padding:14px 20px;flex-wrap:wrap;gap:10px}.nf-nav .links{gap:14px;font-size:12px}.nf-center{padding:56px 20px}.big-404{font-size:160px}.panel h1{font-size:34px}.panel .lede{font-size:15px;margin-bottom:28px}.actions{gap:10px;margin-bottom:36px}.stickynote-doodle{top:-28px;right:-16px;transform:rotate(8deg) scale(.9)}.scattered{margin-top:40px;gap:8px;flex-wrap:wrap}.nf-footer{padding:20px;font-size:12px}.nf-footer a{margin:0 6px;display:inline-block}}@media(max-width:640px){.big-404{font-size:120px}.panel h1{font-size:28px}.suggestions{padding-top:24px}.suggestions ul{grid-template-columns:1fr;max-width:none;gap:0}.stickynote-doodle{right:-4px}}@media(max-width:420px){.nf-nav{padding:12px 16px}.nf-center{padding:40px 16px}.big-404{font-size:88px}.panel h1{font-size:24px}.panel .lede{font-size:14px}.scattered{gap:8px;row-gap:14px;justify-content:center}.stickynote-doodle{position:relative;top:0;right:0;transform:rotate(-2deg);display:inline-block;margin-bottom:16px}}
