.book-layout{--color-bg: #f3ede4;--color-surface: #fffdf9;--color-surface-muted: #ebe4d8;--color-text: #1c1917;--color-text-muted: #57534e;--color-text-subtle: #78716c;--color-accent: hsl(0, 35%, 35%);--color-accent-hover: hsl(0, 37%, 30%);--color-accent-fill: hsl(0, 35%, 38%);--color-on-accent: #f8f6f2;--color-accent-soft: hsl(0 35% 35% / .1);--color-border: #d6cfc4;--color-border-strong: #a8a29e;--color-link: hsl(0, 45%, 32%);--color-link-hover: hsl(0, 45%, 26%);--color-toc-muted: #6b6560;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.125rem;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--shadow-sm: 0 1px 2px rgb(28 25 23 / .05), 0 1px 3px rgb(28 25 23 / .04);--shadow-md: 0 8px 24px rgb(28 25 23 / .08);--container-max: 72rem;--header-height: 4rem;--font-mono: ui-monospace, Consolas, "Courier New", monospace}.book-layout.dark-mode{--color-bg: #171412;--color-surface: #221e1a;--color-surface-muted: #2e2924;--color-text: #f4f1ec;--color-text-muted: #a8a29e;--color-text-subtle: #78716c;--color-accent: hsl(18, 35%, 62%);--color-accent-hover: hsl(18, 40%, 55%);--color-accent-fill: hsl(0, 30%, 42%);--color-on-accent: #f4f1ec;--color-accent-soft: hsl(18 35% 62% / .12);--color-border: hsl(30, 6%, 22%);--color-border-strong: #57534e;--color-link: hsl(18, 45%, 68%);--color-link-hover: hsl(18, 50%, 74%);--color-toc-muted: #9a9590;--shadow-md: 0 8px 24px rgb(0 0 0 / .28)}.book-layout{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.book-layout__main{flex:1;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-4) var(--space-4);padding-bottom:0}@media(max-width:767px){.book-layout__main{padding:0}}.book-layout__grid{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:768px){.book-layout__grid{flex-direction:row;align-items:flex-start}}.book-layout__content{flex:1;min-width:0;padding-bottom:var(--space-4)}@media(max-width:767px){.book-layout__content{padding-bottom:0}}.book-layout-sidebar{display:none;width:100%;flex-shrink:0;contain:layout style}@media(min-width:768px){.book-layout-sidebar{display:block;position:sticky;top:var(--space-4);align-self:flex-start;width:18rem;height:calc(100dvh - var(--space-8))}}.book-layout-sidebar__panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.book-layout-sidebar__header{flex-shrink:0;padding:var(--space-5) var(--space-5) var(--space-3)}.book-layout-toc-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.book-layout-toc-header__title{margin:0;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.book-layout-toc-header__toggle-all{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin:0;padding:0;border:0;background:transparent;color:var(--color-accent);cursor:pointer;transition:color .15s ease}.book-layout-toc-header__toggle-icon{width:.875rem;height:.875rem;flex-shrink:0}.book-layout-toc-header__toggle-all:hover{color:var(--color-accent)}.book-layout-sidebar__header-rule{height:1px;margin-top:var(--space-3);background:color-mix(in srgb,var(--color-border) 80%,var(--color-surface))}.book-layout-sidebar__scroll{flex:1;min-height:0;overflow-y:auto;padding:0 var(--space-5) var(--space-5);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border-strong) 45%,var(--color-border)) transparent}.book-layout-sidebar__scroll::-webkit-scrollbar{width:3px}.book-layout-sidebar__scroll::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--color-border-strong) 50%,var(--color-border))}.book-layout-toc-tree{display:flex;flex-direction:column}.book-layout-toc-tree__section:has(.book-layout-toc-tree__articles){margin-bottom:var(--space-1)}.book-layout-toc-tree__section-header{display:flex;align-items:flex-start;scroll-margin-top:var(--space-2)}.book-layout-toc-tree__section-label{display:flex;flex:1;gap:.35em;min-width:0;color:var(--color-text);font-size:.875rem;font-weight:600;line-height:1.35;text-align:left}.book-layout-toc-tree__section-header>.book-layout-toc-tree__section-label{padding:.5rem 0}.book-layout-toc-tree__section-toggle{display:flex;flex:1;align-items:flex-start;gap:var(--space-1);min-width:0;padding:.5rem 0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);cursor:pointer;transition:color .15s ease}.book-layout-toc-tree__section-toggle:hover,.book-layout-toc-tree__section-toggle:hover .book-layout-toc-tree__chevron{color:var(--color-text-muted)}.book-layout-toc-tree__chevron{flex-shrink:0;width:.875rem;height:.875rem;margin-top:.1875rem;color:var(--color-text-subtle);transition:transform .15s ease,color .15s ease}.book-layout-toc-tree__chevron--expanded{transform:rotate(90deg)}.book-layout-toc-tree__articles{display:flex;flex-direction:column;margin:0;padding:0 0 0 var(--space-4);border-left:1px solid color-mix(in srgb,var(--color-border) 90%,var(--color-surface));list-style:none}.book-layout-toc-tree__article-link{display:block;padding:.25rem .5rem;border-radius:var(--radius-md);color:var(--color-toc-muted);font-size:.8125rem;font-weight:400;line-height:1.45;text-decoration:none;transition:background-color .15s ease,color .15s ease}.book-layout-toc-tree__article-link:hover{color:var(--color-text);text-decoration:none}.book-layout-toc-tree__article-link--active{background:var(--color-accent-fill);color:var(--color-on-accent);font-weight:500}.book-layout-toc-tree__article-link--active:hover{color:var(--color-on-accent)}.book-layout-toc-label__code{font-family:var(--font-mono);font-size:.92em;font-weight:inherit}.book-layout-breadcrumbs{font-size:.875rem;color:var(--color-text-muted)}@media(max-width:767px){.book-layout-breadcrumbs{font-size:1rem}}.book-layout-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none}.book-layout-breadcrumbs__item{display:flex;align-items:center;gap:var(--space-1)}.book-layout-breadcrumbs__sep{color:var(--color-text-subtle)}.book-layout-breadcrumbs__link{color:var(--color-link);text-decoration:none}.book-layout-breadcrumbs__link:hover{color:var(--color-link-hover);text-decoration:underline}.book-layout-breadcrumbs__current{font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.book-layout-breadcrumbs__item:last-child{display:none}}.book-layout-content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.book-layout-content-toolbar .book-layout-breadcrumbs{flex:1;min-width:0}.book-layout-content-toolbar__theme-toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .18s ease}.book-layout-content-toolbar__theme-toggle:hover{color:var(--color-accent)}.book-layout-page{width:100%;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface)}@media(max-width:767px){.book-layout-page{padding:var(--space-6) var(--space-4) var(--space-4);border-radius:0;border-left:0;border-right:0}}@media(min-width:768px){.book-layout-page{padding:var(--space-5) var(--space-10)}}.book-layout-page__header{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--color-border) 75%,transparent)}@media(max-width:767px){.book-layout-page__header{border-bottom:none;margin-bottom:0}}.book-layout-page__title{font-size:clamp(1.625rem,2.2vw,2rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:0}.book-layout-mobile-trigger{display:none}@media(max-width:767px){.book-layout-mobile-trigger{display:block}}.book-layout-mobile-trigger__btn{position:fixed;right:var(--space-4);bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-4));z-index:120;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border:0;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);cursor:pointer}.book-layout-toc-dialog__backdrop{position:fixed;inset:0;z-index:130;background:#14121294}.book-layout-toc-dialog__panel{position:fixed;z-index:131;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,24rem);max-height:min(80vh,32rem);border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md)}.book-layout-toc-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) .85rem}.book-layout-toc-dialog__header .book-layout-toc-header{flex:1;min-width:0}.book-layout-toc-dialog__actions{display:flex;align-items:center;gap:var(--space-1)}.book-layout-toc-dialog__icon-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.book-layout-toc-dialog__icon-btn:hover{color:var(--color-accent)}.book-layout-toc-dialog__separator{height:1px;background:var(--color-border)}.book-layout-toc-dialog__body{padding:var(--space-2) var(--space-3) var(--space-4)}.book-layout-toc-dialog__scroll{max-height:min(60vh,28rem);overflow-x:hidden;overflow-y:auto;padding-inline:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none}.book-layout-toc-dialog__scroll::-webkit-scrollbar{display:none}.book-layout-toc-dialog__scroll--positioning{visibility:hidden}.book-layout-article-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.book-layout-article-nav__card{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-muted) 72%,var(--color-surface));text-decoration:none;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.book-layout-article-nav__card:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border));background:color-mix(in srgb,var(--color-accent-soft) 55%,var(--color-surface))}.book-layout-article-nav__card:active{transform:scale(.99)}.book-layout-article-nav__card--next{align-items:flex-end;text-align:right}.book-layout-article-nav__card:only-child{max-width:20rem}.book-layout-article-nav__card--next:only-child{grid-column:2;justify-self:end}.book-layout-article-nav__label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.book-layout-article-nav__title-row{display:flex;align-items:flex-start;gap:var(--space-2);width:100%;color:var(--color-link);font-size:.875rem;line-height:1.35}.book-layout-article-nav__card:hover .book-layout-article-nav__title-row{color:var(--color-link-hover)}.book-layout-article-nav__card--next .book-layout-article-nav__title-row{justify-content:flex-end}.book-layout-article-nav__icon{flex-shrink:0;width:1rem;margin-top:.125rem;opacity:.72}.book-layout-article-nav__title{min-width:0}@media(min-width:768px){.book-layout-article-nav__card{padding:var(--space-2) var(--space-3);border-color:color-mix(in srgb,var(--color-border) 55%,var(--color-surface));background:color-mix(in srgb,var(--color-surface-muted) 14%,var(--color-surface))}.book-layout-article-nav__card:hover{border-color:color-mix(in srgb,var(--color-accent) 18%,var(--color-border));background:color-mix(in srgb,var(--color-surface-muted) 22%,var(--color-surface))}.book-layout-article-nav__label{font-size:.5625rem;letter-spacing:.1em}.book-layout-article-nav__title-row{font-size:.75rem;line-height:1.3}.book-layout-article-nav__icon{width:.8125rem;margin-top:.0625rem;opacity:.6}}@media(max-width:767px){.book-layout-article-nav{grid-template-columns:1fr;gap:var(--space-3);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 4.5rem)}.book-layout-article-nav__card,.book-layout-article-nav__card:only-child,.book-layout-article-nav__card--next:only-child{grid-column:auto;max-width:none;justify-self:stretch}.book-layout-article-nav__card--next{align-items:flex-start;text-align:left}.book-layout-article-nav__card--next .book-layout-article-nav__title-row{justify-content:flex-start}}.book-layout-home{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.book-layout-home__text,.book-layout-home__text h2,.book-layout-home__text p{text-align:center}.book-layout-home__text h2{margin:0 0 var(--space-3);font-size:1.5rem}.book-layout-home__text p{margin:0;color:var(--color-text-muted);line-height:1.5}