.vol{--vol-measure:34em;--vol-read:42em}.vol-head{padding-block:var(--s9) var(--s6)}.vol-guide .vol-head{border-bottom:1px solid var(--line)}.vol-head h1{max-width:20em;font-size:clamp(1.8rem,3vw,2.3rem);line-height:1.5}.vol-lead{margin-top:var(--s5);color:var(--ink-soft);max-width:var(--vol-read);font-size:1.05rem}.vol-contact{border-top:1px solid var(--line);padding-block:var(--s7) var(--s9)}.vol-contact p{color:var(--ink-soft);max-width:var(--vol-measure);font-size:.9rem}.vol-contact p+p{margin-top:var(--s3)}.hb-content a,.vol-join-body a{color:var(--accent);border-bottom:1.5px solid var(--accent-soft);text-decoration:none}.hb-content a:hover,.vol-join-body a:hover{border-bottom-color:var(--accent)}.vol-join-body{padding-bottom:var(--s9)}.vol-join-body h2{margin-top:var(--s8);margin-bottom:var(--s4);padding-top:var(--s6);border-top:1px solid var(--line);max-width:var(--vol-read);font-size:1.4rem}.vol-join-body p{color:var(--ink-soft);max-width:var(--vol-read);font-size:.98rem}.vol-join-body p+p{margin-top:var(--s4)}.vol-join-body ul{margin:var(--s4) 0 0;max-width:var(--vol-measure);padding:0;list-style:none}.vol-join-body ul li{padding-left:var(--s5);padding-block:var(--s1);color:var(--ink-soft);font-size:.95rem;position:relative}.vol-join-body ul li:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;position:absolute;top:.9em;left:0}.vol-join-body li strong{color:var(--ink);font-weight:600}.vol-join-body ol{counter-reset:step;margin:var(--s5) 0 0;max-width:36em;padding:0;list-style:none}.vol-join-body ol li{counter-increment:step;padding-left:var(--s7);padding-block:var(--s4);border-top:1px solid var(--line);color:var(--ink-soft);font-size:.95rem;position:relative}.vol-join-body ol li:before{content:counter(step);left:0;top:var(--s4);font-family:var(--font-num);color:var(--accent);font-size:1.15rem;position:absolute}.vol-join-body ol li strong{color:var(--ink);font-weight:600}.vol-join-body>:first-child{margin-top:0}.vol-join-body h2:first-of-type{border-top:0;margin-top:0;padding-top:0}.hb-content :is(ul,ol)+p,.vol-join-body :is(ul,ol)+p{margin-top:var(--s5)}body:has(.vol-guide) .site-header{position:static}.hb-progress{z-index:45;pointer-events:none;background:var(--line);height:3px;position:fixed;top:0;left:0;right:0}.hb-progress>span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.hb-progress>span{transition:transform .1s linear}}.vol-guide-body{grid-template-columns:minmax(0, var(--vol-read)) auto;column-gap:var(--s8);padding-top:var(--s7);padding-bottom:var(--s10);justify-content:start;display:grid}.hb-content{grid-area:1/1}.hb-toc{top:var(--s5);grid-area:1/2;align-self:start;width:12rem;font-size:.9rem;position:sticky}.hb-toc-label{font-family:var(--font-head);font-weight:var(--w-head);letter-spacing:.1em;color:var(--green);margin-bottom:var(--s3);font-size:.82rem}.hb-toc ol{margin:0;padding:0;list-style:none}.hb-toc li{padding-block:3px}.hb-toc a{color:var(--sub);padding-left:var(--s3);border-left:2px solid var(--line);line-height:1.5;text-decoration:none;transition:color .15s;display:block}.hb-toc a:hover{color:var(--accent);border-left-color:var(--accent)}.hb-toc a.is-current{color:var(--ink);border-left-color:var(--accent);font-weight:500}.hb-content{min-width:0}.hb-content>:first-child{margin-top:0}.hb-content h2{margin-top:var(--s9);margin-bottom:var(--s4);padding-top:var(--s6);border-top:1px solid var(--line);scroll-margin-top:var(--s5);font-size:1.4rem}.hb-content h2:first-of-type{border-top:0;margin-top:0;padding-top:0}.hb-content h3{color:var(--accent);margin-top:var(--s7);margin-bottom:var(--s2);scroll-margin-top:var(--s5);font-size:1.08rem}.hb-content h4{font-family:var(--font-head);font-weight:var(--w-head);margin-top:var(--s5);margin-bottom:var(--s2);font-size:1rem}.hb-content p{color:var(--ink-soft);max-width:var(--vol-measure);font-size:.96rem}.hb-content p+p{margin-top:var(--s3)}.hb-content strong{color:var(--ink);font-weight:600}.hb-content ul,.hb-content ol{margin:var(--s3) 0 var(--s4);max-width:var(--vol-measure);padding:0;list-style:none}.hb-content li{padding-left:var(--s5);padding-block:var(--s1);color:var(--ink-soft);font-size:.95rem;position:relative}.hb-content ul li:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;position:absolute;top:.9em;left:0}.hb-content ol{counter-reset:n}.hb-content ol li{counter-increment:n}.hb-content ol li:before{content:counter(n) ".";font-family:var(--font-num);color:var(--green);position:absolute;left:0}.hb-content blockquote{margin:var(--s5) 0;padding:var(--s2) 0 var(--s2) var(--s4);border-left:3px solid var(--accent)}.hb-content blockquote p{max-width:none;margin:0;font-size:.94rem}.hb-content blockquote strong{color:var(--accent)}.hb-content .hb-slider{gap:var(--s2);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-block:var(--s5) var(--s2);padding-bottom:var(--s2);scrollbar-width:thin;max-width:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000);mask-image:linear-gradient(90deg,#000 86%,#0000)}.hb-content .hb-slider.is-end{-webkit-mask-image:none;mask-image:none}.hb-content .hb-slider img{scroll-snap-align:start;aspect-ratio:16/9;object-fit:cover;border-radius:var(--soft);flex:0 0 min(80%,26rem);width:auto}.hb-slider-count{margin:0 0 var(--s5);font-family:var(--font-num);color:var(--sub);font-size:.82rem}.hb-content>p>img,.hb-content>img,.vol-join-body>p>img,.vol-join-body>img{margin-block:var(--s5);border-radius:var(--soft)}.hb-content>img.hb-divider,.vol-join-body img.hb-divider{width:100%;max-width:28em;margin:var(--s6) 0 0;opacity:.85;border-radius:0}.hb-content>img.hb-motif,.vol-join-body img.hb-motif{border-radius:0;width:360px;max-width:65%;height:auto;display:block}.vol-join-body img.hb-motif-left{margin:0 0 var(--s6)}.hb-content>img.hb-motif-left{margin:var(--s6) 0}.vol-join-body img.hb-motif-right{margin:var(--s6) 0 0 auto;margin-right:max(0px, calc(100% - var(--vol-read)))}.hb-content img.hb-motif:first-of-type+h2{border-top:0;margin-top:0;padding-top:0}.hb-content details.hb-acc{margin-top:var(--s5);border-block:1px solid var(--line)}.hb-content details.hb-acc+details.hb-acc{border-top:none;margin-top:0}.hb-content :is(h2,h3,h4)+details.hb-acc{margin-top:var(--s3)}.hb-content details.hb-acc:has(+h2){border-bottom:none}.hb-content details.hb-acc+h3{margin-top:var(--s6)}.hb-content .hb-acc summary{cursor:pointer;padding-block:var(--s3);font-family:var(--font-head);font-weight:var(--w-head);color:var(--ink);font-size:.95rem;list-style:none}.hb-content .hb-acc summary::-webkit-details-marker{display:none}.hb-content .hb-acc summary:before{content:"＋";width:1.4em;color:var(--accent);font-family:var(--font-num);display:inline-block}.hb-content .hb-acc[open] summary:before{content:"－"}.hb-content .hb-acc>:not(summary){max-width:none}.hb-content .hb-acc table{max-width:100%}.hb-content .hb-acc>p,.hb-content .hb-acc li{font-size:.9rem}.hb-content .hb-acc>:last-child{margin-bottom:var(--s4)}@media (prefers-reduced-motion:no-preference){.vol{interpolate-size:allow-keywords}.hb-content details.hb-acc::details-content{block-size:0;transition:block-size .26s ease, content-visibility .26s allow-discrete;overflow:clip}.hb-content details.hb-acc[open]::details-content{block-size:auto}}.hb-content table{border-collapse:collapse;width:max-content;max-width:100%;margin:var(--s3) 0 var(--s6);overscroll-behavior-x:contain;font-size:.85rem;display:block;overflow-x:auto}.hb-content :is(th,td){border:1px solid var(--line);padding:var(--s2) var(--s3);text-align:left;vertical-align:top;line-height:1.7}.hb-content thead th{border-bottom:1.5px solid var(--ink);font-family:var(--font-head);font-weight:var(--w-head);color:var(--ink);white-space:nowrap}.hb-content td[align=center],.hb-content td[style*=center]{text-align:center;font-family:var(--font-num)}@media (width<=900px){.vol-head{padding-block:var(--s7) var(--s5)}.vol-guide-body{gap:var(--s5);padding-bottom:var(--s9);grid-template-columns:1fr}.hb-toc,.hb-content{grid-area:auto/1}.hb-toc{border-bottom:1px solid var(--line);width:auto;padding-bottom:var(--s5);position:static;top:auto}.hb-toc ol{columns:2}.hb-content h2{margin-top:var(--s8)}}
