.breadcrumb{position:absolute;top:8rem;left:clamp(1rem,35vw - 10rem,35rem);margin:0;padding:0;z-index:10}@media screen and (min-width:769px) and (max-width:1024px){.breadcrumb{top:6rem}.article-section{margin-top:16rem}}.breadcrumb-list{gap:.25rem;list-style:none;padding:0;margin:0;font-size:clamp(.7rem,.659rem + .2vw,.8rem);color:var(--gray-medium);opacity:.8}.breadcrumb-item,.breadcrumb-list{display:flex;align-items:center}.breadcrumb-item:not(:last-child):after{content:">";margin-left:.25rem;color:var(--gray-medium);font-size:.7rem}.breadcrumb-item a{color:var(--gray-dark);text-decoration:none;transition:opacity .2s ease;font-weight:400}.breadcrumb-item a:hover{opacity:.6;text-decoration:underline}.breadcrumb-item.current{color:var(--gray-medium);font-weight:400;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-section{margin-top:12rem;padding:0 clamp(1.5rem,35vw - 10rem,35rem);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;position:relative}.article-meta{display:grid;grid-gap:2rem;gap:2rem;grid-template-areas:"title" "info" "category" "thumbnail"}.article-title{grid-area:title;font-size:clamp(1.5rem,1.227rem + 1.36vw,2.25rem);font-weight:700;line-height:1.3;letter-spacing:.01em;color:#1a202c}.article-info{grid-area:info;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.article-date{font-size:.9rem;color:#718096}.article-reading-time{font-size:.85rem;color:#718096;background-color:#f7fafc;padding:.25rem .75rem;border-radius:1rem;white-space:nowrap}.article-category{grid-area:category;display:flex;flex-wrap:wrap;gap:.75rem}.category-tag{font-size:.85rem;color:#4a5568;background-color:#edf2f7;padding:.25rem .75rem;border-radius:1rem;white-space:nowrap;display:inline-block;font-weight:400}.article-thumbnail{grid-area:thumbnail;display:flex;justify-content:center;align-items:center;margin-bottom:5rem;img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}}.article-toc{margin-block:2rem;grid-area:toc;display:flex;flex-direction:column;gap:1rem;background-color:var(--gray-light);width:100%;height:100%;padding:4rem;margin-bottom:8rem}.article-toc-title{font-size:clamp(1rem,.955rem + .23vw,1.125rem)}.article-toc-item{display:flex;align-items:center;justify-content:flex-start;line-height:1.5;margin-bottom:1rem;font-size:clamp(.875rem,.784rem + .45vw,1.125rem)}.article-toc-item-number{margin-right:.5rem}.article-content{h2{font-size:clamp(1.375rem,1.148rem + 1.14vw,2rem);font-weight:700;line-height:1.4;letter-spacing:.02em;color:#1a202c;margin-top:3rem;margin-bottom:1.5rem}h3{font-size:clamp(1.25rem,1.023rem + 1.14vw,1.75rem);margin-top:2.5rem;margin-bottom:1.25rem}h3,h4{font-weight:600;line-height:1.4;letter-spacing:.02em;color:#2d3748}h4{font-size:clamp(1.125rem,.909rem + 1.08vw,1.5rem);margin-top:2rem;margin-bottom:1rem}p{margin-bottom:1.75rem;line-height:1.8;letter-spacing:.02em;word-break:break-word;color:#4a5568;font-size:clamp(.9rem,.818rem + .41vw,1.125rem)}img{width:100%;height:100%;object-fit:cover}ol,ul{margin-bottom:1.75rem;padding-left:1.25rem}li{margin-bottom:.5rem;line-height:1.7;color:#4a5568;font-size:clamp(.9rem,.818rem + .41vw,1.125rem)}a{color:#3182ce;text-decoration:none;border-bottom:1px solid #bee3f8;transition:border-color .2s ease}a:hover{border-bottom-color:#3182ce}blockquote{margin:2rem 0;padding:1.25rem 1.5rem;background-color:#f7fafc;border-left:4px solid #e2e8f0;border-radius:0 4px 4px 0;color:#4a5568;font-style:italic;line-height:1.7}table{margin-bottom:2rem;width:100%;border-collapse:collapse;border:1px solid #e2e8f0;font-size:clamp(.875rem,.784rem + .45vw,1.125rem);background-color:#fff}th{background-color:#f7fafc;padding:1rem 1.25rem;text-align:left;font-weight:600;color:#2d3748;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;line-height:1.4}th:last-child{border-right:none}td{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#4a5568;line-height:1.7;vertical-align:top}td:last-child{border-right:none}tr:last-child td{border-bottom:none}strong{font-size:clamp(.875rem,.784rem + .45vw,1.125rem);font-weight:600;color:#2d3748}}.article-content-section{margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid #e2e8f0}.article-content-section:last-child{border-bottom:none;padding-bottom:0}@media (max-width:768px){.breadcrumb{top:6rem;left:clamp(1rem,35vw - 10rem,35rem)}.breadcrumb-list{font-size:.65rem;gap:.2rem}.breadcrumb-item.current{max-width:250px}.article-section{margin-top:10rem}.article-info{flex-direction:column;align-items:flex-start;gap:.75rem}.article-category{gap:.5rem}.article-toc{padding:1.5rem}}