.pf-nb{width:100%}.pf-nb-spread{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.pf-nb-paper.pf-nb-page-left{border-radius:12px 0 0 12px;box-shadow:inset -14px 0 18px -14px #12103a38,0 4px 24px #12103a14}.pf-nb-paper.pf-nb-page-right{background-image:repeating-linear-gradient(#0000 0 27px,#12103a0f 27px 28px);background-size:100% 28px;border-left:1px solid #12103a1f;border-radius:0 12px 12px 0;padding-left:24px;box-shadow:inset 14px 0 18px -14px #12103a38,0 4px 24px #12103a14}.pf-nb-page-title{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);margin-bottom:12px;font-size:10.5px;display:block;position:relative}.pf-nb-cta{background:var(--white);border:1px dashed #12103a33;border-radius:12px;max-width:380px;margin-top:8px;padding:18px 20px 20px;position:relative;box-shadow:0 2px 10px #12103a0d}.pf-nb-cta-kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);margin-bottom:8px;font-size:10px;display:block}.pf-nb-cta-lead{color:var(--ink-70);margin-bottom:14px;font-size:14.5px;line-height:1.5}.pf-nb-cta-lead b{color:var(--navy);font-weight:700}.pf-nb-cta-legend{grid-template-columns:1fr 1fr;gap:8px 12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.pf-nb-cta-legend li{color:var(--navy);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.pf-nb-cta-legend .dot{width:22px;height:22px;font-family:var(--display);color:var(--navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.pf-nb-cta-hint{color:var(--ink-60);font-size:18px;display:inline-block;transform:rotate(-1.4deg)}.pf-nb-hand{font-family:var(--font-hand), "Caveat", cursive;white-space:nowrap;font-size:18px;font-weight:600;line-height:1.15;display:inline-block;transform:rotate(-3deg)}.pf-nb-head{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;font-size:10.5px;display:flex}.pf-nb-hint{color:var(--ink-60);min-height:1.4em;margin:0 0 14px;font-size:13px;font-style:italic}.pf-nb-paper{background-color:var(--bone);background-image:linear-gradient(90deg,#0000 31px,#ff767659 31px 32px,#0000 32px),repeating-linear-gradient(#0000 0 27px,#12103a0f 27px 28px);background-size:100% 100%,100% 28px;border-radius:12px;padding:26px 24px 26px 46px;position:relative;box-shadow:0 4px 24px #12103a14,0 1px 4px #12103a0a}.pf-nb-paper p{color:var(--ink);-webkit-user-select:text;user-select:text;font-size:16px;line-height:28px}.pf-nb-sent{cursor:pointer;border-radius:3px;transition:background-color .18s}.pf-nb-sent:hover{background:#12103a14}.pf-nb-mark{cursor:pointer;color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:1px 3px;transition:background-color .18s,filter .18s}.pf-nb-mark:hover{filter:saturate(1.35)brightness(.98)}.pf-nb-mark.new{animation:.7s pf-nb-flash}@keyframes pf-nb-flash{0%{box-shadow:0 0 0 3px #ffffffe6}to{box-shadow:0 0 0 3px #0000}}.pf-nb-popup{z-index:30;background:var(--navy);border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px #12103a40}.pf-nb-popup button{width:30px;height:30px;font-family:var(--display);color:var(--navy);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;transition:transform .12s;display:flex}.pf-nb-popup button:hover{transform:scale(1.15)}.pf-nb-editor,.pf-nb-notes li{background:var(--white);border:1px solid #12103a14;border-left:3px solid #cfff5e;border-radius:10px;padding:12px 14px;box-shadow:0 1px 2px #12103a0a}.pf-nb-editor{flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px;display:flex}.pf-nb-editor .who,.pf-nb-notes .who{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60);font-size:9px}.pf-nb-editor .who i,.pf-nb-notes .who i{color:var(--navy);font-style:normal;font-weight:700}.pf-nb-editor blockquote{color:var(--ink-60);margin:0;font-size:12.5px;font-style:italic;line-height:1.4}.pf-nb-editor textarea{resize:vertical;border:1px solid var(--ink-15);background:var(--bone);width:100%;font-family:var(--sans);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.5}.pf-nb-editor textarea:focus{border-color:var(--navy);outline:none}.pf-nb-editor button{font-family:var(--sans);background:var(--navy);color:var(--bone);cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600}.pf-nb-notes{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.pf-nb-notes li p{color:var(--navy);margin-top:4px;font-size:12.5px;line-height:1.45}.pf-nb-reset{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-60);cursor:pointer;background:0 0;border:none;margin-top:16px;padding:0;font-size:10.5px}.pf-nb-reset:hover{color:var(--navy)}.pf-nb-lesson-head{border-bottom:1px solid #12103a1f;margin-bottom:14px;padding-bottom:12px;position:relative}.pf-nb-lesson-head .kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);margin-bottom:6px;font-size:10px;display:block}.pf-nb-lesson-head h4{font-family:var(--display);letter-spacing:-.015em;color:var(--navy);font-size:22px;font-weight:700;line-height:1.12}.pf-nb-callout{border-left:3px solid var(--navy);font-family:var(--display);color:var(--navy);background:#12103a0b;border-radius:0 8px 8px 0;margin:14px 0 4px;padding:12px 14px;font-size:16px;font-weight:600;line-height:1.4}.pf-nb-callout .pf-nb-sent:hover{background:#12103a1a}.pf-nb-fig{cursor:zoom-in;border-radius:4px;margin:20px 0 6px;position:relative}.pf-nb-fig:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.pf-nb-fig-img{aspect-ratio:4/3;background:0 0;position:relative;overflow:hidden}.pf-nb-fig-img img{object-fit:contain;object-position:center}.pf-nb-fig-zoom{width:26px;height:26px;color:var(--navy);opacity:0;background:#ffffffe6;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:opacity .2s;display:flex;position:absolute;bottom:6px;right:6px}.pf-nb-fig:hover .pf-nb-fig-zoom,.pf-nb-fig:focus-visible .pf-nb-fig-zoom{opacity:1}.pf-nb-fig figcaption{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60);padding:6px 2px 0;font-size:10px}.pf-lightbox{z-index:200;cursor:zoom-out;background:#12103af0;justify-content:center;align-items:center;padding:48px 24px 24px;display:flex;position:fixed;inset:0}.pf-lb-inner{cursor:default;flex-direction:column;gap:14px;max-width:min(920px,100%);max-height:100%;display:flex}.pf-lb-inner img{object-fit:contain;width:auto;max-width:100%;max-height:calc(100vh - 160px);margin:0 auto}.pf-lb-cap{color:var(--white);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:16px;display:flex}.pf-lb-cap .tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--w-60);font-size:10.5px}.pf-lb-cap .ttl{font-family:var(--display);letter-spacing:-.015em;font-size:18px;font-weight:700}.pf-lb-close{border:1px solid var(--w-40);width:44px;height:44px;color:var(--white);cursor:pointer;background:0 0;font-size:16px;transition:background .15s,color .15s;position:absolute;top:20px;right:24px}.pf-lb-close:hover{background:var(--white);color:var(--navy)}@media (max-width:1100px){.pf-nb-spread{grid-template-columns:1fr}.pf-nb-paper.pf-nb-page-left{border-radius:12px 12px 0 0;box-shadow:0 4px 24px #12103a14}.pf-nb-paper.pf-nb-page-right{border-top:1px dashed #12103a26;border-left:none;border-radius:0 0 12px 12px;box-shadow:0 4px 24px #12103a14}}@media (max-width:480px){.pf-lb-close{top:12px;right:12px}}
