.book-layout-landing .book-header{display:none}.sr-home{--sr-accent-0:#0969da;--sr-accent-1:#1a7f37;--sr-accent-2:#bc4c00;--sr-accent-3:#8250df;--sr-accent-4:#bf3989;--sr-shadow:0 1px 2px rgba(31, 35, 40, .04), 0 12px 32px -16px rgba(31, 35, 40, .18);width:100%;max-width:68rem;margin:0 auto;padding:0 0 3rem;color:var(--sr-ink)}.sr-home *{box-sizing:border-box}:root[data-theme=dark] .sr-home{--sr-accent-0:#4493f8;--sr-accent-1:#3fb950;--sr-accent-2:#f0883e;--sr-accent-3:#ab7df8;--sr-accent-4:#f778ba;--sr-shadow:0 12px 32px -16px rgba(0, 0, 0, .6)}@media(prefers-color-scheme:dark){:root[data-theme=auto] .sr-home{--sr-accent-0:#4493f8;--sr-accent-1:#3fb950;--sr-accent-2:#f0883e;--sr-accent-3:#ab7df8;--sr-accent-4:#f778ba;--sr-shadow:0 12px 32px -16px rgba(0, 0, 0, .6)}}.sr-home svg:not(:where(.sr-ask svg)){display:block;width:100%;height:100%}.book-layout-landing{overflow-x:clip}.sr-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem}.sr-bar::before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);border-bottom:1px solid transparent;background:color-mix(in srgb,var(--sr-surface) 80%,transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);transition:border-color .2s ease,box-shadow .2s ease}.sr-bar-stuck::before{border-bottom-color:var(--sr-border);box-shadow:0 6px 20px -14px rgba(31,35,40,.35)}.sr-logo{display:block;flex:none}.sr-logo img{display:block;height:1.75rem;width:auto}.sr-bar-links{display:flex;align-items:center;gap:1.25rem;min-width:0}.sr-bar-links>a{font-size:.875rem;font-weight:600;color:var(--sr-ink-2);text-decoration:none}.sr-bar-links>a:hover{color:var(--sr-ink)}.sr-intro{position:relative;padding:2rem 0 2.75rem;text-align:center}.sr-intro h1{width:fit-content;margin:0 auto .5rem;font-size:clamp(2.25rem,1.5rem + 3.4vw,3.25rem);font-weight:700;line-height:1.05;letter-spacing:-.035em;text-wrap:balance;color:var(--sr-ink)}.sr-intro p{max-width:34rem;margin:0 auto;font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.5;text-wrap:balance;color:var(--sr-ink-2)}.sr-classes-label,.sr-section-label{margin:0 0 .625rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sr-ink-2)}.sr-board{border:1px solid var(--sr-border);border-radius:var(--border-radius);background:var(--sr-surface);overflow:clip}.sr-tabs{position:relative;display:flex;padding-inline:.5rem;border-bottom:1px solid var(--sr-border);overflow-x:auto;scrollbar-width:none}.sr-tabs::-webkit-scrollbar{display:none}.sr-tab{flex:none;margin:0;padding:.875rem 1rem .75rem;border:0;background:0 0;color:var(--sr-ink-2);font:inherit;font-size:.9375rem;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer;transition:color .15s ease}.sr-tab:hover{color:var(--sr-ink)}.sr-tab[aria-selected=true]{color:var(--sr-primary)}.sr-tab:focus-visible{outline:2px solid var(--sr-primary);outline-offset:-6px;border-radius:var(--border-radius)}.sr-tab-bar{position:absolute;bottom:0;left:0;width:var(--w,0);height:2px;border-radius:2px 2px 0 0;background:var(--sr-primary);translate:var(--x,0)0;pointer-events:none}.sr-tabs.is-ready .sr-tab-bar{transition:translate .25s cubic-bezier(.2,.7,.2,1),width .25s cubic-bezier(.2,.7,.2,1)}.sr-panels{touch-action:pan-y}.sr-panel{padding:1.5rem}.sr-panel:focus-visible{outline:2px solid var(--sr-primary);outline-offset:-2px}.sr-panel:not([hidden]){animation:sr-panel-in .22s cubic-bezier(.2,.7,.2,1)}.sr-panel:not([hidden]) .sr-tiles li{animation:sr-rise .35s cubic-bezier(.2,.7,.2,1)backwards;animation-delay:calc(min(var(--i,0),10) * 20ms)}@keyframes sr-panel-in{from{opacity:0;translate:var(--from,0)0}}@keyframes sr-rise{from{opacity:0;translate:0 8px}}.sr-panel-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.25rem 1rem;margin-bottom:1.5rem}.sr-panel-head h2{margin:0;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--sr-ink)}.sr-panel-head a{font-size:.875rem;font-weight:600;color:var(--sr-primary);text-decoration:none}.sr-panel-head a:hover{text-decoration:underline}.sr-accent-0{--accent:var(--sr-accent-0)}.sr-accent-1{--accent:var(--sr-accent-1)}.sr-accent-2{--accent:var(--sr-accent-2)}.sr-accent-3{--accent:var(--sr-accent-3)}.sr-accent-4{--accent:var(--sr-accent-4)}.sr-shelf+.sr-shelf{margin-top:1.75rem;padding-top:1.75rem;border-top:1px dashed var(--sr-border)}.sr-shelf-head{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}.sr-shelf-icon{flex:none;width:2rem;height:2rem;padding:.4rem;border-radius:var(--border-radius);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.sr-shelf-head h3{margin:0;font-size:1.0625rem;font-weight:650}.sr-shelf-head h3 a{color:var(--sr-ink);text-decoration:none}.sr-shelf-head h3 a:hover{color:var(--accent)}.sr-shelf-count{margin-inline-start:auto;font-size:.8125rem;color:var(--sr-ink-2);white-space:nowrap}.sr-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.625rem;margin:0;padding:0;list-style:none}.sr-tiles li{margin:0}.sr-tile{display:flex;align-items:center;gap:.75rem;height:100%;padding:.75rem .875rem;border:1px solid var(--sr-border);border-radius:var(--border-radius);background:var(--sr-surface);color:inherit;text-decoration:none;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.sr-tile:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--sr-surface));transform:translateY(-1px)}.sr-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-tile-icon{flex:none;width:2.25rem;height:2.25rem;padding:.45rem;border-radius:var(--border-radius);background:var(--sr-surface-2);color:var(--accent)}.sr-tile-text{display:flex;flex-direction:column;min-width:0}.sr-tile-name{font-size:.9375rem;font-weight:600;line-height:1.3;color:var(--sr-ink)}.sr-tile:hover .sr-tile-name{color:var(--accent)}.sr-tile-meta{font-size:.8125rem;line-height:1.4;color:var(--sr-ink-2)}@media(min-width:64rem){.sr-intro{padding:2.75rem 0 3.5rem}.sr-intro p{max-width:30rem}}.sr-why{margin-top:3.5rem}.sr-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none}.sr-point{position:relative;display:flex;flex-direction:column;margin:0;overflow:hidden;border:1px solid var(--sr-border);border-radius:16px;background:var(--sr-surface);transform:perspective(800px)rotateX(var(--ry,0deg))rotateY(var(--rx,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .3s ease,box-shadow .3s ease}.sr-point:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--sr-border));box-shadow:0 22px 40px -22px color-mix(in srgb,var(--accent) 55%,transparent);transition-duration:.15s,.3s,.3s}.sr-point::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(18rem circle at var(--px,50%) var(--py,0%),color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.sr-point:hover::after{opacity:1}.sr-point-art{position:relative;display:grid;place-items:center;height:8.5rem;overflow:hidden;background:radial-gradient(color-mix(in srgb,var(--accent) 30%,transparent) 1.2px,transparent 1.4px)0 0/16px 16px,linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--sr-surface)),color-mix(in srgb,var(--accent) 4%,var(--sr-surface)))}.sr-point-art::before,.sr-point-art::after{content:"";position:absolute;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent) 35%,transparent)}.sr-point-art::before{width:9rem;height:9rem;right:-2.5rem;top:-3rem}.sr-point-art::after{width:3.5rem;height:3.5rem;left:1.25rem;bottom:-1.25rem;border:0;background:color-mix(in srgb,var(--accent) 22%,transparent)}.sr-point-icon{position:relative;z-index:1;width:4rem;height:4rem;padding:1rem;border-radius:18px;background:var(--sr-surface);color:var(--accent);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--accent) 60%,transparent);rotate:-6deg;transition:rotate .4s cubic-bezier(.2,.8,.2,1.4),scale .4s cubic-bezier(.2,.8,.2,1.4)}.sr-point:hover .sr-point-icon{rotate:0;scale:1.12}.sr-point-art{transition:background-position 1.2s ease}.sr-point:hover .sr-point-art{background-position:8px 8px,0 0}.sr-point-text{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.125rem 1.25rem}.sr-point-text strong{font-size:1rem;font-weight:650;color:var(--sr-ink)}.sr-point-text p{margin:0;font-size:.875rem;line-height:1.5;color:var(--sr-ink-2)}@media(prefers-reduced-motion:reduce){.sr-home *,.sr-home *::before,.sr-home *::after{animation:none!important;transition:none!important}}@media(max-width:56rem){.sr-home{padding-inline:1rem}}@media(max-width:40rem){.sr-intro{padding:1rem 0 2rem}.sr-intro h1{margin-bottom:.375rem;font-size:2rem}.sr-intro p{max-width:20rem;font-size:1rem}.sr-board{margin-inline:-1rem;border-inline:0;border-radius:0}.sr-tabs{padding-inline:.25rem}.sr-tab{padding:.75rem .75rem .625rem;font-size:.875rem}.sr-panel{padding:.875rem .75rem 1rem}.sr-panel-head{margin-bottom:.875rem}.sr-panel-head h2{font-size:1.1875rem}.sr-shelf+.sr-shelf{margin-top:1rem;padding-top:1rem}.sr-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.sr-tile{gap:.5rem;padding:.625rem}.sr-tile-icon{width:1.875rem;height:1.875rem;padding:.375rem}.sr-tile-name{font-size:.875rem}.sr-tile-meta{font-size:.75rem}.sr-why{margin-top:2.5rem}.sr-point{flex-direction:row;align-items:stretch}.sr-point-art{flex:none;width:6rem;height:auto;min-height:6.5rem}.sr-point-art::before{width:6rem;height:6rem;right:-2.5rem;top:-2.5rem}.sr-point-art::after{width:2.5rem;height:2.5rem;left:.5rem;bottom:-1rem}.sr-point-icon{width:3rem;height:3rem;padding:.75rem;border-radius:14px}.sr-point-text{justify-content:center;padding:.875rem 1rem}}