.nb-section{--nb-paper:#fffdfa;color:var(--blue,#24324a);position:relative;padding:75px 0 95px;font-family:Afacad,Arial,sans-serif;scroll-margin-top:70px}.nb-section *{box-sizing:border-box}.nb-sticky{width:min(1250px,92%);margin:auto}.nb-heading-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:0 100px 30px 8px}.nb-heading-row h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(42px,4.2vw,66px);line-height:1;margin:0;letter-spacing:-.025em}.nb-heading-row p{font-size:20px;margin:0;white-space:nowrap}.nb-scroll-hint span{display:inline-block;margin-left:8px;font-size:25px}.nb-scroll-hint{display:none}.nb-book-wrap{position:relative;padding-right:100px;isolation:isolate}.nb-book{position:relative;border:1.5px solid;border-radius:2px 9px 11px 3px;box-shadow:3px 4px 0 var(--nb-paper),4px 5px 0 currentColor,7px 8px 0 var(--nb-paper),8px 9px 0 currentColor;transform:rotate(-.5deg);outline-offset:14px}.nb-book,.nb-book:before{background:var(--nb-paper)}.nb-book:before{content:"";position:absolute;inset:9px -6px -9px 5px;border:1px solid;border-radius:4px;z-index:-1;transform:rotate(.6deg)}.nb-spread{display:grid;grid-template-columns:1fr 1fr;min-height:630px;animation:nb-page-forward .48s cubic-bezier(.2,.65,.3,1) both;transform-origin:50% 50%}.nb-spread[data-direction="-1"]{animation-name:nb-page-back}.nb-page{position:relative;min-width:0;padding:33px 34px 35px}.nb-left{flex-direction:column;border-right:1px solid #24324a14;padding-right:42px;background:linear-gradient(90deg,transparent 94%,#24324a05)}.nb-left,.nb-page-kicker{display:flex;justify-content:space-between}.nb-page-kicker{gap:12px;font-size:13px;letter-spacing:.065em;border-bottom:1px solid;padding-bottom:11px}.nb-drawing{display:block;width:100%;max-height:495px;height:auto;overflow:visible;color:var(--blue,#24324a);font-family:Afacad,Arial,sans-serif}.nb-ink{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nb-example-note{font-size:13px;text-align:center;margin:10px 0 0;opacity:.74}.nb-right{padding-left:44px;padding-right:31px;background:linear-gradient(90deg,#24324a04,transparent 10%)}.nb-eyebrow{font-size:13px;letter-spacing:.095em;text-transform:uppercase;margin:0 0 14px}.nb-right h3{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(35px,3.2vw,48px);letter-spacing:-.025em;line-height:.99;margin:0 0 21px;max-width:460px;text-wrap:balance}.nb-description p{font-size:18px;line-height:1.28;margin:0 0 12px}.nb-highlights{padding:0;list-style:none;margin:18px 0 20px;display:grid;gap:7px}.nb-highlights li{font-size:17px;line-height:1.2;display:flex;align-items:flex-start;gap:10px}.nb-highlights li>span{font-size:20px;line-height:1;flex-shrink:0}.nb-feature-note{background:var(--yellow,#f5de9a);display:inline-block;font-size:18px;padding:7px 14px;transform:rotate(-2deg);margin:20px 0}.nb-page-number{position:absolute;bottom:12px;right:28px;font-size:13px}.nb-spiral{position:absolute;left:50%;top:5%;bottom:5%;width:32px;margin-left:-16px;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none}.nb-spiral i{display:block;width:33px;height:12px;border:2px solid;border-radius:65% 35% 35% 65%;transform:rotate(-8deg);background:var(--nb-paper);box-shadow:1px 1px 0 #24324a12}.nb-tabs{position:absolute;right:0;top:28px;width:112px;z-index:0;gap:9px}.nb-tab,.nb-tabs{display:flex;flex-direction:column}.nb-tab{border:1.5px solid;border-left:none;border-radius:0 9px 9px 0;color:inherit;background:var(--pink,#e9e2f5);cursor:pointer;text-align:left;padding:10px 8px 10px 20px;min-height:61px;font:inherit;gap:1px;transform-origin:left center;transition:transform .2s,background .2s;line-height:1}.nb-tab:nth-child(3n+2){background:var(--yellow,#f5de9a)}.nb-tab:nth-child(3n){background:var(--cyan,#d9e6d9)}.nb-tab>span:first-child{font-size:17px}.nb-tab-label{font-size:12px;max-width:85px;line-height:1.1}.nb-tab.is-active,.nb-tab:hover{transform:translateX(7px) rotate(1deg)}.nb-tab.is-active{box-shadow:2px 2px 0 currentColor}.nb-controls button:focus-visible,.nb-tab:focus-visible{outline:2px dashed currentColor}.nb-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:26px 115px 0 8px}.nb-controls button{font:inherit;font-size:19px;color:inherit;background:none;border:0;padding:5px 0;cursor:pointer;transition:transform .18s;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.nb-controls button:hover:not(:disabled){transform:translateY(-2px)}.nb-controls button:disabled{opacity:.3;cursor:default;text-decoration:none}.nb-controls button span{display:inline-block;margin:0 6px}.nb-count{font-size:19px;white-space:nowrap}.nb-count>span{opacity:.4;margin:0 6px}@keyframes nb-page-forward{0%{opacity:0;transform:perspective(1500px) rotateY(-8deg) translateX(7px)}to{opacity:1;transform:perspective(1500px) rotateY(0) translateX(0)}}@keyframes nb-page-back{0%{opacity:0;transform:perspective(1500px) rotateY(8deg) translateX(-7px)}to{opacity:1;transform:perspective(1500px) rotateY(0) translateX(0)}}@media(min-width:1300px) and (min-height:900px) and (prefers-reduced-motion:no-preference){.nb-section{min-height:420vh;padding:0 0 65px}.nb-sticky{position:sticky;top:45px;padding-top:18px}.nb-heading-row{margin-bottom:24px}.nb-heading-row h2{font-size:clamp(42px,4vw,60px)}.nb-spread{min-height:min(68vh,700px);height:auto}.nb-page{padding-top:26px;padding-bottom:26px}.nb-drawing{max-height:min(53vh,530px)}.nb-right h3{font-size:clamp(34px,2.9vw,45px);margin-bottom:15px}.nb-description p{font-size:18px;line-height:1.2;margin-bottom:10px}.nb-highlights{margin-top:14px;gap:5px}.nb-highlights li{font-size:17px;line-height:1.1}.nb-scroll-hint{display:block}.nb-tap-hint{display:none}.nb-tabs{gap:8px;top:20px}.nb-tab{min-height:52px;padding-top:7px;padding-bottom:7px}.nb-controls{padding-top:22px}}@media(min-width:1450px) and (min-height:1050px) and (prefers-reduced-motion:no-preference){.nb-spread{min-height:min(68vh,720px);height:auto}.nb-right h3{font-size:46px;margin-bottom:22px}.nb-description p{font-size:20px;line-height:1.25;margin-bottom:14px}.nb-highlights{gap:8px;margin-top:20px}.nb-highlights li{font-size:18px;line-height:1.2}.nb-tab{min-height:65px}}@media(max-width:999px){.nb-section{padding:55px 0 65px}.nb-sticky{width:min(730px,91%)}.nb-heading-row{margin:0 0 26px;display:block}.nb-heading-row p{margin-top:14px;font-size:18px}.nb-book-wrap{padding:0}.nb-tabs{position:relative;top:auto;right:auto;width:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:0 8px}.nb-tab{min-height:48px;border:1.5px solid;border-radius:7px 7px 0 0;border-bottom:0;padding:12px 8px;text-align:center;align-items:center;justify-content:center;transform:none}.nb-tab>span:first-child{font-size:21px}.nb-tab-label{display:none}.nb-tab.is-active,.nb-tab:hover{transform:translateY(-5px);box-shadow:none}.nb-tab.is-active:after{content:"";width:17px;height:1px;background:currentColor;margin-top:3px}.nb-book{transform:none}.nb-spread{grid-template-columns:1fr;min-height:0;animation-duration:.3s}.nb-left{padding:28px 30px 20px;border-right:0;border-bottom:1px solid #24324a20;background:none}.nb-drawing{height:360px;max-width:420px;margin:15px auto 0}.nb-example-note{margin-top:0}.nb-right{padding:32px 30px 45px;background:none}.nb-right h3{max-width:600px;font-size:clamp(38px,7vw,54px);line-height:1.05;margin-bottom:22px}.nb-description p{font-size:20px;line-height:1.35;margin-bottom:16px}.nb-highlights{gap:10px;margin-top:24px}.nb-highlights li{font-size:19px;line-height:1.3}.nb-spiral{display:none}.nb-controls{padding:26px 0 0}.nb-controls button{font-size:18px}.nb-count{font-size:17px}}@media(max-width:430px){.nb-heading-row h2{font-size:44px}.nb-left{padding:22px 19px 16px}.nb-right{padding:28px 22px 42px}.nb-drawing{height:295px}.nb-controls button{font-size:16px}.nb-controls button span{margin:0 1px}.nb-controls{gap:7px}.nb-count{font-size:16px}.nb-description p{font-size:19px}.nb-highlights li{font-size:18px}.nb-page-kicker{font-size:11px}.nb-example-note{font-size:12px}}@media(prefers-reduced-motion:reduce){.nb-section{min-height:0}.nb-sticky{position:static}.nb-spread{animation:none}.nb-controls button,.nb-tab{transition:none}.nb-scroll-hint{display:none}.nb-tap-hint{display:block}}.nb-section{--nb-paper:var(--paper,#fffdfa);color:var(--ink,#24324a);background:linear-gradient(180deg,var(--canvas,#f8f5ee),#eeebf3 14%,#eeebf3 86%,var(--canvas,#f8f5ee))}.nb-heading-row p{color:var(--muted,#5b6373)}.nb-heading-row h2{color:var(--ink,#24324a)}.nb-scroll-hint span{color:var(--primary,#6558d3)}.nb-book{border-color:#cac7d2;box-shadow:0 22px 55px #24324a12,0 5px 12px #24324a0a}.nb-book:before{border-color:#d2ced8;background:#f1eee7;box-shadow:0 3px 0 #e4e0d9}.nb-left{border-right-color:var(--line,#d9d8e2)}.nb-page-kicker{color:var(--muted,#5b6373);border-bottom-color:var(--line,#d9d8e2);font-weight:500}.nb-drawing{color:var(--primary,#6558d3)}.nb-example-note{color:var(--muted,#5b6373);opacity:1}.nb-eyebrow{color:var(--primary,#6558d3);font-weight:600}.nb-right h3{color:var(--ink,#24324a)}.nb-description p,.nb-highlights li{color:var(--muted,#5b6373)}.nb-highlights li>span{color:var(--primary,#6558d3)}.nb-feature-note{color:var(--ink,#24324a);border:1px solid #24324a12;border-radius:3px}.nb-page-number{color:var(--muted,#5b6373)}.nb-spiral i{border-color:#76758a;background:linear-gradient(180deg,#fffdfa,#e8e5ed);box-shadow:0 2px 2px #24324a12}.nb-tab{border-color:#c9c6d0;color:var(--ink,#24324a);box-shadow:0 2px 4px #24324a05;transition:transform .2s,background .2s,box-shadow .2s,color .2s}.nb-tab:hover{box-shadow:0 4px 10px #24324a12}.nb-tab.is-active{color:#fff;border-color:var(--primary,#6558d3);background:var(--primary,#6558d3);box-shadow:0 4px 12px #6558d32b}.nb-controls button:focus-visible,.nb-tab:focus-visible{outline:3px solid var(--primary,#6558d3);outline-offset:5px}.nb-controls button{min-height:44px;padding:7px 14px;border:1px solid #c9c6d0;border-radius:30px;background:var(--paper,#fffdfa);color:var(--ink,#24324a);text-decoration:none;transition:transform .18s,border-color .18s,background .18s}.nb-controls button:hover:not(:disabled){background:#e9e2f5;border-color:var(--primary,#6558d3)}.nb-controls button:disabled{opacity:.45}.nb-count{color:var(--primary,#6558d3);font-variant-numeric:tabular-nums}.nb-count>span{color:var(--muted,#5b6373);opacity:1}@media(max-width:999px){.nb-tab{box-shadow:none}.nb-left{border-bottom-color:var(--line,#d9d8e2)}.nb-controls button{padding:7px 8px}}@media(max-width:430px){.nb-controls button{padding:7px 0;border-color:transparent;background:transparent}.nb-controls button:hover:not(:disabled){background:transparent;border-color:transparent;color:var(--primary,#6558d3)}}@media(prefers-reduced-motion:reduce){.nb-controls button,.nb-tab{transition:none}}