/* Editorial SEO layer: no animation framework; the diagnosis and hero remain intact. */
/* Article-specific visual explanations: fixed image dimensions prevent layout shift. */
.article-body .article-diagram{margin:38px 0 46px;max-width:640px;border:1px solid #d6d1cb;border-radius:12px;background:#f6f3ee;overflow:hidden}
.article-diagram>img{display:block;width:100%;height:auto;max-width:100%;margin:0}
.article-diagram figcaption{display:grid;gap:10px;padding:20px 24px;background:#fff;border-top:1px solid #d6d1cb;color:#222228;font-size:.9rem;line-height:1.85}
.article-diagram figcaption b{font-size:1rem;line-height:1.65;color:#101012}.article-diagram figcaption span{color:#535058}
.article-diagram .diagram-text{background:#fff;border-top:1px solid #e2ddda;font-size:.875rem}.article-diagram .diagram-text summary{cursor:pointer;padding:16px 24px;color:#6b3126;font-weight:700}.article-diagram .diagram-text summary:focus-visible{outline:3px solid #b8321c;outline-offset:-4px}.article-diagram .diagram-text ol{padding:0 28px 20px 48px;line-height:1.9;margin:0}.article-diagram .diagram-text li+li{margin-top:10px}
@media(max-width:699px){.article-body .article-diagram{margin:30px -8px 38px;max-width:calc(100% + 16px)}.article-diagram figcaption{padding:17px 16px;font-size:.875rem}.article-diagram .diagram-text summary{padding:15px 16px}}
.hero h1 .hero-topic{display:block;font-size:17px;letter-spacing:.16em;font-weight:700;line-height:1.7;margin-bottom:6px;color:#dedee3}
.purpose-section{border-bottom:1px solid var(--line);background:#fff}
.purpose-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:28px}
.purpose-section-heading>p{font-size:1rem;line-height:1.9;color:#515157}.purpose-section-heading em{font-style:normal;color:var(--red-dark)}
.purpose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.purpose-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:24px 22px 30px;border:1px solid #cfcfd4;background:#f7f7f8;color:#101012;text-decoration:none;transition:background .2s,transform .2s,border-color .2s}
.purpose-card:hover{background:#fff0e9;border-color:#b12c19;transform:translateY(-3px)}.purpose-card:focus-visible{outline:3px solid #b12c19;outline-offset:3px}.purpose-number{font:900 30px/1 Arial,sans-serif;color:#b12c19;letter-spacing:-.06em;margin-bottom:6px}.purpose-card>b{font-size:1.05rem;line-height:1.65;letter-spacing:-.02em}.purpose-card>span:not(.purpose-number){font-size:.85rem;line-height:1.85;color:#505057}.purpose-card>i{font:20px/1 Arial;position:absolute;right:16px;bottom:12px;color:#b12c19}
.related-guides .purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-guides .purpose-card{color:#101012!important;text-decoration:none!important}.article-body .purpose-card>b{line-height:1.7}.article-body .purpose-card>span{font-size:.85rem}
.research-label{font-size:.8rem!important;font-weight:800;letter-spacing:.1em;color:#b12c19!important;margin-bottom:9px!important}.research-checks{margin:24px 0;border-top:2px solid #101012}.research-checks>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #d8d8dc}.research-checks dt{font-weight:800;font-size:.95rem;line-height:1.8}.research-checks dd{min-width:0}.research-checks dd>p:first-child{margin-top:0}.research-checks .article-source{margin-top:8px;font-size:.8rem}
.research-steps{counter-reset:research-step;list-style:none!important;padding:0!important;display:grid;gap:12px;margin:20px 0!important}.research-steps>li{position:relative;padding:16px 18px 16px 52px;background:#f4f4f6;line-height:1.85;font-size:.95rem;counter-increment:research-step}.research-steps>li::before{content:counter(research-step,decimal-leading-zero);position:absolute;left:15px;top:19px;font:800 16px/1.5 Arial;color:#b12c19}
.choice-versus{display:grid;grid-template-columns:1fr 1fr;margin-top:26px;border:1px solid #cfcfd4}.choice-versus>div{padding:23px;background:#fff8f3;min-width:0}.choice-versus>div+div{border-left:1px solid #cfcfd4;background:#f5f5f6}.choice-versus b{display:block;line-height:1.8;font-size:1rem}.choice-versus p{font-size:.95rem;line-height:1.9}.choice-versus a{font-size:.875rem}.research-limit{border-top:1px solid #dddde1;padding-top:14px;margin-top:20px!important;line-height:1.9}
.public-observation{padding:23px;background:#111114;color:#f8f8fa;margin:24px 0;border-left:4px solid #ff492c}.public-observation b{font-size:1rem}.article-body .public-observation p{color:#dedee3}.article-body .public-observation a{color:#ffc9b9}.public-observation .article-small{font-size:.82rem}
.guide-answer{border-left:4px solid #ff492c;padding:24px!important;background:#fff5ed;margin-top:0!important}.guide-criteria{list-style:none!important;padding:0!important;display:grid;gap:10px;margin-top:20px!important}.guide-criteria li{position:relative;padding-left:24px;font-size:.95rem;line-height:1.85}.guide-criteria li::before{content:'✓';position:absolute;left:0;top:0;color:#a82617;font-weight:800}.purpose-comparisons{display:grid;gap:18px;margin-top:24px}.purpose-row{border:1px solid #ceced5;padding:24px;background:#fff}.purpose-row-title{display:flex;align-items:baseline;gap:14px}.purpose-row-title>span{font:900 24px/1 Arial;color:#b12c19}.purpose-row-title h3{margin:0!important;font-size:1.25rem!important}.purpose-row-title h3 a{color:#111114!important;text-decoration:none!important}.purpose-row-point{font-weight:700}.purpose-row dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid #dedee3}.purpose-row dt{font-size:.8rem;color:#b12c19;font-weight:800;margin-bottom:7px}.purpose-row dd{font-size:.95rem;line-height:1.9}.purpose-row-actions{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:20px}.purpose-row-actions a{font-size:.9rem;font-weight:700;padding-block:9px}.purpose-row-actions a:last-child{background:#ff492c;color:#101012!important;padding:9px 16px;text-decoration:none!important;border:1px solid #101012}.guide-hub-detail{display:grid;grid-template-columns:1fr 1fr;gap:32px 40px;margin:44px 0}.guide-hub-detail h2{font-size:1.25rem;line-height:1.75}.guide-hub-detail a{color:#101012;text-decoration:underline;text-underline-offset:5px}.guide-hub-detail p{line-height:1.95;color:#4b4b52;margin-top:16px;font-size:1rem}
.quick-comparison{border:1px solid #c5c5cc;background:#fff;margin:26px 0}.quick-comparison>summary{cursor:pointer;font-weight:800;font-size:1rem;line-height:1.7;padding:20px 24px}.quick-comparison[open]>summary{border-bottom:1px solid #c5c5cc}.quick-comparison .quick-scroll{overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;scrollbar-color:#b12c19 #ededf0;scrollbar-width:thin}.quick-comparison table{width:100%;min-width:860px;border-collapse:collapse;font-size:.875rem;line-height:1.85}.quick-comparison caption{text-align:left;padding:16px 20px;background:#fff4ec;font-size:.875rem}.quick-comparison th,.quick-comparison td{padding:18px 20px;border-bottom:1px solid #dedee3;vertical-align:top;text-align:left}.quick-comparison thead th{background:#111114;color:#fff;font-size:.8rem}.quick-comparison tbody th{width:150px;min-width:150px;background:#f5f5f7;position:sticky;left:0;box-shadow:1px 0 #dedee3}.quick-comparison tbody th a{color:#101012;text-decoration:underline;text-underline-offset:4px}.quick-comparison td:nth-child(2){white-space:nowrap;width:80px}.quick-comparison .quick-score-note{font-size:.8rem;color:#55555d;padding:15px 20px;line-height:1.9}.quick-comparison .quick-swipe{display:inline-block;margin-right:5px}
@media(min-width:900px){[data-motion="on"] .quick-comparison:hover .quick-swipe{animation:none}}
@media(max-width:900px){.purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purpose-section-heading{display:block}.purpose-section-heading>p{margin-top:18px}.research-checks>div{grid-template-columns:120px 1fr}}
@media(max-width:699px){.hero h1 .hero-topic{font-size:14px;line-height:1.4;letter-spacing:.14em;margin-bottom:6px}.hero-copy{padding-top:16px}.hero-kicker{margin-bottom:6px}.purpose-section-heading{margin-bottom:22px}.purpose-section-heading>p{font-size:.9rem}.purpose-section-heading>p br{display:none}.purpose-card{padding:19px 14px 30px;gap:8px}.purpose-number{font-size:25px}.purpose-card>b{font-size:.95rem}.purpose-card>span:not(.purpose-number){font-size:.8rem}.related-guides .purpose-grid{grid-template-columns:1fr}.research-checks>div{display:block;padding:20px 0}.research-checks dt{margin-bottom:10px}.choice-versus{grid-template-columns:1fr}.choice-versus>div{padding:20px}.choice-versus>div+div{border-left:0;border-top:1px solid #cfcfd4}.guide-answer{padding:20px!important}.purpose-row{padding:20px 16px}.purpose-row dl{grid-template-columns:1fr;gap:15px}.purpose-row-title{gap:12px}.purpose-row-title h3{font-size:1.15rem!important}.purpose-row-actions{display:grid;gap:8px}.purpose-row-actions a:last-child{text-align:center;padding:13px 16px}.guide-hub-detail{grid-template-columns:1fr;gap:28px;margin:32px 0}.quick-comparison>summary{padding:16px;font-size:.95rem}.quick-comparison tbody th{min-width:112px;width:112px;padding-inline:12px}.quick-comparison th,.quick-comparison td{padding:16px 14px}.quick-comparison caption{padding:14px}.quick-comparison .quick-score-note{padding:14px;font-size:.8rem}[data-motion="on"] .quick-comparison .quick-swipe{animation:web-swipe 1.6s ease-in-out infinite}}
@media(max-width:699px) and (max-height:740px){.hero{padding-top:18px}.hero-art-stage{height:clamp(222px,68vw,280px)}.hero-note{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.purpose-card,.quick-swipe{animation:none!important;transition:none!important}}