.post-banner-full{width:100%;margin-bottom:3rem}.post-banner{width:100%;height:auto;display:block}.main-article{max-width:900px;margin:0 auto 4rem}.article-header{text-align:center;margin-bottom:2rem}.article-header h1{margin-bottom:1rem;font-size:2.6rem;line-height:1.25}.article-meta{color:var(--color-text-light);flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.95rem;display:flex}.meta-item{margin:0}.divider-thin{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.article-body{font-size:1.08rem;line-height:1.9}.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}.article-body p{margin-bottom:1.5rem}.article-body ul,.article-body ol{margin:1.5rem 0;padding-left:2rem}.article-body li{margin-bottom:.75rem}.article-body a{color:var(--color-primary);text-decoration:underline}.article-body a:hover{color:var(--color-primary-hover)}.article-body strong{font-weight:700}.article-body em{font-style:italic}.article-body hr{border:none;border-top:1px solid var(--color-border);margin:3rem 0}.article-body table{border-collapse:collapse;width:100%;margin:2rem 0}.article-body th,.article-body td{border:1px solid var(--color-border);text-align:left;padding:.9rem}.article-body th{background:var(--color-surface)}.article-body code{background:var(--color-surface);border-radius:4px;padding:.15rem .4rem;font-family:Consolas,monospace;font-size:.95em}.article-body pre{border-radius:var(--radius);background:#1e1e1e;margin:2rem 0;padding:1rem;overflow-x:auto}.article-body pre code{color:#fff;background:0 0;padding:0}.article-body img{border-radius:var(--radius,12px);max-width:80%;height:auto;box-shadow:var(--shadow,0 4px 20px #00000014);margin:2rem auto;transition:transform .3s;display:block}.article-body img:hover{transform:scale(1.01)}.article-body figcaption{text-align:center;color:var(--color-text-light,#666);margin-top:-1.2rem;margin-bottom:2rem;font-size:.88rem;font-style:italic}.article-body blockquote{border-left:5px solid var(--color-primary);background:var(--color-surface);border-radius:0 var(--radius,8px) var(--radius,8px) 0;color:var(--color-text);margin:2.5rem 0;padding:1.25rem 1.75rem;font-style:italic;position:relative}.article-body blockquote p{margin-bottom:.5rem;line-height:1.7}.article-body blockquote p:last-child{margin-bottom:0}.article-body blockquote cite{color:var(--color-text-light);margin-top:.75rem;font-size:.875rem;font-style:normal;font-weight:600;display:block}.article-body video{border-radius:var(--radius,12px);max-width:100%;height:auto;box-shadow:var(--shadow,0 4px 20px #00000014);margin:2rem auto;display:block}.article-body .video-container{border-radius:var(--radius,12px);aspect-ratio:16/9;width:100%;max-width:100%;box-shadow:var(--shadow,0 4px 20px #00000014);margin:2rem 0;overflow:hidden}.article-body .video-container iframe,.article-body iframe{border:none;width:100%;height:100%;display:block}.recommendation-section{margin:4rem 0}.recommendation-section h2{text-align:center;margin-bottom:2rem}.recommendation-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.rec-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--transition), box-shadow var(--transition);padding:1.5rem}.rec-card:hover{transform:translateY(-4px)}.rec-card h3{margin-bottom:.8rem}.rec-card h3 a{color:var(--color-text);text-decoration:none}.rec-card h3 a:hover{color:var(--color-primary)}.rec-card p{color:var(--color-text-light);margin-bottom:1.5rem;line-height:1.8}.rec-link{background:var(--color-primary);border-radius:var(--radius);color:#fff;transition:background var(--transition), transform var(--transition);padding:.7rem 1.2rem;font-weight:600;text-decoration:none;display:inline-block}.rec-link:hover,.rec-link:focus-visible{background:var(--color-primary-hover);color:#fff;text-decoration:none;transform:translateY(-2px)}@media (width<=768px){.article-header h1{font-size:2rem}.article-meta{flex-direction:column;gap:.5rem}.recommendation-grid{grid-template-columns:1fr}.article-body{font-size:1rem}.article-body img{max-width:100%;margin:1.5rem auto}.article-body blockquote{margin:2rem 0;padding:1rem 1.25rem}}@media (width<=480px){.article-header h1{font-size:1.7rem}.rec-link{text-align:center;display:block}.article-body table{display:block;overflow-x:auto}}