.notebook-section{background:linear-gradient(#10102144,#0000);border-top:1px solid #d8d6ff14}.notebook-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;margin:35px 0 30px;display:flex}.note-filters{flex-wrap:wrap;gap:8px;display:flex}.note-filters button{color:#b2bada;background:0 0;border:1px solid #c5c8ff25;border-radius:25px;padding:10px 16px;font-size:13px;transition:background .3s,color .3s}.note-filters button[aria-pressed=true]{color:#eef0ff;background:#292c47;border-color:#a4b1f366}.notebook-tools input{font:inherit;color:#e6eaff;background:#0d1020;border:1px solid #c5c8ff25;border-radius:25px;min-width:200px;padding:12px 16px;font-size:14px}.notebook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.notebook-entry{border-top:1px solid #c5c8ff25;flex-direction:column;align-items:start;padding-top:22px;display:flex}.note-cover{aspect-ratio:16/10;object-fit:cover;border-radius:12px;width:100%;height:auto;margin-bottom:20px}.notebook-entry:focus-visible{outline-offset:8px;outline:2px solid #b8c7ff}.notebook-entry .entry-meta{margin-top:0}.entry-meta{color:#b0b9db;justify-content:space-between;align-items:center;width:100%;margin:20px 0 12px;font-size:12px;display:flex}.entry-meta>span:last-child{font-size:24px;transition:transform .3s}.notebook-entry:hover .entry-meta>span:last-child{transform:translate(3px,-3px)}.notebook-entry h3{letter-spacing:-.04em;margin:0 0 15px;font-size:27px;font-weight:400;line-height:1.2;transition:color .3s}.notebook-entry:hover h3{color:#c0ccff}.notebook-entry>p{color:#aeb8d2;margin-bottom:20px;font-size:16px;line-height:1.75}.entry-status{color:#8d9bbe;margin-top:auto;font-size:12px}.notebook-note{color:#8d9abb;max-width:800px;margin-top:35px;font-size:13px;line-height:1.8}.notebook-empty{color:#adb8d8;grid-column:1/-1;padding:30px 0;font-size:16px}.note-page{max-width:900px;padding:calc(var(--nav-height) + var(--nav-offset) + 65px) 6% 90px;margin:auto}.note-back{color:#b8c7ff;margin-bottom:40px;font-size:14px;display:inline-block}.note-page h1{letter-spacing:-.06em;margin-bottom:25px;font-size:clamp(40px,5vw,70px);font-weight:400;line-height:1.1}.note-byline{color:#9eadd1;justify-content:space-between;gap:25px;margin-bottom:24px;font-size:12px;display:flex}.note-summary{color:#bcc7e0;margin-bottom:35px;font-size:20px;line-height:1.65}.note-page .note-cover{margin-bottom:35px}.note-body>p{color:#b6c0d8;margin:25px 0;font-size:17px;line-height:1.9}.note-body h2{letter-spacing:-.03em;margin-top:35px;font-size:27px;font-weight:400}.note-body a{color:#c4d0ff;text-underline-offset:4px;text-decoration:underline}.note-stage{color:#93a1c3;border-top:1px solid #c5c8ff25;margin-top:35px;padding-top:25px;font-size:13px;line-height:1.8}.note-share{flex-wrap:wrap;align-items:center;gap:15px;margin-top:30px;display:flex}.note-share button{font:inherit;color:#d2dcf5;background:#111426;border:1px solid #c5c8ff30;border-radius:25px;padding:12px 17px;font-size:13px}.note-share button:hover{border-color:#b7c5ff}.note-share>span{color:#a6b4d6;font-size:13px}.note-next{border-top:1px solid #c5c8ff25;margin-top:60px;padding-top:30px}.note-next h2{letter-spacing:-.03em;margin-bottom:25px;font-size:25px;font-weight:400}.note-next a{color:#bccaf1;justify-content:space-between;gap:20px;padding:15px 0;font-size:16px;display:flex}.note-next a:hover{color:#fff}.note-resources figure{margin:30px 0}.note-resources img{border-radius:12px;width:100%;height:auto}.note-resources figcaption{color:#96a6c9;margin-top:12px;font-size:12px;line-height:1.7}.note-resources>a{color:#becfff;text-underline-offset:4px;margin:20px 0;font-size:15px;text-decoration:underline;display:block}@media (max-width:1050px){.notebook-grid{gap:22px}.notebook-entry h3{font-size:25px}}@media (max-width:760px){.notebook-grid{grid-template-columns:1fr;gap:40px}.notebook-tools{gap:20px;margin-top:30px}.note-filters{gap:8px}.note-filters button{padding:10px 14px;font-size:12px}.notebook-tools input{width:100%;font-size:16px}.notebook-entry h3{font-size:29px}.notebook-entry>p{font-size:16px}.notebook-note{font-size:13px}.note-page{padding:calc(var(--nav-height) + var(--nav-offset) + 45px) 6% 65px}.note-page h1{font-size:43px}.note-summary{font-size:19px}.note-body>p{font-size:16px}.note-byline{flex-wrap:wrap;gap:15px;font-size:11px}.note-back{margin-bottom:30px}.note-next a{font-size:16px}}@media (prefers-reduced-motion:reduce){.notebook-entry h3,.entry-meta>span:last-child{transition:none}.notebook-entry:hover .entry-meta>span:last-child{transform:none}}