:root{--color-primary: #2d5a27;--color-primary-light: #4a7c44;--color-primary-dark: #1e3d1a;--color-accent: #d4a853;--color-accent-light: #f5e6c8;--color-hub-science: #5c7a99;--color-hub-science-light: #e8eff5;--color-hub-science-border: #b8cce0;--color-hub-solution: #4a8c7a;--color-hub-solution-light: #e6f3ef;--color-hub-solution-border: #a8d4c4;--color-hub-routine: #c49a5c;--color-hub-routine-light: #faf5ed;--color-hub-routine-border: #e5d4b8;--color-hub-compare: #9c6b6b;--color-hub-compare-light: #f7efef;--color-hub-compare-border: #d9c4c4;--color-hub-trust: #7a6b99;--color-hub-trust-light: #f0eef7;--color-hub-trust-border: #c8c0df;--color-text: #2c3e2d;--color-text-muted: #6b7c6b;--color-text-light: #8a9b8a;--color-border: #e2e8e2;--color-border-light: #f0f4f0;--color-bg: #ffffff;--color-bg-warm: #fdfcfa;--color-bg-muted: #f8f9f7;--font-display: "Playfair Display", "Georgia", "Times New Roman", serif;--font-heading: "DM Sans", "Helvetica Neue", "Arial", sans-serif;--font-body: "DM Sans", "Helvetica Neue", "Arial", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--icon-xs: 14px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(44, 62, 45, .04);--shadow-sm: 0 2px 4px rgba(44, 62, 45, .06);--shadow-md: 0 4px 12px rgba(44, 62, 45, .08);--shadow-lg: 0 8px 24px rgba(44, 62, 45, .12);--shadow-xl: 0 16px 48px rgba(44, 62, 45, .16);--shadow-inner: inset 0 1px 2px rgba(44, 62, 45, .06);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}.article-geo-content,.article-featured-products,.article__faq,.article__author-full{font-family:var(--font-body);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.geo-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.geo-icon svg{display:block}.geo-icon--xs,.geo-icon--xs svg{width:var(--icon-xs);height:var(--icon-xs)}.geo-icon--sm,.geo-icon--sm svg{width:var(--icon-sm);height:var(--icon-sm)}.geo-icon--md,.geo-icon--md svg{width:var(--icon-md);height:var(--icon-md)}.geo-icon--lg,.geo-icon--lg svg{width:var(--icon-lg);height:var(--icon-lg)}.geo-icon--xl,.geo-icon--xl svg{width:var(--icon-xl);height:var(--icon-xl)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article__breadcrumb{margin-bottom:var(--space-6);font-size:.8125rem;letter-spacing:.01em}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-1);list-style:none;margin:0;padding:0}.breadcrumb__item{display:flex;align-items:center}.breadcrumb__item:not(:last-child):after{content:"\203a";margin-left:var(--space-2);color:var(--color-text-light);font-weight:var(--weight-normal)}.breadcrumb__item a{color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.breadcrumb__item a:hover{color:var(--color-primary)}.breadcrumb__item--current{color:var(--color-text);font-weight:var(--weight-medium)}.article{max-width:1200px;margin:0 auto;padding:var(--space-8)}.article__layout{display:block;max-width:1200px;margin:0 auto}.article__layout--inline{padding:var(--space-6)}@media (min-width: 768px){.article__layout--inline{padding:var(--space-8)}}@media (min-width: 1024px){.article__layout--inline{padding:var(--space-12) var(--space-8)}}.article__main{min-width:0;max-width:720px;margin:0 auto}.answer-block{position:relative;display:flex;gap:var(--space-5);padding:var(--space-6);background:linear-gradient(135deg,var(--color-bg-warm) 0%,var(--color-bg) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm);overflow:hidden}.answer-block:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.answer-block__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-primary);border-radius:var(--radius-md);color:#fff}.answer-block__icon svg{width:var(--icon-lg);height:var(--icon-lg)}.answer-block__content{flex:1;min-width:0}.answer-block__label{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-primary);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:var(--weight-semibold);color:#fff;text-transform:uppercase;letter-spacing:.08em}.answer-block__heading{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:1.125rem;font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:-.01em}.answer-block__text{margin:0;font-size:1rem;line-height:1.7;color:var(--color-text)}.answer-block[data-hub=science]{background:linear-gradient(135deg,var(--color-hub-science-light) 0%,var(--color-bg) 100%);border-color:var(--color-hub-science-border)}.answer-block[data-hub=science]:before{background:var(--color-hub-science)}.answer-block[data-hub=science] .answer-block__icon,.answer-block[data-hub=science] .answer-block__label{background:var(--color-hub-science)}.answer-block[data-hub=solution]{background:linear-gradient(135deg,var(--color-hub-solution-light) 0%,var(--color-bg) 100%);border-color:var(--color-hub-solution-border)}.answer-block[data-hub=solution]:before{background:var(--color-hub-solution)}.answer-block[data-hub=solution] .answer-block__icon,.answer-block[data-hub=solution] .answer-block__label{background:var(--color-hub-solution)}.answer-block[data-hub=routine]{background:linear-gradient(135deg,var(--color-hub-routine-light) 0%,var(--color-bg) 100%);border-color:var(--color-hub-routine-border)}.answer-block[data-hub=routine]:before{background:var(--color-hub-routine)}.answer-block[data-hub=routine] .answer-block__icon,.answer-block[data-hub=routine] .answer-block__label{background:var(--color-hub-routine)}.answer-block[data-hub=compare]{background:linear-gradient(135deg,var(--color-hub-compare-light) 0%,var(--color-bg) 100%);border-color:var(--color-hub-compare-border)}.answer-block[data-hub=compare]:before{background:var(--color-hub-compare)}.answer-block[data-hub=compare] .answer-block__icon,.answer-block[data-hub=compare] .answer-block__label{background:var(--color-hub-compare)}.answer-block[data-hub=trust]{background:linear-gradient(135deg,var(--color-hub-trust-light) 0%,var(--color-bg) 100%);border-color:var(--color-hub-trust-border)}.answer-block[data-hub=trust]:before{background:var(--color-hub-trust)}.answer-block[data-hub=trust] .answer-block__icon,.answer-block[data-hub=trust] .answer-block__label{background:var(--color-hub-trust)}.key-takeaways{position:relative;padding:var(--space-6);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-8);box-shadow:var(--shadow-xs)}.key-takeaways__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.key-takeaways__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-hub-solution);border-radius:var(--radius-md);color:#fff}.key-takeaways__icon svg{width:var(--icon-md);height:var(--icon-md)}.key-takeaways__title{margin:0;font-family:var(--font-display);font-size:1.0625rem;font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:-.01em}.key-takeaways__list{list-style:none;margin:0;padding:0}.key-takeaways__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;transition:background var(--duration-fast) var(--ease-out)}.key-takeaways__item:not(:last-child){border-bottom:1px solid var(--color-border-light)}.key-takeaways__check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:.1em;background:var(--color-hub-solution);border-radius:var(--radius-full);color:#fff}.key-takeaways__check svg{width:12px;height:12px}.key-takeaways__text{flex:1;font-size:.9375rem;line-height:1.6;color:var(--color-text)}.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:.8125rem;color:var(--color-text-muted)}.article__meta-item{display:inline-flex;align-items:center;gap:var(--space-2)}.article__meta-icon{display:flex;color:var(--color-text-light)}.article__meta-icon svg{width:var(--icon-sm);height:var(--icon-sm)}.article__read-time,.article__reviewed{display:inline-flex;align-items:center;gap:var(--space-2)}.article__read-time svg,.article__reviewed svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-text-light)}.article__difficulty{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em}.article__difficulty--beginner{background:var(--color-hub-solution-light);color:var(--color-hub-solution)}.article__difficulty--intermediate{background:var(--color-hub-routine-light);color:var(--color-hub-routine)}.article__difficulty--advanced{background:var(--color-hub-compare-light);color:var(--color-hub-compare)}.article__hub-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em}.article__hub-badge--science{background:var(--color-hub-science-light);color:var(--color-hub-science)}.article__hub-badge--solution{background:var(--color-hub-solution-light);color:var(--color-hub-solution)}.article__hub-badge--routine{background:var(--color-hub-routine-light);color:var(--color-hub-routine)}.article__hub-badge--compare{background:var(--color-hub-compare-light);color:var(--color-hub-compare)}.article__hub-badge--trust{background:var(--color-hub-trust-light);color:var(--color-hub-trust)}.article__header{margin-bottom:var(--space-8)}.article__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:clamp(1.875rem,4vw,2.75rem);font-weight:var(--weight-bold);line-height:1.15;color:var(--color-text);letter-spacing:-.02em}.article__featured-image{margin:0 0 var(--space-8);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.article__featured-image img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.article__content{font-size:1.0625rem;line-height:1.8;color:var(--color-text)}.article__content h2{margin:var(--space-12) 0 var(--space-4);font-family:var(--font-display);font-size:1.625rem;font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:-.01em}.article__content h3{margin:var(--space-8) 0 var(--space-3);font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--weight-semibold);color:var(--color-text)}.article__content p{margin:0 0 var(--space-4)}.article__content ul,.article__content ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.article__content li{margin-bottom:var(--space-2)}.article__content blockquote{position:relative;margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);background:var(--color-bg-warm);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1.125rem;font-style:italic;line-height:1.7;color:var(--color-text)}.article__content blockquote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-accent);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.article__faq{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.article__faq>h2{margin:0 0 var(--space-6);font-family:var(--font-display);font-size:1.5rem;font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:-.01em}.faq-accordion{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.faq-item:hover{border-color:var(--color-primary-light)}.faq-item[open]{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);font-family:var(--font-heading);font-size:1rem;font-weight:var(--weight-medium);color:var(--color-text);cursor:pointer;list-style:none;transition:background var(--duration-fast) var(--ease-out)}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"";flex-shrink:0;width:10px;height:10px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);transition:transform var(--duration-normal) var(--ease-out)}.faq-item[open] .faq-question:after{transform:rotate(-135deg)}.faq-question:hover{background:var(--color-bg-muted)}.faq-answer{padding:0 var(--space-6) var(--space-6);font-size:.9375rem;line-height:1.7;color:var(--color-text-muted)}.faq-answer p:last-child{margin-bottom:0}.howto-steps{list-style:none;margin:0;padding:0;counter-reset:step}.howto-step{display:flex;gap:var(--space-5);padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}.howto-step:last-child{border-bottom:none}.howto-step__number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-primary);color:#fff;font-family:var(--font-display);font-size:1.125rem;font-weight:var(--weight-semibold);border-radius:var(--radius-full)}.howto-step__content{flex:1}.howto-step__title{margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:1.0625rem;font-weight:var(--weight-semibold);color:var(--color-text)}.howto-step__text{margin:0;font-size:.9375rem;line-height:1.6;color:var(--color-text-muted)}.article__tags{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.article__tags-title{margin:0 0 var(--space-4);font-size:.75rem;font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.tag-link{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8125rem;color:var(--color-text-muted);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.tag-link:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.article__author-full{margin-top:var(--space-12)}.article__author-heading{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:.8125rem;font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.author-card--full{position:relative;padding:var(--space-8);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.author-card__header{display:flex;gap:var(--space-6);margin-bottom:var(--space-6)}@media (max-width: 640px){.author-card__header{flex-direction:column;align-items:center;text-align:center}}.author-card__avatar{flex-shrink:0}.author-card__avatar img{width:100px;height:100px;border-radius:var(--radius-full);object-fit:cover;border:3px solid #fff;box-shadow:var(--shadow-md)}.author-card__avatar--placeholder{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:var(--color-border);border-radius:var(--radius-full);color:var(--color-text-light);border:3px solid #fff;box-shadow:var(--shadow-md)}.author-card__avatar--placeholder svg{width:40px;height:40px}.author-card__info{flex:1}.author-card__name{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:1.375rem;font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.01em}.author-card__title{margin:0 0 var(--space-3);font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-primary)}.author-card__experience{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:.8125rem;color:var(--color-text-muted)}.author-card__experience svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-text-light)}.author-card__linkedin{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#0077b5;border-radius:var(--radius-md);font-size:.8125rem;font-weight:var(--weight-medium);color:#fff;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}.author-card__linkedin:hover{background:#005885}.author-card__linkedin svg{width:var(--icon-sm);height:var(--icon-sm)}.author-card__bio{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);font-size:.9375rem;line-height:1.7;color:var(--color-text)}.author-card__section{margin-bottom:var(--space-5)}.author-card__section:last-child{margin-bottom:0}.author-card__section-title{margin:0 0 var(--space-3);font-size:.6875rem;font-weight:var(--weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.credentials-list{list-style:none;margin:0;padding:0}.credential-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:.875rem;color:var(--color-text)}.credential-item svg{flex-shrink:0;width:var(--icon-sm);height:var(--icon-sm);color:var(--color-hub-solution)}.expertise-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.expertise-tag{padding:var(--space-1) var(--space-3);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--weight-medium);color:var(--color-text-muted)}.publications-list{list-style:none;margin:0;padding:0}.publication-item{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light)}.publication-item:last-child{border-bottom:none}.publication-item a{font-size:.875rem;color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.publication-item a:hover{color:var(--color-primary-dark);text-decoration:underline}.author-badge--compact{display:flex;gap:var(--space-4);padding:var(--space-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.author-badge--compact:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.author-badge__avatar img{width:56px;height:56px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border-light)}.author-badge__avatar--placeholder{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-bg-muted);border-radius:var(--radius-full);color:var(--color-text-light)}.author-badge__avatar--placeholder svg{width:24px;height:24px}.author-badge__info{flex:1;min-width:0}.author-badge__label{display:block;margin-bottom:var(--space-1);font-size:.6875rem;font-weight:var(--weight-medium);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.06em}.author-badge__name{margin:0 0 var(--space-1);font-family:var(--font-heading);font-size:.9375rem;font-weight:var(--weight-semibold);color:var(--color-text)}.author-badge__title{margin:0;font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-primary)}.author-badge__bio{margin:var(--space-2) 0 0;font-size:.75rem;line-height:1.5;color:var(--color-text-muted)}.author-badge--inline{display:flex;gap:var(--space-5);margin:var(--space-8) 0;padding:var(--space-6);background:linear-gradient(135deg,#fdfcfa,#f9f8f6);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.author-badge--inline{flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-5)}}@media (min-width: 1024px){.author-badge--inline{float:left;width:45%;margin:var(--space-2) var(--space-6) var(--space-6) 0}}.author-badge--inline .author-badge__avatar img{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover;border:3px solid #fff;box-shadow:var(--shadow-md)}.author-badge--inline .author-badge__avatar--placeholder{width:80px;height:80px;border:3px solid #fff}.author-badge--inline .author-badge__avatar--placeholder svg{width:32px;height:32px}.author-badge--inline .author-badge__content{flex:1;min-width:0}.author-badge--inline .author-badge__header{margin-bottom:var(--space-2)}.author-badge--inline .author-badge__label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-primary);border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--weight-bold);color:#fff;text-transform:uppercase;letter-spacing:.08em}.author-badge--inline .author-badge__label svg{width:14px;height:14px}.author-badge--inline .author-badge__name{margin:var(--space-2) 0 var(--space-1);font-family:var(--font-display);font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.01em}.author-badge--inline .author-badge__title{margin:0 0 var(--space-3);font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-primary)}.author-badge--inline .author-badge__bio{margin:0 0 var(--space-3);font-size:.875rem;line-height:1.6;color:var(--color-text)}.author-badge--inline .author-badge__credentials{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}@media (max-width: 768px){.author-badge--inline .author-badge__credentials{align-items:center}}.author-badge--inline .author-badge__credentials li{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text-muted)}.author-badge--inline .author-badge__credentials svg{flex-shrink:0;width:16px;height:16px;color:var(--color-accent)}.article-featured-products{margin:var(--space-8) 0;padding:var(--space-6);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.article-featured-products__title{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-5);font-family:var(--font-display);font-size:1.0625rem;font-weight:var(--weight-semibold);color:var(--color-text)}.article-featured-products__title svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-primary)}.article-featured-products__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.product-card-inline{margin:var(--space-10) 0;padding:var(--space-6);background:linear-gradient(135deg,#fdfcfa,#f9f8f6);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}@media (max-width: 768px){.product-card-inline{margin:var(--space-8) calc(var(--space-6) * -1);border-radius:0;border-left:none;border-right:none}}.product-card-inline__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.product-card-inline__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--weight-bold);color:#fff;text-transform:uppercase;letter-spacing:.06em}.product-card-inline__badge svg{width:14px;height:14px}.product-card-inline__sale-badge{padding:var(--space-1) var(--space-3);background:#e74c3c;border-radius:var(--radius-md);font-size:.75rem;font-weight:var(--weight-bold);color:#fff}.product-card-inline__content{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 640px){.product-card-inline__content{grid-template-columns:200px 1fr}}@media (min-width: 1024px){.product-card-inline__content{grid-template-columns:250px 1fr;gap:var(--space-8)}}.product-card-inline__image{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1 / 1;background:#fff}.product-card-inline__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out)}.product-card-inline__image:hover img{transform:scale(1.05)}.product-card-inline__sold-out-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.product-card-inline__sold-out-overlay span{padding:var(--space-2) var(--space-4);background:var(--color-text);color:#fff;font-weight:var(--weight-bold);font-size:.875rem;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em}.product-card-inline__info{display:flex;flex-direction:column;gap:var(--space-3)}.product-card-inline__vendor{font-size:.75rem;font-weight:var(--weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.product-card-inline__title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:var(--weight-bold);line-height:1.3;color:var(--color-text);letter-spacing:-.01em}.product-card-inline__title a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.product-card-inline__title a:hover{color:var(--color-primary)}.product-card-inline__context{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#d4a8531a;border-left:3px solid var(--color-accent);border-radius:var(--radius-md);font-size:.875rem;line-height:1.6;color:var(--color-text);font-style:italic}.product-card-inline__context svg{flex-shrink:0;width:16px;height:16px;margin-top:2px;color:var(--color-accent)}.product-card-inline__price{display:flex;align-items:baseline;gap:var(--space-3);font-family:var(--font-display)}.product-card-inline__price--sale{font-size:1.375rem;font-weight:var(--weight-bold);color:#e74c3c}.product-card-inline__price--compare{font-size:1rem;font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:line-through}.product-card-inline__price--regular{font-size:1.375rem;font-weight:var(--weight-bold);color:var(--color-text)}.product-card-inline__rating{display:flex;align-items:center;gap:var(--space-2)}.star-rating{display:flex;gap:2px}.star{width:16px;height:16px}.star--full,.star--half{color:var(--color-accent)}.star--empty{color:var(--color-border)}.product-card-inline__rating-count{font-size:.8125rem;color:var(--color-text-muted)}.product-card-inline__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}@media (max-width: 640px){.product-card-inline__actions{flex-direction:column}}.product-card-inline__form{flex:1}.product-card-inline__add-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-6);background:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:var(--weight-bold);color:#fff;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.product-card-inline__add-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.product-card-inline__add-btn svg{width:18px;height:18px}.product-card-inline__view-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);background:transparent;border:2px solid var(--color-primary);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:var(--weight-bold);color:var(--color-primary);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.product-card-inline__view-btn:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.product-card-inline__sold-out-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-6);background:var(--color-border);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:var(--weight-bold);color:var(--color-text-muted);cursor:not-allowed}.product-card-mini{display:flex;flex-direction:column;padding:var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.product-card-mini:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.product-card-mini__link{display:flex;gap:var(--space-4);text-decoration:none;color:inherit;margin-bottom:var(--space-3)}.product-card-mini__image{flex-shrink:0}.product-card-mini__image img{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-muted)}.product-card-mini__info{flex:1;min-width:0}.product-card-mini__title{margin:0 0 var(--space-1);font-family:var(--font-heading);font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text);line-height:1.3}.product-card-mini__vendor{display:block;margin-bottom:var(--space-2);font-size:.6875rem;font-weight:var(--weight-medium);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.04em}.product-card-mini__price{font-size:.9375rem;font-weight:var(--weight-semibold);color:var(--color-text)}.product-card-mini__price--sale{color:var(--color-hub-compare)}.product-card-mini__price--compare{margin-left:var(--space-2);font-size:.8125rem;font-weight:var(--weight-normal);color:var(--color-text-light);text-decoration:line-through}.product-card-mini__status{display:block;margin-top:var(--space-1);font-size:.6875rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.product-card-mini__status--available{color:var(--color-hub-solution)}.product-card-mini__status--sold-out{color:var(--color-text-light)}.product-card-mini__form{margin-top:auto}.product-card-mini__add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--color-primary);border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:.8125rem;font-weight:var(--weight-semibold);color:#fff;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.product-card-mini__add-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.product-card-mini__add-btn:active{transform:translateY(0)}.product-card-mini__add-btn svg{width:var(--icon-sm);height:var(--icon-sm)}.article__footer{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.article__share{display:flex;align-items:center;gap:var(--space-4)}.share-label{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text-muted)}.share-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:#fff;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.share-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-link--twitter{background:#1da1f2}.share-link--facebook{background:#1877f2}.share-link--email{background:var(--color-text-muted)}.share-link svg{width:var(--icon-md);height:var(--icon-md)}.newsletter-form__field{display:flex;gap:var(--space-2)}.newsletter-form__input{flex:1;padding:var(--space-3);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out)}.newsletter-form__input:focus{outline:none;border-color:var(--color-primary)}.newsletter-form__input::placeholder{color:var(--color-text-light)}.newsletter-form__button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.newsletter-form__button:hover{background:var(--color-primary-dark)}.newsletter-form__button svg{width:var(--icon-md);height:var(--icon-md)}.article__related{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.related__title{margin:0 0 var(--space-6);font-family:var(--font-display);font-size:1.375rem;font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:-.01em}.related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.related__card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.related__card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.related__image-link img{width:100%;height:180px;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.related__card:hover .related__image-link img{transform:scale(1.03)}.related__content{padding:var(--space-5)}.related__card-title{margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:1rem;font-weight:var(--weight-semibold);line-height:1.3}.related__card-title a{color:var(--color-text);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.related__card-title a:hover{color:var(--color-primary)}.related__excerpt{margin:0;font-size:.875rem;line-height:1.6;color:var(--color-text-muted)}.blog-page{max-width:1200px;margin:0 auto;padding:var(--space-8)}.blog-header{text-align:center;margin-bottom:var(--space-12)}.blog-header__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.02em}.blog-header__description{max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.7;color:var(--color-text-muted)}.blog-filters{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.blog-filters__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);list-style:none;margin:0;padding:0}.blog-filters__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.blog-filters__link:hover{background:#fff;border-color:var(--color-primary);color:var(--color-primary)}.blog-filters__link--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.featured-article{margin-bottom:var(--space-12)}.featured-article__link{display:grid;grid-template-columns:1fr;gap:var(--space-6);text-decoration:none;color:inherit}@media (min-width: 768px){.featured-article__link{grid-template-columns:1fr 1fr;align-items:center}}.featured-article__image{border-radius:var(--radius-xl);overflow:hidden}.featured-article__image img{width:100%;height:320px;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.featured-article__link:hover .featured-article__image img{transform:scale(1.03)}.featured-article__badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.featured-article__badge--science{background:var(--color-hub-science-light);color:var(--color-hub-science)}.featured-article__badge--solution{background:var(--color-hub-solution-light);color:var(--color-hub-solution)}.featured-article__badge--routine{background:var(--color-hub-routine-light);color:var(--color-hub-routine)}.featured-article__badge--compare{background:var(--color-hub-compare-light);color:var(--color-hub-compare)}.featured-article__badge--trust{background:var(--color-hub-trust-light);color:var(--color-hub-trust)}.featured-article__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:clamp(1.625rem,3vw,2.25rem);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.01em;line-height:1.2}.featured-article__excerpt{margin:0 0 var(--space-4);font-size:1rem;line-height:1.7;color:var(--color-text-muted)}.featured-article__meta{display:flex;gap:var(--space-4);font-size:.8125rem;color:var(--color-text-muted)}.blog-grid{display:grid;gap:var(--space-6)}.blog-grid--2-col{grid-template-columns:repeat(2,1fr)}.blog-grid--3-col{grid-template-columns:repeat(3,1fr)}.blog-grid--4-col{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.blog-grid--4-col,.blog-grid--3-col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.blog-grid--4-col,.blog-grid--3-col,.blog-grid--2-col{grid-template-columns:1fr}}.blog-grid__empty{grid-column:1 / -1;text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.article-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.article-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.article-card__link{display:block;text-decoration:none;color:inherit}.article-card__image{overflow:hidden}.article-card__image img{width:100%;height:200px;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.article-card:hover .article-card__image img{transform:scale(1.03)}.article-card__content{padding:var(--space-5)}.article-card__badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.625rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.article-card__badge--science{background:var(--color-hub-science-light);color:var(--color-hub-science)}.article-card__badge--solution{background:var(--color-hub-solution-light);color:var(--color-hub-solution)}.article-card__badge--routine{background:var(--color-hub-routine-light);color:var(--color-hub-routine)}.article-card__badge--compare{background:var(--color-hub-compare-light);color:var(--color-hub-compare)}.article-card__badge--trust{background:var(--color-hub-trust-light);color:var(--color-hub-trust)}.article-card__title{margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:1rem;font-weight:var(--weight-semibold);line-height:1.3;color:var(--color-text)}.article-card__excerpt{margin:0 0 var(--space-4);font-size:.8125rem;line-height:1.6;color:var(--color-text-muted)}.article-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:.6875rem;color:var(--color-text-muted)}.article-card__difficulty{padding:1px var(--space-2);border-radius:var(--radius-sm);font-weight:var(--weight-semibold)}.article-card__difficulty--beginner{background:var(--color-hub-solution-light);color:var(--color-hub-solution)}.article-card__difficulty--intermediate{background:var(--color-hub-routine-light);color:var(--color-hub-routine)}.article-card__difficulty--advanced{background:var(--color-hub-compare-light);color:var(--color-hub-compare)}.blog-pagination{margin-top:var(--space-12)}.blog-pagination__list{display:flex;justify-content:center;gap:var(--space-2);list-style:none;margin:0;padding:0}.blog-pagination__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.blog-pagination__link:hover{background:var(--color-bg-muted);border-color:var(--color-primary)}.blog-pagination__link--current{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.blog-pagination__link--gap{border:none;background:none;cursor:default}@media (max-width: 768px){.answer-block{flex-direction:column;gap:var(--space-4);padding:var(--space-5);padding-left:calc(var(--space-5) + 4px)}.answer-block__icon{width:36px;height:36px}.key-takeaways{padding:var(--space-5)}.author-card--full{padding:var(--space-6)}.author-card__avatar img,.author-card__avatar--placeholder{width:80px;height:80px}}.toc-sticky-header{position:fixed;top:0;left:0;right:0;z-index:100;transform:translateY(-100%);transition:transform var(--duration-normal) var(--ease-out);pointer-events:none}.toc-sticky-header--visible{transform:translateY(0);pointer-events:auto}@media (min-width: 1024px){.toc-sticky-header{display:none}}.toc-sticky-header__trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);cursor:pointer;font-family:var(--font-heading);font-size:14px;font-weight:var(--weight-medium);color:var(--color-text);transition:background-color var(--duration-fast) var(--ease-out)}.toc-sticky-header__trigger:active{background:#fdfcfafa}.toc-sticky-header__icon{width:var(--icon-md);height:var(--icon-md);color:var(--color-primary);transition:transform var(--duration-normal) var(--ease-out)}.toc-sticky-header--open .toc-sticky-header__icon{display:none}.toc-sticky-header__close-icon{display:none;width:var(--icon-md);height:var(--icon-md);color:var(--color-primary)}.toc-sticky-header--open .toc-sticky-header__close-icon{display:block}.toc-sticky-header__label{flex:1;text-align:left}.toc-sticky-header__panel{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:400px;background:var(--color-bg-warm);box-shadow:var(--shadow-xl);transform:translate(100%);transition:transform var(--duration-normal) var(--ease-out);overflow-y:auto;z-index:102}.toc-sticky-header--open .toc-sticky-header__panel{transform:translate(0)}.toc-sticky-header__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:1}.toc-sticky-header__panel-title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-family:var(--font-heading);font-size:16px;font-weight:var(--weight-semibold);color:var(--color-text)}.toc-sticky-header__panel-title svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-primary)}.toc-sticky-header__close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.toc-sticky-header__close-btn:hover,.toc-sticky-header__close-btn:active{background:var(--color-bg-muted)}.toc-sticky-header__close-btn svg{width:var(--icon-md);height:var(--icon-md);color:var(--color-text-muted)}.toc-sticky-header__nav{padding:var(--space-4) 0}.toc-sticky-header__list{list-style:none;margin:0;padding:0}.toc-sticky-header__item{margin:0}.toc-sticky-header__link{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-6);text-decoration:none;color:var(--color-text);font-family:var(--font-body);font-size:14px;line-height:1.5;transition:background-color var(--duration-fast) var(--ease-out)}.toc-sticky-header__link:active{background:var(--color-bg-muted)}.toc-sticky-header__number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:var(--color-primary);color:#fff;font-size:12px;font-weight:var(--weight-semibold);border-radius:var(--radius-full)}.toc-sticky-header__text{flex:1;padding-top:2px}.toc-sticky-header__progress{position:sticky;bottom:0;left:0;right:0;height:4px;background:var(--color-border-light)}.toc-sticky-header__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));width:0;transition:width .15s linear}.toc-sticky-header__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c3e2d4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);z-index:101}.toc-sticky-header--open .toc-sticky-header__backdrop{opacity:1;pointer-events:auto}.toc-floating{position:fixed;top:120px;right:24px;width:280px;max-height:calc(100vh - 200px);opacity:0;transform:translate(20px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);z-index:50}.toc-floating--visible{opacity:1;transform:translate(0)}@media (max-width: 1023px){.toc-floating{display:none}}@media (min-width: 1024px) and (max-width: 1279px){.toc-floating{display:none}}.toc-floating__container{background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow var(--duration-fast) var(--ease-out)}.toc-floating__container:hover{box-shadow:var(--shadow-lg)}.toc-floating--collapsed .toc-floating__nav,.toc-floating--collapsed .toc-floating__progress-container{display:none}.toc-floating__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.toc-floating__title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-family:var(--font-heading);font-size:14px;font-weight:var(--weight-semibold);color:var(--color-text)}.toc-floating__title svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-primary)}.toc-floating__toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.toc-floating__toggle:hover{background:var(--color-bg-muted)}.toc-floating__toggle-icon{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.toc-floating--collapsed .toc-floating__toggle-icon{transform:rotate(180deg)}.toc-floating__nav{padding:var(--space-3) 0;max-height:400px;overflow-y:auto}.toc-floating__nav::-webkit-scrollbar{width:4px}.toc-floating__nav::-webkit-scrollbar-track{background:transparent}.toc-floating__nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.toc-floating__nav::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.toc-floating__list{list-style:none;margin:0;padding:0}.toc-floating__item{margin:0}.toc-floating__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);text-decoration:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:13px;line-height:1.4;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.toc-floating__link:hover{color:var(--color-text);background:var(--color-bg-muted)}.toc-floating__link--active{color:var(--color-primary);background:var(--color-primary-light);background:linear-gradient(90deg,#2d5a2714,#2d5a2705)}.toc-floating__indicator{width:4px;height:4px;flex-shrink:0;background:var(--color-border);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.toc-floating__link--active .toc-floating__indicator{background:var(--color-primary);transform:scale(1.5)}.toc-floating__text{flex:1}.toc-floating__progress-container{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg)}.toc-floating__progress-label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-family:var(--font-body);font-size:12px;font-weight:var(--weight-medium);color:var(--color-text-muted)}.toc-floating__progress-label svg{width:var(--icon-xs);height:var(--icon-xs);color:var(--color-primary)}.toc-floating__progress-bar{height:4px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.toc-floating__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));width:0;transition:width .15s linear;border-radius:var(--radius-full)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/457/assets/article.css.map */