:root{color-scheme:light;--color-bg:#fbfcf6;--color-surface:#fff;--color-text:#202421;--color-muted:#5f6b63;--color-border:#e3e9df;--color-primary:#15785f;--color-primary-dark:#0d5d4a;--color-accent:#df7a2f;--color-soft:#f4faee;--color-warm-soft:#fff8ed;--shadow-subtle:0 8px 24px #28403012;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);text-rendering:optimizelegibility;margin:0;line-height:1.75}a{color:var(--color-primary);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}.site-shell{width:min(1120px,100% - 32px);margin-inline:auto}.skip-link{background:var(--color-primary-dark);color:#fff;z-index:10;border-radius:4px;padding:8px 12px;position:absolute;top:8px;left:16px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.site-logo{color:var(--color-text);flex:none;font-size:1.05rem;font-weight:700;text-decoration:none}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:14px;font-size:.95rem;display:flex}.site-nav a{color:var(--color-muted);flex:none;text-decoration:none}.site-nav a:hover{color:var(--color-primary)}main{display:block}h1,h2,h3{letter-spacing:0;line-height:1.35}h1{margin:0;font-size:clamp(2rem,4vw,3.8rem)}h2{margin:0 0 18px;font-size:1.55rem}h3{margin:0 0 8px;font-size:1.1rem}.eyebrow{color:var(--color-accent);letter-spacing:0;margin:0 0 10px;font-size:.86rem;font-weight:700}.hero{border-bottom:1px solid var(--color-border);background:#edf2ec;padding:64px 0 40px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:end;gap:32px;display:grid}.hero p{max-width:720px;color:var(--color-muted);margin:18px 0 0;font-size:1.08rem}.hero-panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-subtle);border-radius:8px;padding:20px}.section{padding:44px 0}.section+.section{border-top:1px solid var(--color-border)}.guide-grid,.archive-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.article-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;display:grid}.guide-card,.article-card,.archive-card{background:var(--color-surface);border:1px solid var(--color-border);min-height:100%;box-shadow:var(--shadow-subtle);border-radius:8px;padding:20px;text-decoration:none;display:block}.guide-card p,.article-card p,.archive-card p{color:var(--color-muted);margin:8px 0 0}.article-card-with-thumb{padding:0;overflow:hidden}.article-card-with-thumb .meta,.article-card-with-thumb h3,.article-card-with-thumb p,.article-card-with-thumb .tag-list{margin-inline:20px}.article-card-with-thumb .meta{margin-top:16px}.article-card-with-thumb>p:last-of-type,.article-card-with-thumb .tag-list{margin-bottom:20px}.article-card-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--color-soft);border-bottom:1px solid var(--color-border);width:100%;display:block}.meta{color:var(--color-muted);margin:0;font-size:.92rem}.tag-list{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--color-border);color:var(--color-muted);border-radius:999px;padding:2px 9px;font-size:.82rem}.tag-list a{color:inherit;text-decoration:none}.article-shell{width:min(800px,100% - 32px);margin:0 auto;padding:48px 0 64px}.article-shell-wide{width:min(1180px,100% - 48px)}.article-header{margin-bottom:32px}.article-header h1{margin-top:10px;font-size:clamp(2rem,5vw,3.1rem)}.article-body{background:var(--color-surface);border:1px solid var(--color-border);overflow-wrap:anywhere;min-width:0;box-shadow:var(--shadow-subtle);border-radius:8px;padding:clamp(22px,4vw,40px)}.breadcrumbs{color:var(--color-muted);margin:0 0 20px;font-size:.9rem}.breadcrumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--color-muted);margin-left:8px}.disclosure{color:var(--color-muted);background:#fffdf8;border:1px solid #edf0e8;border-radius:8px;margin:0 0 20px;padding:10px 12px;font-size:.82rem;line-height:1.65}.ad-slot{border:1px solid var(--color-border);background:var(--color-soft);color:var(--color-muted);text-align:center;border-radius:8px;margin:28px 0;padding:12px 14px;font-size:.92rem}.ad-label{margin-bottom:8px;font-size:.78rem;display:block}.affiliate-button{background:var(--color-primary);color:#fff;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:8px 16px;font-weight:700;text-decoration:none;display:inline-flex}.affiliate-button:hover{background:var(--color-primary-dark);color:#fff}.affiliate-block{border:1px solid var(--color-border);background:linear-gradient(#fff 0%,#fffaf1 100%);border-radius:8px;margin:28px 0;padding:16px}.affiliate-disclosure{color:var(--color-muted);margin:0 0 14px;font-size:.9rem}.affiliate-product-card{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 0 0;display:grid}.affiliate-product-card+.affiliate-product-card{margin-top:16px}.affiliate-product-image{aspect-ratio:1;border:1px solid var(--color-border);object-fit:contain;background:#fff;border-radius:6px;width:100%;max-width:256px;height:auto;padding:8px}.affiliate-product-image-link{border-radius:6px;width:100%;max-width:256px;text-decoration:none;display:inline-flex}.affiliate-product-image-link:hover .affiliate-product-image{border-color:var(--color-primary)}.affiliate-product-image-link:focus-visible,.affiliate-product-title-link:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 48%, transparent);outline-offset:3px}.affiliate-product-card h3,.affiliate-product-title{margin:0 0 4px;font-size:1.05rem;font-weight:800;line-height:1.3}.affiliate-product-title-link{color:inherit;border-radius:3px;text-decoration:none}.affiliate-product-title-link:hover{color:var(--color-primary-dark);text-underline-offset:3px;text-decoration:underline 2px}.affiliate-product-card p{color:var(--color-muted);margin:0 0 6px;font-size:.92rem}.affiliate-product-card p:last-child{margin-bottom:0}.affiliate-product-card strong{color:var(--color-text)}.affiliate-product-need{color:var(--color-primary-dark);font-weight:700}.affiliate-product-price{color:var(--color-text);font-weight:800}.affiliate-buttons{flex-wrap:wrap;gap:10px;display:flex}.affiliate-product-copy{min-width:0}@media (width>=640px){.affiliate-product-card-has-image{grid-template-columns:auto minmax(0,1fr);align-items:start}.affiliate-buttons{grid-column:1/-1}}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%}.table-wrap table{min-width:620px}.competitor-comparison-wrap,.grade-spec-comparison-wrap{background:0 0;border:0}.table-wrap .grade-spec-comparison-table{table-layout:fixed;border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid #dfe5d8;border-radius:8px;min-width:860px;overflow:hidden}.grade-spec-comparison-table th{color:#425046;background:#f7f9f3;border-bottom:1px solid #dfe5d8;font-size:.84rem;font-weight:700;line-height:1.45}.grade-spec-comparison-table td{color:#263127;background:#fff;font-size:.9rem;line-height:1.65}.grade-spec-comparison-table th:first-child,.grade-spec-comparison-table td:first-child{width:128px;color:var(--color-ink);font-weight:700}.table-wrap .competitor-comparison-table{border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;min-width:800px;overflow:hidden}.competitor-comparison-table th{color:#425046;background:#f7f9f3;border-bottom:1px solid #dfe5d8;font-size:.82rem;font-weight:700}.competitor-comparison-table td{background:#fff;font-size:.9rem;line-height:1.65}.competitor-comparison-table th:first-child,.competitor-comparison-table td:first-child{width:170px}.competitor-comparison-table th:nth-child(3),.competitor-comparison-table td:nth-child(3){white-space:nowrap;min-width:140px}.competitor-comparison-table th:nth-child(4),.competitor-comparison-table td:nth-child(4){white-space:nowrap;min-width:112px}.competitor-comparison-table th:nth-child(5),.competitor-comparison-table td:nth-child(5){white-space:nowrap;min-width:132px}.competitor-comparison-table img{aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid #edf0e8;border-radius:6px;width:150px;max-width:100%;display:block}.competitor-image-link{color:inherit;border-radius:6px;text-decoration:none;display:inline-block}.competitor-image-link:focus-visible,.competitor-detail-link:focus-visible{outline-offset:3px;outline:3px solid #3d744c59}.competitor-detail-link{color:#314832;white-space:nowrap;background:#fff;border:1px solid #7a8d69;border-radius:6px;justify-content:center;align-items:center;min-height:34px;padding:7px 12px;font-size:.82rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.competitor-detail-link:hover{color:#263127;background:#f7f9f3;border-color:#51663f}.competitor-detail-link-missing{color:#6f786a;white-space:nowrap;font-size:.82rem;font-weight:700}.table-wrap .competitor-comparison-matrix{table-layout:fixed;min-width:1080px}.competitor-comparison-matrix th:first-child,.competitor-comparison-matrix td:first-child{width:132px;color:var(--color-ink);font-weight:700}.competitor-comparison-table.competitor-comparison-matrix th,.competitor-comparison-table.competitor-comparison-matrix td{white-space:normal;overflow-wrap:anywhere;word-break:normal}.competitor-comparison-matrix th:not(:first-child),.competitor-comparison-matrix td:not(:first-child){width:158px;min-width:158px}.competitor-comparison-matrix img{margin-inline:auto}th,td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:10px 12px}th{background:var(--color-soft);font-size:.9rem}.article-body h2{border-top:1px solid #edf0e8;margin-top:34px;padding-top:28px}.article-body h2:first-child{border-top:0;margin-top:0;padding-top:0}.article-body ul,.article-body ol{padding-left:1.3em}.product-hero-figure,.grade-image-grid figure,.product-color-strip figure,.component-guide-figure{margin:0}.product-hero-figure{margin-bottom:30px}.product-hero-figure img{border:1px solid var(--color-border);aspect-ratio:23/16;object-fit:contain;background:#fff;border-radius:8px;width:100%;display:block}.product-hero-figure figcaption,.grade-image-grid figcaption,.product-color-strip figcaption{color:var(--color-muted);font-size:.86rem;line-height:1.55}.product-hero-figure figcaption{margin-top:8px}.grade-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 4px;display:grid}.grade-image-grid figure{min-width:0}.grade-image-grid img{border:1px solid var(--color-border);aspect-ratio:23/16;object-fit:contain;background:#fff;border-radius:8px;width:100%;display:block}.grade-image-grid figcaption{gap:2px;margin-top:7px;display:grid}.grade-image-grid figcaption strong{color:var(--color-text);font-size:.92rem;line-height:1.3}.grade-image-grid figcaption span{display:block}.product-color-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 4px;display:grid}.product-color-strip figure{min-width:0}.product-color-strip img{border:1px solid var(--color-border);aspect-ratio:23/16;object-fit:contain;background:#fff;border-radius:8px;width:100%;display:block}.product-color-strip figcaption{margin-top:7px}.component-guide-block{grid-template-columns:minmax(0,30%) minmax(0,1fr);align-items:start;gap:18px;margin:18px 0 28px;display:grid}.component-guide-copy{min-width:0}.component-guide-copy>:first-child{margin-top:0}.component-guide-copy>:last-child{margin-bottom:0}.component-guide-figure img{border:1px solid var(--color-border);aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:8px;width:100%;display:block}.component-guide-figure figcaption{color:var(--color-muted);margin-top:7px;font-size:.86rem;line-height:1.55}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-inner{min-height:96px;color:var(--color-muted);justify-content:space-between;align-items:center;gap:18px;font-size:.92rem;display:flex}@media (width<=820px){.site-shell{width:min(1120px,100% - 24px)}.header-inner{gap:10px;min-height:auto;padding:12px 0 10px}.footer-inner{flex-direction:column;justify-content:center;align-items:flex-start;padding:14px 0}.site-nav{scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;gap:12px;width:100%;margin-inline:-12px;padding:2px 12px 6px;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.hero{padding:42px 0 28px}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-image-grid,.product-color-strip{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:12px;margin-inline:-12px;padding:2px 12px 10px;scroll-padding-inline:12px;display:flex;overflow-x:auto}.grade-image-grid figure,.product-color-strip figure{scroll-snap-align:start;flex:0 0 min(76vw,320px)}.component-guide-block{grid-template-columns:1fr;gap:12px}.section{padding:36px 0}.article-shell{width:min(800px,100% - 24px);padding:36px 0 52px}.article-shell-wide{width:min(1040px,100% - 24px)}.article-header{margin-bottom:24px}.footer-inner{gap:8px;min-height:auto}.footer-inner p{margin:0}}@media (width<=560px){body{line-height:1.72}h1{font-size:2rem}h2{margin-bottom:14px;font-size:1.32rem}h3{font-size:1.05rem}.header-inner{flex-direction:column;align-items:stretch}.site-logo{font-size:1rem}.site-nav{font-size:.9rem}.hero{padding:34px 0 24px}.hero p{margin-top:14px;font-size:1rem}.hero-panel,.guide-card,.article-card,.archive-card{padding:16px}.article-card-with-thumb{padding:0}.article-card-with-thumb .meta,.article-card-with-thumb h3,.article-card-with-thumb p,.article-card-with-thumb .tag-list{margin-inline:16px}.article-card-with-thumb>p:last-of-type,.article-card-with-thumb .tag-list{margin-bottom:16px}.section{padding:30px 0}.guide-grid,.article-grid,.archive-grid,.hero-grid,.grade-image-grid,.product-color-strip{grid-template-columns:1fr;gap:12px}.article-shell{width:100%;padding:28px 0 44px}.article-shell-wide{width:100%}.article-shell>.breadcrumbs,.article-shell>.article-header{width:calc(100% - 24px);margin-inline:auto}.article-header h1{font-size:1.85rem}.article-body{box-shadow:none;border-inline:0;border-radius:0;padding:22px 12px 28px}.article-body h2{margin-top:28px;padding-top:24px}.breadcrumbs{font-size:.84rem}.tag-list{gap:6px}.tag-list li{font-size:.78rem}.table-wrap{border-inline:0;border-radius:0;margin-inline:-12px}.table-wrap table{min-width:560px}.grade-spec-comparison-wrap{background:linear-gradient(to right, var(--color-bg) 30%, #fff0), linear-gradient(to left, var(--color-bg) 30%, #fff0) 100% 0, linear-gradient(to right, #19261c1f, #fff0), linear-gradient(to left, #19261c1f, #fff0) 100% 0;background-attachment:local,local,scroll,scroll;background-color:var(--color-bg);background-repeat:no-repeat;background-size:34px 100%,34px 100%,12px 100%,12px 100%;border-top:1px solid #edf0e8;border-bottom:1px solid #edf0e8;margin-inline:-12px;padding-inline:12px;overflow-x:auto}.table-wrap .grade-spec-comparison-table{min-width:780px;box-shadow:none;border-radius:0}.grade-spec-comparison-table th,.grade-spec-comparison-table td{padding:10px 12px;font-size:.84rem;line-height:1.55}.grade-spec-comparison-table th:first-child,.grade-spec-comparison-table td:first-child{z-index:1;width:92px;min-width:92px;position:sticky;left:0;box-shadow:1px 0 #dfe5d8}.grade-spec-comparison-table th:first-child{z-index:2}.grade-spec-comparison-table th:not(:first-child),.grade-spec-comparison-table td:not(:first-child){min-width:172px}.competitor-comparison-wrap{background:linear-gradient(to right, var(--color-bg) 30%, #fff0), linear-gradient(to left, var(--color-bg) 30%, #fff0) 100% 0, linear-gradient(to right, #19261c1f, #fff0), linear-gradient(to left, #19261c1f, #fff0) 100% 0;background-attachment:local,local,scroll,scroll;background-color:var(--color-bg);background-repeat:no-repeat;background-size:34px 100%,34px 100%,12px 100%,12px 100%;border-top:1px solid #edf0e8;border-bottom:1px solid #edf0e8;margin-inline:-12px;padding-inline:12px;overflow-x:auto}.table-wrap .competitor-comparison-table{min-width:800px;box-shadow:none;border-radius:0}.competitor-comparison-table th,.competitor-comparison-table td{padding:10px 12px;font-size:.84rem;line-height:1.55}.competitor-comparison-table th:first-child,.competitor-comparison-table td:first-child{width:128px;min-width:128px}.competitor-comparison-table td:first-child img{width:108px}.table-wrap .competitor-comparison-matrix{min-width:1040px;box-shadow:none;border-radius:0}.competitor-comparison-matrix th:first-child,.competitor-comparison-matrix td:first-child{z-index:1;width:96px;min-width:96px;position:sticky;left:0;box-shadow:1px 0 #dfe5d8}.competitor-comparison-matrix th:first-child{z-index:2}.competitor-comparison-matrix th:not(:first-child),.competitor-comparison-matrix td:not(:first-child){width:148px;min-width:148px}.competitor-comparison-matrix img{width:128px}th,td{padding:8px 10px;font-size:.9rem}.product-hero-figure{margin-bottom:24px}}