.c-contents{position:sticky;top:calc(40 * var(--s));width:calc(290 * var(--s));padding:calc(35 * var(--s));border-radius:calc(25 * var(--s));background:#1c1c1a;transition:opacity .24s ease,visibility .24s}.c-contents.is-past{opacity:0;visibility:hidden;pointer-events:none}.c-contents__title{font-family:var(--f-text);font-weight:var(--fw-text);font-size:calc(15 * var(--s));line-height:1.4;color:var(--c-fg)}.c-contents__progress{margin-block-start:calc(30 * var(--s))}.c-contents__progress-row{display:flex;justify-content:space-between;align-items:baseline}.c-contents__progress-row span{font-family:var(--f-display);font-weight:500;font-size:calc(13 * var(--s));line-height:1.5;letter-spacing:var(--ls-display);color:var(--c-fg);opacity:.5}.c-contents__track{margin-block-start:calc(5 * var(--s));height:calc(5 * var(--s));border-radius:calc(100 * var(--s));background:var(--c-bg);overflow:hidden}.c-contents__fill{height:100%;width:calc(var(--read, 0) * 100%);border-radius:calc(100 * var(--s));background:linear-gradient(to right,#0040d6,var(--c-bg));transition:width .2s linear}.c-contents__list{list-style:none;margin:calc(30 * var(--s)) 0 0;padding:0}.c-contents__list li+li{margin-block-start:calc(15 * var(--s))}.c-contents__link{position:relative;display:block;font-family:var(--f-text);font-weight:var(--fw-text);font-size:calc(13 * var(--s));line-height:var(--lh-body);color:var(--c-fg);text-decoration:none;opacity:.5;transition:opacity .2s ease}.c-contents__link:hover{opacity:.8}.c-contents__link.is-passed{opacity:.2}.c-contents__link.is-current{opacity:1;padding-inline-start:calc(17 * var(--s))}.c-contents__link.is-current:before{content:"";position:absolute;left:0;top:calc(5 * var(--s));width:calc(10 * var(--s));height:calc(12 * var(--s));background:url(../../img/arrow-marker.svg) no-repeat center / 100% 100%}@media(max-width:1023px){.c-contents{display:none}}html:has(.p-blog){scroll-behavior:smooth}.c-article :is(h2,h3,h4){scroll-margin-top:calc(40 * var(--s))}