:root{color-scheme:light;--paper:#f8f6ee;--ink:#233c34;--muted:#53645c;--green:#186852;--line:#cbd4c6;--wash:#e8eee1;--white:#fffef9;--serif:Georgia,'Times New Roman',serif;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--green)}button,a,audio,summary{touch-action:manipulation}button,audio{font:inherit}button,summary{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,audio:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}img{display:block;max-width:100%;height:auto}button{border-radius:0}p,h1,h2,h3,figure{margin:0}p+p{margin-top:1.1rem}.shell{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:8px;left:8px;z-index:10;background:var(--ink);color:white;padding:12px;transform:translateY(-180%)}.skip:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:26px;border-bottom:1px solid var(--line);gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:-.7px;text-decoration:none}.brand img{background:#edf3e9;border-radius:12px}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a{min-height:44px;display:inline-flex;align-items:center;font-size:14px;text-decoration:none;gap:6px}.hero{padding-block:78px 54px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--green);margin-bottom:24px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(54px,6.9vw,88px);letter-spacing:-.055em;line-height:1.05}.hero h1 em{font-weight:400;color:var(--green)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;max-width:1000px;margin-top:32px}.hero-bottom p{max-width:620px;font-size:18px;color:var(--muted);line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;flex-shrink:0;min-height:54px;background:var(--green);border:1px solid var(--green);color:white;text-decoration:none;padding:12px 22px;border-radius:3px}.button:hover{background:var(--ink);color:white}.engine-line{font-size:13px;margin-top:26px;letter-spacing:.02em;color:var(--muted)}.engine-line span{padding-inline:12px;color:#718275}.section{padding-block:72px;border-top:1px solid var(--line)}.section-heading{margin-bottom:40px}.section-heading .eyebrow{margin-bottom:18px}h2{font-family:var(--serif);font-size:clamp(36px,4.6vw,54px);font-weight:400;line-height:1.12;letter-spacing:-.04em}h3{font-size:21px;line-height:1.35;font-weight:600}.section-heading>p:last-child:not(.eyebrow){max-width:660px;color:var(--muted);margin-top:20px;font-size:18px}.listen-layout{display:grid;grid-template-columns:1fr 2.05fr;gap:76px}.scene-note{font-size:15px;color:var(--muted);padding-top:8px}.scene-note .book-label{font-family:var(--serif);font-size:28px;color:var(--ink);line-height:1.2}.scene-note .byline{font-size:13px;margin-top:8px}.scene-note>a{display:inline-block;margin-top:24px;font-size:13px;color:var(--green)}.sample{min-width:0}.edition-picker{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--white);border-radius:4px;overflow:hidden}.edition-picker button{display:flex;flex-direction:column;align-items:center;border:0;border-right:1px solid var(--line);background:none;padding:13px 8px;font-size:16px;font-weight:600;min-height:65px}.edition-picker button:last-child{border-right:0}.edition-picker button span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:500;margin-top:1px}.edition-picker button[aria-pressed=true]{background:var(--green);color:white}.edition-picker button:hover:not([aria-pressed=true]){background:var(--wash)}.edition-picker button:focus-visible{outline-offset:-5px}.recording-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:24px}.recording-heading>span{font-variant-numeric:tabular-nums;font-size:14px;color:var(--muted)}.voice-note{font-size:13px;color:var(--muted);margin-top:6px;min-height:22px}audio{width:100%;height:54px;margin-top:18px;border-radius:4px}.recording-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;font-size:11px;color:var(--muted);margin-top:8px}.recording-links a{color:var(--green)}.status{font-size:13px;color:var(--muted)}.status:empty{display:none}.status:not(:empty){margin-top:12px}.transcript{margin-top:28px;border-top:1px solid var(--line);padding-top:16px}.transcript summary{font-size:14px;font-weight:600;min-height:44px}.transcript summary span{float:right;font-size:11px;color:var(--muted);font-weight:400;padding-top:2px}.passages{font-family:var(--serif);font-size:18px;line-height:1.75;white-space:pre-wrap;max-height:330px;overflow:auto;padding:12px 10px 12px 0;scrollbar-color:#b1bca9 transparent}.passage{display:inline;appearance:none;background:none;font:inherit;color:inherit;border:0;padding:3px 1px;text-align:left;white-space:pre-wrap;cursor:pointer;border-radius:2px}.passage:hover{background:var(--wash)}.passage[aria-current=true]{background:#dce9cd;box-shadow:0 2px 0 #a8c395}.passage:focus-visible{outline-offset:0}.desktop-shot{background:var(--white);border:1px solid var(--line);padding:14px 14px 0;border-radius:5px}.desktop-shot img{width:100%;border:1px solid #e7e7dc;border-radius:2px}.desktop-shot figcaption{padding:16px 6px}figcaption{font-size:12px;line-height:1.6;color:var(--muted)}.app-detail{display:grid;grid-template-columns:1fr 270px;gap:80px;margin-top:54px;align-items:start}.app-detail>div>p{color:var(--muted);max-width:570px;margin-top:14px}.app-detail>div figure{margin-top:26px}.app-detail>div figure img{border:1px solid var(--line);border-radius:4px}.app-detail figcaption{margin-top:12px}.mobile-shot img{border:1px solid var(--line);border-radius:12px;width:100%}.mobile-shot figcaption{max-width:250px}.start{background:var(--wash)}.start-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.start-layout>div>p:not(.eyebrow){margin-top:22px;max-width:440px;color:var(--muted)}.start-layout .requirements{font-size:13px}.start-layout>div>a{display:inline-block;margin-top:24px;font-size:14px;color:var(--green)}.setup{background:var(--white);padding:22px 26px;border:1px solid #c3ceba;border-radius:4px;min-width:0;align-self:start}.code-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.code-heading button{border:1px solid var(--line);background:var(--paper);padding:7px 10px;font-size:11px;border-radius:3px;min-height:36px}.setup pre{font-size:12px;line-height:2;margin-block:20px;overflow-x:auto;padding-bottom:8px;tab-size:2}.setup>p{font-size:12px}.setup code{overflow-wrap:anywhere}.guide-list>a{display:grid;grid-template-columns:250px 1fr 24px;align-items:center;gap:28px;padding:26px 0;border-top:1px solid var(--line);text-decoration:none}.guide-list>a:last-child{border-bottom:1px solid var(--line)}.guide-list>a:hover strong{text-decoration:underline;text-underline-offset:4px}.guide-list strong{font-family:var(--serif);font-size:28px;font-weight:400;display:block;line-height:1.15}.guide-list small{font-size:11px;display:block;color:var(--muted);margin-top:8px}.guide-list p{font-size:14px;color:var(--muted);max-width:580px}.more-guides{display:flex;flex-wrap:wrap;gap:14px 32px;font-size:13px;margin-top:28px}.more-guides a{min-height:32px}.footer{border-top:1px solid var(--line);padding-block:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand{font-size:18px}.footer>div{font-size:11px;color:var(--muted);text-align:right}.footer p+p{margin-top:4px}
@media(max-width:900px){.shell{width:calc(100% - 56px)}.hero{padding-top:60px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.hero-bottom p{max-width:650px}.hero h1{font-size:68px}.listen-layout{gap:36px;grid-template-columns:1fr 1.8fr}.scene-note .book-label{font-size:25px}.app-detail{gap:36px;grid-template-columns:1fr 220px}.start-layout{gap:36px;grid-template-columns:1fr 1.3fr}.setup{padding:18px}.guide-list>a{grid-template-columns:200px 1fr 18px;gap:20px}.section{padding-block:56px}}
@media(max-width:640px){.shell{width:calc(100% - 40px)}.site-header{padding-block:16px;gap:12px}.brand{font-size:20px;gap:8px}.brand img{width:34px;height:34px;border-radius:9px}.site-header nav{gap:16px}.site-header nav a{font-size:11px}.site-header nav a:last-child{display:none}.hero{padding-block:45px 36px}.hero .eyebrow{font-size:9px;margin-bottom:20px}.hero h1{font-size:clamp(45px,10vw,64px)}.hero-bottom{margin-top:24px;gap:22px}.hero-bottom p{font-size:16px}.button{min-height:48px;font-size:14px}.engine-line{font-size:11px;margin-top:24px}.engine-line span{padding-inline:5px}.section{padding-block:42px}.section-heading{margin-bottom:28px}h2{font-size:38px}.listen-layout{grid-template-columns:1fr;gap:28px}.scene-note{padding-top:0}.scene-note p+p{margin-top:12px}.scene-note>a{margin-top:16px}.scene-note .book-label{font-size:25px}.scene-note>p:nth-of-type(4){display:none}.voice-note{font-size:12px}.recording-links{font-size:10px}.recording-links>span{display:none}.transcript summary span{font-size:10px}.passages{font-size:17px;max-height:330px}.section-heading>p:last-child:not(.eyebrow){font-size:16px}.desktop-shot{padding:6px 6px 0}.desktop-shot figcaption{font-size:11px;padding:12px 4px}.app-detail{grid-template-columns:1fr;gap:32px;margin-top:32px}.app-detail>div>h3{font-size:23px}.app-detail>div>p{font-size:15px}.mobile-shot{max-width:290px;margin-inline:auto}.mobile-shot figcaption{max-width:290px}.start-layout{grid-template-columns:1fr;gap:28px}.start-layout>div>p:not(.eyebrow){margin-top:18px}.setup pre{font-size:10px}.setup{padding:16px}.guide-list>a{grid-template-columns:1fr 20px;gap:12px;padding:22px 0}.guide-list p{grid-column:1;grid-row:2;font-size:13px}.guide-list>a>span:last-child{grid-column:2;grid-row:1}.guide-list strong{font-size:27px}.more-guides{gap:10px 20px;font-size:12px}.footer{align-items:flex-start;flex-direction:column;gap:16px}.footer>div{text-align:left;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the first recording close to the introduction. */
.hero{padding-block:44px 36px}.hero h1{font-size:clamp(54px,6.4vw,76px)}.hero-bottom{margin-top:24px}.listening{padding-top:40px}.listening .section-heading{margin-bottom:26px}.listening h2{font-size:46px}
@media(max-width:900px){.hero h1{font-size:64px}}
@media(max-width:640px){.hero{padding-block:36px 30px}.hero h1{font-size:clamp(45px,10vw,60px)}.listening h2{font-size:36px}.listen-layout .sample{grid-row:1}.listen-layout .scene-note{grid-row:2}}