.blogWrap{max-width:1380px;margin:auto;padding:45px 4.5% 70px}.blogIntro{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;margin-bottom:35px}.blogIntro h1{font-size:clamp(36px,4.5vw,64px);line-height:1.06;letter-spacing:-2px;margin:18px 0}.blogIntro p{color:#666;font-size:16px;line-height:1.8;max-width:580px}.blogIntro img{width:100%;height:330px;object-fit:contain;background:#f5f5f5;border-radius:20px}.blogTopics{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.blogTopics button{padding:12px 18px;border:1px solid #ddd;border-radius:24px;background:white;font-size:13px}.blogTopics button.active{background:#ffd600;border-color:#ffd600}.blogGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.blogCard{border:1px solid #e8e8e8;border-radius:18px;overflow:hidden;background:white;display:flex;flex-direction:column}.blogCard>a:first-child{background:#f5f5f5;display:block}.blogCard img{width:100%;height:220px;object-fit:contain;display:block;padding:15px}.blogCard>div{padding:23px;display:flex;flex-direction:column;flex:1}.blogCard small{font-size:11px;color:#666}.blogCard h2{font-size:22px;letter-spacing:-.6px;line-height:1.3;margin:13px 0}.blogCard p{font-size:14px;color:#666;line-height:1.7;margin:0 0 18px}.blogCard .readArticle{font-size:13px;font-weight:700;margin-top:auto;padding:10px 0;display:block}.editorialPolicy{background:#f5f5f5;border-radius:16px;padding:25px;margin-top:45px}.editorialPolicy h2{font-size:22px}.editorialPolicy p{font-size:14px;color:#666;line-height:1.8;max-width:900px}.articleHero{max-width:1000px;margin:auto}.articleHero h1{font-size:clamp(34px,4vw,56px);line-height:1.13;letter-spacing:-1.7px;margin:16px 0 22px}.articleHero>p{font-size:18px;line-height:1.7;color:#666;max-width:820px}.articleMeta{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;color:#777;margin:25px 0}.articleCover{width:100%;height:390px;object-fit:contain;background:#f5f5f5;border-radius:20px;padding:25px}.articleLayout{display:grid;grid-template-columns:240px minmax(0,760px);gap:55px;max-width:1055px;margin:40px auto}.articleToc{position:sticky;top:25px;align-self:start}.articleToc strong{font-size:13px}.articleToc a{display:block;font-size:13px;line-height:1.5;color:#666;padding:12px 0;border-bottom:1px solid #eee}.articleBody section{margin-bottom:36px;scroll-margin-top:30px}.articleBody h2{font-size:27px;line-height:1.25;letter-spacing:-.7px}.articleBody p{font-size:16px;line-height:1.9;color:#555}.articleCallout{background:#fff5bf;padding:25px;border-radius:16px;margin:30px 0}.articleCallout p{margin-top:0}.articleCallout a{font-weight:700;display:inline-flex;padding:10px 0;min-height:44px}.articleSources{padding:25px;background:#f5f5f5;border-radius:16px}.articleSources a{font-size:14px;line-height:1.7;text-decoration:underline;overflow-wrap:anywhere}.articleSources li{padding:7px 0}.articleSources p{font-size:13px}.articleRelated{max-width:1055px;margin:45px auto}.articleRelated .productGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.articleRelated h2{font-size:26px}.articleRelated>p{font-size:13px;color:#666;line-height:1.7}.articleRelated .productImage{height:220px}.articleRelated h3{font-size:16px}.articleMore{border-top:1px solid #ddd;padding-top:25px}.articleMore a{display:block;margin:14px 0;text-decoration:underline;font-size:15px}.homeEditorial{margin:30px 4.5% 50px}.homeEditorial .sectionHead>a{font-size:14px;text-decoration:underline}.homeEditorial .blogGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.seoCategories{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0}.seoCategories a{font-size:13px;border:1px solid #ddd;padding:12px 16px;border-radius:24px}.seoCategoryCopy{padding:30px 4.5%;border-bottom:1px solid #eee}.seoCategoryCopy h1{font-size:40px;line-height:1.15}.seoCategoryCopy p{font-size:15px;color:#666;line-height:1.8;max-width:900px}.seoCategoryCopy img{max-width:350px;height:200px;object-fit:contain}.sourceReview{border-left:4px solid #ffd600;padding-left:15px;font-size:13px;line-height:1.7}
@media(max-width:900px){.blogWrap{padding:25px 16px 35px}.blogIntro{grid-template-columns:1fr;gap:20px}.blogIntro h1{font-size:36px;letter-spacing:-1.2px}.blogIntro p{font-size:15px}.blogIntro img{height:220px}.blogGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.blogTopics{flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.blogTopics button{flex-shrink:0;min-height:44px}.blogCard img{height:170px;padding:12px}.blogCard>div{padding:18px}.blogCard h2{font-size:20px}.blogCard p{font-size:14px}.articleHero h1{font-size:34px}.articleHero>p{font-size:16px}.articleMeta{font-size:12px;line-height:1.6;gap:5px 15px}.articleCover{height:240px;padding:18px;border-radius:18px}.articleLayout{display:flex;flex-direction:column;gap:24px;margin:25px 0}.articleToc{position:static;padding:18px;background:#f5f5f5;border-radius:14px;width:100%}.articleToc a{font-size:14px;padding:12px 0;min-height:44px}.articleBody section{scroll-margin-top:calc(var(--mobile-header) + 18px)}.articleBody h2{font-size:26px}.articleBody p{font-size:16px;line-height:1.85}.articleRelated .productGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.articleRelated .productImage{height:175px}.articleRelated h3{font-size:14px}.articleSources{padding:20px}.articleSources ul{padding-left:18px}.articleSources h2{font-size:24px}.articleSources a{font-size:13px}.homeEditorial{margin:25px 16px 35px}.homeEditorial .blogGrid{grid-template-columns:1fr}.homeEditorial .sectionHead>a{display:flex;align-items:center;min-height:44px}.homeEditorial .blogCard{display:grid;grid-template-columns:120px minmax(0,1fr)}.homeEditorial .blogCard img{height:100%;min-height:170px;padding:10px}.homeEditorial .blogCard h2{font-size:18px}.homeEditorial .blogCard p{display:none}.seoCategoryCopy{padding:25px 16px}.seoCategoryCopy h1{font-size:31px}}
.productImage>img{display:block;max-width:100%;width:90%;height:90%;object-fit:contain;margin:auto}
.blogCard[hidden]{display:none}
@media(max-width:550px){.blogGrid{grid-template-columns:1fr}.blogCard img{height:210px}.blogCard h2{font-size:23px}.homeEditorial .blogCard img{height:100%}}
