.article-detail{max-width:100%;min-width:0;margin:0;padding:0;overflow-x:clip}.article-detail__title{margin-bottom:20px;font-size:var(--article-list-title-size);font-weight:700;line-height:1.35}.article-detail__kv{margin-bottom:20px}.article-detail__body{font-size:.9375rem;line-height:1.75;color:var(--color-text);padding-bottom:80px}.article-detail__body :where(p,ul,ol,blockquote,pre,table){margin:0}.article-detail__body :where(p+p,p+ul,p+ol,ul+p,ol+p,blockquote+p,h2+p,h3+p){margin-top:1.25em}.article-detail__body :where(h2,h3,h4){margin:1.75em 0 .75em;font-weight:700;line-height:1.35}.article-detail__body :where(h2){font-size:1.25rem}.article-detail__body :where(h3){font-size:1.0625rem}.article-detail__body :where(strong){font-weight:700}.article-detail__body :where(a){color:inherit;text-decoration:underline;text-underline-offset:.15em}.article-detail__body :where(img:not(.article-youtube__thumb)){display:block;max-width:100%;height:auto;margin:1.25em 0}.article-youtube{margin:1.25em 0}.article-youtube__facade{position:relative;display:block;width:100%;padding:0;border:0;border-radius:0;overflow:hidden;aspect-ratio:16 / 9;background:#000;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.article-youtube__facade:focus-visible{outline:2px solid #999;outline-offset:2px}.article-youtube__thumb{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;object-fit:cover;object-position:center;pointer-events:none}.article-youtube__play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:#0000008c;pointer-events:none}.article-youtube__play:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff}.article-youtube__embed{display:block;width:100%;aspect-ratio:16 / 9;height:auto;border:0;background:#000}.article-detail__body :where(ul,ol){padding-left:1.25em}.article-detail__paragraph+.article-detail__paragraph{margin-top:1.25em}.article-detail__date{margin:0;font-size:.875rem;color:var(--color-text-muted)}.article-detail__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.article-detail__tag{display:inline-block;padding:4px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:.8125rem;line-height:1.4;color:var(--color-text-muted);background:var(--color-surface, #fafafa);text-decoration:none;transition:box-shadow var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}a.article-detail__tag:hover,a.article-detail__tag:focus-visible{color:var(--color-text);border-color:#d0d0d0;background:#fafafa}.author-card{--author-card-heading-gap: 6px;--author-card-avatar-size: 72px;display:flex;align-items:center;gap:16px;margin-top:20px;padding:16px;border-radius:0}.author-card__avatar-wrap{flex-shrink:0;width:var(--author-card-avatar-size);height:var(--author-card-avatar-size);overflow:hidden;background:var(--color-bg)}.author-card__avatar{display:block;width:100%;height:100%;object-fit:contain}.author-card__info{flex:1;min-width:0}.author-card__heading{display:flex;align-items:baseline;gap:10px;margin-bottom:var(--author-card-heading-gap)}.author-card__label{flex-shrink:0;font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--color-text)}.author-card__name{margin:0;font-size:.9375rem;font-weight:600;line-height:1.4}.author-card__bio{font-size:.8125rem;line-height:1.55;color:var(--color-text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-detail__divider{margin:30px 0 0;border:none;border-top:1px solid var(--color-border)}.article-detail__divider--comments{margin-top:40px}.related-articles{margin-top:30px;max-width:100%;min-width:0}.related-articles__heading{margin-bottom:16px;font-size:1rem;font-weight:600;line-height:1.4}.related-articles__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;list-style:none;max-width:100%;min-width:0}.related-articles__grid>li{min-width:0;max-width:100%}.related-articles__link{display:block;min-width:0;max-width:100%;color:inherit}.related-articles__image-wrap{max-width:100%}.related-articles__title{margin-top:8px;font-size:1rem;font-weight:600;line-height:1.4;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-articles--news{--related-news-card-height: 112px;--related-news-thumb-size: 88px}.related-articles__link--news{display:grid;grid-template-columns:var(--related-news-thumb-size) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:12px;row-gap:8px;box-sizing:border-box;height:var(--related-news-card-height);min-height:var(--related-news-card-height);padding:14px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);overflow:hidden}.related-articles__link--news .related-articles__meta{display:flex;flex-direction:column;gap:6px;grid-column:2;grid-row:1;min-width:0;min-height:0;overflow:hidden}.related-articles__link--news .related-articles__date{flex-shrink:0;font-size:.8125rem;color:var(--color-text-muted);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-articles__link--news .related-articles__title{margin:0;font-size:1rem;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-articles__link--news .related-articles__thumb{grid-column:1;grid-row:1 / span 2;align-self:center;width:var(--related-news-thumb-size);height:var(--related-news-thumb-size);overflow:hidden;border-radius:6px;background:#e8e8e8;aspect-ratio:1 / 1}.related-articles__link--news .related-articles__excerpt{grid-column:2;grid-row:2;margin:0;align-self:start;min-height:0;font-size:.875rem;line-height:1.55;color:var(--color-text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media(min-width:768px){.related-articles:not(.related-articles--news) .related-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-articles--news{--related-news-card-height: 132px;--related-news-thumb-size: 104px}.related-articles__link--news .related-articles__title{font-size:1.0625rem}}@media(max-width:767px){.article-detail__title{font-size:var(--article-list-title-size-mobile)}.author-card{align-items:flex-start;padding:14px 16px}.author-card--bio-2{--author-card-heading-gap: 6px;--author-card-avatar-size: calc( .9375rem * 1.4 + var(--author-card-heading-gap) + .8125rem * 1.55 * 2 )}.author-card--bio-2 .author-card__bio{-webkit-line-clamp:2}.author-card--bio-3{--author-card-heading-gap: 4px;--author-card-avatar-size: calc( .9375rem * 1.4 + var(--author-card-heading-gap) + .8125rem * 1.55 * 3 )}.author-card--bio-3 .author-card__bio{-webkit-line-clamp:3}}.article-comments{margin-top:30px;max-width:100%;min-width:0}.article-comments__heading{margin-bottom:16px;font-size:1rem;font-weight:600;line-height:1.4}.comment-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.comment-form__field{display:flex;flex-direction:column;gap:6px}.comment-form__label{font-size:.875rem;font-weight:600;color:var(--color-text)}.comment-form__input,.comment-form__textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);font:inherit;color:var(--color-text);transition:box-shadow var(--transition-fast)}.comment-form__textarea{min-height:120px;resize:vertical;line-height:1.55}.comment-form__input:focus,.comment-form__textarea:focus{outline:none;box-shadow:var(--shadow-hover)}.comment-form__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.comment-form__error{margin:0;font-size:.875rem;color:#b00020}.article-comments__loading{margin:0 0 16px;font-size:.875rem;color:var(--color-text-muted, #666)}.comment-form__counter{font-size:.8125rem;color:var(--color-text-muted)}.comment-form__submit{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);font-size:.875rem;font-weight:600;color:var(--color-text);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.comment-form__submit:hover,.comment-form__submit:focus-visible{box-shadow:var(--shadow-hover)}.comment-form__submit:focus-visible{outline:2px solid #999;outline-offset:2px}.comment-list{display:flex;flex-direction:column;gap:12px;list-style:none}.comment-thread[hidden]{display:none}.comment-thread__actions{display:flex;align-items:center;gap:12px;margin-top:8px}.comment-thread__like{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);font:inherit;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.comment-thread__like:hover:not(:disabled),.comment-thread__like:focus-visible:not(:disabled){color:var(--color-text);box-shadow:var(--shadow-hover)}.comment-thread__like.is-liked{color:var(--color-text);border-color:color-mix(in srgb,var(--color-text) 24%,var(--color-border));background:color-mix(in srgb,var(--color-text) 6%,var(--color-bg))}.comment-thread__like-icon{flex:0 0 auto}.comment-thread__like-count{min-width:.75rem;text-align:center;font-variant-numeric:tabular-nums}.comment-thread__reply-toggle{margin-top:0;padding:0;border:none;background:none;font:inherit;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.comment-thread__reply-toggle:hover,.comment-thread__reply-toggle:focus-visible{color:var(--color-text)}.comment-replies{position:relative;display:flex;flex-direction:column;margin:12px 0 0 10px;padding:0 0 0 22px;list-style:none}.comment-replies:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-border)}.comment-item-wrap[hidden],.comment-item-wrap--reply{list-style:none}.comment-item-wrap--reply{position:relative;margin-bottom:8px}.comment-item-wrap--reply:last-child{margin-bottom:0}.comment-item-wrap--reply:before{content:"";position:absolute;left:-22px;top:1.25em;width:16px;height:2px;background:var(--color-border)}.comment-item-wrap--reply.is-reply-trunk-end:after{content:"";position:absolute;left:-22px;top:calc(1.25em + 2px);bottom:0;width:2px;background:var(--color-bg);z-index:1}.comment-replies__expand{display:inline-flex;align-items:center;margin:6px 0 0 32px;padding:0;border:none;background:none;font:inherit;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.comment-replies__expand:hover,.comment-replies__expand:focus-visible{color:var(--color-text)}.comment-replies__expand[hidden]{display:none}.comment-item--reply{padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--color-border) 18%,transparent)}.comment-item--owner{background:color-mix(in srgb,var(--color-text) 6%,var(--color-bg))}.comment-item--reply.comment-item--owner{background:color-mix(in srgb,var(--color-text) 8%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.comment-item__owner{display:inline-flex;align-items:center;gap:8px}.comment-item__owner-avatar{flex:0 0 auto;width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border);background:var(--color-bg)}.comment-item__owner-name{font-size:.875rem;font-weight:700;color:var(--color-text)}.comment-reply-form{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg)}.comment-reply-form[hidden]{display:none}.comment-reply-form__label{font-size:.8125rem;font-weight:600}.comment-reply-form__input,.comment-reply-form__textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;font:inherit}.comment-reply-form__textarea{min-height:88px;resize:vertical}.comment-reply-form__error{margin:0;font-size:.8125rem;color:#b00020}.comment-reply-form__error[hidden]{display:none}.comment-reply-form__actions{display:flex;justify-content:flex-end;gap:8px}.comment-reply-form__cancel,.comment-reply-form__submit{min-height:32px;padding:6px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);font:inherit;font-size:.8125rem;cursor:pointer}.comment-item-wrap[hidden]{display:none}.comment-item{padding:12px 14px;border-radius:8px}.comment-item__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:8px}.comment-item__header--owner{align-items:center}.comment-item__nickname{font-size:.875rem;font-weight:600;color:var(--color-text)}.comment-item__date{font-size:.8125rem;color:var(--color-text-muted)}.comment-item__body{margin:0;font-size:.9375rem;line-height:1.55;color:var(--color-text);white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.comment-item__body.is-clampable{cursor:pointer}.comment-item__body.is-clampable:focus-visible{outline:2px solid #999;outline-offset:2px}.comment-item__body.is-expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.article-comments__empty{padding:24px 0;font-size:.9375rem;color:var(--color-text-muted);text-align:center}.article-comments__empty[hidden]{display:none}.article-comments__show-more{display:block;width:100%;margin-top:12px;padding:10px 16px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);font-size:.875rem;font-weight:600;color:var(--color-text);text-align:center;transition:box-shadow var(--transition-fast)}.article-comments__show-more[hidden]{display:none}.article-comments__show-more:hover,.article-comments__show-more:focus-visible{box-shadow:var(--shadow-hover)}.article-comments__show-more:focus-visible{outline:2px solid #999;outline-offset:2px}.article-comments .article-pagination{margin-top:24px}.article-comments .article-pagination[hidden]{display:none}