.art-hero{background:linear-gradient(135deg, var(--color-surface-soft) 0%, var(--color-canvas) 100%);border-bottom:1px solid var(--color-hairline-soft);padding:24px 0 32px}html[data-theme=dark] .art-hero{background:linear-gradient(135deg, #0f9f870f 0%, var(--color-canvas) 100%)}.art-breadcrumb{color:var(--color-muted);align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.art-breadcrumb a{color:var(--color-muted);text-decoration:none}.art-breadcrumb a:hover{text-decoration:underline}.art-crumb-sep{color:var(--color-hairline)}.art-crumb-current{color:var(--color-ink);font-weight:600}.art-hero-content{flex-direction:column;gap:10px;display:flex}.art-hero-meta{color:var(--color-muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.art-meta-dot{color:var(--color-hairline)}.art-hero-title{letter-spacing:-.03em;color:var(--color-ink);font-size:clamp(24px,3vw + 4px,34px);font-weight:800;line-height:1.15}.art-hero-sub{color:var(--color-body);margin:0;font-size:16px;line-height:1.55}.art-author-strip{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);align-items:center;gap:12px;margin-top:6px;padding:14px 18px;display:flex}.art-author-avatar-wrap{border-radius:var(--radius-full);border:2px solid var(--color-primary);flex-shrink:0;width:44px;height:44px;overflow:hidden}.art-author-avatar{object-fit:cover;width:100%;height:100%}.art-author-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.art-author-byline{color:var(--color-ink);font-size:14px}.art-author-role{color:var(--color-primary);font-size:12px;font-weight:600}.art-share-btn{border-radius:var(--radius-full);border:1px solid var(--color-hairline);background-color:var(--color-surface-soft);color:var(--color-ink);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:5px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.art-share-btn:hover{background-color:var(--color-canvas);border-color:var(--color-ink)}.art-main-content{padding-top:var(--space-6);padding-bottom:var(--space-section);gap:var(--space-8);flex-direction:column;display:flex}.art-cover-frame{flex-direction:column;gap:8px;display:flex}.art-cover-img{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-hairline);width:100%;max-height:480px}.art-cover-caption{color:var(--color-muted);text-align:center;font-size:12px;font-style:italic}.art-body-layout{gap:var(--space-6);flex-direction:column;display:flex}.art-takeaways{background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:20px 24px}.art-takeaways-header{color:var(--color-primary);align-items:center;gap:8px;margin-bottom:14px;display:flex}.art-takeaways-title{color:var(--color-ink);margin:0;font-size:16px;font-weight:700}.art-takeaways-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.art-takeaways-item{color:var(--color-body);align-items:flex-start;gap:10px;font-size:14px;line-height:1.55;display:flex}.art-takeaways-check{border-radius:var(--radius-full);background-color:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;font-weight:700;display:inline-flex}.art-prose{font-size:var(--text-body-lg);color:var(--color-body);gap:var(--space-4);flex-direction:column;line-height:1.75;display:flex}.art-prose h2{font-size:var(--text-display-sm);letter-spacing:-.015em;color:var(--color-ink);margin-top:var(--space-6);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-hairline-soft);padding-bottom:8px;font-weight:700}.art-prose h3{font-size:var(--text-title-lg);color:var(--color-ink);margin-top:var(--space-4);margin-bottom:var(--space-2);font-weight:700}.art-prose p{margin-bottom:var(--space-3);line-height:1.75}.art-prose ul,.art-prose ol{padding-left:var(--space-6);margin-bottom:var(--space-4);flex-direction:column;gap:8px;display:flex}.art-prose li{line-height:1.65}.art-prose strong{color:var(--color-ink);font-weight:600}.art-prose blockquote{border:1px solid var(--color-hairline);margin:var(--space-4) 0;background-color:var(--color-surface-soft);border-radius:var(--radius-md);color:var(--color-body);padding:16px 20px;font-style:italic}.art-prose table{-webkit-overflow-scrolling:touch;border-collapse:collapse;width:100%;max-width:100%;margin:var(--space-4) 0;border-radius:var(--radius-md);border:1px solid var(--color-hairline);font-size:14px;display:block;overflow-x:auto}.art-prose thead{background-color:var(--color-surface-soft)}.art-prose th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--color-ink);border-bottom:2px solid var(--color-hairline);padding:10px 14px;font-size:12px;font-weight:700}.art-prose td{border-bottom:1px solid var(--color-hairline-soft);color:var(--color-body);padding:10px 14px}.art-prose tbody tr:nth-child(2n){background-color:var(--color-surface-soft)}.art-prose tbody tr:hover{background-color:#0f9f870a}.art-related-box{background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:20px 24px;display:flex}.art-related-header{color:var(--color-primary);align-items:center;gap:8px;display:flex}.art-related-title{color:var(--color-ink);margin:0;font-size:16px;font-weight:700}.art-related-desc{color:var(--color-muted);margin:0;font-size:13px}.art-entity-block{flex-direction:column;gap:8px;display:flex}.art-entity-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:11px;font-weight:700}.art-entity-list{flex-wrap:wrap;gap:8px;display:flex}.art-entity-pill{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-full);color:var(--color-ink);transition:all var(--transition-fast);align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.art-entity-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light);transform:translateY(-1px)}.art-pill-cal{color:var(--color-muted);font-size:11px;font-weight:400}.art-nutrient-pill{color:var(--color-primary);border-color:var(--color-primary-border)}.art-nutrient-pill svg{transition:transform var(--transition-fast)}.art-nutrient-pill:hover svg{transform:translate(2px)}.art-tags-bar{border-top:1px solid var(--color-hairline-soft);padding-top:16px}.art-tags-list{flex-wrap:wrap;gap:6px;display:flex}.art-tag{color:var(--color-muted);background-color:var(--color-surface-soft);border-radius:var(--radius-full);border:1px solid var(--color-hairline-soft);transition:all var(--transition-fast);padding:4px 12px;font-size:12px}.art-tag:hover{border-color:var(--color-hairline);color:var(--color-ink)}.art-more-section{padding-top:var(--space-4);border-top:1px solid var(--color-hairline-soft);flex-direction:column;gap:16px;display:flex}.art-more-head{justify-content:space-between;align-items:center;display:flex}.art-more-title{color:var(--color-ink);margin:0;font-size:20px;font-weight:700}.art-more-link{color:var(--color-primary);transition:gap var(--transition-fast);align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.art-more-link:hover{gap:6px}.art-more-link svg{transition:transform var(--transition-fast)}.art-more-link:hover svg{transform:translate(2px)}.art-more-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=640px){.art-more-grid{grid-template-columns:repeat(3,1fr)}}.art-more-card{border-radius:var(--radius-lg);background-color:var(--color-canvas);border:1px solid var(--color-hairline);color:inherit;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;padding:0;text-decoration:none;display:flex;overflow:hidden}.art-more-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.art-more-thumb-wrap{aspect-ratio:16/10;background-color:var(--color-surface-soft);width:100%;position:relative;overflow:hidden}.art-more-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.2,0,0,1)}.art-more-card:hover .art-more-thumb{transform:scale(1.04)}.art-more-cat{color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-full);backdrop-filter:blur(8px);background-color:#ffffffeb;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;bottom:10px;left:10px;box-shadow:0 2px 8px #00000026}html[data-theme=dark] .art-more-cat{background-color:#1e1e1ed9}.art-more-body{flex-direction:column;gap:6px;padding:14px 16px;display:flex}.art-more-meta{color:var(--color-muted);align-items:center;gap:6px;font-size:12px;display:flex}.art-more-card-title{color:var(--color-ink);margin:0;font-size:15px;font-weight:700;line-height:1.35}.art-more-excerpt{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.art-more-read{color:var(--color-primary);transition:gap var(--transition-fast);align-items:center;gap:3px;margin-top:4px;font-size:12px;font-weight:600;display:inline-flex}.art-more-card:hover .art-more-read{gap:5px}.art-direct-answer{background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:20px 24px}.art-direct-answer-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);font-size:11px;font-weight:700;display:inline-block;margin-bottom:8px!important}.art-direct-answer p:last-child{margin-bottom:0!important}.art-key-takeaway{background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:20px 24px}.art-key-takeaway-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:11px;font-weight:700;display:inline-block;margin-bottom:8px!important}.art-key-takeaway p:last-child{margin-bottom:0!important}.art-key-takeaway a{color:var(--color-primary);font-weight:500;text-decoration:none}.art-key-takeaway a:hover{text-decoration:underline}.art-faq-section{margin-top:var(--space-4);flex-direction:column;gap:12px;display:flex}.art-faq-heading{font-size:var(--text-display-sm);color:var(--color-ink);border-bottom:1px solid var(--color-hairline-soft);margin:0;padding-bottom:8px;font-weight:700}.art-faq-list{flex-direction:column;gap:0;display:flex}.art-faq-item{border-bottom:1px solid var(--color-hairline-soft)}.art-faq-question{color:var(--color-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:15px;font-weight:600;line-height:1.45;list-style:none;display:flex}.art-faq-question::-webkit-details-marker{display:none}.art-faq-question:after{content:"+";color:var(--color-muted);flex-shrink:0;font-size:18px;font-weight:500;transition:transform .2s}.art-faq-item[open] .art-faq-question:after{content:"−";color:var(--color-primary)}.art-faq-answer{color:var(--color-body);margin:0;padding:0 0 16px;font-size:14px;line-height:1.7}.art-sources-section{margin-top:var(--space-4);background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:20px 24px;display:flex}.art-sources-heading{color:var(--color-ink);margin:0;font-size:16px;font-weight:700}.art-sources-intro{color:var(--color-muted);margin:0;font-size:13px;line-height:1.6}.art-sources-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.art-sources-list li{color:var(--color-body);padding-left:16px;font-size:13px;line-height:1.55;position:relative}.art-sources-list li:before{content:"";background-color:var(--color-primary);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.art-sources-list a{color:var(--color-primary);font-weight:500;text-decoration:none}.art-sources-list a:hover{text-decoration:underline}.art-cta-section{margin-top:var(--space-4);background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:32px 24px;display:flex}.art-cta-heading{color:var(--color-ink);border-bottom:none;margin:0;padding-bottom:0;font-size:20px;font-weight:700}.art-cta-desc{color:var(--color-body);max-width:440px;margin:0;font-size:14px;line-height:1.6}.art-cta-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.art-cta-btn{border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.art-cta-btn-primary{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.art-cta-btn-primary:hover{background-color:var(--color-primary-active);transform:translateY(-1px);box-shadow:0 4px 12px #0f9f8740}.art-cta-btn-secondary{background-color:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline)}.art-cta-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}@media (width<=480px){.art-takeaways,.art-related-box{padding:16px 14px}.art-cta-section{padding:24px 16px}.art-author-strip{padding:12px 14px}}