.section-stack{position:relative}.section-stack__viewport{min-height:200px}.section-stack__separator{display:block}.chapter-strip{display:flex;width:100%;align-items:stretch;gap:0;padding:0;border-bottom:1px solid var(--color-border-subtle)}.chapter-strip__cell{position:relative;flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);height:60px;padding:0;border:none;background:transparent;color:var(--color-text-subtle);font-family:var(--font-display);font-size:var(--text-body-lg);font-weight:500;letter-spacing:-.005em;line-height:1;cursor:pointer;transition:color .2s ease}.chapter-strip__cell:hover{color:var(--color-text-primary)}.chapter-strip__cell:focus-visible{outline:var(--focus-ring-outline);outline-offset:4px}.chapter-strip__count{font-family:var(--font-mono);font-size:var(--text-body-sm);font-weight:500;letter-spacing:0;color:var(--color-text-subtle);transition:color .2s ease;transform:translateY(-1px)}.chapter-strip__cell .chapter-strip__count:before{content:"\00B7";margin-right:var(--space-xs);color:var(--color-text-disabled)}.chapter-strip__cell--active{font-weight:600}.chapter-strip__cell--active,.chapter-strip__cell--active .chapter-strip__count{color:var(--color-text-primary)}.chapter-strip__cell--active:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-text-primary)}@media (max-width:768px){.chapter-strip__cell{height:56px;font-size:var(--text-body-md)}.chapter-strip__count{font-size:var(--text-label-md)}}.comments-section{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.comments-section__empty{text-align:center;padding:var(--space-lg) var(--space-md) 0}.comments-section__empty-title{font-family:var(--font-display);font-size:var(--text-heading-sm);color:var(--color-text-primary);margin:0 0 var(--space-xs)}.comments-section__empty-lede{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:1.6;max-width:44ch;margin:0 auto}.comments-section__list{display:flex;flex-direction:column;gap:var(--space-md)}.comment-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-md)}.comment-card--pending{border-style:dashed;border-color:var(--color-border-default);box-shadow:none}.comment-card__head{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-sm)}.comment-card__handle{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;color:var(--color-text-primary);text-decoration:none}a.comment-card__handle:hover{text-decoration:underline}.comment-card__date{font-family:var(--font-mono);font-size:var(--text-label-md);color:var(--color-text-subtle);margin-left:auto}.comment-card__pending-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:var(--text-label-md);font-weight:500;color:var(--color-text-secondary);padding:2px 10px;border-radius:var(--radius-pill);background:var(--surface-tint-02);white-space:nowrap}.comment-card__pending-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-subtle)}.comment-card__body{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text-primary);line-height:1.6;margin:0;white-space:pre-wrap;overflow-wrap:break-word}.comment-card__withdraw{margin-top:var(--space-sm);padding:0;border:none;background:none;font-family:var(--font-body);font-size:var(--text-label-md);color:var(--color-text-secondary);text-decoration:underline;cursor:pointer}.comment-card__withdraw:disabled{opacity:.6;cursor:not-allowed}.comment-form{display:flex;flex-direction:column}.comment-form__input{width:100%;padding:var(--space-sm) var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text-primary);background:var(--color-bg-primary);resize:vertical;min-height:88px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.comment-form__input:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.4);box-shadow:var(--focus-ring)}.comment-form__input::placeholder{color:var(--color-text-subtle)}.comment-form__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xs)}.comment-form__note{font-family:var(--font-body);font-size:var(--text-label-md);color:var(--color-text-subtle);margin:0}.comment-form__submit{padding:var(--space-xs) var(--space-md);border:none;border-radius:var(--radius-pill);background:rgba(var(--accent-rgb),1);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:opacity .16s ease,transform 80ms ease}.comment-form__submit:hover:not(:disabled){opacity:.9}.comment-form__submit:active:not(:disabled){transform:translateY(1px)}.comment-form__submit:disabled{opacity:.5;cursor:not-allowed}.comment-form__error{margin:var(--space-xs) 0 0;font-family:var(--font-body);font-size:var(--text-label-md);color:var(--color-text-secondary)}.comment-form__error a{color:inherit;text-decoration:underline}