.post-article{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--spacing-lg)}.post-header{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.post-meta{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-xl)}.post-category{background-color:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-base);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.post-date{font-weight:500}.post-title{font-size:clamp(2rem, 4vw, 3rem);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg);color:var(--color-text);font-family:var(--font-family-headings)}.post-excerpt{font-size:var(--font-size-xl);color:var(--color-text-light);line-height:var(--line-height-relaxed);margin:0;max-width:600px;margin:0 auto}.post-hero-image{margin:2rem 0;text-align:center}.post-hero-image img{max-width:100%;height:auto;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.article-header{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border-light)}.article-header h1{font-size:clamp(2rem, 4vw, 3rem);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg);color:var(--color-text)}.article-meta{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-xl)}.article-meta time{font-weight:500}.reading-time{color:var(--color-text-lighter)}.article-header img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-base)}.post-content{line-height:var(--line-height-relaxed);font-size:var(--font-size-lg);letter-spacing:.02em;font-weight:400}.article-content{max-width:var(--max-width-content);margin:0 auto;line-height:var(--line-height-relaxed);font-size:var(--font-size-lg)}.article-content h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg);color:var(--color-primary);font-size:var(--font-size-2xl)}.article-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-base);color:var(--color-primary);font-size:var(--font-size-xl)}.article-content h4{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-base);color:var(--color-text)}.article-content p{margin-bottom:var(--spacing-lg);letter-spacing:.02em;font-weight:400}.article-content a.internal-link,.post-content a.internal-link{color:var(--color-primary);text-decoration:none;font-weight:500;border-bottom:1.5px solid transparent;transition:all .2s ease;position:relative}.article-content a.internal-link:hover,.post-content a.internal-link:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.article-content .lead{font-size:var(--font-size-xl);font-weight:400;color:var(--color-text-light);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-bg-light);border-left:4px solid var(--color-primary);border-radius:0 var(--border-radius-base) var(--border-radius-base) 0}.article-content ol,.article-content ul{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.article-content li{margin-bottom:var(--spacing-sm)}.article-content blockquote{margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-bg-light);border-left:4px solid var(--color-secondary);border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;font-style:italic;color:var(--color-text-light)}.article-content img{width:100%;height:auto;border-radius:var(--border-radius-base);margin:var(--spacing-xl) 0;box-shadow:var(--shadow-base)}.info-box{background:#f8fafc;border:1px solid #e2e8f0;border-left:8px solid #06b6d4;border-radius:12px;padding:var(--spacing-xl);margin:var(--spacing-xl) 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.info-box h2{color:#0e7490;margin-top:0;margin-bottom:var(--spacing-base);font-size:var(--font-size-xl);font-weight:700}.info-box ul{margin-bottom:0;padding-left:var(--spacing-base)}.info-box li{color:#475569;margin-bottom:var(--spacing-sm);font-weight:400;font-size:var(--font-size-base);line-height:1.6}.tip-box{background:#f8fafc;border:1px solid #e2e8f0;border-left:8px solid #f59e0b;border-radius:12px;padding:var(--spacing-xl);margin:var(--spacing-xl) 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.tip-box h2{color:#d97706;margin-top:0;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700}.tip-box p{color:#475569;margin-bottom:0;font-weight:400;font-size:var(--font-size-base);line-height:1.6}.warning-box{background:#f8fafc;border:1px solid #e2e8f0;border-left:8px solid #f97316;border-radius:12px;padding:var(--spacing-xl);margin:var(--spacing-xl) 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.warning-box h2{color:#ea580c;margin-top:0;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700}.warning-box p{color:#475569;margin-bottom:0;font-weight:400;font-size:var(--font-size-base);line-height:1.6}.shopping-guide{background:#f8fafc;border:1px solid #e2e8f0;border-left:8px solid #6366f1;border-radius:12px;padding:var(--spacing-xl);margin:var(--spacing-xl) 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.shopping-guide h2{color:#4f46e5;margin-top:0;margin-bottom:var(--spacing-base);font-size:var(--font-size-xl);font-weight:700}.shopping-guide ul{margin-bottom:0}.shopping-guide li{color:#475569;margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);font-weight:400;line-height:1.6}.shopping-guide strong{color:#4f46e5;font-weight:600}.highlight{font-weight:600}.internal-link{color:var(--color-primary);text-decoration:none;font-weight:500;border-bottom:1px dotted var(--color-primary);transition:all var(--transition-fast)}.internal-link:hover{color:var(--color-primary-dark);border-bottom-style:solid}.internal-link:visited{color:var(--color-primary-light)}.faq-section{background-color:var(--color-bg-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin:var(--spacing-2xl) 0}.faq-section h2{color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-xl)}.faq-item{margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-base)}.faq-item:last-child{border-bottom:none;margin-bottom:0}.faq-question{color:var(--color-primary);font-weight:600;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl)}.faq-answer{color:var(--color-text-light);margin:0;line-height:var(--line-height-relaxed)}.affiliate-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--border-radius-base);padding:var(--spacing-base);margin:var(--spacing-xl) 0;font-size:var(--font-size-sm);color:#856404}.affiliate-notice p{margin:0}.author-bio{display:flex;gap:var(--spacing-lg);align-items:flex-start;background-color:var(--color-bg-light);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl)}.author-bio img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-bio h3{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg)}.author-bio p{color:var(--color-text-light);margin:0;line-height:var(--line-height-relaxed)}.article-tags{margin-top:var(--spacing-lg)}.article-tags h3{margin-bottom:var(--spacing-base);color:var(--color-primary);font-size:var(--font-size-base)}.related-articles{margin-top:var(--spacing-3xl);padding:var(--spacing-xl) 0;background-color:var(--color-bg-light);border-radius:var(--border-radius-lg)}.related-articles h2{text-align:center;color:var(--color-primary);margin-bottom:var(--spacing-xl)}.related-articles .articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.post-footer{margin-top:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-lg);background:0 0}.post-date-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-light)}.date-label{font-weight:500;margin-right:var(--spacing-xs)}.post-date-footer{display:flex;justify-content:flex-end;font-size:var(--font-size-sm);color:var(--color-text-light);font-style:italic}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.tag-label{font-weight:600;color:var(--color-text);margin-right:var(--spacing-sm)}.tag{color:var(--color-primary);font-family:var(--font-family-headings);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;display:inline-block;margin-right:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-primary);border-radius:20px;background-color:transparent;transition:all var(--transition-fast)}.tag:hover{background-color:var(--color-primary);color:#fff}.post-share{display:flex;gap:var(--spacing-sm);align-items:center}.share-label{font-weight:600;color:var(--color-text);margin-right:var(--spacing-sm)}.share-button{background-color:var(--color-bg-light);color:var(--color-text-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-base);text-decoration:none;font-size:var(--font-size-sm);border:1px solid var(--color-border);transition:all var(--transition-fast)}.share-button:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.post-comments{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.post-comments h3{color:var(--color-primary);margin-bottom:var(--spacing-lg);text-align:center}.comments{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.comments h2{color:var(--color-primary);margin-bottom:var(--spacing-lg);text-align:center}#utterances-container{max-width:var(--max-width-content);margin:0 auto}.table-of-contents{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--border-radius-base);padding:var(--spacing-lg);margin:var(--spacing-xl) 0;float:right;width:300px;margin-left:var(--spacing-lg)}.table-of-contents h3{margin-top:0;margin-bottom:var(--spacing-base);color:var(--color-primary);font-size:var(--font-size-base)}.table-of-contents ul{list-style:none;margin:0;padding:0}.table-of-contents li{margin-bottom:var(--spacing-xs)}.table-of-contents a{color:var(--color-text-light);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.table-of-contents a:hover{color:var(--color-primary)}@media (max-width:768px){.post-article{padding:0 var(--spacing-lg)}.post-meta{flex-direction:column;gap:var(--spacing-sm)}.post-hero-image{margin:1.5rem 0}.post-hero-image img{border-radius:7px;width:100%}.author-bio{flex-direction:column;text-align:center}.author-bio img{align-self:center}.table-of-contents{float:none;width:100%;margin-left:0}.post-content{font-size:1.125rem;line-height:1.75}.article-content{font-size:1.125rem;line-height:1.75}.related-articles .articles-grid{grid-template-columns:1fr}.info-box,.shopping-guide,.tip-box,.warning-box{margin:var(--spacing-lg) 0;padding:var(--spacing-lg)}.faq-question{font-size:1.25rem}.faq-answer{font-size:1.0625rem}.info-box h2,.shopping-guide h2,.tip-box h2,.warning-box h2{font-size:1.125rem}.info-box li,.info-box p,.shopping-guide li,.tip-box p,.warning-box p{font-size:1.0625rem}.article-content li,.article-content p,.post-content li,.post-content p{font-size:inherit}}@media (max-width:480px){.post-article{padding:0 var(--spacing-base)}.post-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-base)}.post-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-base)}.article-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-base)}.article-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-base)}.comments,.post-comments,.related-articles{margin-top:var(--spacing-xl)}.info-box,.shopping-guide,.tip-box,.warning-box{margin:var(--spacing-lg) 0;padding:var(--spacing-base)}.post-content{font-size:1.1875rem;line-height:1.75}.article-content{font-size:1.1875rem;line-height:1.75}.faq-question{font-size:1.25rem}.faq-answer{font-size:1.0625rem}.info-box h2,.shopping-guide h2,.tip-box h2,.warning-box h2{font-size:1.1875rem}.info-box li,.info-box p,.shopping-guide li,.tip-box p,.warning-box p{font-size:1.0625rem}.article-content li,.article-content p,.post-content li,.post-content p{font-size:inherit}}html[data-theme=dark] .info-box{background:#1e293b;border-color:#334155;border-left-color:#06b6d4;box-shadow:0 1px 3px rgba(0,0,0,.3)}html[data-theme=dark] .info-box h2{color:#22d3ee}html[data-theme=dark] .info-box li,html[data-theme=dark] .info-box p{color:#cbd5e1}html[data-theme=dark] .tip-box{background:#1e293b;border-color:#334155;border-left-color:#f59e0b;box-shadow:0 1px 3px rgba(0,0,0,.3)}html[data-theme=dark] .tip-box h2{color:#fbbf24}html[data-theme=dark] .tip-box p{color:#cbd5e1}html[data-theme=dark] .warning-box{background:#1e293b;border-color:#334155;border-left-color:#f97316;box-shadow:0 1px 3px rgba(0,0,0,.3)}html[data-theme=dark] .warning-box h2{color:#fb923c}html[data-theme=dark] .warning-box p{color:#cbd5e1}html[data-theme=dark] .shopping-guide{background:#1e293b;border-color:#334155;border-left-color:#6366f1;box-shadow:0 1px 3px rgba(0,0,0,.3)}html[data-theme=dark] .shopping-guide h2{color:#818cf8}html[data-theme=dark] .shopping-guide li,html[data-theme=dark] .shopping-guide p{color:#cbd5e1}html[data-theme=dark] .shopping-guide strong{color:#818cf8}