.bloglist__header{max-width:var(--w-content);padding:var(--sp-3xl) var(--sp-xl) var(--sp-2xl);margin:0 auto}.bloglist__title{font-size:var(--fs-h1);margin-bottom:var(--sp-md)}.bloglist__subtitle{font-size:var(--fs-body);color:var(--c-text-secondary);max-width:600px}.bloglist__layout{max-width:var(--w-content);padding:0 var(--sp-xl) var(--sp-3xl);gap:var(--sp-2xl);grid-template-columns:260px 1fr;align-items:start;margin:0 auto;display:grid}.bloglist__sidebar{scrollbar-width:thin;max-height:calc(100vh - 128px);position:sticky;top:112px;overflow-y:auto}.bloglist__toc{border-left:1px solid var(--c-border-strong);flex-direction:column;display:flex}.bloglist__toc-link{text-align:left;width:100%;padding:var(--sp-xs) var(--sp-md);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--c-text-tertiary);border-left:2px solid #0000;margin-left:-1px;transition:color .15s,border-color .15s;display:block}.bloglist__toc-link:hover{color:var(--c-text)}.bloglist__toc-link--active{color:var(--c-brand);border-left-color:var(--c-brand);font-weight:var(--fw-semibold)}.bloglist__sidebar-cta{margin-top:var(--sp-xl);padding-top:var(--sp-xl);border-top:1px solid var(--c-border)}.bloglist__sidebar-cta p{font-size:var(--fs-body-sm);color:var(--c-text-secondary);margin-bottom:var(--sp-md);line-height:1.5}.bloglist__article{padding-bottom:var(--sp-2xl);margin-bottom:var(--sp-2xl);border-bottom:1px solid var(--c-border)}.bloglist__article:last-child{border-bottom:none;margin-bottom:0}.bloglist__article-cat{font-size:var(--fs-caption);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--c-brand);margin-bottom:var(--sp-sm);display:inline-block}.bloglist__article-title{font-size:var(--fs-h2);margin-bottom:var(--sp-sm)}.bloglist__article-meta{align-items:center;gap:var(--sp-sm);font-size:var(--fs-body-sm);color:var(--c-text-tertiary);margin-bottom:var(--sp-lg);display:flex}.bloglist__article-body p{font-size:var(--fs-body);color:var(--c-text-secondary);margin-bottom:var(--sp-md);line-height:1.85}.bloglist__article-body p:first-child{color:var(--c-text)}.bloglist__article-body p:last-child{margin-bottom:0}@media (width<=768px){.bloglist__header{padding:var(--sp-2xl) var(--sp-md) var(--sp-xl)}.bloglist__title{font-size:2.25rem}.bloglist__layout{padding:0;display:block}.bloglist__sidebar{z-index:50;background:var(--c-bg);border-bottom:1px solid var(--c-border);max-height:none;position:sticky;top:112px;overflow-y:visible}.bloglist__sidebar-cta{display:none}.bloglist__toc{padding:var(--sp-sm) var(--sp-md);padding-right:var(--sp-xl);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-left:none;flex-flow:row;gap:0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0% 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 85%,#0000 100%)}.bloglist__toc::-webkit-scrollbar{display:none}.bloglist__toc li{flex:none}.bloglist__toc-link{width:auto;padding:var(--sp-xs) var(--sp-sm);font-size:var(--fs-caption);white-space:nowrap;color:var(--c-text-secondary);border-bottom:2px solid #0000;border-left:none;margin-left:0;display:block}.bloglist__toc-link--active{border-bottom-color:var(--c-brand);color:var(--c-brand);border-left-color:#0000}.bloglist__content{padding:var(--sp-xl) var(--sp-md) var(--sp-2xl)}.bloglist__article-title{font-size:var(--fs-h3)}}