.article-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:start;padding-block:var(--space-10) var(--space-16)}@media (min-width:1024px){.article-layout{grid-template-columns:1fr 260px;gap:var(--space-12)}}.article-body,.article-main{min-width:0;max-width:72ch}.article-body>h2,.article-body section>h2{font-size:var(--text-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border);scroll-margin-top:calc(var(--header-height) + var(--space-6))}.article-body>h3,.article-body section>h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3);scroll-margin-top:calc(var(--header-height) + var(--space-6))}.article-body>h4,.article-body section>h4{font-size:var(--text-lg);color:var(--color-text-muted);margin-top:var(--space-6);margin-bottom:var(--space-2)}.article-body>ol,.article-body>ul,.article-body section>ol,.article-body section>ul{margin-bottom:var(--space-5);padding-left:var(--space-6)}.article-body>ul,.article-body section>ul{list-style:disc}.article-body>ol,.article-body section>ol{list-style:decimal}.article-body>ol>li,.article-body>ul>li,.article-body section>ol>li,.article-body section>ul>li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.article-body>ol>li::marker,.article-body>ul>li::marker,.article-body section>ol>li::marker,.article-body section>ul>li::marker{color:var(--color-accent)}.article-body>hr,.article-body section>hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-10) 0}.article-sidebar,.article-sidebar-right{display:none}@media (min-width:1024px){.article-sidebar,.article-sidebar-right{display:block}}.toc{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6)}.toc::-webkit-scrollbar{width:4px}.toc::-webkit-scrollbar-track{background:0 0}.toc::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.toc__title{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.toc__list{display:flex;flex-direction:column;gap:var(--space-1)}.toc__link{display:block;font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;padding:var(--space-1) var(--space-3);border-left:2px solid transparent;line-height:var(--leading-snug);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);border-radius:0 var(--radius-md) var(--radius-md) 0}.toc__link:hover{color:var(--color-text);background:var(--color-bg-subtle)}.toc__link.is-active{color:var(--color-accent);border-left-color:var(--color-accent);font-weight:var(--fw-medium);background:#eff6ff}.toc__item--h3 .toc__link{padding-left:calc(var(--space-3) + var(--space-4));font-size:var(--text-xs)}.toc-mobile{display:block;margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}@media (min-width:1024px){.toc-mobile{display:none}}.toc-mobile>summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;list-style:none;background:var(--color-bg-subtle);color:var(--color-text);user-select:none}.toc-mobile>summary::-webkit-details-marker{display:none}.toc-mobile>summary::after{content:"▼";font-size:var(--text-xs);color:var(--color-text-light);transition:transform var(--transition-normal)}.toc-mobile[open]>summary::after{transform:rotate(180deg)}.toc-mobile .toc__list{padding:var(--space-3) var(--space-4) var(--space-4)}.toc-mobile .toc__link{border-left:none;padding-left:var(--space-3)}.toc-mobile .toc__link.is-active{background:#eff6ff;border-radius:var(--radius-md);border-left:none;padding-left:var(--space-3)}.article-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.article-header__category,.article-meta-top{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-3)}.article-section{color:var(--color-accent)}.article-read-time{color:var(--color-text-muted)}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.sidebar-widget{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.sidebar-widget h3{font-size:var(--text-sm);font-weight:var(--fw-semibold);margin-bottom:var(--space-3);color:var(--color-text)}.sidebar-widget ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-widget li a{font-size:var(--text-sm);color:var(--color-accent);text-decoration:none}.sidebar-widget li a:hover{text-decoration:underline}.sidebar-widget li:not(:has(a)){font-size:var(--text-sm);color:var(--color-text-muted)}.toc-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);margin-bottom:var(--space-3);color:var(--color-text)}.toc ol{list-style:decimal;padding-left:var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.toc ol li a{font-size:var(--text-sm);color:var(--color-accent);text-decoration:none}.toc ol li a:hover{text-decoration:underline}.faq-section{margin-top:var(--space-10)}.faq-section h2{margin-bottom:var(--space-4)}.faq-section details{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.faq-section summary{padding:var(--space-4) var(--space-5);font-weight:var(--fw-medium);cursor:pointer;background:var(--color-bg-subtle);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary::after{content:"+";color:var(--color-accent);font-size:1.2em}.faq-section details[open] summary::after{content:"−"}.faq-section details p{padding:var(--space-4) var(--space-5);margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);border-top:1px solid var(--color-border)}.article-header__category:hover{color:var(--color-accent-dark)}.article-header__title{font-size:var(--text-3xl);font-weight:var(--fw-extrabold);line-height:var(--leading-tight);letter-spacing:-.02em;margin-bottom:var(--space-4)}@media (min-width:768px){.article-header__title{font-size:var(--text-4xl)}}.article-header__lead{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:70ch;margin-bottom:var(--space-6)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.article-meta__author{display:flex;align-items:center;gap:var(--space-3)}.article-meta__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--color-bg-muted);flex-shrink:0}.article-meta__author-info{display:flex;flex-direction:column;gap:2px}.article-meta__author-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text);text-decoration:none}.article-meta__author-name:hover{color:var(--color-accent)}.article-meta__author-role{font-size:var(--text-xs);color:var(--color-text-light)}.article-meta__divider{width:1px;height:32px;background:var(--color-border)}.article-meta__dates{display:flex;flex-direction:column;gap:2px}.article-meta__date{font-size:var(--text-xs);color:var(--color-text-light)}.article-meta__date strong{color:var(--color-text-muted);font-weight:var(--fw-medium)}.article-meta__read-time{font-size:var(--text-xs);color:var(--color-text-light);display:flex;align-items:center;gap:var(--space-1)}.updated-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--color-success);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-full)}.answer-box{background:var(--color-bg-subtle);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin:var(--space-6) 0}.answer-box__title{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:var(--space-3);font-family:var(--font-sans)}.answer-box__body{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed)}.answer-box__body p:last-child{margin-bottom:0}.answer-box__list{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.answer-box__list li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm)}.answer-box__list li::before{content:"→";color:var(--color-accent);font-weight:var(--fw-bold);flex-shrink:0;margin-top:1px}.pros-cons{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin:var(--space-6) 0}@media (min-width:640px){.pros-cons{grid-template-columns:1fr 1fr}}.pros-cons__box{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid}.pros-cons__box--pro{background:#f0fdf4;border-color:#86efac}.pros-cons__box--con{background:#fef2f2;border-color:#fca5a5}.pros-cons__title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.pros-cons__box--pro .pros-cons__title{color:var(--color-success)}.pros-cons__box--con .pros-cons__title{color:var(--color-danger)}.pros-cons__list{display:flex;flex-direction:column;gap:var(--space-2)}.pros-cons__list li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text)}.pros-cons__box--pro .pros-cons__list li::before{content:"✓";color:var(--color-success);font-weight:var(--fw-bold);flex-shrink:0}.pros-cons__box--con .pros-cons__list li::before{content:"✗";color:var(--color-danger);font-weight:var(--fw-bold);flex-shrink:0}.verdict-box{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin:var(--space-6) 0}@media (min-width:640px){.verdict-box{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.verdict-box{grid-template-columns:1fr 1fr 1fr}}.verdict-block{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg)}.verdict-block__label{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid}.verdict-block--best .verdict-block__label{color:var(--color-success);border-color:var(--color-success)}.verdict-block--avoid .verdict-block__label{color:var(--color-danger);border-color:var(--color-danger)}.verdict-block--consider .verdict-block__label{color:var(--color-accent);border-color:var(--color-accent)}.verdict-block--look-for .verdict-block__label{color:var(--color-accent-warm-dark);border-color:var(--color-accent-warm)}.verdict-block__list{display:flex;flex-direction:column;gap:var(--space-2)}.verdict-block__list li{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-snug);padding-left:var(--space-4);position:relative}.verdict-block__list li::before{position:absolute;left:0;font-size:.7em;top:.15em}.verdict-block--best .verdict-block__list li::before{content:"✓";color:var(--color-success)}.verdict-block--avoid .verdict-block__list li::before{content:"✗";color:var(--color-danger)}.verdict-block--consider .verdict-block__list li::before{content:"→";color:var(--color-accent)}.verdict-block--look-for .verdict-block__list li::before{content:"★";color:var(--color-accent-warm)}.comparison-table__rating{display:inline-flex;gap:1px;font-size:var(--text-xs);color:var(--color-accent-warm)}.comparison-table__price{font-weight:var(--fw-semibold);white-space:nowrap}.comparison-table__badge{display:inline-block;font-size:.7rem;font-weight:var(--fw-semibold);padding:1px 6px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.comparison-table__badge--best{background:#fefce8;color:#854d0e}.comparison-table__badge--value{background:#f0fdf4;color:var(--color-success)}.comparison-table__badge--premium{background:#faf5ff;color:#6b21a8}.table-controls{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.table-controls label{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--color-text-muted)}.table-controls select{height:32px;padding:0 var(--space-3);font-size:var(--text-sm);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer}.rec-card{display:grid;grid-template-columns:120px 1fr;gap:var(--space-5);padding:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin:var(--space-6) 0;transition:box-shadow var(--transition-fast)}.rec-card:hover{box-shadow:var(--shadow-md)}@media (max-width:479px){.rec-card{grid-template-columns:1fr}}.rec-card__image{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-subtle);aspect-ratio:1/1}.rec-card__image img{width:100%;height:100%;object-fit:contain;padding:var(--space-2)}.rec-card__body{display:flex;flex-direction:column;gap:var(--space-2)}.rec-card__rank{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.06em}.rec-card__title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--color-text);text-decoration:none;font-family:var(--font-sans)}.rec-card__title:hover{color:var(--color-accent)}.rec-card__verdict{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.rec-card__specs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.rec-card__spec{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--color-bg-muted);border-radius:var(--radius-sm);color:var(--color-text-muted)}.rec-card__footer{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.rec-card__price{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--color-text)}.article-faq{margin:var(--space-10) 0}.article-faq__title{font-size:var(--text-2xl);font-weight:var(--fw-extrabold);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border);font-family:var(--font-sans)}.internal-link-box{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--space-6) 0;text-decoration:none;color:inherit;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.internal-link-box:hover{box-shadow:var(--shadow-sm);border-color:var(--color-accent)}.internal-link-box__icon{font-size:1.5rem;flex-shrink:0;line-height:1}.internal-link-box__label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);display:block;margin-bottom:var(--space-1)}.internal-link-box__title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--color-text);line-height:var(--leading-snug)}.internal-link-box:hover .internal-link-box__title{color:var(--color-accent)}.internal-link-box__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.article-footer{padding:var(--space-8) 0;border-top:2px solid var(--color-border);margin-top:var(--space-12)}.article-footer__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.article-footer__reviewer{padding:var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;gap:var(--space-4);align-items:flex-start}.article-footer__reviewer-avatar{width:56px;height:56px;border-radius:50%;background:var(--color-bg-muted);flex-shrink:0;object-fit:cover}.article-footer__reviewer-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-light);display:block;margin-bottom:var(--space-1)}.article-footer__reviewer-name{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:var(--space-1)}.article-footer__reviewer-bio{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.related-articles{margin-top:var(--space-12)}.related-articles__title{font-size:var(--text-xl);font-weight:var(--fw-bold);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.related-articles .card-grid{grid-template-columns:1fr}@media (min-width:640px){.related-articles .card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.related-articles .card-grid{grid-template-columns:repeat(3,1fr)}}.reading-progress{position:fixed;top:var(--header-height);left:0;width:0%;height:3px;background:var(--color-accent);z-index:99;transition:width .1s linear;border-radius:0 2px 2px 0}.spec-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin:var(--space-6) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.spec-table tr:nth-child(2n){background:var(--color-bg-subtle)}.spec-table tr:last-child td{border-bottom:none}.spec-table td,.spec-table th{padding:var(--space-3) var(--space-5);text-align:left;border-bottom:1px solid var(--color-border)}.spec-table th{width:40%;font-weight:var(--fw-semibold);color:var(--color-text-muted);background:var(--color-bg-subtle)}.spec-table td{color:var(--color-text)}.sg-callout{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#fff7ed;border:1px solid #fdba74;border-radius:var(--radius-lg);margin:var(--space-6) 0;font-size:var(--text-sm)}.sg-callout__flag{font-size:1.25rem;flex-shrink:0}.sg-callout__text{color:var(--color-text);line-height:var(--leading-relaxed)}.sg-callout__text strong{color:#9a3412}.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);box-shadow:0 -4px 12px rgba(26,26,46,.08);z-index:50}@media (max-width:767px){.sticky-cta{display:block}}.sticky-cta .btn{width:100%;justify-content:center}.article-hero{margin:0 0 var(--space-8);border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16/9}.article-hero img{width:100%;height:100%;object-fit:cover;display:block}.comparison-table--wrap-text,.comparison-table--wrap-text th,.comparison-table--wrap-text td{white-space:normal}