.column-detail{background:var(--semantic-bg-default);padding-top:var(--nav-offset);padding-bottom:var(--space-64)}.column-detail__breadcrumb{margin:0 0 var(--space-24);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);color:var(--semantic-text-secondary)}.column-detail__breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin:0;padding:0;list-style:none}.column-detail__breadcrumb li:not(:last-child):after{content:"›";margin-left:var(--space-4);color:var(--semantic-border-default);font-size:var(--type-cn-body-medium-size)}.column-detail__breadcrumb a{color:var(--semantic-text-secondary);transition:color var(--motion-fast)}.column-detail__breadcrumb a:hover{color:var(--semantic-text-accent)}.column-detail__breadcrumb [aria-current=page]{color:var(--semantic-text-primary);font-weight:500;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-detail__hero{margin:0 0 var(--space-32);border-radius:var(--radius-md);overflow:hidden;background:var(--semantic-bg-subtle);position:relative;box-shadow:var(--shadow-sm)}.column-detail__hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;max-height:560px}.column-detail__header{margin:0 0 var(--space-32);text-align:center}.column-detail__title{margin:0 0 var(--space-16);font-size:var(--type-cn-headline-large-size);line-height:var(--type-cn-headline-large-line);font-weight:var(--type-cn-headline-large-weight);letter-spacing:-.01em;color:var(--semantic-text-primary)}@media (max-width:768px){.column-detail__title{font-size:var(--type-cn-headline-small-size);line-height:var(--type-cn-headline-small-line)}}.column-detail__meta{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-8) var(--space-12);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);color:var(--semantic-text-secondary)}.column-detail__meta time{font-variant-numeric:tabular-nums}.column-detail__meta-sep{color:var(--semantic-border-default)}.column-detail__meta-category{display:inline-block;padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--semantic-brand-primary-soft);color:var(--semantic-text-accent);font-weight:500;text-decoration:none;transition:background var(--motion-fast)}.column-detail__meta-category:hover{background:var(--semantic-brand-primary-soft);filter:brightness(.95)}.column-detail__body{margin:0 0 var(--space-48);font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);color:var(--semantic-text-primary)}.column-detail__body p{margin:0 0 var(--space-20)}.column-detail__body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-32) auto;display:block}.column-detail__body h2,.column-detail__body h3,.column-detail__body h4{margin:var(--space-40) 0 var(--space-16);color:var(--semantic-text-primary);line-height:1.4;font-weight:700;letter-spacing:-.005em}.column-detail__body h2{font-size:var(--type-cn-headline-small-size);line-height:var(--type-cn-headline-small-line);padding-bottom:var(--space-8);border-bottom:2px solid var(--semantic-border-accent)}.column-detail__body h3{font-size:var(--type-cn-title-large-size);line-height:var(--type-cn-title-large-line)}.column-detail__body h4{font-size:var(--type-cn-title-medium-size);line-height:var(--type-cn-title-medium-line)}.column-detail__body a{color:var(--semantic-text-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.column-detail__body a:hover{text-decoration-thickness:2px}.column-detail__body em{display:block;text-align:center;font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);color:var(--semantic-text-secondary);font-style:normal;margin-top:-16px;margin-bottom:var(--space-32);padding:0 var(--space-24)}.column-detail__body strong{font-weight:700;color:var(--semantic-text-primary)}.column-detail__body ol,.column-detail__body ul{margin:0 0 var(--space-20);padding-left:var(--space-24)}.column-detail__body li{margin-bottom:var(--space-8)}.column-detail__body blockquote{margin:var(--space-32) 0;padding:var(--space-16) var(--space-24);border-left:4px solid var(--semantic-border-accent);background:var(--semantic-bg-subtle);color:var(--semantic-text-primary);font-style:italic;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.column-detail__footer{margin:0;padding-top:var(--space-32);border-top:1px solid var(--semantic-border-subtle)}.column-detail__tags{margin-bottom:var(--space-32)}.column-detail__tags-label{display:block;font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:600;color:var(--semantic-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-12)}.column-detail__tags-list{display:flex;flex-wrap:wrap;gap:var(--space-8)}.column-detail__tag{display:inline-flex;align-items:center;padding:var(--space-8) var(--space-16);border-radius:var(--radius-sm);background:var(--semantic-bg-subtle);color:var(--semantic-text-primary);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:500;text-decoration:none;transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.column-detail__tag-hash{color:var(--semantic-text-accent);margin-right:var(--space-4);font-weight:700}.column-detail__tag:hover{background:var(--semantic-brand-primary);transform:translateY(-1px)}.column-detail__tag:hover,.column-detail__tag:hover .column-detail__tag-hash{color:var(--semantic-text-inverse)}.column-share{margin-bottom:var(--space-32);padding:var(--space-24);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-md);background:var(--semantic-bg-subtle)}.column-share__lead{margin:0 0 var(--space-16);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:600;color:var(--semantic-text-primary)}.column-share__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}.column-share__btn{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-sm);background:var(--semantic-bg-default);color:var(--semantic-text-primary);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:500;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.column-share__btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-xs)}.column-share__btn svg{flex-shrink:0}.column-share__btn--line:hover{background:#06c755;border-color:#06c755;color:var(--semantic-text-inverse)}.column-share__btn--fb:hover{background:#1877f2;border-color:#1877f2;color:var(--semantic-text-inverse)}.column-share__btn--copy:hover{background:var(--semantic-text-primary);border-color:var(--semantic-text-primary);color:var(--semantic-text-inverse)}.column-share__btn--fav:hover{background:var(--semantic-brand-primary-soft);border-color:var(--semantic-border-accent);color:var(--semantic-text-accent)}.column-share__btn--fav[data-favorited=true]{background:var(--semantic-brand-primary-soft);border-color:var(--semantic-status-error);color:var(--semantic-status-error)}.column-share__btn--fav[data-favorited=true] svg{fill:var(--semantic-status-error);stroke:var(--semantic-status-error)}.column-share__btn--fav:disabled{cursor:not-allowed;opacity:.6}.column-share__btn--native{display:none}@media (hover:none) and (pointer:coarse){.column-share__btn--native{display:inline-flex}.column-share__btn--native:hover{background:var(--semantic-text-primary);border-color:var(--semantic-text-primary);color:var(--semantic-text-inverse)}}.column-detail__author{display:flex;gap:var(--space-16);padding:var(--space-24);border-radius:var(--radius-md);background:var(--semantic-bg-subtle);margin-bottom:var(--space-48);position:relative}.column-detail__author-label{display:block;flex-shrink:0;font-size:var(--type-cn-label-small-size);line-height:var(--type-cn-label-small-line);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--semantic-text-accent);padding-top:2px;min-width:80px}.column-detail__author-content{flex:1;font-size:var(--type-cn-body-medium-size);line-height:1.7;color:var(--semantic-text-secondary)}.column-detail__author-content :first-child{margin-top:0}.column-detail__author-content :last-child{margin-bottom:0}.column-detail__author-content img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.column-detail__author-content a{color:var(--semantic-text-accent);text-decoration:none;font-weight:500}.column-detail__author-content a:hover{text-decoration:underline}@media (max-width:600px){.column-detail__author{flex-direction:column;gap:var(--space-8)}}.related-columns{margin:var(--space-48) 0 0;padding-top:var(--space-32);border-top:1px solid var(--semantic-border-subtle)}.related-columns__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-24);flex-wrap:wrap;gap:var(--space-12)}.related-columns__title{margin:0;font-size:var(--type-cn-title-large-size);line-height:var(--type-cn-title-large-line);font-weight:700;color:var(--semantic-text-primary);letter-spacing:-.005em}.related-columns__sort{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--semantic-bg-subtle);border-radius:var(--radius-pill)}.related-columns__sort-btn{border:0;background:transparent;padding:var(--space-4) var(--space-20);border-radius:var(--radius-pill);font-size:var(--type-cn-label-large-size);line-height:var(--type-cn-label-large-line);font-weight:var(--type-cn-label-large-weight);color:var(--semantic-text-secondary);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.related-columns__sort-btn:hover{color:var(--semantic-text-primary)}.related-columns__sort-btn.is-active{background:var(--semantic-brand-primary);color:var(--semantic-text-inverse)}.related-columns__grid{column-count:4;column-gap:var(--space-20)}@media (max-width:1024px){.related-columns__grid{column-count:3}}@media (max-width:768px){.related-columns__grid{column-count:2}}@media (max-width:480px){.related-columns__grid{column-count:1}}.related-columns__item{display:block;margin:0 0 var(--space-20);border-radius:var(--radius-md);overflow:hidden;background:var(--semantic-bg-default);border:1px solid var(--semantic-border-subtle);text-decoration:none;color:inherit;break-inside:avoid;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast)}.related-columns__item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--semantic-border-accent)}.related-columns__item img{display:block;width:100%;height:auto}.related-columns__item-body{padding:var(--space-12) var(--space-16) var(--space-16)}.related-columns__item-title{margin:0 0 var(--space-8);font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);font-weight:600;color:var(--semantic-text-primary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.related-columns__item-meta{margin:0;font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);color:var(--semantic-text-secondary);display:flex;align-items:center;gap:var(--space-4)}.related-columns__sentinel{display:flex;justify-content:center;padding:var(--space-32) 0;min-height:60px}.related-columns__empty,.related-columns__end,.related-columns__loading{font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);color:var(--semantic-text-secondary)}.related-columns__empty,.related-columns__end{text-align:center;padding:var(--space-32) 0}