/* Free notebook: shared banner and dedicated download page. */
.notebook-banner{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:46px;padding:38px;margin-block:32px 54px;background:#e8e2d5;border:1px solid #d1c5af;border-radius:3px;scroll-margin-top:24px}
.notebook-banner img{display:block;width:100%;height:auto;box-shadow:7px 11px 22px #1a171c24}
.notebook-banner .nb-eyebrow{margin:0 0 12px;color:#675230;font:11px/1.5 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.notebook-banner h2{font:normal clamp(27px,4vw,42px)/1.12 Georgia,serif;margin:0 0 15px;color:#25352b}
.notebook-banner .nb-banner-description{max-width:52ch;font:16px/1.7 Georgia,serif;margin:0 0 12px;color:#3b453d}
.notebook-banner .nb-specs{font:12px/1.7 Arial,sans-serif;color:#5b594e;margin:0 0 19px}
.nb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}
a.nb-download{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:14px 23px;background:#ffe52c;color:#1c211b;border:1px solid #ffe52c;border-radius:3px;text-decoration:none;font:600 14px/1.45 Arial,sans-serif;text-align:center}
a.nb-download:hover{background:#fff080;border-color:#fff080}
.notebook-banner a.nb-download{background:#253a2d;border-color:#253a2d;color:#fff}
.notebook-banner a.nb-download:hover{background:#3e5444}
.nb-view{display:inline-flex;align-items:center;min-height:44px;font:13px/1.5 Arial,sans-serif;text-underline-offset:4px;color:inherit}
.nb-download:focus-visible,.nb-view:focus-visible,.notebook-banner a:focus-visible{outline:3px solid #9b7026;outline-offset:5px}
.nb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.notebook-page{margin:0;background:#071b42;color:#f2ecdf;font:16px/1.65 Georgia,serif;color-scheme:light}
.notebook-page *{box-sizing:border-box}
.notebook-page a{color:inherit;text-underline-offset:4px}
.notebook-page a:focus-visible{outline:3px solid #ffe52c;outline-offset:5px}
.nb-shell{width:min(1080px,calc(100% - 80px));margin-inline:auto}
.nb-header{min-height:90px;border-bottom:1px solid #ffe52c30;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nb-wordmark{font:12px/1.5 Arial,sans-serif;letter-spacing:.24em;text-decoration:none}
.nb-header nav{display:flex;gap:28px;font:13px/1.5 Arial,sans-serif}
.nb-header nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.nb-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:85px;padding-block:72px 84px}
.nb-cover{max-width:370px;justify-self:center;box-shadow:12px 18px 36px #0006}
.nb-cover img{display:block;width:100%;height:auto}
.notebook-page .nb-eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#ffe52c;margin:0 0 24px}
.nb-copy h1{font:normal clamp(44px,5.3vw,68px)/1.06 Georgia,serif;letter-spacing:-.035em;margin:0 0 26px}
.nb-lead{font:normal 24px/1.4 Georgia,serif;margin:0 0 20px;color:#f2edda}
.nb-description{max-width:43ch;color:#c9d5eb;line-height:1.75;margin:0 0 24px}
.nb-copy .nb-specs{font:12px/1.8 Arial,sans-serif;color:#c9d5eb;margin:0 0 24px}
.nb-specs span{padding-inline:5px}
.nb-copy .nb-download{color:#1c211b}
.nb-download-note{font:12px/1.8 Arial,sans-serif;color:#c9d5eb;margin:16px 0 0}
.nb-inside{background:#f4f0e7;color:#2b352c;padding:66px 0}
.notebook-page .nb-inside .nb-eyebrow{color:#7a613a;margin-bottom:16px}
.nb-inside h2{font:normal clamp(31px,4vw,43px)/1.16 Georgia,serif;margin:0 0 35px}
.nb-prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.nb-prompts article{border-top:1px solid #c5b99d;padding-top:20px}
.nb-prompts span{font:13px/1.4 Arial,sans-serif;color:#7a613a}
.nb-prompts h3{font:normal 25px/1.2 Georgia,serif;margin:12px 0}
.nb-prompts p{color:#5b6055;margin:0}
.nb-inside-note{font:13px/1.8 Arial,sans-serif;color:#5b6055;margin:32px 0}
.nb-previews{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:790px;margin:45px auto 55px}
.nb-previews figure{margin:0;min-width:0}
.nb-previews img{width:100%;height:auto;display:block;box-shadow:5px 8px 18px #2727231c}
.nb-previews figcaption{font:12px/1.6 Arial,sans-serif;color:#5b6055;margin:18px 0 0}
.nb-print{border-top:1px solid #d1c5af;padding-top:35px;max-width:690px}
.nb-print h3{font:normal 28px/1.2 Georgia,serif;margin:0 0 16px}
.nb-print p{margin:0 0 24px;color:#5b6055}
.nb-print .nb-download{background:#253a2d;border-color:#253a2d;color:#fff}
.nb-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:30px;color:#c9d5eb;font:12px/1.5 Arial,sans-serif}
.nb-skip{position:absolute;left:-10000px}.nb-skip:focus{left:16px;top:16px;z-index:2;background:#fff;color:#111;padding:12px}
@media(max-width:800px){.nb-hero{gap:35px;padding-block:46px 58px}.nb-copy h1{font-size:46px}.nb-lead{font-size:21px}.nb-shell{width:calc(100% - 48px)}.notebook-banner{grid-template-columns:140px minmax(0,1fr);gap:26px;padding:26px}}
@media(max-width:580px){.nb-shell{width:calc(100% - 40px)}.nb-header{min-height:77px;gap:15px}.nb-header nav{gap:16px;font-size:12px}.nb-wordmark{font-size:10px;letter-spacing:.15em}.nb-hero{grid-template-columns:1fr;gap:36px;padding-top:32px}.nb-cover{width:66%;max-width:260px}.nb-copy h1{font-size:52px}.nb-copy .nb-eyebrow{margin-bottom:17px}.nb-actions{gap:7px 22px}.nb-copy .nb-download{width:100%}.nb-prompts{grid-template-columns:1fr;gap:24px}.nb-previews{gap:22px}.nb-inside{padding-block:44px}.nb-previews figcaption{font-size:11px}.notebook-banner{grid-template-columns:1fr;padding:24px;gap:25px}.notebook-banner>a{width:148px;justify-self:center}.notebook-banner h2{font-size:32px}.notebook-banner .nb-actions{align-items:stretch;flex-direction:column}.notebook-banner .nb-download{width:100%;box-sizing:border-box}.notebook-banner .nb-view{justify-content:center}.nb-footer{font-size:11px}}
