.reading-progress-bar{z-index:9999;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-fill{will-change:width;background:#000;height:100%;transition:width .1s linear}.share-buttons{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.share-label{color:#666;white-space:nowrap;font-size:.9rem;font-weight:500}.share-icons{gap:.5rem;display:flex}.share-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:all .2s;display:inline-flex}.share-btn:hover{color:#fff;background:#000;border-color:#000}.share-copy.copied{color:#fff;background:#22c55e;border-color:#22c55e}.article-page{background:#fff;min-height:100vh;padding-top:80px}.article-header{background:#f5f5f5;width:100%;height:60vh;min-height:400px;position:relative;overflow:hidden}.article-hero-image{object-fit:cover;width:100%;height:100%}.article-header-overlay{background:linear-gradient(#fff0,#fff);height:40%;position:absolute;bottom:0;left:0;right:0}.article-container{max-width:800px;margin:0 auto;padding:3rem 2rem 6rem}.back-link{color:#666;margin-bottom:2rem;font-size:1rem;text-decoration:none;transition:color .3s;display:inline-block}.back-link:hover{color:#000}.article-meta{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.article-category-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#000;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.article-date-full{color:#666;font-size:.95rem}.article-reading-time-badge{color:#999;border-left:1px solid #ddd;padding-left:.5rem;font-size:.85rem}.article-title-full{color:#000;letter-spacing:-2px;margin:0 0 1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.article-excerpt-full{color:#666;margin:0 0 3rem;font-size:1.25rem;font-weight:400;line-height:1.6}.article-divider{background:#0000001a;width:100%;height:1px;margin:3rem 0}.article-body{color:#333;font-size:1.125rem;line-height:1.8}.article-body h1{letter-spacing:-1px;margin:3rem 0 1.5rem;font-size:2.5rem;font-weight:700}.article-body h2{letter-spacing:-.5px;margin:2.5rem 0 1.25rem;font-size:2rem;font-weight:600}.article-body h3{margin:2rem 0 1rem;font-size:1.5rem;font-weight:600}.article-body p{margin:1.5rem 0}.article-body ul,.article-body ol{margin:1.5rem 0;padding-left:2rem}.article-body li{margin:.75rem 0}.article-content-html{color:#333;font-size:1.125rem;line-height:1.8}.article-content-html p{margin-bottom:1.5rem}.article-content-html h1{letter-spacing:-1px;margin:3rem 0 1.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.article-content-html h2{letter-spacing:-.5px;margin:2.5rem 0 1.25rem;font-size:2rem;font-weight:600;line-height:1.3}.article-content-html h3{margin:2rem 0 1rem;font-size:1.5rem;font-weight:600;line-height:1.4}.article-content-html ul,.article-content-html ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content-html li{margin-bottom:.5rem}.article-content-html blockquote{color:#4b5563;border-left:4px solid #e5e7eb;margin:1.5rem 0;padding-left:1rem;font-style:italic}.article-content-html pre{color:#f9fafb;background:#1f2937;border-radius:.5rem;margin:1.5rem 0;padding:1rem;font-family:monospace;overflow-x:auto}.article-content-html code{color:#ef4444;background:#f3f4f6;border-radius:.25rem;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.article-content-html pre code{color:inherit;background:0 0;padding:0;font-size:1em}.article-content-html table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1.5rem 0;overflow:hidden}.article-content-html td,.article-content-html th{vertical-align:top;box-sizing:border-box;border:1px solid #ced4da;min-width:1em;padding:.75rem;position:relative}.article-content-html th{text-align:left;background-color:#f1f3f5;font-weight:700}.article-content-html img{border-radius:.5rem;max-width:100%;height:auto;margin:1.5rem 0}.article-content-html div[data-type=columns]{gap:1rem;margin:1.5rem 0;display:flex}.article-content-html div[data-type=column]{flex:1;min-width:0}@media (max-width:768px){.article-content-html div[data-type=columns]{flex-direction:column}}.article-attachment{background:#fafafa;border:1px solid #eee;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem 1.25rem;display:flex}.article-attachment-info{align-items:center;gap:.75rem;display:flex}.article-attachment-icon{font-size:1.25rem}.article-attachment-text{flex-direction:column;display:flex}.article-attachment-name{font-weight:600}.article-attachment-sub{color:#666;font-size:.95rem}.btn-download-public{color:#fff;background:#000;border:1px solid #000;border-radius:8px;padding:.55rem .95rem;text-decoration:none}.btn-download-public:hover{background:#333}.article-attachment-preview iframe{border:0;width:100%;height:600px;margin:1rem 0}.article-footer{color:#666;background:#f9f9f9;border-left:4px solid #000;border-radius:8px;margin:3rem 0 2rem;padding:2rem;font-size:1rem;font-style:italic;line-height:1.7}.article-image-single{border-radius:12px;margin:2.5rem 0;overflow:hidden}.article-image-single img{width:100%;height:auto;display:block}.article-image-group{gap:1rem;margin:2.5rem 0;display:grid}.article-image-group.single{grid-template-columns:1fr}.article-image-group.grid-2{grid-template-columns:repeat(2,1fr)}.article-image-group.grid-3{grid-template-columns:repeat(3,1fr)}.article-image-group.grid-4{grid-template-columns:repeat(2,1fr)}.article-image-item{aspect-ratio:1;background:#f5f5f5;border-radius:12px;position:relative;overflow:hidden}.article-image-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.article-image-item:hover img{transform:scale(1.05)}.related-articles{background:#f9f9f9;padding:6rem 2rem}.related-articles h2{color:#000;letter-spacing:-1px;margin:0 0 3rem;font-size:2.5rem;font-weight:600}.related-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.related-grid-multi{grid-template-columns:repeat(3,1fr)}.related-card{color:inherit;background:#fff;border-radius:16px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden}.related-card-enhanced{flex-direction:column;display:flex}.related-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.related-image-container{aspect-ratio:3/2;width:100%;overflow:hidden}.related-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.related-card:hover img{transform:scale(1.05)}.related-content{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem;display:flex}.related-content h3{margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.related-category{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.related-excerpt{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.related-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.related-tag{color:var(--accent-color);background:var(--tag-bg);border-radius:8px;padding:.2rem .5rem;font-size:.75rem}@media (max-width:768px){.article-page{padding-top:70px}.article-header{height:50vh;min-height:300px}.article-container{padding:2rem 1.5rem 4rem}.article-title-full{font-size:2rem}.article-excerpt-full{font-size:1.125rem}.article-body{font-size:1rem}.article-body h1{font-size:2rem}.article-body h2{font-size:1.75rem}.related-articles{padding:4rem 1.5rem}.related-articles h2{font-size:2rem}.related-grid,.related-grid-multi,.article-image-group.grid-2,.article-image-group.grid-3,.article-image-group.grid-4{grid-template-columns:1fr}}