.GuideArticleProgress-module__Jz2vUW__progress{--ch-line:color-mix(in srgb, var(--ch,var(--primary-soft)) 26%, transparent);--ch-read:color-mix(in srgb, var(--ch,var(--primary-soft)) 50%, var(--premium-surface,var(--surface-solid)));padding:18px var(--read-inset,20px) 14px;border:1px solid var(--ch-line);border-radius:var(--radius-xl);background:var(--premium-surface,var(--surface-solid));flex-direction:column;gap:8px;display:flex;position:relative;overflow:hidden}.GuideArticleProgress-module__Jz2vUW__progress:before{content:"";background:var(--ch,var(--primary-soft));height:3px;position:absolute;inset:0 0 auto}.GuideArticleProgress-module__Jz2vUW__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;display:flex}.GuideArticleProgress-module__Jz2vUW__titleRow{align-items:center;gap:10px;min-width:0;display:inline-flex}.GuideArticleProgress-module__Jz2vUW__icon{background:color-mix(in srgb, var(--ch,var(--primary-soft)) 16%, transparent);width:32px;height:32px;color:var(--ch,var(--primary-soft));border-radius:10px;flex-shrink:0;place-items:center;display:grid}.GuideArticleProgress-module__Jz2vUW__title{letter-spacing:-.02em;color:var(--text-strong);font-size:17px;font-weight:700}.GuideArticleProgress-module__Jz2vUW__position{color:var(--text-muted);font-size:12px;font-weight:650}.GuideArticleProgress-module__Jz2vUW__chapter{color:var(--text-body);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;display:flex}.GuideArticleProgress-module__Jz2vUW__readNote{color:var(--text-strong);align-items:center;gap:4px;font-size:12px;font-weight:650;display:inline-flex}.GuideArticleProgress-module__Jz2vUW__readNote>svg{color:var(--ch,var(--primary-soft))}.GuideArticleProgress-module__Jz2vUW__segments{grid-template-columns:repeat(var(--n,1), minmax(0, 1fr));gap:4px;margin:2px 0 0;padding:0;list-style:none;display:grid}.GuideArticleProgress-module__Jz2vUW__segments>li{min-width:0}.GuideArticleProgress-module__Jz2vUW__segment{border-radius:6px;height:44px;display:block;position:relative}.GuideArticleProgress-module__Jz2vUW__segment:before{content:"";inset:calc(50% - var(--lane-h,5px) / 2) 0 auto;height:var(--lane-h,5px);background:var(--ch-line);transition-property:background-color,transform;transition-duration:.25s;transition-timing-function:var(--ease-brand);border-radius:999px;position:absolute}.GuideArticleProgress-module__Jz2vUW__segment[data-state=read]:before{background:var(--ch-read)}.GuideArticleProgress-module__Jz2vUW__segment[data-state=current]:before{inset:calc(50% - var(--lane-h,5px)) 0 auto;height:calc(var(--lane-h,5px) * 2);background:var(--ch,var(--text-strong))}a.GuideArticleProgress-module__Jz2vUW__segment:focus-visible{outline:2px solid var(--line-focus);outline-offset:-2px}@media (hover:hover) and (pointer:fine){a.GuideArticleProgress-module__Jz2vUW__segment:hover:before{background:var(--ch-read);transform:scaleY(1.8)}a.GuideArticleProgress-module__Jz2vUW__segment[data-state=read]:hover:before{background:var(--ch,var(--primary-soft))}}.GuideArticleProgress-module__Jz2vUW__legend{color:var(--text-muted);flex-wrap:wrap;gap:4px 16px;margin-top:-6px;font-size:11px;font-weight:600;display:flex}.GuideArticleProgress-module__Jz2vUW__legend>span{align-items:center;gap:6px;display:inline-flex}.GuideArticleProgress-module__Jz2vUW__legend i{width:14px;height:var(--lane-h,5px);background:var(--ch-line);border-radius:999px;display:inline-block}.GuideArticleProgress-module__Jz2vUW__legend i[data-state=read]{background:var(--ch-read)}.GuideArticleProgress-module__Jz2vUW__legend i[data-state=current]{height:calc(var(--lane-h,5px) * 2);background:var(--ch,var(--text-strong))}.GuideArticleProgress-module__Jz2vUW__legend b{color:var(--text-strong);font-weight:700}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.GuideArticleProgress-module__Jz2vUW__segment:before{transform-origin:0;animation:GuideArticleProgress-module__Jz2vUW__segIn var(--ease-brand) both;animation-timeline:view();animation-range:entry 20%}}}@keyframes GuideArticleProgress-module__Jz2vUW__segIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:639px){.GuideArticleProgress-module__Jz2vUW__segments{gap:3px}}
