:root{font-family:Arial,Helvetica,sans-serif;color:#102e4c;background:#f6f8fc}*{box-sizing:border-box}body{margin:0}a{color:#2055dc;text-decoration:none}a:hover{text-decoration:underline}.seoHeader{background:white;border-bottom:1px solid #dce5f2;padding:22px max(24px,5vw);display:flex;justify-content:space-between;align-items:center;gap:24px}.seoHeader img{max-width:100%;height:auto}.seoHeader nav{display:flex;gap:24px}.seoMain{max-width:1380px;margin:32px auto;padding:0 24px}h1{font-size:32px;margin-bottom:10px}.seoMain>p{line-height:1.6}.seoCategories{padding:18px;background:#fff;border:1px solid #dce5f2;border-radius:12px;margin:24px 0}.seoCategories summary{cursor:pointer;font-weight:bold}.seoCategories nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:18px}.seoCategories a{padding:5px}.seoGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.seoCard{border:1px solid #dce5f2;border-radius:14px;background:white;padding:20px;display:flex;flex-direction:column}.seoCard img{width:100%;height:190px;object-fit:contain;margin-bottom:20px}.seoCard h2{font-size:15px;line-height:1.55;margin:10px 0;color:#102e4c;overflow-wrap:anywhere}.seoCard small{font-size:12px;color:#526880}.seoCard p{font-size:22px;font-weight:700;margin-top:auto;padding-top:18px}.seoCard .seoView{font-size:13px;margin-top:18px;font-weight:bold}.seoPlaceholder{height:210px;display:grid;place-items:center;color:#647894;background:#f5f8fc}.seoPagination{display:flex;justify-content:center;gap:24px;align-items:center;margin:36px 0}.seoPagination a{border:1px solid #dce5f2;padding:12px 18px;background:#fff;border-radius:9px}.seoFooter{border-top:1px solid #dce5f2;padding:28px;text-align:center;font-size:13px;line-height:2}@media(max-width:1000px){.seoGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.seoHeader{flex-direction:column;align-items:flex-start}.seoHeader img{width:230px}.seoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seoCard{padding:14px}.seoCard img{height:150px}h1{font-size:26px}.seoMain{padding:0 16px}.seoCard h2{font-size:13px}.seoCard p{font-size:19px}.seoPagination{gap:12px;font-size:13px}}@media(max-width:380px){.seoGrid{grid-template-columns:1fr}}

.seoCard h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;min-height:6.2em}.seoCard>a:first-child{display:block}.seoCard p{padding-top:12px}
