body.study-b .footer{text-align:center;color:var(--text-secondary);padding:var(--space-xl) var(--space-md)}.study-b-main{max-width:46rem;margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-2xl)}.study-head{display:grid;gap:var(--space-sm);padding-bottom:var(--space-lg);border-bottom:1px solid var(--line-rule)}.study-head__line{margin:0;display:flex;align-items:center;gap:var(--space-sm);font-size:.95rem}.study-head__line a{color:var(--text-secondary);text-decoration:none;min-height:var(--touch-min);display:inline-flex;align-items:center}.study-head__line a:hover{color:var(--text);text-decoration:underline}.study-head__chip{background:var(--line);color:var(--line-on);font-weight:700;font-size:.8rem;letter-spacing:.04em;border-radius:var(--radius-sm);padding:.15rem .45rem}.study-head__chip:before{content:var(--line-code)}.study-head h1{margin:0;font-size:clamp(2rem,1.4rem + 2.6vw,2.9rem);line-height:1.1;letter-spacing:-.01em;color:var(--text)}.study-head__desc{margin:0;color:var(--text-secondary);font-size:1.05rem;line-height:1.5;max-width:60ch}.study-head__count{margin:var(--space-sm) 0 0;font-size:.95rem;color:var(--text);font-variant-numeric:tabular-nums}.study-head__bar{height:6px;border-radius:var(--radius-full);background:var(--line-rule);overflow:hidden}.study-head__bar b{display:block;height:100%;width:0;background:var(--line)}.study-head__go{margin-top:var(--space-sm);display:flex;align-items:center;justify-content:center;min-height:3rem;padding:.6rem var(--space-lg);border-radius:var(--radius-md);background:var(--line-here);color:var(--line-here-on);font-weight:700;text-decoration:none;text-align:center}.study-head__go:hover{text-decoration:underline}.study-head__go:focus-visible,.study-line a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.study-line{list-style:none;margin:var(--space-lg) 0 0;padding:0;position:relative}.study-line:before{content:"";position:absolute;left:1.05rem;top:1.5rem;bottom:1.5rem;width:3px;background:var(--line);border-radius:2px}.study-line a{position:relative;display:flex;gap:var(--space-md);align-items:flex-start;min-height:3.5rem;padding:.75rem var(--space-sm) .75rem 0;color:var(--text);text-decoration:none;border-radius:var(--radius-md)}.study-line a:hover{background:var(--bg-hover)}.study-line__tick{flex:0 0 auto;width:2.1rem;height:2.1rem;margin-top:-.1rem;border-radius:50%;border:3px solid var(--line);background:var(--bg);display:grid;place-items:center;z-index:1}.study-line__tick svg{width:1.1rem;height:1.1rem;fill:none;stroke:var(--line-on);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}.study-line__row.is-read .study-line__tick{background:var(--line)}.study-line__row.is-read .study-line__tick svg{visibility:visible}.study-line__row.is-next .study-line__tick{border-color:var(--line-here);box-shadow:0 0 0 4px color-mix(in srgb,var(--line-here) 35%,transparent)}.study-line__text{display:grid;gap:.2rem;min-width:0}.study-line__title{font-size:1.08rem;font-weight:700;line-height:1.3}.study-line__meta{font-size:.95rem;color:var(--text-secondary);line-height:1.45}.study-line__state{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:480px){.study-b-main{padding-top:var(--space-md)}.study-head__desc{font-size:1rem}}