.vol{--v-black:color(from var(--color-scrim) srgb r g b / 1);--v-ink:color-mix(in srgb, var(--v-black) 56%, var(--color-botanical-ink));--v-deep:var(--color-botanical-ink);--v-habitat:var(--color-habitat-base);--v-raised:var(--color-forest-raised);--v-elevated:var(--color-forest-elevated);--v-divider:color-mix(in srgb, var(--color-weathered-sage) 19.5%, var(--color-forest-elevated));--v-mineral:var(--color-text-primary);--v-sage:var(--color-text-secondary);--v-weathered:var(--color-weathered-sage);--v-teal:var(--color-muted-teal);--v-teal-text:var(--color-text-discovery);--v-light-teal:color-mix(in srgb, var(--color-text-discovery) 75%, var(--color-text-primary));--v-orange:var(--color-living-orange);--v-orange-text:var(--color-text-attention);--v-gold-text:var(--color-text-progress);--v-mono:ui-monospace, SFMono-Regular, Menlo, monospace;background:var(--v-ink);color:var(--v-mineral);font:400 16px/1.55 var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.vol h1,.vol h2,.vol h3,.vol h4{font-family:var(--font-serif);letter-spacing:-.016em;text-wrap:balance;margin:0;font-weight:500;line-height:1.55}.vol .vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vol a:focus-visible,.vol button:focus-visible,.vol input:focus-visible{outline:2px solid var(--v-light-teal);outline-offset:2px}.vol__top{border-bottom:1px solid var(--v-raised);flex-wrap:wrap;flex:none;align-items:baseline;gap:12px;padding:11px clamp(14px,3vw,26px);display:flex}.vol .vol__ttl{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--v-mineral);margin:0;font-size:19px;font-weight:500;line-height:1.02}.vol__sub{letter-spacing:.11em;text-transform:uppercase;color:var(--v-weathered);margin:0;font-size:11px}.vol__body{flex:1;grid-template-columns:minmax(0,336px) minmax(0,1fr);align-items:start;display:grid}.vol__idx{border-right:1px solid var(--v-raised);background:var(--v-deep);flex-direction:column;min-width:0;height:100dvh;display:flex;position:sticky;top:0}.vol__find{border-bottom:1px solid var(--v-raised);flex:none;padding:13px 14px 9px}.vol__find--plain{padding:14px 14px 12px}.vol__find input{border:1px solid var(--v-divider);background:var(--v-ink);width:100%;height:38px;color:var(--v-mineral);font:inherit;border-radius:9px;padding:0 12px;font-size:14px}.vol__find input::placeholder{color:var(--v-weathered)}.vol .vol__find input:focus-visible{outline:2px solid var(--v-light-teal);outline-offset:2px}.vol__count{letter-spacing:.13em;text-transform:uppercase;color:var(--v-weathered);margin:8px 0 0;font-size:10.5px}.vol .lbidx{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:20px;overflow-y:auto}.vol__read{min-width:0;min-height:100dvh}.vol .vol__back{display:none}.vol .en{max-width:84ch;margin:0 auto;padding:clamp(22px,3.4vw,44px) clamp(16px,3vw,34px) 90px}.vol .pl{border:1px solid var(--v-raised);background:linear-gradient(160deg, color-mix(in srgb, var(--v-raised) 80%, var(--v-elevated)), var(--v-habitat) 62%);border-radius:8px;margin:0;position:relative;overflow:hidden}.vol .pl__c{opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.vol .pl.is-drawn .pl__c{opacity:1}.vol .pl__wait{letter-spacing:.14em;text-transform:uppercase;color:var(--v-divider);place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.vol .pl[data-state=failed] .pl__wait{color:var(--v-orange-text)}.vol .pl--thumb{border-radius:5px;flex:none;width:60px;height:28px}.vol .pl--big,.vol .pl--ser,.vol .pl--ix,.vol .pl--stp{aspect-ratio:926/376;width:100%}.vol .pl--big{border-radius:12px}.vol .pl--stp{border-radius:10px}.vol a.xref{color:var(--v-teal-text);border-bottom:1px solid color-mix(in srgb, var(--v-light-teal) 35%, transparent);text-decoration:none;display:inline-block}.vol a.xref:hover{color:var(--v-teal-text);border-bottom-color:var(--v-light-teal)}.vol .zk__d{aspect-ratio:1024/530;width:100%;margin-bottom:2px;display:block;position:relative}.vol .zk__layer{position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.vol .zk__layer--body{background:var(--v-habitat);-webkit-mask-image:url(/gecko/zones/body.png);mask-image:url(/gecko/zones/body.png)}.vol .zk__layer--body.is-on{background:color-mix(in srgb, var(--v-light-teal) 26%, var(--v-habitat))}.vol .zk__layer.is-on:not(.zk__layer--body){background:var(--v-light-teal)}.vol .zk__layer--dorsal{-webkit-mask-image:url(/gecko/zones/dorsal.png);mask-image:url(/gecko/zones/dorsal.png)}.vol .zk__layer--upper{-webkit-mask-image:url(/gecko/zones/upper.png);mask-image:url(/gecko/zones/upper.png)}.vol .zk__layer--middle{-webkit-mask-image:url(/gecko/zones/middle.png);mask-image:url(/gecko/zones/middle.png)}.vol .zk__layer--lower{-webkit-mask-image:url(/gecko/zones/lower.png);mask-image:url(/gecko/zones/lower.png)}.vol .zk__layer--legs{-webkit-mask-image:url(/gecko/zones/legs.png);mask-image:url(/gecko/zones/legs.png)}.vol .zk__layer--line{background:var(--v-weathered);opacity:.85;-webkit-mask-image:url(/gecko/zones/lineart.png);mask-image:url(/gecko/zones/lineart.png)}.vol a.nchip{text-align:left;width:104px;text-decoration:none;display:block}.vol .nchip__n{white-space:nowrap;text-overflow:ellipsis;color:var(--v-sage);margin-top:3px;font-size:11px;line-height:1.2;display:block;overflow:hidden}.vol .nchip:hover .nchip__n{color:var(--v-mineral)}.vol .pl--nchip{aspect-ratio:926/376;border-radius:5px;width:100%}.vol a.post__go{border-bottom:1px solid color-mix(in srgb, var(--color-text-attention) 38%, transparent);color:var(--v-orange-text);margin-top:9px;font-size:12.5px;line-height:1.55;text-decoration:none;display:inline-block}.vol a.post__go:hover{border-bottom-color:var(--v-orange-text);color:var(--v-orange-text)}@media (max-width:900px){.vol__body{grid-template-columns:minmax(0,1fr)}.vol__idx{border-right:0;height:auto;position:static}.vol[data-reading=true] .vol__idx,.vol[data-reading=false] .vol__read{display:none}.vol .vol__back{z-index:5;background:var(--v-ink);border:0;border-bottom:1px solid var(--v-raised);width:100%;color:var(--v-sage);text-align:left;cursor:pointer;align-items:center;gap:7px;padding:11px 16px;font-family:inherit;font-size:13.5px;line-height:1.55;text-decoration:none;display:flex;position:sticky;top:0}.vol .vol__back:hover{color:var(--v-sage)}.vol .vol__ttl{font-size:17px}.vol__sub{display:none}.vol .en{padding:18px 16px 80px}.vol a.nchip{width:96px}}@media (prefers-reduced-motion:reduce){.vol .pl__c{transition:none}}
