.suSeoHub{max-width:1180px;margin:22px auto 96px;padding:20px 22px;border:1px solid rgba(145,177,207,.16);border-radius:18px;background:rgba(10,28,44,.72);box-shadow:0 16px 45px rgba(0,0,0,.16)}
.suSeoHub h2{margin:0 0 8px;font-size:clamp(20px,2vw,28px);line-height:1.2;color:#eef7ff}.suSeoHub p{margin:0;color:#aebfd0;line-height:1.65;max-width:980px}.suSeoHub nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.suSeoHub nav a{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(62,133,202,.13);border:1px solid rgba(92,160,224,.24);color:#beddff;text-decoration:none;font-size:14px}.suSeoHub nav a:hover{background:rgba(62,133,202,.22);color:#fff}
.suSeoDetailFallback{padding:22px;border:1px solid rgba(145,177,207,.16);border-radius:18px;background:rgba(10,28,44,.7)}.suSeoDetailFallback h1{margin:0 0 10px;color:#eef7ff;font-size:clamp(23px,3vw,34px);line-height:1.18}.suSeoDetailFallback p{margin:0;color:#b5c5d4;line-height:1.65;white-space:pre-line}.suSeoDetailFallback dl{display:flex;flex-wrap:wrap;gap:10px 18px;margin:17px 0 0}.suSeoDetailFallback dl div{display:flex;gap:6px}.suSeoDetailFallback dt{color:#7891a8}.suSeoDetailFallback dd{margin:0;color:#dcecff;font-weight:650}
@media(max-width:760px){.suSeoHub{margin:16px 12px 104px;padding:17px}.suSeoHub nav{gap:7px}.suSeoHub nav a{font-size:13px;padding:7px 10px}.suSeoDetailFallback{padding:17px}}