html,body{color:#20252b;background:#fff;margin:0;font-family:Arial,Malgun Gothic,sans-serif}:root{--background:#fff;--foreground:#20252b}.smart21-blog [hidden]{display:none!important}.smart21-blog{color:#20252b;box-sizing:border-box;max-width:1320px;margin:0 auto;padding:56px 24px;font-family:inherit}.smart21-blog *{box-sizing:border-box}.smart21-blog h2{margin:0 0 28px;font-size:26px;font-weight:700;line-height:1.4}.smart21-blog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px;display:grid}.smart21-blog-card{color:inherit;min-width:0;text-decoration:none;display:block}.smart21-blog-media{background:#f0f2f4;border-radius:6px;height:0;padding-top:calc(75% + 60px);display:block;position:relative;overflow:hidden}.smart21-blog-media img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block;position:absolute;inset:0}.smart21-blog-card:hover img{transform:scale(1.025)}.smart21-blog-card:focus-visible{outline-offset:5px;outline:3px solid #2368c4}.smart21-blog-card h3{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:3em;margin:14px 0 7px;font-size:16px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.smart21-blog-card time{color:#666;font-size:14px;line-height:1.5;display:block}.smart21-blog-noimage{color:#666;place-items:center;height:100%;font-size:14px;display:grid;position:absolute;inset:0}@media (max-width:1000px){.smart21-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.smart21-blog{padding:36px 16px}.smart21-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}}@media (prefers-reduced-motion:reduce){.smart21-blog-media img{transition:none}}.smart21-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:320px;display:flex}.smart21-loading img{width:280px;max-width:85%;height:auto;display:block}.smart21-loading p{color:#666;margin:0;font-size:16px;line-height:1.6}.smart21-loading-dots{margin-left:5px;animation:1.2s ease-in-out infinite smart21-pulse;display:inline-block}@keyframes smart21-pulse{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.smart21-loading-dots{animation:none}}