/* Notebook: the existing editorial palette with quiet ink and paper accents. */
:root{--paper:#faf9f5;--ink-blue:#3939c5;--sage:#eaf0e9;--peach:#f5ece2;--hand:'Caveat','Instrument Serif',Georgia,serif}
#notebook{background:var(--paper);border-block:1px solid var(--gray-100);scroll-margin-top:90px}
.notebook-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.notebook-heading .section-title{margin-bottom:8px}.notebook-intro{color:var(--gray-600);font-size:14px;max-width:460px}.hand-note{font-family:var(--hand);font-size:25px;color:var(--ink-blue);display:block;line-height:1.2}.notebook-filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 20px}.notebook-filters button,.notebook-tabs button{font:12px var(--mono);border:1px solid var(--gray-200);border-radius:30px;background:transparent;padding:9px 15px;color:var(--gray-600);cursor:pointer}.notebook-filters button[aria-pressed=true]{background:var(--black);color:white;border-color:var(--black)}
.notebook-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:18px 0 8px;position:relative;background-image:radial-gradient(#c9c8bd 1px,transparent 1px);background-size:22px 22px;background-position:center}.notebook-note{grid-column:span 2;min-width:0;display:flex;flex-direction:column;gap:14px;text-align:left;padding:24px 20px;background:#fff;border:1px solid #deded4;border-radius:5px 18px 7px 15px;box-shadow:0 5px 0 #e9e8e1,0 10px 20px #14142b07;color:var(--black);cursor:pointer;transition:transform .22s,box-shadow .22s;position:relative}.notebook-note:nth-child(n+4){grid-column:span 3}.notebook-note:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 8px 0 #e5e4db,0 18px 30px #14142b10}.notebook-note:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.note-1{background:#eef1e9;transform:rotate(1deg)}.note-2{background:#edecfb}.note-3{background:#fbf0e2;transform:rotate(-1deg)}.note-4{background:#eef2f6}.note-top,.note-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.note-kind{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.note-symbol{font-size:27px;color:var(--ink-blue);line-height:1}.note-title{font:30px/1.05 var(--serif);letter-spacing:-.025em}.note-summary{font:13px/1.6 var(--sans);color:#53534e}.note-bottom{margin-top:auto;padding-top:10px;border-top:1px dashed #2222}.note-status{font:10px var(--mono)}.note-status::before{content:'';display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#b78c30}.status-shipped::before{background:#327b51}.status-dropped::before,.status-paused::before{background:#8a8880}.note-open{font-size:21px}.notebook-footnote{font:11px/1.6 var(--mono);color:var(--gray-600);margin-top:22px}.notebook-empty{padding:25px 0;color:var(--gray-600);font-size:14px;grid-column:1/-1}
.notebook-is-open{overflow:hidden}.notebook-dialog{border:1px solid #d9d8cf;padding:0;border-radius:12px;width:min(660px,calc(100vw - 28px));max-height:88dvh;margin:auto;background:#fcfbf8;color:var(--black);box-shadow:0 30px 100px #17172d40;overflow:auto;overscroll-behavior:contain}.notebook-dialog::backdrop{background:#17172a65;backdrop-filter:blur(5px)}.notebook-page{padding:clamp(24px,5vw,44px);background-image:linear-gradient(90deg,transparent 22px,#3939c50a 22px,#3939c50a 23px,transparent 23px)}.notebook-page-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.notebook-close{background:white;border:1px solid var(--gray-200);border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer;flex-shrink:0}.notebook-page h2{font:clamp(35px,6vw,54px)/1.05 var(--serif);letter-spacing:-.025em}.notebook-deck{color:var(--gray-600);font-size:15px;line-height:1.65;margin:15px 0 24px}.notebook-tabs{display:flex;border-bottom:1px solid var(--gray-200);gap:20px;margin-bottom:25px}.notebook-tabs button{border:none;border-radius:0;padding:10px 0 13px;border-bottom:2px solid transparent}.notebook-tabs button[aria-selected=true]{color:var(--ink-blue);border-color:var(--ink-blue)}[data-note-panel]{animation:note-reveal .25s ease}[data-note-panel][hidden]{display:none}.notebook-focus p,.notebook-next p{font:17px/1.7 var(--sans);margin-top:10px;white-space:pre-line;overflow-wrap:anywhere}.notebook-next{margin-top:25px;padding:20px;background:#edecfb80;border-radius:3px 13px 5px 12px}.notebook-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.notebook-link{font:12px var(--mono);color:var(--ink-blue);text-underline-offset:5px;display:inline-block;margin-top:8px}.notebook-thought{font:27px/1.5 var(--serif);margin:20px 0;white-space:pre-line;overflow-wrap:anywhere;border-left:2px solid var(--ink-blue);padding-left:20px}.notebook-caption,.notebook-date,.notebook-updated{font:11px/1.6 var(--mono);color:var(--gray-600);margin-top:18px}.notebook-updated{border-top:1px solid var(--gray-200);padding-top:18px;margin-top:30px}.notebook-trail article{border-left:1px solid #c6c3e0;padding:0 0 25px 20px;margin:22px 0 0;position:relative}.notebook-trail article::before{content:'';position:absolute;left:-4px;top:6px;width:7px;height:7px;background:var(--ink-blue);border-radius:50%}.notebook-trail time{font:10px var(--mono);color:var(--gray-600)}.notebook-trail h3{font:24px var(--serif);margin:8px 0}.notebook-trail p{font-size:14px;white-space:pre-line;overflow-wrap:anywhere}.sprint-caption{display:flex;justify-content:space-between;gap:10px;font:11px var(--mono);margin:25px 0 12px}.sprint-days{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.sprint-day{border:1px solid var(--gray-200);border-radius:4px;text-align:center;padding:8px 0;font:13px var(--mono);color:var(--gray-600)}.sprint-day.done{background:var(--ink-blue);color:white;border-color:var(--ink-blue)}.hero-notebook-invite{display:inline-block;color:var(--ink-blue);font:25px var(--hand);margin-top:18px;text-decoration:none;transform:rotate(-3deg)}.about-body details{margin:15px 0}.about-body summary{cursor:pointer;color:var(--ink-blue);font-size:14px}.about-body details p{margin-top:15px}.newsletter-card{max-width:calc(100vw - 32px)}
.notebook-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#3939c550;stroke-width:1.5;stroke-dasharray:5 5}.notebook-latest{display:block;text-align:left;width:100%;border:0;border-left:2px solid var(--ink-blue);background:#edecfb70;padding:12px 15px;font:12px/1.6 var(--sans);color:var(--ink-blue);cursor:pointer;margin-bottom:12px}.notebook-latest[hidden]{display:none}.sprint-day{background:transparent;cursor:pointer}.sprint-day:hover,.sprint-day[aria-pressed=true]{outline:2px solid var(--ink-blue);outline-offset:2px}.sprint-day-note:not(:empty){background:var(--sage);padding:16px;margin-top:16px;border-radius:6px;font-size:13px;line-height:1.7}.sprint-day-note p{white-space:pre-line}
@keyframes note-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.hero-photo-wrap{position:relative}.hero-notebook-invite{position:absolute;right:-12px;bottom:-29px;z-index:1;display:inline-block;color:var(--ink-blue);font:25px var(--hand);text-decoration:none;transform:rotate(-3deg);white-space:nowrap}
@media(max-width:600px){.notebook-heading{display:block}.notebook-heading>.hand-note{margin-top:15px}.notebook-board{gap:14px}.notebook-note,.notebook-note:nth-child(n+4){grid-column:span 3;padding:18px 15px;transform:none}.notebook-note:last-child:nth-child(odd){grid-column:1/-1}.note-title{font-size:28px}.note-summary{font-size:12px}.notebook-dialog{max-height:92dvh}.notebook-filters{gap:6px}.notebook-filters button{padding:9px 11px;font-size:11px}.sprint-days{grid-template-columns:repeat(6,1fr)}}
@media(max-width:360px){.notebook-note,.notebook-note:nth-child(n+4){grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.notebook-note:hover{transform:none}}
@media(max-width:600px){.hero-notebook-invite{right:4px;bottom:-26px;font-size:22px}}