@layer components{.pen{position: absolute;overflow: visible;pointer-events: none}.pen mask{mask-type: alpha}.pen__ink{fill: var(--accent)}.pen__c{fill: none;stroke: var(--ink);stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1 1;stroke-dashoffset: 0}.pen-note{font: italic 400 1.375rem / 1.2 var(--font-serif);color: var(--accent-ink);letter-spacing: 0}.viewer-on [data-pen="viewer"]:not(.is-drawn) .pen__c{stroke-dashoffset: 1}.viewer-on [data-pen="viewer"]:not(.is-drawn) .pen-note{opacity: 0}.viewer-on [data-pen="viewer"].is-drawn .pen__c--ring{transition: stroke-dashoffset var(--dur-draw) var(--ease-draw) var(--pen-at,0ms)}.viewer-on [data-pen="viewer"].is-drawn .pen-note{transition: opacity var(--dur-base) var(--ease-out) var(--pen-words,700ms)}.viewer-hold [data-pen="viewer"] :is(.pen__c,.pen-note){transition: none !important}.viewer-flip{transform: scaleX(-1)}.viewer-read{gap: 6px;min-block-size: 44px;font-size: var(--text-small);text-decoration: none}.viewer-read .i{inline-size: 18px;block-size: 18px}.viewer-read>span{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 0.28em;text-decoration-color: var(--edge)}.viewer-read:hover>span{text-decoration-color: currentColor}.viewer-btn{inline-size: 44px;padding: 0}.viewer-page{position: relative;display: block;background: var(--paper);box-shadow: var(--shadow-paper),0 0 0 1px var(--hairline)}.viewer-page img{inline-size: 100%;block-size: auto;display: block}.viewer{display: grid;gap: var(--space-8)}:is(section,main):not(.viewer-tabs__panel)>:is(.viewer,.viewer-tabs){inline-size: min(100% - 2 * var(--gutter),var(--layout-container));margin-inline: auto}.viewer-ix__h{font: 400 var(--text-h4) / 1.2 var(--font-serif);color: var(--ink)}.viewer-ix__dek{margin-block: var(--space-2) var(--space-4);font: var(--text-small) / var(--leading-small) var(--font-sans);color: var(--ink-2);max-inline-size: 30em}.viewer-ix__list{list-style: none;margin: 0;padding: 0;border-block-start: 1px solid var(--rule)}.viewer-ix__e{display: flex;align-items: baseline;gap: var(--space-2);min-block-size: 44px;padding: 10px 8px 8px;border-block-end: 1px solid var(--hairline);text-decoration: none;color: var(--ink);font: 400 var(--text-reading) / 1.3 var(--font-serif);transition: background-color var(--dur-fast) var(--ease-out)}.viewer-ix__e:hover,.viewer-ix__e[aria-current]{background: var(--surface-2)}.viewer-ix__e[aria-current] .viewer-ix__t{font-style: italic}.viewer-ix__dots{flex: 1 1 auto;min-inline-size: 16px;block-size: 1em;background: radial-gradient(circle,var(--ink-3) 0.7px,transparent 1px) 0 calc(100% - 4px) / 6px 3px repeat-x}.viewer-ix__loc{font: 400 var(--text-label) / 1.3 var(--font-mono);color: var(--ink-2);white-space: nowrap;font-variant-numeric: var(--figures-tabular)}.viewer-ix__e[aria-current] .viewer-ix__loc{color: var(--ink)}.viewer__main{min-inline-size: 0;position: relative}.viewer__track{list-style: none;margin: 0;padding: var(--space-2) 0 var(--space-6);display: flex;gap: var(--space-8);overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: thin;scrollbar-color: var(--rule) transparent;overscroll-behavior-x: contain}.viewer__track:focus-visible{outline: 2px solid var(--focus);outline-offset: 4px}.viewer__page{flex: none;inline-size: var(--pgw,min(76vw,440px));scroll-snap-align: start}.viewer--full{--pgw: min(76vw,440px)}.viewer__page figure{display: grid;margin: 0}.viewer__open{display: block;inline-size: 100%;padding: 0;border: 0;background: none;cursor: zoom-in;border-radius: 2px;color: inherit}.viewer__open:focus-visible{outline: 2px solid var(--focus);outline-offset: 4px}.viewer__pen{inset: 0;inline-size: 100%;block-size: 100%}.viewer__cap{display: grid;gap: 4px;margin-block-start: var(--space-4)}.viewer__t{font: 400 var(--text-ui) / 1.3 var(--font-sans);color: var(--ink)}.viewer__w{font: 400 var(--text-label) / 1.4 var(--font-mono);color: var(--ink-3)}.viewer__note{margin-block-start: var(--space-2)}.viewer__page:not(.is-front) :is(.viewer__note,.viewer__pen){visibility: hidden}.viewer__bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-2) var(--space-4);border-block-start: 1px solid var(--hairline);padding-block-start: var(--space-3)}.viewer__status{font: 400 var(--text-label) / 1.4 var(--font-mono);color: var(--ink-2);min-inline-size: 0;flex: 1 1 18rem}.viewer__btns{display: flex;align-items: center;gap: var(--space-2)}.viewer__btns .viewer-read{margin-inline-end: var(--space-3)}@media (min-width: 1100px){.viewer{grid-template-columns: repeat(12,minmax(0,1fr));column-gap: var(--layout-grid-gap,24px)}.viewer-ix{grid-column: 1 / span 4;align-self: start;position: sticky;inset-block-start: calc(var(--hdr) + 24px)}.viewer__main{grid-column: 5 / span 8}}@media (max-width: 1099px){.viewer__track{margin-inline: calc(-1 * var(--gutter));padding-inline: var(--gutter);scroll-padding-inline: var(--gutter)}}.viewer-ix__more>summary{display: none}@media (max-width: 599.98px){.viewer-ix__dots{display: none}.viewer-ix__e{gap: var(--space-3)}.viewer-ix__t{flex: 1 1 auto;min-inline-size: 0}.viewer-ix__loc{flex: none;margin-inline-start: auto;text-align: end}.viewer-ix__list--more{border-block-start: 0}.viewer-ix__more>summary{display: flex;align-items: center;justify-content: space-between;min-block-size: 44px;padding-inline: 8px;cursor: pointer;list-style: none;border-block-end: 1px solid var(--hairline);font: var(--text-ui) / 1.3 var(--font-sans);color: var(--ink)}.viewer-ix__more>summary::-webkit-details-marker{display: none}.viewer-ix__more>summary::after{content: "";inline-size: 8px;block-size: 8px;flex: none;margin-inline: 4px 6px;border-inline-end: 1.5px solid currentColor;border-block-end: 1.5px solid currentColor;rotate: 45deg;translate: 0 -2px;transition: rotate var(--dur-fast) var(--ease-out)}.viewer-ix__more[open]>summary::after{rotate: -135deg;translate: 0 2px}.viewer-ix__more>summary:focus-visible{outline: var(--focus-width,2px) solid var(--focus);outline-offset: -2px}}@media (max-width: 599px){.viewer-ix__e{font-size: var(--text-body)}.viewer__btns .viewer-read{margin-inline-end: auto}.viewer__bar{justify-content: flex-start}.viewer__btns{inline-size: 100%}}.viewer-tabs{display: grid;gap: var(--space-6)}.viewer-tabs__list{display: flex;flex-wrap: wrap;gap: var(--space-2);border-block-end: 1px solid var(--rule)}.viewer-tabs__tab{min-block-size: 44px;padding: 8px 16px 10px;border: 0;border-block-end: 2px solid transparent;margin-block-end: -1px;background: none;font: 400 var(--text-ui) / 1.2 var(--font-sans);color: var(--ink-2);cursor: pointer}.viewer-tabs__tab[aria-selected="true"]{color: var(--ink);border-block-end-color: var(--ink)}.viewer-tabs__tab:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}.viewer-tabs__h{font: 400 var(--text-h3) / 1.2 var(--font-serif);color: var(--ink);margin-block-end: var(--space-4)}.viewer-tabs.is-tabs .viewer-tabs__h{position: absolute;inline-size: 1px;block-size: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.viewer-tabs__panel + .viewer-tabs__panel{margin-block-start: var(--space-10)}.viewer-tabs.is-tabs .viewer-tabs__panel + .viewer-tabs__panel{margin-block-start: 0}.viewer-loupe{position: fixed;z-index: 30;inset-block-start: 0;inset-inline-start: 0;inline-size: 200px;block-size: 200px;margin: -100px 0 0 -100px;border-radius: 50%;pointer-events: none;background-color: var(--paper);background-repeat: no-repeat;box-shadow: var(--shadow-lift),0 0 0 1px var(--rule),inset 0 0 0 5px var(--paper);display: none;opacity: 0}.viewer-loupe.is-on{display: block;opacity: 1}@media (prefers-reduced-motion: no-preference){.viewer-loupe{transition: opacity var(--dur-fast) var(--ease-out),display var(--dur-fast) allow-discrete}@starting-style{.viewer-loupe.is-on{opacity: 0}}}.viewer-loupe::after{content: "";position: absolute;inset: calc(50% - 5px) auto auto calc(50% - 5px);inline-size: 10px;block-size: 10px;background: linear-gradient(var(--line-ink),var(--line-ink)) center / 1px 100% no-repeat,linear-gradient(var(--line-ink),var(--line-ink)) center / 100% 1px no-repeat;opacity: 0.8}.viewer-reader{inline-size: min(100vw - 32px,920px);max-inline-size: none;max-block-size: calc(100dvh - 32px);padding: 0;border: 0;border-radius: var(--radius-md,4px);background: var(--surface);color: var(--ink);box-shadow: var(--shadow-lift);overflow: hidden}.viewer-reader::backdrop{background: var(--ink);opacity: 0.6}.viewer-reader[open]{display: grid;grid-template-rows: auto minmax(0,1fr)}.viewer-reader__bar{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding: var(--space-3) var(--space-4);border-block-end: 1px solid var(--hairline)}.viewer-reader__t{font: 400 var(--text-label) / 1.4 var(--font-mono);color: var(--ink-2)}.viewer-reader__btns{display: flex;gap: var(--space-2);flex: none}.viewer-reader__page{overflow: auto;background: var(--surface-2);padding: var(--space-4)}.viewer-reader__page img{display: block;inline-size: 100%;block-size: auto;background: var(--paper);box-shadow: var(--shadow-paper)}.viewer-reader__page:focus-visible{outline: 2px solid var(--focus);outline-offset: -4px}@media (max-width: 767px){.viewer-reader{inline-size: 100vw;max-inline-size: 100vw;block-size: 100dvh;max-block-size: 100dvh;border-radius: 0}.viewer-reader__page img{inline-size: 760px;max-inline-size: none}}@media (prefers-reduced-motion: no-preference){.viewer-reader[open]{animation: viewer-rise var(--dur-base) var(--ease-out)}}@keyframes viewer-rise{from{opacity: 0;translate: 0 8px}}@media print{.viewer-loupe,.viewer__btns,.viewer-reader,.viewer-tabs__list{display: none !important}.viewer__track{flex-wrap: wrap;overflow: visible}}}@layer components{.viewer-inset{margin-block: var(--space-8);padding-block: var(--space-5);border-block: 1px solid var(--rule)}.viewer-inset__h{font: 400 var(--text-label) / 1.3 var(--font-mono);color: var(--ink-3);margin-block-end: var(--space-4)}.viewer-inset__kit{color: var(--ink-2)}.viewer-inset__body{display: grid;gap: var(--space-5);grid-template-columns: minmax(0,1fr);align-items: start}.viewer-inset__page{max-inline-size: 260px}.viewer-inset__words{display: grid;gap: var(--space-2);align-content: start}.viewer-inset__t{font: 400 var(--text-h4) / 1.25 var(--font-serif);color: var(--ink)}.viewer-inset__more{margin-block-start: var(--space-2)}.viewer-inset .viewer__note{margin-block-start: var(--space-1)}.viewer-inset .viewer-read{font-family: var(--font-sans);color: var(--ink)}@media (min-width: 600px){.viewer-inset__body{grid-template-columns: minmax(180px,240px) minmax(0,1fr);gap: var(--space-6)}}.viewer-inset__t{font: 800 22px / 1.1 var(--font-display);font-stretch: 112%}}